﻿/*登陆页*/
.login-box { height: 100%; overflow: hidden; background: url(../images/bg.jpg) no-repeat; background-size: cover; font-family: PingFangSC-Regular; font-size: 0.28rem; color: #EAF3FF; }
.login-logo { margin: 0.78rem auto 0rem; width: 3.74rem; height: 3.74rem; background: url(../images/logo.png) no-repeat; background-size: cover; }
.login-name { }
.login-pwd { }
.login-check { margin: 0 auto; width: 5.04rem; height: 0.96rem; }
.login-check .checkbox{position:relative;z-index:9  }
.login-forget { position: relative; top: -0.4rem;}
.login-forget span { height: 0.32rem; line-height: 0.32rem; position: relative; top: -0.05rem; left: 3.8rem; }
.login-btns { width: 5.10rem; height: 0.96rem; margin: 0 auto; }
.login-btn-login { background: #FFA21B; display: inline-block; }
.login-btn-reg { background: #777777; margin-left: 0.2rem; display: inline-block; }
/*注册页*/
#main { height: 100%; overflow: hidden; background: url(../images/bg.jpg) no-repeat; background-size: cover; }
#nav { width: 100%; height: 2.15rem; position: absolute; }
#content { width: 100%; position: absolute; top: 2.15rem; bottom: 0px; left: 0px; }
#content input { width: 5.04rem; padding-left: 0.42rem; font-size: 0.32rem; }
#content .tabsel { display: block; !important; }
#content .next { width: 5.4rem; background: #FFA21B; margin-top: 0.93rem; }
#content .inputbox { width: 5.4rem; margin-left: 0; }
#content .inputbox input { width: 4.88rem; }

#nav .line { width: 5.8rem; height: 0.04rem; background: #444444; border-radius: 6px; margin: 0.86rem; }
#nav .yuan { width: 0.6rem; height: 0.6rem; border-radius: 0.28rem; font-family: PingFangSC-Medium; font-size: 0.38rem; color: #08080C; text-align: center; line-height: 0.6rem; position: absolute; top: 0.56rem; }
#nav .y1 { left: 0.87rem; background: #444444; color: #A3A3A3; }
#nav .y2 { left: 2.6rem; background: #444444; color: #A3A3A3; }
#nav .y3 { left: 4.32rem; background: #444444; color: #A3A3A3; }
#nav .y4 { left: 6.05rem; background: #444444; color: #A3A3A3; }
#nav .ysel { color: #08080C; background: #FFFFFF; }
#nav .txt { font-family: PingFangSC-Regular; font-size: 0.22rem; color: #FFFFFF; position: absolute; top: 1.26rem; }
#nav .t1 { left: 0.62rem; color: #9F9F9F; }
#nav .t2 { left: 2.46rem; color: #9F9F9F; }
#nav .t3 { left: 4.18rem; color: #9F9F9F; }
#nav .t4 { left: 5.91rem; color: #9F9F9F; }
#nav .tsel { color: #FFFFFF; }

#tab1 { width: 5.4rem; height: 5.62rem; margin: 0.84rem auto; display: none; }
#tab1 .title { font-family: PingFangSC-Medium; font-size: 0.38rem; color: #EAF3FF; }
#tab1 .yzm { width: 3.1rem; margin: 0; overflow: hidden; display: inline-block; vertical-align: top; }
#tab1 .yzm input { width: 2.4rem; }
#tab1 .send { width: 1.90rem; background: #FFA21B; display: inline-block; vertical-align: top; margin-left: 0.3rem; }

#tab2 { width: 5.4rem; margin: 0.84rem auto; display: none; }
#tab2 .title { font-family: PingFangSC-Medium; font-size: 0.38rem; color: #EAF3FF; }

#tab3 { width: 5.4rem; margin: 0.84rem auto; display: none; }
#tab3 .title { font-family: PingFangSC-Medium; font-size: 0.38rem; color: #EAF3FF; }
#tab3 .yzm { width: 3.1rem; margin: 0; overflow: hidden; display: inline-block; vertical-align: top; }
#tab3 .yzm input { width: 2.4rem; }
#tab3 .send { width: 1.90rem; background: #FFA21B; display: inline-block; vertical-align: top; margin-left: 0.3rem; }

#tab4 { width: 5.4rem; margin: 0.84rem auto; display: none; }
#tab4 .success { width: 2rem; height: 2rem; margin: 1rem auto; display: block; }
#tab4 .title { margin: 0.14rem auto; font-family: PingFangSC-Regular; font-size: 0.35rem; color: #FFFFFF; text-align: center; }
