html,body{
    background-color: #fff;
}


nav{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 4.4rem;
    line-height: 4.4rem;
    text-align: center;
    font-size: 1.8rem;
    color:#333;
    z-index: 999;
    background-color: #fff;
}

nav .btn-back{
    position: absolute;
    left: .7rem;
    top: 50%;
    margin-top: -1.5rem;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url("../../image/login/btn-back-black.png") no-repeat;
    background-size: contain;
}

.btn-back{
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url("../../image/login/btn-back-black.png") no-repeat;
    background-size: contain;
}

.quickLogin-wrap{
    padding:4.4rem 3rem 0;
}

.form-wrap{
    /*padding-top: 4.7rem;*/
}

.form-wrap label{
    display: block;
    height: 4.5rem;
    font-size: 1.5rem;
    border-bottom: 0.1rem solid #e4e4e4;
}

.form-wrap label input{
    height: 100%;
    font-size: 1.5rem;
}

.form-wrap label input::placeholder{
    color: #999;
}

#phoneNumber{
    width: 100%;
}

#imgCode{
    width: 18.7rem;
}

#msgCode{
    width: 15rem;
}
.form-wrap label .btn-getCode{
    text-align: right;
    color: #dfaf7d;
    background: #fff;
    height: 65%;
    border: none;
    border-left: 3px solid #e4e4e4;
    /*padding-left: 28px;*/
    width: 11.8rem;
    -webkit-appearance:none;
}
.form-wrap label .btn-getCode::before{
    content: '';
    display: block;
    width: 0.1rem;
    height: 3.5rem;
    background-color: #e4e4e4;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.75rem;
}

.form-wrap label .color-black{
    color:#333;
}
.login-desc-title{
    padding-top: 0.5rem;
    padding-bottom: 5rem;
    font-size: 1.2rem;
    color: #999;
}
.login-desc{
    padding-top:1.7rem;
    font-size: 1.2rem;
    color: #999;
}
/*密码输入眼睛提示*/
.passwordInput{
    position: relative;
}
/*.passwordInput > input{*/
    /*width: 70%;*/
/*}*/
/*快捷登录验证*/
.loginValid{
    position: relative;
}
.loginValid input {
    float: left;
    width:50%;
}
.loginValid img{
    position: absolute;
    right: 4%;
    top: 10%;
}
 .imgValid{
     float: right;
     /*margin: 14px 0 0 0px;*/
     height: 80%;
     width: 30%;
 }
.login-title{
    /*padding-top:1.7rem;*/
    /*padding-bottom: 2.5rem;*/
    font-size: 2.4rem;
    color: #333;
}


#loginSubmit{
    width: 100%;
    height: 4.4rem;
    background-color: #333;
    color: #fff;
    font-size: 1.7rem;
    margin: 2.5rem 0;
}

.forget-wrap{
    text-align: right;
    font-size: 1.5rem;
    color: #dfaf7d;
}

/*提示框*/
.popup{
    width: 21.9rem;
    padding: 1.5rem 0;
    border-radius: 0.2rem;
    margin: 0px auto 34.4rem;
    background-color: rgba(0,0,0,.5);
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    display: none;
    z-index: 999;
}

.popup.show{
    display: block;
}

.login-else-way{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

 .bottom-tip{
    font-size: 1.1rem;
    color: #999;
    text-align: center;
    /*position: relative;*/
    margin-bottom: 1.8rem;
}

 .quickLogin{
     color: #dfaf7d;
     font-size: 1.3rem;
     /* width: 30%; */
 }
.findPass{
    font-size: 1.3rem;
    text-align: right;
    float: right;
    color: #999;
    /* width: 30%; */
}
.passLogin{
    color: #dfaf7d;
    font-size: 1.3rem;
    text-align: right;
    /* width: 30%; */
    position: relative;
    top: -19px;
}
.login_button{
    font-size: 1.3rem;
    color: #999;
    width: 30%;
    position: relative;
    left: 10.3rem;
}
.showPassword{
    width: 7%;
    height: 26%;
    position: absolute;
    top: 28%;
    right: 0;
    padding: 15px;
}
.showImgCode{
    width: 30%;
    height: 80%;
    vertical-align: middle;
}
 .desc{
     color: #999;
     font-size: 1.0rem;
     text-align: center;
 }
 .pass-desc{
     font-size: 1.0rem;
     color: #999;
     margin-top: 1.5rem;
 }

 .checkHmProtocol{
     height: 1.0rem;
     width: 1.0rem;
 }

 .refButton{
     font-size: 1.4rem;
     color: #333;
     display: block;
     text-align: right;
     margin-top: -2.5rem;
     padding-bottom: 3rem;
 }
/*.login-else-way .tit:before,*/
/*.login-else-way .tit:after{*/
    /*content: '';*/
    /*display: block;*/
    /*width: 4.2rem;*/
    /*height: 0.1rem;*/
    /*background-color: #e4e4e4;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*margin-top: -0.05rem;*/
/*}*/

/*.login-else-way .tit:before{*/
    /*left:8rem;*/
/*}*/

/*.login-else-way .tit:after{*/
    /*left: 22.5rem;*/
/*}*/

/*.login-way-wrap{*/
    /*text-align: center;*/
    /*padding-bottom: 5rem;*/
/*}*/

/*.login-way-wrap>span{*/
    /*display: inline-block;*/
    /*width: 3.6rem;*/
    /*height: 3.6rem;*/
/*}*/

/*span.icon-qq{*/
    /*background: url("../../image/login/icon-qq.png") no-repeat;*/
    /*background-size: contain;*/
/*}*/
/*span.icon-weibo{*/
    /*background: url("../../image/login/icon-weibo.png") no-repeat;*/
    /*background-size: contain;*/
    /*margin: 0 4.3rem;*/
/*}*/
/*span.icon-wechat{*/
    /*background: url("../../image/login/icon-wechat.png") no-repeat;*/
    /*background-size: contain;*/
/*}*/