body,html{font-family: PingFang SC,SimHei,Arial,Microsoft Yahei,Lantinghei SC,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif; background: #FFF;}
.loginPage{margin-top: 3.125rem;}
.headbar{position: fixed; height: 3.125rem; background: #fff; line-height: 3.125rem; left: 0; top: 0; z-index: 100; box-shadow: 0 0 7px 3px rgba(0,0,0,.05); -webkit-box-shadow:0 0 7px 3px rgba(0,0,0,.05); padding: 0 .9375rem; width: 100%;}
.headWarp{width: 100%; height: 100%; position: relative; text-align: center;}
.headlogo{position: absolute; top:0; left: 0; width: 1.25rem; height: 100%; margin-top: -.453125rem;}
.headlogo img{width: 0.5rem; height: .90625rem; margin-top: 1.5625rem; margin-left: .5rem;display: block;}
/* .fenlei{display: inline-block;vertical-align: top;margin-top: 10px;width: 5.0rem;height: 1.625rem;color: #20bc22;font-size: 0.875rem;text-align: center;line-height: 1.625rem;border-radius: 30px;border:1px solid #20bc22; position: absolute; right: 30px;} */
/* .fenlei a{color: #20bc22; display: inline-block; width: 5.0rem;height: 1.625rem;border-radius: 30px;line-height: 1.625rem;} */
/* .fenlei a:hover{background: #20bc22; color: #FFF;} */
.login-information{padding: 1.875rem;}
.login-btn{display: flex; height: 3.125rem;}
.login-btn li{flex:1; text-align: center;  font-size: 0.9375rem; cursor: pointer;}
.login-btn li span{ color: #666; padding: 3px 0;cursor: pointer;}
.login-btn li.on span{border-bottom: 2px solid #20bc22; color:#20bc22; }
.login-input{margin-top: 0.9375rem;}
.login-input>input{border-bottom: 1px solid #d9dde1; height: 2.8125rem; width: 90%; margin: 0 auto; display: block; font-size:0.875rem; color: #7d7d7d; padding-left: 30px;  text-indent: 3px;}
.user-name>input{background: url(../images/input_iphone.png) no-repeat 10px center; background-size: 14px 18px;}
.user-password>input{background: url(../images/input_password.png) no-repeat 10px center; background-size: 14px 16px;}
.user-code>input{background: url(../images/input_code.png) no-repeat 10px center; background-size: 14px 18px;}
.user-code{position: relative;}
.hp-btn-half{position: absolute; right: 10px; top: 0; font-size: 0.75rem; color: #20bc22; cursor: pointer; height:2.5rem; line-height: 2.5rem; cursor: pointer;}
.login-bottom {margin-top: 0.625rem;height: auto;}
.duiaWrap-btn{ line-height: .9rem;text-align: center;display: block;background: #44b336;color:#fff; height: 2.5rem; line-height: 2.5rem; margin:0 auto; border-radius: 3px; cursor: pointer;} 
#phonecodeDiv{
  background: transparent;
}
.error-remindbox{
    width: 100%;
    height:1.25rem;
    margin-top:0.625rem;
}
.error-remind {
     padding-left: 0.625rem;
     color:#ff2525;
     font-size: 0.75rem;
     line-height: 1.25rem;
     display: none;
     position: absolute;
}
.other-wrapper{display: flex;}
.other-wrapper > a{flex:1; font-size: 0.75rem; color: #7d7d7d; height: 1.875rem; line-height: 1.875rem; margin-top: 0.625rem;}
.other-wrapper > a:hover{color: #20bc22;}
.verify_div{position: absolute; right:0;top:0.3125rem; height: 2.0rem; border: 1px solid #d9dde1; box-sizing:border-box; width: 5.625rem;}

.fenlei{
    float: right;
    margin: .625rem 1.875rem 0 0;
    width: 5.0rem;
    height: 1.563rem;
    line-height: 1.563rem;
    background-color: #fee725;
      box-shadow: 0.041rem 0.047rem 0.063rem 0rem 
          rgba(21, 158, 73, 0.5);
    text-align: center;
    border-radius: .781rem;
  }
  .fenlei a{
    display: inline-block; 
    width: 5.0rem;
    height: 1.563rem;
    border-radius: .781rem;
    font-size: 0.813rem;
    color: #000;
  }
  .icon-wrap{
      margin-left: 2.5rem;
  }