.login-top-back{
    font-weight: bold;
}
.loginLogo{
    background: url("img/loginIcon.png") no-repeat;
    background-position-x: center;
    background-size: 4.8rem 4.2rem;
    min-height: 4.2rem;
    padding-top:5.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    color:#333333;
    text-align: center;
    margin-top:4.2rem;
    margin-bottom:4rem;
}
.loginInputBox{
    position: relative;
}
.loginInputBox input{
    outline: none;
    border:1px solid #AFAFAF;
    height: 4rem;
    width: 100%;
    font-size: 1.2rem;
    padding:0 1.36rem;
    box-sizing: border-box;
    border-radius: 0.33rem;
    -webkit-appearance: none;
    box-shadow: none;
}
.loginInputBox .loginTips{
    display: none;
    position: absolute;
    background: white;
    font-size: 1rem;
    padding:0 0.2rem;
    color:#3E4FD3;
    top:-10px;
    left:12px;
}
.loginInputBox.focus .loginTips{
    display: block;
}
.loginInputBox.focus input{
    border-color:#3E4FD3;
}
.loginForm>div{
    margin-bottom:1.73rem;
}
.loginForm>div:last-child{
    margin-bottom:0;
}
.loginBtnCss{
    display: flex;
    width: 100%;
    height: 4rem;
    border-radius: 0.33rem;
    background: #C7000B;
    color:white;
    font-size: 1.33rem;
    align-items: center;
    justify-content: center;
}
.registerBtnCss{
    display: flex;
    width: 100%;
    height: 4rem;
    border-radius: 0.33rem;
    background: #F1F3F5;
    color:#C7000B!important;
    font-size: 1.33rem;
    align-items: center;
    justify-content: center;
}
.closeEye{
    position: absolute;
    background: url("img/close_eyes.png") no-repeat center;
    background-size: contain;
    width: 2.7rem;
    height: 2.7rem;
    right: 1.3rem;
    top:0.8rem;
}
.closeEye.openEye{
    background: url("img/open_eyes.png") no-repeat center;
    background-size: contain;
}
.logining{
    background: url("img/logining.png") no-repeat;
    background-position-x: center;
    background-size: 4.8rem 4.8rem;
    min-height: 4.2rem;
    padding-top:5.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    color:#333333;
    text-align: center;
}
.loginSuccess {
    background: url("img/loginsuccess.png") no-repeat;
    background-position-x: center;
    background-size: 4.8rem 4.8rem;
    min-height: 4.2rem;
    padding-top: 5.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.loadingBgCss{
    display: none;
    z-index: 22;
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    background: white;
    left:0;
    padding-top:40%;
    box-sizing: border-box;
}
.loginingTopBtn{
    position: absolute;
    top:1.7rem;
    left:1.4rem;
}
.register-title{
    font-size: 1.2rem;
    font-weight: bold;
    color:#444444;
    margin-top:4rem;
    margin-bottom:2rem;
}
.register-desc{
    font-size: 1rem;
    color:#666666;
}
.greyBtn{
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.33rem;
    height: 4.66rem;
    font-size: 1.33rem;
    color:#333333!important;;
    background: #F1F3F5!important;;
}
.redBtn{
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.33rem;
    height: 4.66rem;
    font-size: 1.33rem;
    color:white!important;
    background: #C7000B!important;;
}
.registerBtnGroup{
    display: flex;
    justify-content: space-between;
    margin-top:6.8rem;
}
.registerBtnGroup>a{
    width: 48%;
}
#agreementBox{
    position: fixed;
    height: 0;
    width: 100%;
    left:0;
    bottom:0;
    z-index: 22;
    background: white;
    transition: 0.5s;
    padding: 1.6rem 1.3rem;
    box-sizing: border-box;
}
.agreement-content strong, .agreement-content p{
    margin: 14px auto;
    word-break: break-all;
    word-wrap: break-word;
    color: rgb(50, 50, 50);
    line-height: 3rem;
    font-size: 1.4rem;
}
.register-bg{
    width: 93.4vw;
    max-width: 100%;
    max-height: 22.5rem;
    height: 28.02vw;
    background: url("img/registerBg.png") no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.733rem;
    color:#333333;
    font-weight: bold;
    margin-top:1.5rem;
    margin-bottom:3.2rem;
}
.register-input-desc{
    color:#999999;
    font-size: 1rem;
    width: 92%;
    margin:1rem auto 0 auto;
}
#getYzm{
    color:white;
    background: #C7000B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.267rem;
    height: 4rem;
    border-radius: 0.33rem;
    width: 32%;
}
#getYzm.disabledCss{
    color:white;
    background: #C0C0C0;
}
#hasRegistered{
    position: fixed;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: white;
    z-index: 22;
    padding:1.6rem 1.3rem;
    top:0;
    left:100%;
    transition: 0.3s;
}
.hasRegister{
    background: url("img/fail.png") no-repeat;
    background-position-x: center;
    background-size: 4.8rem 4.8rem;
    min-height: 4.2rem;
    padding-top:5.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    color:#333333;
    text-align: center;
}
#registerSuccess{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: white;
    z-index: 22;
    padding:1.6rem 1.3rem;
    top:0;
    left:0;
}
.checkDivBox{
    border-radius: 50%;
    border:1px solid #444444;
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    margin-right: 8px;
}
.checkDivBox.checked{
    background: url("img/checked.png") no-repeat center;
    background-size: cover;
    border:1px solid #C7000B;
}