body .layui-m-layer .layui-m-layer-msg{
	top: 0 !important;
	bottom: 0 !important;
}

html{
	max-width: 750px;
	margin: 0 auto;
	min-height: 100%;
}
/*头部*/
.header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	background: #FFFFFF;
	text-align: center;
	font-size: .34rem;
	color: #000000;
	z-index: 10;
	border-bottom: 1px solid #D0D3D9;
}
.header a.goback{
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: middle;
}
.header a.goback i{
	display: inline-block;
	width: .16rem;
	height: .3rem;
	vertical-align: middle;
	margin: .2rem .24rem;
	background: url(../images/goback.png) no-repeat;
	background-size: 100%;
    position: relative;
    top: -1px;
}
.header .ather-rt{
	position: absolute;
	top: 0;
	right: .25rem;
	height: .88rem;

}
.header .ather-rt span{
	width: .06rem;
	height: .06rem;
	background: #000000;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-left: .06rem;
}
.main{
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.main .img{
	width: 100%;
}
.main .img img{
	width: 100%;
}
.registerBox{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
}
.registerBox .shade{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.registerBox .popup{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	/* 微信专用 height: 3.45rem; */
	/*height: 3.45rem;*/
	/* 手机专用 height: 5.05rem; */
	background: #FFFFFF;
}
.registerBox .popup .reg-top{
	text-align:center;
	width: 100%;
	height: .96rem;
	position: relative;
	border-bottom: 1px solid #DDDDDD;
}
.registerBox .popup .reg-invite{
	background:rgba(244,249,255,1);
	width: 100%;
	height: .60rem;
	position: relative;
}

.registerBox .popup .reg-input{
	font-size: 0.28rem;
	background:rgba(244,249,255,1);
	text-align:center;
	width: 100%;
	height: .60rem;
	line-height: .60rem;
	position: relative;

}

.registerBox .popup .reg-top h3{
	height: .96rem;
	line-height: .96rem;
	font-size:.34rem;
	color: #333333;
	text-align: center;
}
.registerBox .popup .reg-top .close{
	width: .48rem;
	height: .48rem;
	position: absolute;
	top: .24rem;
	right: .4rem;
	background: url(../images/close.png) no-repeat center center;
	background-size: 100%;
}
.registerBox .popup .reg-content{
	padding: .4rem;
}
.registerBox .popup .reg-content .div-input{
	width: 100%;
	padding: 0 .35rem;
	box-sizing: border-box;
	height: .88rem;
	margin-bottom: .24rem;
	border-radius: .44rem;
	-webkit-border-radius: .44rem;
	border: 1px solid #DDDDDD;
	justify-content: flex-start;
}
.registerBox .popup .reg-content .div-input label{
	width: .38rem;
	height: .44rem;
}
.registerBox .popup .reg-content .div-input .phone-icon{
	background: url(../images/icon_phone.png) no-repeat center center;
	background-size: .34rem .44rem;
}
.registerBox .popup .reg-content .div-input .verify-icon{
	background: url(../images/icon_verify.png) no-repeat center center;
	background-size: .38rem .44rem;
}
.registerBox .popup .reg-content .div-input .text{
	width: 4.6rem;
	height: .4rem;
	line-height: .4rem;
	margin: .24rem;
	border: none;
	font-size: .28rem;
	color: #333333;
}
.registerBox .popup .reg-content .div-input .short-text{
	width: 3.5rem;
}
.registerBox .popup .reg-content .div-input .phone-close{
	width: .5rem;
	height: .5rem;
	padding: .1rem;
	box-sizing: border-box;
	background: url(../images/icon_close.png) no-repeat center center;
	background-size: .3rem .3rem;
	display: none;
}
.registerBox .popup .reg-content .div-input .code{
	width: 1.6rem;
	height: .4rem;
	line-height: .4rem;
	font-size: .24rem;
	color: #fe9454;
	text-align: center;
}
.registerBox .popup .reg-content .div-input .code.disabled-btn{
	color: #999999;
}
.registerBox .popup .reg-content .div-btn{
	width: 100%;
	margin-bottom: .4rem;
}
.registerBox .popup .reg-content .div-btn input{
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	background: #fe9454;
	border-radius: .44rem;
	-webkit-border-radius: .44rem;
	font-size: .36rem;
	text-align: center;
	color: #FFFFFF;
}

.browser-guide {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
}
.browser-guide .shade{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.browser-guide .popup{
	position: absolute;
	right: 0;
	top: 0;
	width: 3.2rem;
}

.downloadBox{
	width: 100%;
	height: 1.64rem;
	position: fixed;
	left: 0;
	bottom: 0;
	display: none;
}
.downloadBox .shade{
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .7;
	-webkit-opacity: .7;
}
.downloadBox .content{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: .25rem;
	box-sizing: border-box;
	justify-content: flex-start;
}
.downloadBox .content .imgBox{
	width: 1.14rem;
	height: 1.14rem;
}
.downloadBox .content .imgBox img{
	width: 1.14rem;
	height: 1.14rem;
}
.downloadBox .content .textBox{
	width: 3.5rem;
	color: #FFFFFF;
	margin: 0 .25rem;
}
.downloadBox .content .textBox h3{
	line-height: .4rem;
	font-size: .36rem;
}
.downloadBox .content .textBox .tip{
	margin-top: .24rem;
	line-height: .34rem;
	font-size: .28rem;
	justify-content: flex-start;
}
.downloadBox .content .textBox .tip .grade{
	position: relative;
	top: 1px;
}
.downloadBox .content .textBox .tip .grade i{
	width: .3rem;
	height: .3rem;
	margin-right: .06rem;
	background: url(../images/grade.png) no-repeat center center;
	background-size: 100%;
}
.downloadBox .content .btnBox{
	width: 1.46rem;
	height: .64rem;
	line-height: .64rem;
	background: #fe9454;
	text-align: center;
	color: #FFFFFF;
	font-size: .3rem;
	border-radius: .08rem;
	-webkit-border-radius: .08rem;
}