* { margin: 0; padding: 0 }

body { width: 100%; height: 100%; font-family: microsoft yahei,Arial,Verdana,Helvetica,sans-serif;}

::-webkit-input-placeholder { color: #999 }

:-moz-placeholder { color: #999 }

li { list-style-type: none }

img { border: 0 }

a { color: #26588b; text-decoration: none }

input { outline: 0 }

.login { background-image: linear-gradient(to top, #f8d8ce 0%, #e3eeff 99%, #e3eeff 100%); }

.login-bg { background: url(../images/banner-year.png) no-repeat bottom center; background-size: auto; background-position: 50% 90%; height: 100%; }

.login-wrap { position: absolute; left: 50%; top: 50%; width: 420px; margin-top: -260px; margin-left: -210px; background: rgba(255,255,255,.8); box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1); padding-bottom: 5px; border-radius: 3px;}

.login-box { margin: 30px; position: relative }

.login-box ul { border: 1px solid #bbb; border-radius: 3px }

.login-box li { display: block; background: 0 0; border-bottom: 1px solid #ccc; position: relative }

.login-box li:first-of-type input { border-radius: 3px 3px 0 0 }

.login-box li:last-of-type input { border-radius: 0 0 3px 3px }

.login-box li:last-of-type { border-bottom: 0 }

.login-box li i { width: 62px; line-height: 50px; display: block; background: 0 0; font-style: normal; position: absolute; top: 0; left: 8px; color: #26588b; font-family: microsoft yahei,Arial,Verdana,Helvetica,sans-serif; font-size: 14px }

.login-box li input { font-family: microsoft yahei,Arial,Verdana,Helvetica,sans-serif; font-size: 14px; line-height: 50px; height: 50px; width: 100%; border: 0; text-indent: 65px }

.login-box li input:focus { background: #fff9eb; box-shadow: 0 0 3px #a0b9eb }

.login-box img { cursor: pointer }

.login-box dt { float: right; width: 90px; text-align: center; padding: 5px; overflow: hidden; vertical-align: middle }

.login-box ol { margin-right: 100px }

.login-box .submit-btn { cursor: pointer; margin-top: 15px; display: block; width: 100%; line-height: 50px; height: 50px; border-radius: 3px; background: #26588b; border: 1px solid #26588b; box-shadow: 0 0 1px #fff inset; color: #fff; font-size: 18px; font-weight: 700 }

.login-box .submit-btn:hover { background: #2161b3;}

.login-box .login-tool { margin-top: 15px }

.login-box .login-tool a { width: 122px; float: right; height: 60px; margin-left: 10px }

.login-box .login-tool a:last-child { text-align: right }

.login-box .login-tool a.ico-login { background: url("../images/ico-mobile.png")no-repeat left center; }
.login-box .login-tool a.ico-188 { background: url("../images/ico_188.png")no-repeat left center;width: 100px; }

.login-box .login-tips { display: flex; justify-content: space-between; margin-bottom: 10px; }

.login-box .login-title { display: flex; justify-content: center; font-size: 20px; }

.login-box .login-tips .google { background: url("../images/g2fa.png") no-repeat; cursor: pointer; width: 35px; background-size: 100%; background-position: center;}

.login-box .mfa i { width: 85px; }

.login-box li.mfa input { text-indent: 90px; }

@media (max-width:768px) {
    body { font-size: 1em }

    .login-bg { background-size: contain; background-position: 0 90%;}

    .login-wrap { position: absolute; left: 50%; top: 3em; margin-top: 0; margin-left: -45%; width: 90%; display: block; background-size: contain; z-index: 999; border-radius: 3px; }

    .login-box { margin: 20px 30px; padding-top: 15px; position: relative }

    .login-box li i { margin: 0; width: 5em }

    .login-box li input { text-indent: 65px }

    .login-box .submit-btn { line-height: 46px; height: 46px }

    .login-box .login-tool { margin-top: 5px }
}