header{background-color: transparent;border: none;}
.container{width: 100%;height: 100%;background: linear-gradient(0deg, #ffffff 0%, #d3eadd 100%);}
.login-header{width: 100%;padding: 1.8rem;}
.login-header-container{width: 100%;max-width: 1200px;margin: auto;display: flex;align-items: center;justify-content: space-between;}
.login-header .logo img{width: 5.31rem;}
.login-header .nav-btn{display: flex;}
.login-header .nav-btn .item{text-align: center;font-size: var(--font-size-14);color: var(--font-color-2);border-right: solid 1px #dddddd;padding: 0 1rem;}
.login-header .nav-btn .item:last-child{border-right: none;}

.login-main{position: fixed;top: 50%;left: 50%;z-index: 9999;transform: translate(-50%, -50%);background-color: #fff;border-radius: 2rem;padding: 4rem 5rem;}
.login-main .head{font-size: 1.38rem;font-weight: bold;text-align: center;}
.login-main .form{margin-top: var(--margin-32);}
.login-main .form .cell{width: 100%;margin-bottom: 1.5rem;display: flex;align-items: center;}
.login-main .form .cell .tit{width: 5rem;font-size: var(--font-size-14);color: var(--font-color);}
.login-main .form .cell .cont{min-width: 0;flex: 1;margin-left: var(--margin-16);display: flex;align-items: center;background-color: #F3F6F8;border-radius: 0.5rem;position: relative;}
.login-main .form .cell .cont .input{min-width: 0;flex: 1;height: 3.13rem;line-height: 3.13rem;border: none;font-size: var(--font-size-14);background-color: transparent;}
.login-main .form .cell .cont .show-pwd{position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);z-index: 11;width: 1.5rem;height: 1.5rem;cursor: pointer;}
.login-main .form .cell .cont .cont-btn{width: 6.5rem;text-align: center;font-size: var(--font-size-14);color: var(--font-color-2);cursor: pointer;}
.login-main .form-btn{width: 100%;margin-top: var(--margin-32);}
.login-main .tip{width: 100%;margin-top: 1.5rem;font-size: var(--font-size-14);color: var(--font-color-2);text-align: center;}
.login-main .agreement{width: 100%;margin-top: 1.5rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.login-main .agreement img{width: 1.2rem;margin-right: var(--margin-16);}
.login-main .agreement span{color: var(--font-color-2);font-size: var(--font-size-12);}
.login-main .agreement span a{color: var(--font-color-3);}

.forget .form .cell .tit{width: 4.5rem;}


@media (max-width: 1201px) {
    
}
@media (max-width: 993px) {

}
@media (max-width: 768px) {
    .login-main{width: 70%;padding-left: 3rem;padding-right: 3rem;}
    .login-main .form .cell .tit{width: 5rem;}
}
@media (max-width: 576px) {
    .login-main{width: 90%;padding-left: 1rem;padding-right: 1rem;}
    .login-main .form .cell .tit{width: 5rem;}
}