@font-face {
    font-family: 'HarmonyOS_Sans_SC_Bold';
    src: url('../../font-awesome/fonts/HarmonyOS_Sans_SC_Bold.ttf') format('woff'),
    url('../../font-awesome/fonts/HarmonyOS_Sans_SC_Bold.ttf') format('woff2');
}
.login_bg{
    width: 100%;
    height: 128.85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background:url('../images/login/bg.png');
    background-repeat: no-repeat;
    background-size: cover;

}
.login-content{
    width: 140.1rem;
    height: 78.4rem;
    box-shadow: 5px 5px 50px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

}
.login-right,.login-left{
    /*width: 50%;*/
    height: 100%;
}
.login-right{
    padding:11.3rem 13.1rem 12rem 8.6rem;
}
.login-left{
    background:url('../images/login/login-left.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.login-right .form-label {
    margin-bottom: .5rem;
    font-size: .875rem;
    font-weight: 400;
    font-family: 'HarmonyOS_Sans_SC_Bold', 'Segoe UI', 'Roboto', 'Arial', sans-serif;
    font-size: 2.46rem;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 2.3rem;
}
.login-right .form-control{
    width: 49.6rem;
    height: 4.8rem;
    border-radius: 8rem;
    background-color: #fff;
    padding-left: 2rem;
    border: 1px solid #ece6e6;
    margin-bottom: 5.5rem;
    font-family: 'HarmonyOS_Sans_SC_Bold', 'Segoe UI', 'Roboto', 'Arial', sans-serif;
    font-size: 2rem;
    color: #E1E1E1;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.submit{
    width: 17.7rem;
    height: 5.6rem;
    background-color: #f12535;
    border-radius: 2.8rem;
    border: none;
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 1rem;
    padding: 1.8rem 2.5rem;
    margin-left: auto;
    margin-right: 0px;
}
.submit img{
    width: 2.1rem;
    height: 2.2rem;
}
.submit span{
    font-family: JDLANGZHENGTI--GB1, JDLANGZHENGTI--GB1;
    font-weight: normal;
    font-size: 2.68rem;
    color: #FFFFFF;
    line-height: 3.14rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.login-left .title{
    font-family: JDLANGZHENGTI--GB1, JDLANGZHENGTI--GB1;
    font-weight: normal;
    font-size: 5.44rem;
    color: #FFFFFF;
    line-height: 8.2rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    display: block;
    margin-left: 4.6rem;
    margin-top: 5.7rem;
    text-align: left;
}


.login-left .des{

    /*font-family: AcuminConcept_284000wght_105.000wdth;*/
    font-family: 'AcuminVariableConcept', 'Segoe UI', 'Roboto', 'Arial', sans-serif;
    font-size: 2.14rem;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 4.8rem;
    margin-top: 11.5rem;
}

.accepts{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    clear: both;
    font-family: 'HarmonyOS_Sans_SC_Bold', 'Segoe UI', 'Roboto', 'Arial', sans-serif;
    font-size: 1.7rem;
    color: #959595;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 5.4rem;

}
.checkbox{
    width: 2rem;
    height: 2rem;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #999;
    background-color: white;
    cursor: pointer;
    position: relative;
}
.checkbox:checked{
    background-color: red; /* 勾选后变成深红色 */
}
.checkbox:checked::after {
    content: '✔';           /* 勾勾符号 */
    color: white;           /* 勾勾颜色 */
    font-size: 1.5rem;
    position: absolute;
    top: -0.2rem;
    left: 0.3rem;
}
@media screen and (max-width: 768px) {
    .login_bg{
        height: 100vh;
    }
    .login-content {
        width: 91vw;
        height: 80vh;

    }
    .login-left {
        height: 45vw;
    }
    .login-right{
        padding: 8.3rem 5.1rem 8rem 4.6rem;
    }
    .login-right .form-label {
        font-size: 6.46rem;
        margin-bottom: 6.3rem;
    }
    .login-right .form-control {
        width: 100%;
        height: 16.8rem;
        margin-bottom: 8.5rem;
        padding-left: 6rem;
        font-size: 6rem;
    }
    .submit {
        width: 58.7rem;
        height: 18.6rem;
        border-radius: 10.8rem;
    }
    .submit span{
        font-size: 7.8rem;
    }
    .submit img {
        width: 8.1rem;
        height: 8.2rem;
    }
    .accepts{
        margin-top: 11.4rem;
        font-size: 5.7rem;
        gap: 7rem;
    }
    .checkbox {
        width: 9rem;
        height: 9rem;
    }
    .login-left .title{
        font-size: 11.44rem;
        line-height: 21.2rem;
    }
    .login-left .des {
        font-size: 6rem;
    }
}