.login, body, html {
    height: 100%;
}
body {
     background: url(./images/background-login.png) no-repeat center center /cover;
    background-attachment: fixed;
}
.login {
    width: 100%;
    height: 100%;
   
    padding-top: 2.6vh;
}

.login .layout .rows {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login .layout .rows .logo1 {
    width: auto;height: 14.35vh;
}
.login .layout .rows .logo2 {
    width: auto;height: 5.5vh;
}
.login-box1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.login-group {
     width: 5.31rem;
     background: #fff;
    padding: .58rem .72rem;
    border-radius: 20px;
}
#login-form {
   
   
}
h2.text_2 {
    font-weight: bold;font-size: .26rem;color: #333333;text-align: center;margin-bottom: .39rem;
}
.form-item {
    border: 1px solid transparent;
    transition: box-shadow 0.3s ease; /* 平滑过渡效果 */
        align-items: center;
    background: #F7F7F7;display: flex;padding: .08rem .18rem;margin-bottom: .22rem;position: relative;
}
.input-block {
    width: 100%;
}
.form-item input {
    width: 100%;
    height: 100%;
    border: none;background: transparent;
    padding-left: 16px;font-size: 16px;
    color: #B5B5B5;
    transition: box-shadow 0.3s ease; /* 平滑过渡效果 */
}
.form-item input:focus {
     outline: none; /* 去掉默认的轮廓线 */
    background-color: transparent !important; /* 设置为透明背景 */
}
.form-item input:-internal-autofill-previewed,.form-item input:-internal-autofill-selected {
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.form-item input:-internal-autofill-selected {
outline: none; /* 去掉默认的轮廓线 */
    background-color: transparent !important; /* 设置为透明背景 */
    
}
.form-item.active {
    outline: none; /* 移除默认的焦点轮廓 */
            box-shadow: 0 0 15px rgba(20, 93, 182, 0.8); /* 增加模糊半径和减少透明度 */
            border: 1px solid #1361ba;
}

.msg-box {
    position: absolute;
        bottom: -3px;
    left: 0;
}
.captcha {
    width: 100%;
    display: flex;
    align-items: center;margin-bottom: .22rem;
}
.captcha .form-item {
    width: 200px;
    margin: 0  .09rem 0 0;
}
.captcha .image_10 {
    width: 1.55rem;
    height: .48rem;
}
.captcha-right {
    display: flex;
    align-items: center;
}
.text-group_4{
    font-size: 14px;text-decoration-line: underline;color: #666666;
}
.btn:active {
    box-shadow: none;
}

.text_4 {margin-bottom: .22rem;
    height: .56rem;font-size: .22rem;color: #FFFFFF !important;
      background: url(./images/form-but.png) no-repeat left center;padding: 0;
}
.text_4:active {
    border: none;
        background-image: url(./images/form-but.png);
}
.btn:focus, .btn:active:focus {
    outline: none;
}
.text-wrapper_2 {
    text-align: center;font-size: .18rem;color: #333333;
}
.text-wrapper_2 a {
    color: #2965b6;font-size: .18rem;
}
@media screen and (max-width:1350px) {
    .login-group {width: 5.81rem}
    .captcha .form-item {width: 100%}
    .text-group_4 {display: none;}
    .captcha .image_10{width: auto}
    .text_4 {
        background: url(./images/form-but.png) no-repeat center center;
    }
}
@media screen and (max-width:1100px) {
    .login-group {width: 6.81rem}
    
}