body {
    height: 100%;
    padding: 0;
    background-color: #F3F5F6;
}

.login {
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
}


.form_box {
    width: 91%;
    margin: 16px auto 0 auto;
    font-size: 14px;
    font-family: 'font1';
    color: #0e1434;
    background-color: rgba(255, 255, 255, 0.27);
    border: 1px solid rgba(255, 255, 255, 0.92);
    padding: 16px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 10px 100px 0 rgba(85, 94, 104, 0.04);
}

.position {
    position: relative;
    margin-bottom: 16px;
}

.correct {
    color: #BB2440;
    font-size: 12px;
    font-family: 'font3';
    width: 100%;
    padding: 16px 16px 0 16px;
    box-sizing: border-box;
}

.position>p {
    color: #4F5159;
    font-size: 14px;
    font-family: 'font2';
    margin-bottom: 8px;
}

.form_box .form {
    width: 100%;
    height: 54px;
    margin: auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    border-radius: 4px;
    border: 1px solid #E9E9EA;
    background-color: transparent;
}

.form_box .form input {
    width: 100%;
    height: 100%;
    border: 0;
    background-color: #FFFFFF;
    font-size: 16px;
    font-family: 'font3';
    color: #23262F;
    padding: 0 24px;
    box-sizing: border-box;
}

.form_box .form input::placeholder {
    color: #7B7D82;
    font-size: 12px;
    font-family: 'font3';
}

.form_box .form .otp {
    width: 101px;
    height: 34px;
    margin-right: 0;
    position: absolute;
    right: 8px;
}



.loginbtn {
    width: 100%;
    margin: 24px auto;
    height: 56px;
    border-radius: 4px;
    display: block;
    background: linear-gradient(to bottom, #FE0000, #CC0000);
    font-size: 16px;
    font-family: 'font2';
    color: var(--color3);
    border: 0;
}


.accountBox {
    text-align: center;
    font-size: 14px;
    font-family: 'font2';
    color: #4F5159;
}

.accountBox a {
    color: #CE0E0E;
    font-family: 'font1';
}