.f28 { font-size: 28px; }
.mt40 { margin-top: 40px; }
.w320 { width: 320px; }

.login-body { position: relative; height: 100vh;  min-width: 1200px; }
.login-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.block-login { width: 696px; padding: 50px 0; background: #fff; border-radius: 10px; box-shadow: 0 1px 24px 0 rgba(0, 138, 251, 0.12); box-sizing: border-box; }
.login-ft { position: relative; float: left; width: 276px; text-align: center; }
    .login-ft::after { position: absolute; right: 0; top: 0; content: ''; width: 1px; height: 440px; background: #E0E2E6; }
.login-code { position: relative; margin: 40px auto 30px; width: 160px; height: 160px; }
.qrcode-error { display: block; position: absolute; left: 0; z-index: 9; top: 0; width: 160px; height: 160px; padding-top: 50px; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); }
.login-code img { width: 160px; height: 160px; }
.refresh-btn { display: block; margin: 10px auto 0; background: #e4393c; width: 80px; height: 30px; line-height: 30px; color: #fbfbfb; text-decoration: none; }
    .refresh-btn:hover { color: #fbfbfb; }
.login-rt { margin:0 auto; width: 420px; }
.form-login { width: 320px; margin: 40px auto 0; }
.box-input { position: relative; margin-bottom: 20px; height: 40px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; border: 1px solid #E4E6E8; }
    .box-input input { padding: 0; width: 100%; height: 100%; border: 0; font-size: 14px; color: #333; }
    .box-input label { position: absolute; left: 0; top: 38px; color: #ff4848; font-size: 12px; }
.box-code #capimg { width: 275px; height: 40px; }
.btn-login { height: 44px; line-height: 44px; font-size: 16px; border-radius: 2px; }
    .btn-login.btn-code { width: 105px; height: 38px; line-height: 38px; font-size: 14px; }
.tip-pwd { left: 0; top: 50px; width: 410px; transition: all 0.3s; }
    .tip-pwd p { color: #666; }
        .tip-pwd p::before { display: inline-block; vertical-align: middle; content: ''; margin-right: 5px; width: 6px; height: 6px; border-radius: 50%; background: #ff4848; }
    .tip-pwd .angle { top: -20px; left: 30px; }
.focus { border: 1px solid #ff6f6f; }
.box-radio input { width: 16px; height: 16px; }
.box-radio label { margin-right: 32px; font-size: 14px; }
    .box-radio label:last-child { margin-right: 0; }
.security-tips { width: 650px; padding: 5px 20px; margin: 0 auto 20px; text-align: center; line-height: 22px; background: #2486f6; color: #fff; font-weight: bold; border-radius: 100px; box-sizing: border-box; }