.login {
    height: 100vh;
    width: 100vw;
    background-color: #fff;
    max-width: var(--m-layout-max-width, 375px);
    margin: 0 auto;
}

.login .login-bodys {
    background-image: url('../images/login/bg.png');
    background-size: cover;
    width: 100vw;
    height: 15.63rem;
    max-width: var(--m-layout-max-width, 375px);
    margin: 0 auto;
}

.login .login-bodys .login-container {
    padding-top: 2.61rem;
}

.login .login-bodys .login-container .logo-img {
    width: 2.67rem;
    height: 2.67rem;
}

.login .login-bodys .login-container .forms {
    width: 8.93rem;
    height: 7.05rem;
    background-color: #fff;
    border-radius: 0.75rem;
}

.login .login-bodys .login-container .forms .forms-box { 
    border-radius: 0.75rem;
    margin-top: 1.2rem;
    background-size: cover;
    width: 8.93rem;
    height: 2.93rem;
    padding-top: 5px;
    background-color: #fff;
    color: #1e2222;
    font-size: 0.43rem;
    font-weight: 500;
    line-height: 0.64rem;
}

.forms .forms-box .forms-head {
    height: 1.28rem;
    padding-top: 0.43rem;
}

.forms .forms-box .forms-head .tab-name {
    width: 4rem;
    height: 2rem;
    text-align: center;
}

.forms .forms-box .forms-head .active {
    width: 4rem;
}

.forms .forms-box .forms-head .active1 {
    width: 4rem;
}

.forms .forms-box .forms-head .act {
    width: 0.48rem;
    height: 0.11rem;
    background: #0277EF;
    margin-top: 0.21rem;
}

.forms .forms-box .forms-container {
    margin-top: 1.5rem;
}

.forms .forms-box .forms-container .code {
    width: 4rem;
}

.forms .forms-box .forms-container .code-text {
    color: #0277EF;
    font-size: 0.37rem;
    font-style: normal;
    font-weight: 500;
    border-left: 1px solid #D9D9D9;
    padding-left: 0.24rem;
    width: 2.7rem;
}

.forms .forms-box .forms-container .input-item {
    width: 7.65rem;
    height: 1.31rem;
    border-radius: 0.21rem;
    background: #F2F3F7;
    margin-bottom: 0.53rem;
    padding-left: 0.43rem;
}

input::placeholder {
    color: #bebebe;
    font-size: 0.37rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.64rem;
}

.forms-box .login-btn {
    margin-top: 0.59rem;
    display: flex;
    margin-left: 0.46rem;
    width: 8rem;
    height: 1.31rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.8rem;
    color: #ffffff;
    text-align: center;
    font-size: 0.43rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #0277EF;
    /* opacity: 0.5; */
}

.forms-box .forms-text {
    color: #585858;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.59rem;
    margin-top: 1.2rem;
    margin-left: 0.46rem;
}

.forms-box .forms-text .ic_xz {
    width: 0.43rem;
    height: 0.43rem;
    margin-right: 0.19rem;
    border: 0.06rem solid #DBDCE0;
    border-radius: 0.08rem;

}

.forms-box .forms-text img {
    width: 0.43rem;
    height: 0.43rem;
    margin-right: 0.19rem;
}

.forms-box .forms-text span {
    color: #0277EF;
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.59rem;
}

.set-pwd {
    color: #1e2222;
    font-size: 0.37rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.59rem;
    letter-spacing: 0rem;
    text-align: center;
    margin-top: 0.53rem;
}

.pwd-img {
    width: 0.48rem;
    height: 0.48rem;
    flex-shrink: 0;
}

.password-ipt {
    width: 7.65rem;
    height: 1.31rem;
    flex-shrink: 0;
    border-radius: 0.21rem;
    background: #F2F3F7;
    margin-bottom: 0.53rem;
}

.password-ipt .pass {
    padding-left: 0.43rem;
    width: 6.75rem; 
    height: 1.31rem;
}