.BG {
    background: url(../images/bg-login.jpg) center top no-repeat;
    background-size: cover;
}


/* 图片滑动验证 */

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 55;
    display: none;
}

.captcha-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 60;
    border-radius: .08rem;
    background: #fff;
    padding: 0 .2rem .5rem;
    display: none;
}

.captcha-wrap p {
    font-size: .44rem;
    font-weight: bold;
    color: #333;
    padding: .3rem 0;
}

.login-wrap {
    text-align: center;
    padding: 1.28rem .6rem 0;
}

.login-wrap .title {
    display: inline-block;
    width: 5.7rem;
}

.login-wrap .title p {
    font-size: .28rem;
    color: #fff;
    margin-top: .28rem;
}

.login-wrap .loginForm {
    width: 100%;
    border-radius: .16rem;
    background: #fff;
    padding: .48rem .32rem;
    margin-top: 1.12rem;
}

.login-wrap .loginForm .input-box {
    margin-bottom: .4rem;
    position: relative;
}

.login-wrap .loginForm .input-box input {
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    border: 0.02rem solid #DADDE5;
    border-radius: .08rem;
    padding: 0 .24rem 0 1.12rem;
    font-size: .28rem;
    color: #333;
}

.login-wrap .loginForm .input-box.yzm input {
    padding-left: .26rem;
}

.login-wrap .loginForm .input-box input:focus {
    border-color: #3D7EFF;
}

.login-wrap .loginForm .input-box em {
    width: .32rem;
    height: .32rem;
    background: url(../images/login-eyes2.png) no-repeat;
    background-size: .32rem .32rem;
    position: absolute;
    top: 50%;
    right: .24rem;
    transform: translate(0, -50%);
}

.login-wrap .loginForm .input-box em.closed {
    background-image: url(../images/login-eyes.png);
}

.login-wrap .loginForm button {
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    border: none;
    appearance: none;
    border-radius: 1.8rem;
    font-size: .32rem;
    color: #fff;
    margin-top: .4rem;
    background: #3d7eff;
}

.login-wrap .loginForm button[disabled] {
    background-color: #c5d8ff;
}


/* 登录表单 */

.loginForm {
    width: 6rem;
    border-radius: .2rem;
    background: #fff;
    padding: .48rem .32rem;
}

.loginForm .btn_close {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    position: absolute;
    top: .32rem;
    right: .32rem;
}

.loginForm h2 {
    font-size: .52rem;
    font-weight: bold;
    color: #262626;
    margin-bottom: .2rem;
}

.loginForm h3 {
    font-size: .24rem;
    color: #B2B2B2;
    margin-bottom: .78rem;
}

.loginForm .input-box .pre {
    position: absolute;
    left: .26rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .28rem;
    color: #333;
}

.loginForm .input-box .line {
    width: .02rem;
    height: .36rem;
    background: #dadde5;
    position: absolute;
    left: .94rem;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.loginForm .input-box.yzm a {
    display: block;
    font-size: .28rem;
    color: #3d7eff;
    position: absolute;
    right: .24rem;
    top: 50%;
    transform: translateY(-50%);
}


/* .loginForm button {
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    border-radius: .5rem;
    border: none;
    background: #FE4D65;
    font-size: .36rem;
    color: #fff;
    margin-top: .48rem;
} */

.loginForm .input-box:focus-within p {
    display: block;
}