@charset "utf-8";
/* CSS Document */
/* .loginbox{margin-top:15px;} */
body{background:url(login_bg@2x.png) no-repeat left top; background-size: cover; color: #323233;}
.login-title{margin-top: 3rem;margin-left: 1.05rem; font-size: 1.4rem;margin-bottom: 1rem;}
.login-title p{ line-height: 2.75rem;}
.loginbox .lg-input{ background:#fff; overflow: hidden;}
.lg-input ul{margin: 0 1rem;}
.loginbox .lg-input ul li{height:3.583em; position:relative; padding-left: 2.4rem; border-bottom:0.05rem solid #e6e9ed;}
.loginbox .lg-input ul li .icon{width:2.1rem;height:2.1rem; position:absolute;left:0;top:0;}
.loginbox .lg-input ul li .usericon{ background:url(username@2x.png) no-repeat center; background-size:1.2rem 1.2rem;}
.loginbox .lg-input ul li .lockicon{ background:url(password@2x.png) no-repeat center; background-size:1.2rem 1.2rem;}
.loginbox .lg-input ul li .input-txt{width:100%; font-size:0.7rem;height:2.1rem; vertical-align:middle;border:0px;}
.loginbox .lg-input ul .line_d2{margin-left:3.833em;}
.loginbox .lg-input ul li #showVerify{ position:absolute;right:0;height:100%;}
.loginbox .lg-input ul li #showVerify img{height:100%;}
.loginbox .loginhref{height:0.7rem; line-height:0.7rem; overflow:hidden; padding:0 1.25em;margin-top:1.2rem;}
.loginbox .loginhref span a{color:#909090; font-size:1.167em;}
.loginbox .loginhref span.xyreg{ background:url(regicon.png) no-repeat 0 50%; background-size:0.95em 0.95em; font-size:1.167em; padding-left:1.3em;}
.loginbox .loginbtn{margin:0 1rem;}
.loginbtn input[type=submit]{width:100%;font-size:0.9rem;height:2.2rem; vertical-align:middle; background:#008aff;border:0px;color:#fff;margin-top:1.8rem;border-radius:2.688em; 
-webkit-appearance:none;}
.loginbtn input[type=submit]:hover{ background:#008aff;}
.loginapi .tit{color:#606060; padding:0 1.25em; margin-top: 3.6rem; text-align: center;position: relative; margin-bottom: 1.4rem;}
.loginapi .tit::before,.loginapi .tit::after{content: '';width: 32%;height: 1px;background: #EBECED;top: 0.5rem;position: absolute;}
.loginapi .tit::before{left: 1rem;}
.loginapi .tit::after{right: 1rem;}
.loginapi .tit span{ font-size:0.7rem;color: #969799;}
.loginapi .iconlist{display: flex;flex-flow: row wrap;}
.loginapi .iconlist a{position:relative; overflow:hidden; flex: 1;padding-top: 2rem;}
.loginapi .iconlist a.qq .icon{width:1.8rem;height:1.8rem;background:url(qq@2x.png) no-repeat center; background-size:100% 100%; position:absolute;left:50%;top:0;margin-left: -0.8rem;}
.loginapi .iconlist a .text{ font-size:0.7rem;display: block; text-align: center; color: #AFB0B2;}
.loginapi .iconlist a.weibo .icon{width:1.8rem;height:1.8rem;background:url(weibo.png) no-repeat center; background-size:100% 100%; position:absolute;left:50%;top:0;margin-left: -0.8rem;}
.loginapi .iconlist a.alipay .icon{width:1.8rem;height:1.8rem;background:url(my_pay@2x.png) no-repeat center; background-size:100% 100%; position:absolute;left:50%;top:0;margin-left: -0.8rem;}
.loginapi .iconlist a:hover{ background:#f6f6f6;}
.loginapi .iconlist .weixin .icon{width:1.8rem;height:1.8rem;background:url(wechat@2x.png) no-repeat center; background-size:100% 100%; position:absolute;left:50%;top:0;margin-left: -0.8rem;}

/*忘记密码*/
.regbox{margin: 0 1.2rem;}
.regbox .password-box li{padding-left: 2.4rem; padding-right: 0; position: relative;margin-bottom: 0.8rem;}
.regbox .password-box .phone{background: url(phone-icon@2x.png) no-repeat 0.6rem center; background-size: 1.2rem;padding-left: 4.2rem;}
.regbox .password-box #showemail,.regbox .password-box .imgcode{background: url(code-icon@2x.png) no-repeat 0.6rem center; background-size: 1.2rem;}
.regbox .password-box .imgcode{display: none;}
.regbox .password-box .password{background: url(password@2x.png) no-repeat 0.6rem center; background-size: 1.2rem;}

#SendMobileBtn{background: none;border: 0;color: #323233;font-size: 0.7rem;position: absolute;right: 0rem;height: 2.2rem;line-height: 2.2rem;top: 0;}
.bind-phone{font-size: 0.7rem;color: #969799;position: fixed;width: 100%;text-align: center;bottom: 4rem;}
.bind-phone .red-font{color: #008aff;}
.mobile-icon{position: absolute;left: 2.4rem;}
.getpassbtn{color: #fff;border-radius: 2.2rem !important;background: #008aff;border: 0;height: 2.2rem;width: 100%;font-size: 0.9rem;margin-top: 1.8rem;}
.nouser,.errouser,.successuser{ padding:0.8rem 0.5rem; background:#fff; line-height:1rem; color:#999;}
.returnBtn{padding: 0.5rem 0;}
.returnBtn a{ display:block; margin:auto; width:90%; line-height:2rem; background:#008aff; border-radius:0.15rem; color:#fff; text-align:center; font-size:0.7rem;}
.regbox ul li select{ font-size:0.7rem;}

.no-click{background: #C8C9CC;}
.regbox ul:after{display: none;}
.regbox ul li input.text{width: 100%;height: 1.6rem;background: none;-webkit-appearance: none;vertical-align: middle;border: 0rem;font-size: 0.7rem;outline: none;}
.password .password-icon {background: url(password_btn_hide.png) no-repeat center;background-size: 20px;position: absolute;right: 0;top: 0;width: 40px;height: 44px;}
.password .show {background: url(password_btn_show.png) no-repeat center;background-size: 20px;}

.finish .finish-icon{
    margin: 2rem auto 1.55rem;
    width: 3rem;
    height: 3rem;
    background: url(login_icon_success.png) no-repeat center;
    background-size: 100%;
}
.finish .finish-text{
    font-size:0.7rem;
    color:#606367;
    margin-bottom: 3rem;
    text-align: center;
}
