@charset "utf-8";
/* CSS Document */
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 #eee;margin-bottom: 0.8rem;}
.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 .verifyicon{ background:url(yanzheng.png) no-repeat center; background-size:1.2rem 1.2rem;}
.loginbox .lg-input ul li.yzbg{display: none;}
.loginbox .lg-input ul li .codeicon{ background:url(code-icon@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:#ff663d;border:0px;color:#fff;margin-top:1.8rem;border-radius:2.688em; 
-webkit-appearance:none;}
.loginbtn input[type=submit]:hover{ background:#f35c33;}
.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;}

.lg-input .password-icon {background: url(password_btn_hide.png) no-repeat center;background-size: 20px;position: absolute;right: 0;top: 0;width: 40px;height: 44px;}
.lg-input .show {background: url(password_btn_show.png) no-repeat center;background-size: 20px;}