:root {
    --width330: (330 / 430);
    --width344: (344 / 430);
    --width360: (360 / 430);
    --width375: (375 / 430);
    --width390: (390 / 430);
    --width395: (395 / 430);
    --width412: (412 / 430);
    --width460: (460 / 430);
    --width516: (516 / 430);
    --width540: (540 / 430);
    --width560: (560 / 430);
    --width620: (620 / 430);
    --width750: (750 / 430);
    --width768: (768 / 430);
  }

  .newLogin_tabs{
    width: 100%;
    height: 100vh;
    background: #FFFFFF;
}
.newLogin_tabs > img{
    width: 100%;
    height: auto;
}
.newLogin_tabs_main{
    display: none;
    margin-top: calc(var(--width768) * 30px);
}
.newLogin_tabs_top{
    width: 100%;
    margin-top: calc(var(--width768) * 35px);
}
.newLogin_tabs_top > button{
    border: none;
    cursor: pointer;
    font-size: calc(var(--width768) * 20px);
    color: #333333;
    background: none;
    font-weight: 500;
    line-height: calc(var(--width768) * 50px);
    display: none;
}
.newLogin_tabs_top_phone_recovery{
    display: none;
}
.newLogin_tabs.phone_login .newLogin_tabs_top > button,
.newLogin_tabs.password_login .newLogin_tabs_top > button{
    display: block;
}
.newLogin_tabs.phone_login .newLogin_tabs_top,
.newLogin_tabs.password_login .newLogin_tabs_top{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--width768) * 40px);
}
.newLogin_tabs_top > button.active{
    color: #F13536;
    position: relative;
}
.newLogin_tabs_top > button.active::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(var(--width768) * 5px);
    background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
}
.newLogin_tabs_main > p{
    font-size: calc(var(--width768) * 14px);
    color: #333333;
    line-height: calc(var(--width768) * 16px);
    text-align: center;
}
.newLogin_tabs_main > p a{
    color: #F13536;
    text-decoration: underline;
}
.newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 calc(var(--width768) * 55px);
    box-sizing: border-box;
}
.newLogin_tabs_main.phone_login > span{
    font-size: calc(var(--width768) * 16px);
    color: #999999;
    line-height: calc(var(--width768) * 18px);
    margin-bottom: calc(var(--width768) * 18px);
}
.newLogin_project{
    width: 100%;
    position: relative;
    padding-bottom: calc(var(--width768) * 25px);
}
.newLogin_project .newLogin_input{
    width: 100%;
    height: calc(var(--width768) * 40px);
    background: #FBFBFB;
    border-radius: calc(var(--width768) * 3px);
    border: calc(var(--width768) * 1px) solid #F1F1F1;
    display: flex;
    align-items: center;
    gap: calc(var(--width768) * 7px);
    padding: 0 calc(var(--width768) * 15px);
    box-sizing: border-box;
}
.newLogin_project.input_phone .newLogin_input b{
    width: calc(var(--width768) * 16px);
    height: calc(var(--width768) * 16px);
    background:url(../mobimages/icon1155.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_phone .newLogin_input:has(input:focus) b{
    background:url(../mobimages/icon1156.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_email .newLogin_input b{
    width: calc(var(--width768) * 15px);
    height: calc(var(--width768) * 12px);
    background:url(../mobimages/icon1167.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_email .newLogin_input:has(input:focus) b{
    background:url(../mobimages/icon1168.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_code .newLogin_input b{
    width: calc(var(--width768) * 15px);
    height: calc(var(--width768) * 17px);
    background:url(../mobimages/icon1157.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_code .newLogin_input:has(input:focus) b{
    background:url(../mobimages/icon1158.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_phonecode .newLogin_input b{
    width: calc(var(--width768) * 15px);
    height: calc(var(--width768) * 17px);
    background:url(../mobimages/icon1159.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_phonecode .newLogin_input:has(input:focus) b{
    background:url(../mobimages/icon1160.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_password .newLogin_input b{
    width: calc(var(--width768) * 15px);
    height: calc(var(--width768) * 17px);
    background:url(../mobimages/icon1162.png) no-repeat;
    background-size: contain;
}
.newLogin_project.input_password .newLogin_input:has(input:focus) b{
    background:url(../mobimages/icon1163.png) no-repeat;
    background-size: contain;
}
.newLogin_input b{
    flex: 0 0 auto;
}
.newLogin_input input{
    flex: 1;
    width: auto;
    border: none;
    background: none;
    font-size: calc(var(--width768) * 16px);
    color: #333333;
}
.newLogin_input input::placeholder{
    color: #999999;
}
.newLogin_input:has(input:focus){
    border: calc(var(--width768) * 1px) solid #F13536;
    background: #FDF6F6;
}
.error_tips{
    display: none;
    font-size: calc(var(--width768) * 12px);
    color: #F13536;
    line-height: calc(var(--width768) * 14px);
    position: absolute;
    top: calc(var(--width768) * 46px);
    left: 0;
}
.error_tips.active{
    display: block;
}
.newLogin_project.input_code .newLogin_input > img{
    width: calc(var(--width768) * 116px);
    height: calc(var(--width768) * 34px);
    flex: 0 0 auto;
}
.newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
    width: calc(var(--width768) * 100px);
}
.newLogin_project .get_code{
    font-size: calc(var(--width768) * 16px);
    color: #F13536;
    line-height: calc(var(--width768) * 18px);
    border: none;
    background: none;
    cursor: pointer;
    flex: 0 0 auto;
}
.newLogin_project .get_code.counting{
    color: #999999;
}

.newLogin_tabs_main_info{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(var(--width768) * 20px);
    margin-bottom: calc(var(--width768) * 10px);
}
.newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
    font-size: calc(var(--width768) * 16px);
    color: #F13536;
    line-height: calc(var(--width768) * 18px);
    border: none;
    background: none;
    cursor: pointer;
}
.newLogin_tabs_btn{
    width: 100%;
    height: calc(var(--width768) * 45px);
    border-radius: calc(var(--width768) * 3px);
    font-size: calc(var(--width768) * 20px);
    font-weight: bold;
    color: #FFFFFF;
    line-height: calc(var(--width768) * 50px);
    text-align: center;
    border: none;
    background: none;
    cursor: pointer;
    background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
}
.newLogin_tabs_main.phone_login > p{
    margin-top: calc(var(--width768) * 20px);
}
.newLogin_tabs.password_login .newLogin_tabs_main.password_login{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 calc(var(--width768) * 55px);
    box-sizing: border-box;
}
.newLogin_tabs_main.password_login > p{
    margin-top: calc(var(--width768) * 20px);
}
.newLogin_input .visible{
    width: calc(var(--width768) * 17px);
    height: calc(var(--width768) * 13px);
    background:url(../mobimages/icon1165.png) no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer;
}
.newLogin_input .visible.active{
    width: calc(var(--width768) * 17px);
    height: calc(var(--width768) * 16px);
    background:url(../mobimages/icon1166.png) no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer;
}
.newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 calc(var(--width768) * 55px);
    box-sizing: border-box;
}
.newLogin_tabs_main.phone_recovery > .returnlogin{
    font-size: calc(var(--width768) * 16px);
    color: #F13536;
    line-height: calc(var(--width768) * 18px);
    border: none;
    background: none;
    cursor: pointer;
    margin-top: calc(var(--width768) * 15px);
}
.newLogin_tabs.phone_recovery .newLogin_tabs_top_phone_recovery{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.newLogin_tabs_top_phone_recovery span{
    font-size: calc(var(--width768) * 20px);
    color: #333333;
    line-height: calc(var(--width768) * 22px);
    font-weight: 500;
}
.newLogin_tabs_top_phone_recovery p{
    font-size: calc(var(--width768) * 14px);
    color: #999999;
    line-height: calc(var(--width768) * 16px);
    margin-top: calc(var(--width768) * 15px);
}


@media screen and (max-width: 751px) {
    .newLogin_tabs_main{
        margin-top: calc(var(--width750) * 30px);
      }
      .newLogin_tabs_top{
        margin-top: calc(var(--width750) * 35px);
      }
      .newLogin_tabs_top > button{
        font-size: calc(var(--width750) * 20px);
        line-height: calc(var(--width750) * 50px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_top,
      .newLogin_tabs.password_login .newLogin_tabs_top{
        gap: calc(var(--width750) * 40px);
      }
      .newLogin_tabs_top > button.active::after{
        height: calc(var(--width750) * 5px);
      }
      .newLogin_tabs_main > p{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 16px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        padding: 0 calc(var(--width750) * 55px);
      }
      .newLogin_tabs_main.phone_login > span{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
        margin-bottom: calc(var(--width750) * 18px);
      }
      .newLogin_project{
        padding-bottom: calc(var(--width750) * 25px);
      }
      .newLogin_project .newLogin_input{
        height: calc(var(--width750) * 40px);
        border-radius: calc(var(--width750) * 3px);
        border: calc(var(--width750) * 1px) solid #F1F1F1;
        gap: calc(var(--width750) * 7px);
        padding: 0 calc(var(--width750) * 15px);
      }
      .newLogin_project.input_phone .newLogin_input b{
        width: calc(var(--width750) * 16px);
        height: calc(var(--width750) * 16px);
      }
      .newLogin_project.input_email .newLogin_input b{
        width: calc(var(--width750) * 15px);
        height: calc(var(--width750) * 12px);
      }
      .newLogin_project.input_code .newLogin_input b{
        width: calc(var(--width750) * 15px);
        height: calc(var(--width750) * 17px);
      }
      .newLogin_project.input_phonecode .newLogin_input b{
        width: calc(var(--width750) * 15px);
        height: calc(var(--width750) * 17px);
      }
      .newLogin_project.input_password .newLogin_input b{
        width: calc(var(--width750) * 15px);
        height: calc(var(--width750) * 17px);
      }
      .newLogin_input input{
        font-size: calc(var(--width750) * 16px);
      }
      .newLogin_input:has(input:focus){
        border: calc(var(--width750) * 1px) solid #F13536;
      }
      .error_tips{
        font-size: calc(var(--width750) * 12px);
        line-height: calc(var(--width750) * 14px);
        top: calc(var(--width750) * 46px);
      }
      .newLogin_project.input_code .newLogin_input > img{
        width: calc(var(--width750) * 116px);
        height: calc(var(--width750) * 34px);
      }
      .newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
        width: calc(var(--width750) * 100px);
      }
      .newLogin_project .get_code{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
      }
      .newLogin_tabs_main_info{
        margin-top: calc(var(--width750) * 20px);
        margin-bottom: calc(var(--width750) * 10px);
      }
      .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
      }
      .newLogin_tabs_btn{
        height: calc(var(--width750) * 45px);
        border-radius: calc(var(--width750) * 3px);
        font-size: calc(var(--width750) * 20px);
        line-height: calc(var(--width750) * 50px);
      }
      .newLogin_tabs_main.phone_login > p{
        margin-top: calc(var(--width750) * 20px);
      }
      .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        padding: 0 calc(var(--width750) * 55px);
      }
      .newLogin_tabs_main.password_login > p{
        margin-top: calc(var(--width750) * 20px);
      }
      .newLogin_input .visible{
        width: calc(var(--width750) * 17px);
        height: calc(var(--width750) * 13px);
      }
      .newLogin_input .visible.active{
        width: calc(var(--width750) * 17px);
        height: calc(var(--width750) * 16px);
      }
      .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        padding: 0 calc(var(--width750) * 55px);
      }
      .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: calc(var(--width750) * 16px);
        line-height: calc(var(--width750) * 18px);
        margin-top: calc(var(--width750) * 15px);
      }
      .newLogin_tabs_top_phone_recovery span{
        font-size: calc(var(--width750) * 20px);
        line-height: calc(var(--width750) * 22px);
      }
      .newLogin_tabs_top_phone_recovery p{
        font-size: calc(var(--width750) * 14px);
        line-height: calc(var(--width750) * 16px);
        margin-top: calc(var(--width750) * 15px);
      }
}
@media screen and (max-width: 621px){
    .newLogin_tabs_main{
        margin-top: calc(var(--width620) * 30px);
      }
      .newLogin_tabs_top{
        margin-top: calc(var(--width620) * 35px);
      }
      .newLogin_tabs_top > button{
        font-size: calc(var(--width620) * 20px);
        line-height: calc(var(--width620) * 50px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_top,
      .newLogin_tabs.password_login .newLogin_tabs_top{
        gap: calc(var(--width620) * 40px);
      }
      .newLogin_tabs_top > button.active::after{
        height: calc(var(--width620) * 5px);
      }
      .newLogin_tabs_main > p{
        font-size: calc(var(--width620) * 14px);
        line-height: calc(var(--width620) * 16px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        padding: 0 calc(var(--width620) * 55px);
      }
      .newLogin_tabs_main.phone_login > span{
        font-size: calc(var(--width620) * 16px);
        line-height: calc(var(--width620) * 18px);
        margin-bottom: calc(var(--width620) * 18px);
      }
      .newLogin_project{
        padding-bottom: calc(var(--width620) * 25px);
      }
      .newLogin_project .newLogin_input{
        height: calc(var(--width620) * 40px);
        border-radius: calc(var(--width620) * 3px);
        border: calc(var(--width620) * 1px) solid #F1F1F1;
        gap: calc(var(--width620) * 7px);
        padding: 0 calc(var(--width620) * 15px);
      }
      .newLogin_project.input_phone .newLogin_input b{
        width: calc(var(--width620) * 16px);
        height: calc(var(--width620) * 16px);
      }
      .newLogin_project.input_email .newLogin_input b{
        width: calc(var(--width620) * 15px);
        height: calc(var(--width620) * 12px);
      }
      .newLogin_project.input_code .newLogin_input b{
        width: calc(var(--width620) * 15px);
        height: calc(var(--width620) * 17px);
      }
      .newLogin_project.input_phonecode .newLogin_input b{
        width: calc(var(--width620) * 15px);
        height: calc(var(--width620) * 17px);
      }
      .newLogin_project.input_password .newLogin_input b{
        width: calc(var(--width620) * 15px);
        height: calc(var(--width620) * 17px);
      }
      .newLogin_input input{
        font-size: calc(var(--width620) * 16px);
      }
      .newLogin_input:has(input:focus){
        border: calc(var(--width620) * 1px) solid #F13536;
      }
      .error_tips{
        font-size: calc(var(--width620) * 12px);
        line-height: calc(var(--width620) * 14px);
        top: calc(var(--width620) * 46px);
      }
      .newLogin_project.input_code .newLogin_input > img{
        width: calc(var(--width620) * 116px);
        height: calc(var(--width620) * 34px);
      }
      .newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
        width: calc(var(--width620) * 100px);
      }
      .newLogin_project .get_code{
        font-size: calc(var(--width620) * 16px);
        line-height: calc(var(--width620) * 18px);
      }
      .newLogin_tabs_main_info{
        margin-top: calc(var(--width620) * 20px);
        margin-bottom: calc(var(--width620) * 10px);
      }
      .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: calc(var(--width620) * 16px);
        line-height: calc(var(--width620) * 18px);
      }
      .newLogin_tabs_btn{
        height: calc(var(--width620) * 45px);
        border-radius: calc(var(--width620) * 3px);
        font-size: calc(var(--width620) * 20px);
        line-height: calc(var(--width620) * 50px);
      }
      .newLogin_tabs_main.phone_login > p{
        margin-top: calc(var(--width620) * 20px);
      }
      .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        padding: 0 calc(var(--width620) * 55px);
      }
      .newLogin_tabs_main.password_login > p{
        margin-top: calc(var(--width620) * 20px);
      }
      .newLogin_input .visible{
        width: calc(var(--width620) * 17px);
        height: calc(var(--width620) * 13px);
      }
      .newLogin_input .visible.active{
        width: calc(var(--width620) * 17px);
        height: calc(var(--width620) * 16px);
      }
      .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        padding: 0 calc(var(--width620) * 55px);
      }
      .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: calc(var(--width620) * 16px);
        line-height: calc(var(--width620) * 18px);
        margin-top: calc(var(--width620) * 15px);
      }
      .newLogin_tabs_top_phone_recovery span{
        font-size: calc(var(--width620) * 20px);
        line-height: calc(var(--width620) * 22px);
      }
      .newLogin_tabs_top_phone_recovery p{
        font-size: calc(var(--width620) * 14px);
        line-height: calc(var(--width620) * 16px);
        margin-top: calc(var(--width620) * 15px);
      }
}
@media screen and (max-width: 561px){
    .newLogin_tabs_main{
        margin-top: calc(var(--width560) * 30px);
      }
      .newLogin_tabs_top{
        margin-top: calc(var(--width560) * 35px);
      }
      .newLogin_tabs_top > button{
        font-size: calc(var(--width560) * 20px);
        line-height: calc(var(--width560) * 50px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_top,
      .newLogin_tabs.password_login .newLogin_tabs_top{
        gap: calc(var(--width560) * 40px);
      }
      .newLogin_tabs_top > button.active::after{
        height: calc(var(--width560) * 5px);
      }
      .newLogin_tabs_main > p{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 16px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        padding: 0 calc(var(--width560) * 55px);
      }
      .newLogin_tabs_main.phone_login > span{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
        margin-bottom: calc(var(--width560) * 18px);
      }
      .newLogin_project{
        padding-bottom: calc(var(--width560) * 25px);
      }
      .newLogin_project .newLogin_input{
        height: calc(var(--width560) * 40px);
        border-radius: calc(var(--width560) * 3px);
        border: calc(var(--width560) * 1px) solid #F1F1F1;
        gap: calc(var(--width560) * 7px);
        padding: 0 calc(var(--width560) * 15px);
      }
      .newLogin_project.input_phone .newLogin_input b{
        width: calc(var(--width560) * 16px);
        height: calc(var(--width560) * 16px);
      }
      .newLogin_project.input_email .newLogin_input b{
        width: calc(var(--width560) * 15px);
        height: calc(var(--width560) * 12px);
      }
      .newLogin_project.input_code .newLogin_input b{
        width: calc(var(--width560) * 15px);
        height: calc(var(--width560) * 17px);
      }
      .newLogin_project.input_phonecode .newLogin_input b{
        width: calc(var(--width560) * 15px);
        height: calc(var(--width560) * 17px);
      }
      .newLogin_project.input_password .newLogin_input b{
        width: calc(var(--width560) * 15px);
        height: calc(var(--width560) * 17px);
      }
      .newLogin_input input{
        font-size: calc(var(--width560) * 16px);
      }
      .newLogin_input:has(input:focus){
        border: calc(var(--width560) * 1px) solid #F13536;
      }
      .error_tips{
        font-size: calc(var(--width560) * 12px);
        line-height: calc(var(--width560) * 14px);
        top: calc(var(--width560) * 46px);
      }
      .newLogin_project.input_code .newLogin_input > img{
        width: calc(var(--width560) * 116px);
        height: calc(var(--width560) * 34px);
      }
      .newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
        width: calc(var(--width560) * 100px);
      }
      .newLogin_project .get_code{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
      }
      .newLogin_tabs_main_info{
        margin-top: calc(var(--width560) * 20px);
        margin-bottom: calc(var(--width560) * 10px);
      }
      .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
      }
      .newLogin_tabs_btn{
        height: calc(var(--width560) * 45px);
        border-radius: calc(var(--width560) * 3px);
        font-size: calc(var(--width560) * 20px);
        line-height: calc(var(--width560) * 50px);
      }
      .newLogin_tabs_main.phone_login > p{
        margin-top: calc(var(--width560) * 20px);
      }
      .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        padding: 0 calc(var(--width560) * 55px);
      }
      .newLogin_tabs_main.password_login > p{
        margin-top: calc(var(--width560) * 20px);
      }
      .newLogin_input .visible{
        width: calc(var(--width560) * 17px);
        height: calc(var(--width560) * 13px);
      }
      .newLogin_input .visible.active{
        width: calc(var(--width560) * 17px);
        height: calc(var(--width560) * 16px);
      }
      .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        padding: 0 calc(var(--width560) * 55px);
      }
      .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: calc(var(--width560) * 16px);
        line-height: calc(var(--width560) * 18px);
        margin-top: calc(var(--width560) * 15px);
      }
      .newLogin_tabs_top_phone_recovery span{
        font-size: calc(var(--width560) * 20px);
        line-height: calc(var(--width560) * 22px);
      }
      .newLogin_tabs_top_phone_recovery p{
        font-size: calc(var(--width560) * 14px);
        line-height: calc(var(--width560) * 16px);
        margin-top: calc(var(--width560) * 15px);
      }
}
@media screen and (max-width: 541px){
    .newLogin_tabs_main{
        margin-top: calc(var(--width540) * 30px);
      }
      .newLogin_tabs_top{
        margin-top: calc(var(--width540) * 35px);
      }
      .newLogin_tabs_top > button{
        font-size: calc(var(--width540) * 20px);
        line-height: calc(var(--width540) * 50px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_top,
      .newLogin_tabs.password_login .newLogin_tabs_top{
        gap: calc(var(--width540) * 40px);
      }
      .newLogin_tabs_top > button.active::after{
        height: calc(var(--width540) * 5px);
      }
      .newLogin_tabs_main > p{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 16px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        padding: 0 calc(var(--width540) * 55px);
      }
      .newLogin_tabs_main.phone_login > span{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
        margin-bottom: calc(var(--width540) * 18px);
      }
      .newLogin_project{
        padding-bottom: calc(var(--width540) * 25px);
      }
      .newLogin_project .newLogin_input{
        height: calc(var(--width540) * 40px);
        border-radius: calc(var(--width540) * 3px);
        border: calc(var(--width540) * 1px) solid #F1F1F1;
        gap: calc(var(--width540) * 7px);
        padding: 0 calc(var(--width540) * 15px);
      }
      .newLogin_project.input_phone .newLogin_input b{
        width: calc(var(--width540) * 16px);
        height: calc(var(--width540) * 16px);
      }
      .newLogin_project.input_email .newLogin_input b{
        width: calc(var(--width540) * 15px);
        height: calc(var(--width540) * 12px);
      }
      .newLogin_project.input_code .newLogin_input b{
        width: calc(var(--width540) * 15px);
        height: calc(var(--width540) * 17px);
      }
      .newLogin_project.input_phonecode .newLogin_input b{
        width: calc(var(--width540) * 15px);
        height: calc(var(--width540) * 17px);
      }
      .newLogin_project.input_password .newLogin_input b{
        width: calc(var(--width540) * 15px);
        height: calc(var(--width540) * 17px);
      }
      .newLogin_input input{
        font-size: calc(var(--width540) * 16px);
      }
      .newLogin_input:has(input:focus){
        border: calc(var(--width540) * 1px) solid #F13536;
      }
      .error_tips{
        font-size: calc(var(--width540) * 12px);
        line-height: calc(var(--width540) * 14px);
        top: calc(var(--width540) * 46px);
      }
      .newLogin_project.input_code .newLogin_input > img{
        width: calc(var(--width540) * 116px);
        height: calc(var(--width540) * 34px);
      }
      .newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
        width: calc(var(--width540) * 100px);
      }
      .newLogin_project .get_code{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
      }
      .newLogin_tabs_main_info{
        margin-top: calc(var(--width540) * 20px);
        margin-bottom: calc(var(--width540) * 10px);
      }
      .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
      }
      .newLogin_tabs_btn{
        height: calc(var(--width540) * 45px);
        border-radius: calc(var(--width540) * 3px);
        font-size: calc(var(--width540) * 20px);
        line-height: calc(var(--width540) * 50px);
      }
      .newLogin_tabs_main.phone_login > p{
        margin-top: calc(var(--width540) * 20px);
      }
      .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        padding: 0 calc(var(--width540) * 55px);
      }
      .newLogin_tabs_main.password_login > p{
        margin-top: calc(var(--width540) * 20px);
      }
      .newLogin_input .visible{
        width: calc(var(--width540) * 17px);
        height: calc(var(--width540) * 13px);
      }
      .newLogin_input .visible.active{
        width: calc(var(--width540) * 17px);
        height: calc(var(--width540) * 16px);
      }
      .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        padding: 0 calc(var(--width540) * 55px);
      }
      .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: calc(var(--width540) * 16px);
        line-height: calc(var(--width540) * 18px);
        margin-top: calc(var(--width540) * 15px);
      }
      .newLogin_tabs_top_phone_recovery span{
        font-size: calc(var(--width540) * 20px);
        line-height: calc(var(--width540) * 22px);
      }
      .newLogin_tabs_top_phone_recovery p{
        font-size: calc(var(--width540) * 14px);
        line-height: calc(var(--width540) * 16px);
        margin-top: calc(var(--width540) * 15px);
      }
}
@media screen and (max-width: 461px){
    .newLogin_tabs_main{
        margin-top: calc(var(--width460) * 30px);
      }
      .newLogin_tabs_top{
        margin-top: calc(var(--width460) * 35px);
      }
      .newLogin_tabs_top > button{
        font-size: calc(var(--width460) * 20px);
        line-height: calc(var(--width460) * 50px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_top,
      .newLogin_tabs.password_login .newLogin_tabs_top{
        gap: calc(var(--width460) * 40px);
      }
      .newLogin_tabs_top > button.active::after{
        height: calc(var(--width460) * 5px);
      }
      .newLogin_tabs_main > p{
        font-size: calc(var(--width460) * 14px);
        line-height: calc(var(--width460) * 16px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        padding: 0 calc(var(--width460) * 55px);
      }
      .newLogin_tabs_main.phone_login > span{
        font-size: calc(var(--width460) * 16px);
        line-height: calc(var(--width460) * 18px);
        margin-bottom: calc(var(--width460) * 18px);
      }
      .newLogin_project{
        padding-bottom: calc(var(--width460) * 25px);
      }
      .newLogin_project .newLogin_input{
        height: calc(var(--width460) * 40px);
        border-radius: calc(var(--width460) * 3px);
        border: calc(var(--width460) * 1px) solid #F1F1F1;
        gap: calc(var(--width460) * 7px);
        padding: 0 calc(var(--width460) * 15px);
      }
      .newLogin_project.input_phone .newLogin_input b{
        width: calc(var(--width460) * 16px);
        height: calc(var(--width460) * 16px);
      }
      .newLogin_project.input_email .newLogin_input b{
        width: calc(var(--width460) * 15px);
        height: calc(var(--width460) * 12px);
      }
      .newLogin_project.input_code .newLogin_input b{
        width: calc(var(--width460) * 15px);
        height: calc(var(--width460) * 17px);
      }
      .newLogin_project.input_phonecode .newLogin_input b{
        width: calc(var(--width460) * 15px);
        height: calc(var(--width460) * 17px);
      }
      .newLogin_project.input_password .newLogin_input b{
        width: calc(var(--width460) * 15px);
        height: calc(var(--width460) * 17px);
      }
      .newLogin_input input{
        font-size: calc(var(--width460) * 16px);
      }
      .newLogin_input:has(input:focus){
        border: calc(var(--width460) * 1px) solid #F13536;
      }
      .error_tips{
        font-size: calc(var(--width460) * 12px);
        line-height: calc(var(--width460) * 14px);
        top: calc(var(--width460) * 46px);
      }
      .newLogin_project.input_code .newLogin_input > img{
        width: calc(var(--width460) * 116px);
        height: calc(var(--width460) * 34px);
      }
      .newLogin_project.input_code .newLogin_input input,
      .newLogin_project.input_phonecode .newLogin_input input{
        width: calc(var(--width460) * 100px);
      }
      .newLogin_project .get_code{
        font-size: calc(var(--width460) * 16px);
        line-height: calc(var(--width460) * 18px);
      }
      .newLogin_tabs_main_info{
        margin-top: calc(var(--width460) * 20px);
        margin-bottom: calc(var(--width460) * 10px);
      }
      .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: calc(var(--width460) * 16px);
        line-height: calc(var(--width460) * 18px);
      }
      .newLogin_tabs_btn{
        height: calc(var(--width460) * 45px);
        border-radius: calc(var(--width460) * 3px);
        font-size: calc(var(--width460) * 20px);
        line-height: calc(var(--width460) * 50px);
      }
      .newLogin_tabs_main.phone_login > p{
        margin-top: calc(var(--width460) * 20px);
      }
      .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        padding: 0 calc(var(--width460) * 55px);
      }
      .newLogin_tabs_main.password_login > p{
        margin-top: calc(var(--width460) * 20px);
      }
      .newLogin_input .visible{
        width: calc(var(--width460) * 17px);
        height: calc(var(--width460) * 13px);
      }
      .newLogin_input .visible.active{
        width: calc(var(--width460) * 17px);
        height: calc(var(--width460) * 16px);
      }
      .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        padding: 0 calc(var(--width460) * 55px);
      }
      .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: calc(var(--width460) * 16px);
        line-height: calc(var(--width460) * 18px);
        margin-top: calc(var(--width460) * 15px);
      }
      .newLogin_tabs_top_phone_recovery span{
        font-size: calc(var(--width460) * 20px);
        line-height: calc(var(--width460) * 22px);
      }
      .newLogin_tabs_top_phone_recovery p{
        font-size: calc(var(--width460) * 14px);
        line-height: calc(var(--width460) * 16px);
        margin-top: calc(var(--width460) * 15px);
      }
}
@media screen and (max-width: 431px) {
    .newLogin_tabs{
        width: 100%;
        background: #FFFFFF;
    }
    .newLogin_tabs > img{
        width: 100%;
        height: auto;
    }
    .newLogin_tabs_main{
        display: none;
        margin-top: 30px;
    }
    .newLogin_tabs_top{
        width: 100%;
        margin-top: 35px;
    }
    .newLogin_tabs_top > button{
        border: none;
        cursor: pointer;
        font-size: 20px;
        color: #333333;
        background: none;
        font-weight: 500;
        line-height: 50px;
        display: none;
    }
    .newLogin_tabs_top_phone_recovery{
        display: none;
    }
    .newLogin_tabs.phone_login .newLogin_tabs_top > button,
    .newLogin_tabs.password_login .newLogin_tabs_top > button{
        display: block;
    }
    .newLogin_tabs.phone_login .newLogin_tabs_top,
    .newLogin_tabs.password_login .newLogin_tabs_top{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }
    .newLogin_tabs_top > button.active{
        color: #F13536;
        position: relative;
    }
    .newLogin_tabs_top > button.active::after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
    }
    .newLogin_tabs_main > p{
        font-size: 14px;
        color: #333333;
        line-height: 16px;
        text-align: center;
    }
    .newLogin_tabs_main > p a{
        color: #F13536;
    }
    .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 55px;
        box-sizing: border-box;
    }
    .newLogin_tabs_main.phone_login > span{
        font-size: 16px;
        color: #999999;
        line-height: 18px;
        margin-bottom: 18px;
    }
    .newLogin_project{
        width: 100%;
        position: relative;
        padding-bottom: 25px;
    }
    .newLogin_project .newLogin_input{
        width: 100%;
        height: 40px;
        background: #FBFBFB;
        border-radius: 3px;
        border: 1px solid #F1F1F1;
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .newLogin_project.input_phone .newLogin_input b{
        width: 16px;
        height: 16px;
        background:url(../mobimages/icon1155.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_phone .newLogin_input:has(input:focus) b{
        background:url(../mobimages/icon1156.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_email .newLogin_input b{
        width: 15px;
        height: 12px;
        background:url(../mobimages/icon1167.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_email .newLogin_input:has(input:focus) b{
        background:url(../mobimages/icon1168.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_code .newLogin_input b{
        width: 15px;
        height: 17px;
        background:url(../mobimages/icon1157.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_code .newLogin_input:has(input:focus) b{
        background:url(../mobimages/icon1158.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_phonecode .newLogin_input b{
        width: 15px;
        height: 17px;
        background:url(../mobimages/icon1159.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_phonecode .newLogin_input:has(input:focus) b{
        background:url(../mobimages/icon1160.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_password .newLogin_input b{
        width: 15px;
        height: 17px;
        background:url(../mobimages/icon1162.png) no-repeat;
        background-size: contain;
    }
    .newLogin_project.input_password .newLogin_input:has(input:focus) b{
        background:url(../mobimages/icon1163.png) no-repeat;
        background-size: contain;
    }
    .newLogin_input b{
        flex: 0 0 auto;
    }
    .newLogin_input input{
        flex: 1;
        width: auto;
        border: none;
        background: none;
        font-size: 16px;
        color: #333333;
    }
    .newLogin_input input::placeholder{
        color: #999999;
    }
    .newLogin_input:has(input:focus){
        border: 1px solid #F13536;
        background: #FDF6F6;
    }
    .error_tips{
        display: none;
        font-size: 12px;
        color: #F13536;
        line-height: 14px;
        position: absolute;
        top: 46px;
        left: 0;
    }
    .error_tips.active{
        display: block;
    }
    .newLogin_project.input_code .newLogin_input > img{
        width: 116px;
        height: 34px;
    }
    .newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
        width: 100px;
    }
    .newLogin_project .get_code{
        font-size: 16px;
        color: #F13536;
        line-height: 18px;
        border: none;
        background: none;
        cursor: pointer;
    }
    .newLogin_project .get_code.counting{
        color: #999999;
    }
    
    .newLogin_tabs_main_info{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: 16px;
        color: #F13536;
        line-height: 18px;
        border: none;
        background: none;
        cursor: pointer;
    }
    .newLogin_tabs_btn{
        width: 100%;
        height: 45px;
        border-radius: 3px;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 50px;
        text-align: center;
        border: none;
        background: none;
        cursor: pointer;
        background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
    }
    .newLogin_tabs_main.phone_login > p{
        margin-top: 20px;
    }
    .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 55px;
        box-sizing: border-box;
    }
    .newLogin_tabs_main.password_login > p{
        margin-top: 20px;
    }
    .newLogin_input .visible{
        width: 17px;
        height: 13px;
        background:url(../mobimages/icon1165.png) no-repeat;
        background-size: contain;
        border: none;
        cursor: pointer;
    }
    .newLogin_input .visible.active{
        width: 17px;
        height: 16px;
        background:url(../mobimages/icon1166.png) no-repeat;
        background-size: contain;
        border: none;
        cursor: pointer;
    }
    .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 55px;
        box-sizing: border-box;
    }
    .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: 16px;
        color: #F13536;
        line-height: 18px;
        border: none;
        background: none;
        cursor: pointer;
        margin-top: 15px;
    }
    .newLogin_tabs.phone_recovery .newLogin_tabs_top_phone_recovery{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .newLogin_tabs_top_phone_recovery span{
        font-size: 20px;
        color: #333333;
        line-height: 22px;
        font-weight: 500;
    }
    .newLogin_tabs_top_phone_recovery p{
        font-size: 14px;
        color: #999999;
        line-height: 16px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 391px) {
    .newLogin_tabs_main{
        margin-top: calc(var(--width390) * 30px);
      }
      .newLogin_tabs_top{
        margin-top: calc(var(--width390) * 35px);
      }
      .newLogin_tabs_top > button{
        font-size: calc(var(--width390) * 20px);
        line-height: calc(var(--width390) * 50px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_top,
      .newLogin_tabs.password_login .newLogin_tabs_top{
        gap: calc(var(--width390) * 40px);
      }
      .newLogin_tabs_top > button.active::after{
        height: calc(var(--width390) * 5px);
      }
      .newLogin_tabs_main > p{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 16px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        padding: 0 calc(var(--width390) * 55px);
      }
      .newLogin_tabs_main.phone_login > span{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
        margin-bottom: calc(var(--width390) * 18px);
      }
      .newLogin_project{
        padding-bottom: calc(var(--width390) * 25px);
      }
      .newLogin_project .newLogin_input{
        height: calc(var(--width390) * 40px);
        border-radius: calc(var(--width390) * 3px);
        border: calc(var(--width390) * 1px) solid #F1F1F1;
        gap: calc(var(--width390) * 7px);
        padding: 0 calc(var(--width390) * 15px);
      }
      .newLogin_project.input_phone .newLogin_input b{
        width: calc(var(--width390) * 16px);
        height: calc(var(--width390) * 16px);
      }
      .newLogin_project.input_email .newLogin_input b{
        width: calc(var(--width390) * 15px);
        height: calc(var(--width390) * 12px);
      }
      .newLogin_project.input_code .newLogin_input b{
        width: calc(var(--width390) * 15px);
        height: calc(var(--width390) * 17px);
      }
      .newLogin_project.input_phonecode .newLogin_input b{
        width: calc(var(--width390) * 15px);
        height: calc(var(--width390) * 17px);
      }
      .newLogin_project.input_password .newLogin_input b{
        width: calc(var(--width390) * 15px);
        height: calc(var(--width390) * 17px);
      }
      .newLogin_input input{
        font-size: calc(var(--width390) * 16px);
      }
      .newLogin_input:has(input:focus){
        border: calc(var(--width390) * 1px) solid #F13536;
      }
      .error_tips{
        font-size: calc(var(--width390) * 12px);
        line-height: calc(var(--width390) * 14px);
        top: calc(var(--width390) * 46px);
      }
      .newLogin_project.input_code .newLogin_input > img{
        width: calc(var(--width390) * 116px);
        height: calc(var(--width390) * 34px);
      }
      .newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
        width: calc(var(--width390) * 100px);
      }
      .newLogin_project .get_code{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
      }
      .newLogin_tabs_main_info{
        margin-top: calc(var(--width390) * 20px);
        margin-bottom: calc(var(--width390) * 10px);
      }
      .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
      }
      .newLogin_tabs_btn{
        height: calc(var(--width390) * 45px);
        border-radius: calc(var(--width390) * 3px);
        font-size: calc(var(--width390) * 20px);
        line-height: calc(var(--width390) * 50px);
      }
      .newLogin_tabs_main.phone_login > p{
        margin-top: calc(var(--width390) * 20px);
      }
      .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        padding: 0 calc(var(--width390) * 55px);
      }
      .newLogin_tabs_main.password_login > p{
        margin-top: calc(var(--width390) * 20px);
      }
      .newLogin_input .visible{
        width: calc(var(--width390) * 17px);
        height: calc(var(--width390) * 13px);
      }
      .newLogin_input .visible.active{
        width: calc(var(--width390) * 17px);
        height: calc(var(--width390) * 16px);
      }
      .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        padding: 0 calc(var(--width390) * 55px);
      }
      .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: calc(var(--width390) * 16px);
        line-height: calc(var(--width390) * 18px);
        margin-top: calc(var(--width390) * 15px);
      }
      .newLogin_tabs_top_phone_recovery span{
        font-size: calc(var(--width390) * 20px);
        line-height: calc(var(--width390) * 22px);
      }
      .newLogin_tabs_top_phone_recovery p{
        font-size: calc(var(--width390) * 14px);
        line-height: calc(var(--width390) * 16px);
        margin-top: calc(var(--width390) * 15px);
      }
}
@media screen and (max-width: 361px) {
    .newLogin_tabs_main{
        margin-top: calc(var(--width360) * 30px);
      }
      .newLogin_tabs_top{
        margin-top: calc(var(--width360) * 35px);
      }
      .newLogin_tabs_top > button{
        font-size: calc(var(--width360) * 20px);
        line-height: calc(var(--width360) * 50px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_top,
      .newLogin_tabs.password_login .newLogin_tabs_top{
        gap: calc(var(--width360) * 40px);
      }
      .newLogin_tabs_top > button.active::after{
        height: calc(var(--width360) * 5px);
      }
      .newLogin_tabs_main > p{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 16px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        padding: 0 calc(var(--width360) * 55px);
      }
      .newLogin_tabs_main.phone_login > span{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
        margin-bottom: calc(var(--width360) * 18px);
      }
      .newLogin_project{
        padding-bottom: calc(var(--width360) * 25px);
      }
      .newLogin_project .newLogin_input{
        height: calc(var(--width360) * 40px);
        border-radius: calc(var(--width360) * 3px);
        border: calc(var(--width360) * 1px) solid #F1F1F1;
        gap: calc(var(--width360) * 7px);
        padding: 0 calc(var(--width360) * 15px);
      }
      .newLogin_project.input_phone .newLogin_input b{
        width: calc(var(--width360) * 16px);
        height: calc(var(--width360) * 16px);
      }
      .newLogin_project.input_email .newLogin_input b{
        width: calc(var(--width360) * 15px);
        height: calc(var(--width360) * 12px);
      }
      .newLogin_project.input_code .newLogin_input b{
        width: calc(var(--width360) * 15px);
        height: calc(var(--width360) * 17px);
      }
      .newLogin_project.input_phonecode .newLogin_input b{
        width: calc(var(--width360) * 15px);
        height: calc(var(--width360) * 17px);
      }
      .newLogin_project.input_password .newLogin_input b{
        width: calc(var(--width360) * 15px);
        height: calc(var(--width360) * 17px);
      }
      .newLogin_input input{
        font-size: calc(var(--width360) * 16px);
      }
      .newLogin_input:has(input:focus){
        border: calc(var(--width360) * 1px) solid #F13536;
      }
      .error_tips{
        font-size: calc(var(--width360) * 12px);
        line-height: calc(var(--width360) * 14px);
        top: calc(var(--width360) * 46px);
      }
      .newLogin_project.input_code .newLogin_input > img{
        width: calc(var(--width360) * 116px);
        height: calc(var(--width360) * 34px);
      }
      .newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
        width: calc(var(--width360) * 100px);
      }
      .newLogin_project .get_code{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
      }
      .newLogin_tabs_main_info{
        margin-top: calc(var(--width360) * 20px);
        margin-bottom: calc(var(--width360) * 10px);
      }
      .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
      }
      .newLogin_tabs_btn{
        height: calc(var(--width360) * 45px);
        border-radius: calc(var(--width360) * 3px);
        font-size: calc(var(--width360) * 20px);
        line-height: calc(var(--width360) * 50px);
      }
      .newLogin_tabs_main.phone_login > p{
        margin-top: calc(var(--width360) * 20px);
      }
      .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        padding: 0 calc(var(--width360) * 55px);
      }
      .newLogin_tabs_main.password_login > p{
        margin-top: calc(var(--width360) * 20px);
      }
      .newLogin_input .visible{
        width: calc(var(--width360) * 17px);
        height: calc(var(--width360) * 13px);
      }
      .newLogin_input .visible.active{
        width: calc(var(--width360) * 17px);
        height: calc(var(--width360) * 16px);
      }
      .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        padding: 0 calc(var(--width360) * 55px);
      }
      .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: calc(var(--width360) * 16px);
        line-height: calc(var(--width360) * 18px);
        margin-top: calc(var(--width360) * 15px);
      }
      .newLogin_tabs_top_phone_recovery span{
        font-size: calc(var(--width360) * 20px);
        line-height: calc(var(--width360) * 22px);
      }
      .newLogin_tabs_top_phone_recovery p{
        font-size: calc(var(--width360) * 14px);
        line-height: calc(var(--width360) * 16px);
        margin-top: calc(var(--width360) * 15px);
      }
}
@media screen and (max-width: 331px) {
    .newLogin_tabs_main{
        margin-top: calc(var(--width330) * 30px);
      }
      .newLogin_tabs_top{
        margin-top: calc(var(--width330) * 35px);
      }
      .newLogin_tabs_top > button{
        font-size: calc(var(--width330) * 20px);
        line-height: calc(var(--width330) * 50px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_top,
      .newLogin_tabs.password_login .newLogin_tabs_top{
        gap: calc(var(--width330) * 40px);
      }
      .newLogin_tabs_top > button.active::after{
        height: calc(var(--width330) * 5px);
      }
      .newLogin_tabs_main > p{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 16px);
      }
      .newLogin_tabs.phone_login .newLogin_tabs_main.phone_login{
        padding: 0 calc(var(--width330) * 55px);
      }
      .newLogin_tabs_main.phone_login > span{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
        margin-bottom: calc(var(--width330) * 18px);
      }
      .newLogin_project{
        padding-bottom: calc(var(--width330) * 25px);
      }
      .newLogin_project .newLogin_input{
        height: calc(var(--width330) * 40px);
        border-radius: calc(var(--width330) * 3px);
        border: calc(var(--width330) * 1px) solid #F1F1F1;
        gap: calc(var(--width330) * 7px);
        padding: 0 calc(var(--width330) * 15px);
      }
      .newLogin_project.input_phone .newLogin_input b{
        width: calc(var(--width330) * 16px);
        height: calc(var(--width330) * 16px);
      }
      .newLogin_project.input_email .newLogin_input b{
        width: calc(var(--width330) * 15px);
        height: calc(var(--width330) * 12px);
      }
      .newLogin_project.input_code .newLogin_input b{
        width: calc(var(--width330) * 15px);
        height: calc(var(--width330) * 17px);
      }
      .newLogin_project.input_phonecode .newLogin_input b{
        width: calc(var(--width330) * 15px);
        height: calc(var(--width330) * 17px);
      }
      .newLogin_project.input_password .newLogin_input b{
        width: calc(var(--width330) * 15px);
        height: calc(var(--width330) * 17px);
      }
      .newLogin_input input{
        font-size: calc(var(--width330) * 16px);
      }
      .newLogin_input:has(input:focus){
        border: calc(var(--width330) * 1px) solid #F13536;
      }
      .error_tips{
        font-size: calc(var(--width330) * 12px);
        line-height: calc(var(--width330) * 14px);
        top: calc(var(--width330) * 46px);
      }
      .newLogin_project.input_code .newLogin_input > img{
        width: calc(var(--width330) * 116px);
        height: calc(var(--width330) * 34px);
      }
      .newLogin_project.input_code .newLogin_input input,
.newLogin_project.input_phonecode .newLogin_input input{
        width: calc(var(--width330) * 100px);
      }
      .newLogin_project .get_code{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
      }
      .newLogin_tabs_main_info{
        margin-top: calc(var(--width330) * 20px);
        margin-bottom: calc(var(--width330) * 10px);
      }
      .newLogin_tabs_main_info .rlf-forget,
      .newLogin_tabs_main_info a.to_phone_recovery{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
      }
      .newLogin_tabs_btn{
        height: calc(var(--width330) * 45px);
        border-radius: calc(var(--width330) * 3px);
        font-size: calc(var(--width330) * 20px);
        line-height: calc(var(--width330) * 50px);
      }
      .newLogin_tabs_main.phone_login > p{
        margin-top: calc(var(--width330) * 20px);
      }
      .newLogin_tabs.password_login .newLogin_tabs_main.password_login{
        padding: 0 calc(var(--width330) * 55px);
      }
      .newLogin_tabs_main.password_login > p{
        margin-top: calc(var(--width330) * 20px);
      }
      .newLogin_input .visible{
        width: calc(var(--width330) * 17px);
        height: calc(var(--width330) * 13px);
      }
      .newLogin_input .visible.active{
        width: calc(var(--width330) * 17px);
        height: calc(var(--width330) * 16px);
      }
      .newLogin_tabs.phone_recovery .newLogin_tabs_main.phone_recovery{
        padding: 0 calc(var(--width330) * 55px);
      }
      .newLogin_tabs_main.phone_recovery > .returnlogin{
        font-size: calc(var(--width330) * 16px);
        line-height: calc(var(--width330) * 18px);
        margin-top: calc(var(--width330) * 15px);
      }
      .newLogin_tabs_top_phone_recovery span{
        font-size: calc(var(--width330) * 20px);
        line-height: calc(var(--width330) * 22px);
      }
      .newLogin_tabs_top_phone_recovery p{
        font-size: calc(var(--width330) * 14px);
        line-height: calc(var(--width330) * 16px);
        margin-top: calc(var(--width330) * 15px);
      }
}