
.content{
	-webkit-appearance: none;  
	background-color: #071999;
	position: relative;
	height: calc(100%-500px);
	overflow: auto;
	scroll-behavior: smooth;
	.submitBox2{
		position: fixed;
		bottom: 70px;
		left: 0;
		z-index: 999;
		background-color: #fff;
		width: 100%;
		font-size: 18px;
		color: #000;
		border-radius:15px 15px 0 0;
	}
	.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;
	}

	.submitBoxTitle{
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #eee;
		padding: 7px 20px 5px;
		font-weight: bold;
		font-size: 16px;
	}
	.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;
			
			.lineLabel{
				font-weight: bold;
			}
			.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;
		}
	}
	.shareFixedBox{
		color: #fff;
		background-color:  #071999;
		z-index: 999;
		position: fixed;
		bottom:170px;
		right: 20px;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.tabBox{
		display: flex;
		flex-direction: row;
		align-items: center;
		overflow-x: scroll;
		width: 100%;
		padding: 0% 3.2%;
		height: 20%;
		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 2px;
		color: #736253;
		background-color: #fff;
		border-radius: 200px;
		flex:0 0 70px;
		text-align: center;
		padding: 4px 0;
	}
	.tabItemXz{
		position: relative;
		margin: 0 2px;
		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;
		}
	}
}
.maginT{
	margin-bottom: 70px;
	
}
.marginF{
	margin-bottom: 120px;
}
.content::-webkit-scrollbar {
	    width: 0;
	    height: 0;
	    color: transparent;
	}
@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;
      }
    }
  }
}

