
.content{
	background-color: #071999;
	padding-bottom: 50px;
	position: relative;
	height: 100%;
	overflow: auto;
	.submitBox{
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999;
		background-color: #fff;
		width: 100%;
		font-size: 18px;
		color: #000;
		border-radius:15px 15px 0 0;
		.closeButton{
			text-align: right;
			padding-top: 7px;
			padding-right: 10px;
			margin-bottom: -10px;
		}
		.submitBoxTitle{
			border-bottom: 1px solid #eee;
			padding: 0 20px 2px;
		}
		.submitBoxContent{
			padding:15px 20px 0;
			font-size: 16px;
			.line{
				background-color: rgba(246, 246, 246, 1);
				border-radius: 10px;
				padding:10px 15px;
				display: flex;
				justify-content: space-between;
				margin-bottom: 10px;
				.lineValue{
					flex-grow: 0.8;
				}
				input::placeholder {
				    font-size: 16px;
				 }
			}
		}
		.submitButtonBox{
			width: 100%;
			.submitButton{
				text-align: center;
				color: #fff;
				font-size: 20px;
				background: linear-gradient(90deg, rgba(224, 168, 98, 1) 0%, rgba(228, 176, 110, 1) 52.08%, rgba(224, 168, 98, 1) 100%);
				padding: 8px 0;
				border-radius: 200px;
				margin:20px 50px 40px ;
			}
		}
	}
	.shareBox{
		z-index: 99;
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		background-color: #fff;
		width: 100%;
		padding: 5px 25px;
		align-items: center;
		.knowButtonBox{
			flex-grow: 1;
			text-align: center;
			color: #fff;
			font-size: 20px;
			background: linear-gradient(90deg, rgba(224, 168, 98, 1) 0%, rgba(228, 176, 110, 1) 52.08%, rgba(224, 168, 98, 1) 100%);
			padding: 8px 0;
			border-radius: 200px;
			margin-left: 30px;
		}
	}
	.tabBox{
		display: flex;
		flex-direction: row;
		align-items: center;
		overflow-x: scroll;
		width: 100%;
		padding: 2% 3.2%;
		position: absolute;
		bottom: 4%;
	}
	.tabBoxXd{
		display: flex; 
		flex-direction: row;
		align-items: center;
		overflow-x: scroll;
		width: 100%;
		padding:2% 3.2% 4% 3.2%;
		position: fixed;
		top: 0%;
		background-color: #071999;
		z-index: 9999;
	}
	.tabBox::-webkit-scrollbar {
	    width: 0;
	    height: 0;
	    color: transparent;
	}
	.tabBoxXd::-webkit-scrollbar {
	    width: 0;
	    height: 0;
	    color: transparent;
	}
	.tabItem{
		margin: 0 0.5%;
		color: #736253;
		background-color: #fff;
		border-radius: 200px;
		flex:0 0 70px;
		text-align: center;
		padding: 4px 0;
	}
	.tabItemXz{
		position: relative;
		margin: 0 0.5%;
		color: #fff;
		background-color: #e0a862;
		border-radius: 200px;
		flex:0 0 70px;
		text-align: center;
		padding: 4px 0;
	}
	.tabItemXz::before{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		left:40%;
		bottom:-45%;
		border: 0.5rem solid transparent;
		border-top-color: #e0a862;
	}
	.imgBox{
		position: relative;
		width: 100%;

		.agentBox{
			position: absolute;
			right: 3%;
			top: 5%;
			display: flex;
			align-items: center;
			.agentName{
				background-color: #fff;
				color: #000;
				font-size: 14px;
				padding: 0px 10px 0 15px;
				border-radius:0 20px 20px 0;
				height: 25px;
				line-height: 25px;
				z-index: 99;
			}
			.headImagePath{
				border-radius: 200px;
				overflow: hidden;
				background-color: #fff;
				padding: 4px;
				margin-right:-15px;
				z-index: 999;
			}
		}
		.buttonBox{
			position: absolute;
			bottom: 5%;
			background: linear-gradient(90deg, rgba(224, 168, 98, 1) 0%, rgba(228, 176, 110, 1) 52.08%, rgba(224, 168, 98, 1) 100%);
			color: #fff;
			left: 28%;
			padding: 5px 25px;
			border-radius: 200px;
			font-size: 16px;
			letter-spacing: 1.5px;
			animation: scale 1s  linear forwards infinite;
		}
	}
}
@keyframes scale {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.15);
	}
	100% {
		transform: scale(1);
	}
}


.shareCus {
  position: fixed;
  width: 100%;
  height: 48px;
  line-height: 48px;
  bottom: 70px;
  left: 0;
  background: #ff9700;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

.shareGuidePage {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  justify-content: flex-end;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.8);
  .guideBox {
    margin: 20px auto;
    .iconfont {
      position: absolute;
      right: 8%;
      font-size: 40px;
      top: 2px;
      font-weight: bold;
    }
    .tips {
      margin-top: 60%;
      p {
        font-size: 18px;
        margin-top: 10px;
        text-align: center;
        letter-spacing: 1px;
      }
    }
  }
}

