html,body{
	width:100%;
	height:auto;
	position:relative;
}
#starWrap{
	width:10.8rem;
	height:100%;
	background:url(../images/bg.jpg) no-repeat center top;
	background-size:cover;
	overflow: hidden;
	position:relative;
	margin:0 auto 0;
}
.starBg{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	object-fit:cover;
	z-index:2;
	pointer-events: none;
}
.wenliBg{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:6.58rem;
}
.btn{
	width:10.62rem;
	height:3.27rem;
	background:url(../images/btn.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:6.58rem auto 0;
}
.btn img{
	display:block;
	width:100%;
	animation:vGo 1s linear infinite;
	-webkit-animation: vGo 1s linear infinite;
}
.starP{
	font-size:.26rem;
	color:#5aa3e4;
	line-height:.44rem;
	text-align: center;
	letter-spacing: 0.06rem;
}
.price{
	display:block;
	width:100%;
	margin-top:-3.5rem;
}
.notice{
	display:block;
	width:7.69rem;
	margin:-1.1rem auto 0;
	position:relative;
	z-index:3;
}
#loginModal{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	backdrop-filter: blur(.1rem);
	-webkit-backdrop-filter: blur(.1rem);
	z-index: 20;
}
.login-modal{
	width:100%;
	height:7.84rem;
	background:url(../images/login.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0 auto 0;
	top:45%;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}
.login-modal .close{
	width:.38rem;
	height:.38rem;
	position:absolute;
	left:1.18rem;
	top:1.91rem;
	z-index:2;
}
.login-modal .form-box{
	width:4.9rem;
	position:relative;
	margin:2rem auto 0;
	border-radius: .15rem;
}
.login-modal .form-box .form-tit{
	font-size:.42rem;
	color:#0891ff;
	font-weight:bold;
	letter-spacing: 0.02rem;
	margin-bottom:.38rem;
}
.login-modal .form-box .form-item{
	width:100%;
	background:#fdffff;
	position:relative;
	margin-bottom:.25rem;
	border-radius: .15rem;
	display: flex;
	display: -webkit-flex;
	border-radius: 0.02rem solid #ddd;
}
.login-modal .form-box .form-item .phone-icon{
	width:.52rem;
	height:.62rem;
	background:url(../images/phone.png) no-repeat center;
	background-size:cover;
	margin:.13rem 0 0 .29rem;
	position:relative;
}
.login-modal .form-box .form-item .form-item-phone{
	display: block;
	outline:none;
	border:0;
	width:3.5rem;
	height:.85rem;
	position:relative;
	border-radius: .15rem;
	font-size:.3rem;
	text-align: center;
	line-height:.85rem;
	letter-spacing: 0.02rem;
}
.login-modal .form-box .form-item .form-item-sec{
	width:2.72rem;
	height:.85rem;
	display:flex;
	background:#fdffff;
	border-radius: .15rem;
	box-shadow: 0 0 .2rem rgba(0,0,0,.2);
}
.login-modal .form-box .form-item .form-item-yzm{
	display: block;
	outline:none;
	border:0;
	width:1.44rem;
	height:.85rem;
	position:relative;
	border-radius: .15rem;
	font-size:.3rem;
	text-align: center;
	line-height:.85rem;
	letter-spacing: 0.02rem;
}
.login-modal .form-box .form-item .yzm-icon{
	width:.5rem;
	height:.7rem;
	background:url(../images/suo.png) no-repeat center;
	background-size:cover;
	margin:0.06rem 0 0 .27rem;
}
.login-modal .form-box .form-item .captcha{
	width:2.21rem;
	height:1rem;
	background:url(../images/get.png) no-repeat center;
	background-size:cover;
	position:relative;
	font-size:.3rem;
	color:#fdffff;
	/* line-height:.95rem; */
	/* text-align: center; */
	margin-top:-.03rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login-modal .form-box .form-item .captcha.on{
	display:block;
	text-align:center;
	line-height:.95rem;
}
.login-modal .agree-box{
	display: flex;
	justify-content: center;
	font-size:.26rem;
	letter-spacing: 0.01rem;
	align-items: center;
}
#g_code.active{
	pointer-events: none;
}
.login-modal .agree-box .agree-checkbox{
	width:.3rem;
	height:.3rem;
	background:url(../images/wei.png) no-repeat center;
	background-size:cover;
	position:relative;
	margin-right:.1rem;
}
.login-modal .agree-box .agree-checkbox.active{
	background:url(../images/xuan.png) no-repeat center;
	background-size:cover;
}
.login-modal .agree-box span{
	color:#c8c7cf;
}
.login-modal .agree-box a{
	color:#92a4b1;
}
.login-modal .login-btn{
	width:2.21rem;
	height:1rem;
	background:url(../images/get.png) no-repeat center;
	background-size:cover;
	position:relative;
	font-size:.3rem;
	color:#fdffff;
	/* line-height:.95rem; */
	/* text-align: center; */
	margin:.1rem auto 0;
	display:flex;
	justify-content:center;
	align-items: center;
}
.login-modal .login-btn.active{
	pointer-events: none;
}
.login-modal .login-btn.on{
	display:block;
	text-align:center;
	line-height:.95rem;
}
@keyframes vGo{
	0%{transform:scale(1)}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
}