html,body{min-width:0;min-height:100%;margin:0}
body{padding-top:0!important}
.login-page{position:relative;min-height:100vh;overflow:hidden;background:#f7fbff url("../img/login/background.png") center top/cover no-repeat;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.login-page__header{display:flex;height:64px;padding:0 140px 0 22px;align-items:center;justify-content:space-between;background:#fefefe}
.login-page__switch{display:inline-flex;width:104px;height:40px;align-items:center;justify-content:center;border-radius:10px;color:#409efe;font-size:18px;border:1px solid #409efe;background:#fff}
.login-card{position:absolute;top:167px;left:calc(50% + 10px);width:550px;min-height:522px;padding:44px;border-radius:20px;background:#fff}
.login-card__title{margin:0 0 40px;color:#333;font-size:28px;font-weight:500;line-height:38px;text-align:center}
.login-card .form-group{margin:0 0 32px}
.login-card .form-group--agreement{margin-top:-12px;margin-bottom:46px}
.login-card .form-group--submit{margin-bottom:0}
.login-field{display:block;width:100%;height:54px;padding:0 18px 0 54px;color:#333;font-size:18px;border:1px solid #ddd;border-radius:8px;box-shadow:none;background-color:#fff;background-repeat:no-repeat;background-position:20px center;background-size:20px}
.login-field:focus{border-color:#409efe;outline:0;box-shadow:none}
.login-field::placeholder{color:#bfbfbf}
.login-field--account{background-image:url("../img/login/account.png")}
.login-field--password{background-image:url("../img/login/password.png")}
.login-card .help-block{margin:5px 0 0;font-size:13px}
.login-agreement{display:flex;align-items:center;color:#89909a;font-size:18px;font-weight:400;line-height:30px;cursor:pointer}
.login-agreement input{width:20px;height:20px;margin:0 8px 0 0;accent-color:#409efe}
.login-agreement a,.login-card__register a{color:#409efe}
.login-submit{display:block;width:100%;height:66px;padding:0;color:#fff;font-size:24px;font-weight:500;line-height:66px;border:0;border-radius:8px;background:#409efe}
.login-submit:hover,.login-submit:focus{color:#fff;background:#258cf4;outline:0}
.login-card__register{margin:24px 0 0;color:#89909a;font-size:18px;line-height:30px;text-align:center}
.login-card__register a{margin-left:5px}
@media(max-width:900px){
    .login-page{background-position:35% top}
    .login-page__header{padding:0 22px}
    .login-card{position:relative;top:auto;left:auto;width:min(550px,calc(100% - 32px));min-height:0;margin:72px auto 48px}
}
@media(max-width:767px){
    .login-page__brand{width:min(200px,calc(100% - 106px));flex:none;min-width:0;max-width:200px;gap:6px}
}
@media(max-width:575px){
    .login-page__header{height:58px}
    .login-page__switch{width:90px;height:34px;font-size:15px}
    .login-card{margin-top:38px;padding:30px 22px;border-radius:14px}
    .login-card__title{margin-bottom:30px;font-size:24px}
    .login-field{font-size:16px}
    .login-agreement{align-items:flex-start;font-size:14px;line-height:22px}
    .login-agreement input{flex:0 0 20px;margin-top:1px}
    .login-submit{height:54px;font-size:20px;line-height:54px}
    .login-card__register{font-size:15px}
}