html,body{
	margin:0;
	padding:0;
}
.warp{
	width:100vw;
	background-size:100% auto;
	background-repeat:no-repeat;
	overflow:hidden;
	
}

.forms{
	width: 6.9rem;
	height: 11.72rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	
	padding-top:0.48rem;
	position:relative;
	top:50%;
	margin-top:-5.86rem;
	left:50%;
	margin-left:-3.45rem;
	
}
.forms .header{
	height: 0.5rem;
	font-size: 0.36rem;
	font-weight: 500;
	color: #333333;
	line-height: 0.5rem;
	text-align:center;
	//font-family: PingFangSC-Medium;
	margin-bottom:0.5rem;
}
.forms .line{
	margin-left:0.5rem;
	margin-right:0.5rem;
	margin-bottom:0.21rem;
}
.forms .line .text{
	height: 0.45rem;
	font-size: 0.32rem;
	//font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 0.45rem;
}
.forms .line .input{

	height: 0.8rem;
	background: #F4F4F4;
	position:relative;
	margin-top:0.12rem;
	line-height:0.8rem;
	padding:0;
}
.forms .line .input input{
	width:88%;
	height: 0.72rem;
	background: #F4F4F4;
	border:none;
	padding-left:0.2rem;
	color: #999999;
	margin-top:-0.02rem;
}
.forms .line .input .icon{
	position:absolute;
	top:0.23rem;
	right:0.15rem;
	width:0.33rem;
	height:0.33rem
}
.forms .line .input .icon2{
	width:0.2rem;
	height:0.2rem;
	position:absolute;
	top:0.3rem;
	right:0.21rem;
	
}
.forms .line .input  img{
	height:100%;
}

.forms .line2{
	margin-left:0.5rem;
	margin-right:0.5rem;
	margin-bottom:0.21rem;
}
.forms .line2 .text{
	height: 0.45rem;
	font-size: 0.32rem;
	//font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 0.45rem;
}
.forms .line2  .radio{
	height: 0.8rem;
	margin-top:0.12rem;
	display:flex;
}
.forms .line2  .radio label{
	display:flex;
	margin-right:0.57rem;
}
.forms .line2  .radio .dian{
	width:0.28rem;
	height:0.28rem;
	border:0.01rem solid #979797;
	border-radius:50%;
	margin-right:0.08rem;
	margin-top:0.2rem;
}
.forms .line2  .radio .dian .nei{
	width:0.2rem;
	height:0.2rem;
	margin-left:0.04rem;
	margin-top:0.04rem;
	border-radius:50%;
	background:#fff;
}
.forms .line2  .radio .dian.on{
	border:0.01rem solid #3384FD;
}
.forms .line2  .radio .dian.on .nei{
	background:#3384FD;
}
.forms .line2  .radio  .text{
	margin-top:0.15rem;
	width: 0.64rem;
	height: 0.45rem;
	font-size: 0.32rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.45rem;
}
.forms .line .textarea{
	background: #F4F4F4;
	position:relative;
	margin-top:0.12rem;
	line-height:0.8rem;
	overflow:hidden
}
.forms .line .textarea textarea{
	width:90%;
	height:100%;
	min-height: 1.6rem;
	background: #F4F4F4;
	border:none;
	color: #999999;
	line-height: 0.8rem;
	padding-left:0.2rem;
}
.forms .line .textarea .icon{
	position:absolute;
	top:0.23rem;
	right:0.15rem;
	width:0.33rem;
	height:0.33rem
}
.forms .subbtn{
	width: 4.4rem;
	height: 0.9rem;
	line-height:0.9rem;
	text-align:center;
	background: linear-gradient(180deg, #77ABFF 0%, #4273FF 100%);
	border-radius: 0.45rem;
	font-size: 0.32rem;
	//font-family: PingFangSC-Medium;
	font-weight: 500;
	color:#fff;
	margin:auto;
	margin-top:0.4rem;
}
.model{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	display:none;
	top:0;
	left:0;
}

.close{
	position:absolute;
	top:0.23rem;
	right:0.21rem;
	width:0.27rem;
	height:0.27rem;
}
.close img{
	width:100%;
	height:100%;
}

.footer{
	width:100%;
	height:0.98rem;
	position:fixed;
	bottom:0;
	background:#fff;
}

.footer .li{
	width:20%;
	height:0.85rem;
	float:left;
	position:relative;
	margin-top:0.1rem;
	background:#fff;
	border-top:1px solid #F4F4F4;
}
.footer .li .pic{
	height:0.38rem;
	position:absolute;
	left:50%;
	margin-top:0.1rem;
	
}
.footer .li .pic:nth-child(1){
	width:0.4rem;
	margin-left:-0.2rem;

}
.footer .li .pic:nth-child(2){
	width:0.48rem;
	margin-left:-0.24rem;

}

.footer .li .text{
	width:100%;
	height:0.4rem;
	line-height:0.4rem;
	position:absolute;
	bottom:0;
	text-align:center;
	font-size: 0.28rem;
	color: #333333;
	margin-top:0.06rem;
}

.footer .li .pic img{
	width:100%;
	height:100%;
}

.footer .li2{
	width:2.4rem;
	height:0.8rem;
	float:left;
	position:relative;
	margin-top:0.14rem;
	margin-right:0.2rem;
}

.footer .li2 .pic{
	width:100%;
	height:100%;
}
.footer .li2 .pic img{
	width:100%;
	height:100%;
}
.footer .li2 .text{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	line-height:0.8rem;
	text-align:center;
	font-size: 0.28rem;
	color: #FFFFFF;
}
.footer .li3{
	width:1.6rem;
	height:0.8rem;
	float:left;
	position:relative;
	margin-top:0.14rem;
}
.footer .li3 .pic{
	width:1.6rem;
	height:0.8rem;
	
}
.footer .li3 .pic img{
	width:1.6rem;
	height:0.8rem;
}
.footer .li3 .text{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	line-height:0.8rem;
	text-align:center;
	font-size: 0.28rem;
	color: #FFFFFF;
}

.model2{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);

	z-index:111;
	top:0;
	left:0;
	display:none;
}
.model2 .pic{
	width: 3.9rem;
	height: 3.9rem;
	margin:auto;
	margin-top:3.48rem;
}
.model2 .pic img{
	width: 100%;
	height:100%;
}
.model2 .text{
	height: 0.45rem;
	font-size: 0.32rem;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.45rem;
	text-align:center;
	margin-top:0.31rem;
}
.model2 .btn{
	width: 3rem;
	height: 0.8rem;
	line-height: 0.8rem;
	background: linear-gradient(180deg, #77ABFF 0%, #4273FF 100%);
	border-radius: 0.4rem;
	font-size: 0.32rem;
	font-weight: 500;
	color: #FFFFFF;
	text-align:center;
	margin:auto;
	margin-top:1.76rem;
	
}
.model2 .btn a{
	color: #FFFFFF;
}
.model2 .icon{
	width: 0.5rem;
	height:0.5rem;
	margin:auto;
	margin-top:0.6rem;
}

.tupian{
	width:100%;
}
.tupian img{
	width:100%;
}
.name{
	margin-left:0.3rem;
	margin-right:0.3rem;
	height: 0.45rem;
	font-size: 0.32rem;
	//font-family:PingFangSC-Medium;
	font-weight: 600;
	color: #333333;
	line-height: 0.45rem;
	margin-top:0.3rem;
	margin-bottom:0.46rem;
}
.content{
	margin-left:0.3rem;
	margin-right:0.3rem;
	margin-bottom:1rem;
}

.video{
	margin:0.3rem;
	
}