* { margin: 0; padding: 0 }

html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

body { font-family: microsoft yahei,Arial,Verdana,Helvetica,sans-serif; font-size: 13px; color: #363636; line-height: 1.5em; background: #e6d8bd }

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

:-moz-placeholder { color: #666 }

li { list-style-type: none }

h1, h2, h3 { font-size: 14px; font-weight: 700 }

em { font-style: normal }

img { border: 0 }

.clear { clear: both }

.h_4 { height: 4px; overflow: hidden }

.lefts { float: left; text-align: left }

.rights { float: right; text-align: right }

a.more, a.more:link, a.more:visited, a.more:hover { font-size: 12px; font-weight: 400; color: #666; text-decoration: none; margin: 0 }

a { color: #2161b3; text-decoration: none }

a:hover { text-decoration: none; color: #ff8400 }

.floatL { float: left }

.floatR { float: right }

input { outline: 0 }

.login_bg { 
    background: url(/img/login_newyearm.png) #fff no-repeat center; 
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
    position: relative;
}

.login_ad { position: absolute; left: 50%; top: 50%; width: 420px; margin-top: -365px; margin-left: -210px; text-align: center; }
.login_ad a img { width: 420px; }

.login_wrap { position: absolute; left: 50%; top: 50%; width: 420px; margin-top: -120px; margin-left: -210px; background: rgba(255,255,255,.9); box-shadow: 0 0 20px rgba(0,0,0,0.3); padding-bottom: 5px; border-radius: 10px; }

.login_box { margin: 40px; position: relative }

.login_box h2 { font-size: 18px; text-align: center; color: #5f89e2; font-weight: 400; margin-bottom: 20px }

.login_box ul { border: 1px solid #bbb; border-radius: 5px; overflow: hidden; }

.login_box li { display: block; background: #fff; border-bottom: 1px solid #ccc; position: relative }

.login_box li:first-of-type input[type=text] { border-radius: 5px 5px 0 0 }

.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: #2161b3; font-family: microsoft yahei,Arial,Verdana,Helvetica,sans-serif; font-size: 14px }

.login_box li input[type=text], .login_box li input[type=password] { font-family: microsoft yahei,Arial,Verdana,Helvetica,sans-serif; font-size: 14px; line-height: 50px; height: 50px; width: 100%; border: 0; text-indent: 65px; background: #fff; }

.login_box li input[type=text]:focus, .login_box li input[type=password]:focus { background: #fff9eb; box-shadow: 0 0 3px #a0b9eb }

.login_box img { cursor: pointer }

input:-webkit-autofill, input:-webkit-autofill:focus { box-shadow: 0 0 0 1e3px #fff inset !important; -webkit-box-shadow: 0 0 0 1e3px #fff inset !important }

.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 { margin-top: 15px; display: block; width: 100%; line-height: 50px; height: 50px; text-align: center; border-radius: 5px; background: linear-gradient(135deg, #4a9eff 0%, #2d7dd2 100%); border: 0; border: 1px solid #2161b3; color: #fff; font-size: 18px; font-weight: 700; cursor: pointer; }

.login_box .submit_btn:hover { background: linear-gradient(135deg, #2d7dd2 0%, #1a5aa8 100%); box-shadow: 0 4px 12px rgba(74, 158, 255, 0.4); }

.login_box .login_tool { margin-top: 15px }

.login_box .login_tool a { width: 50%; float: left; display: block; height: 60px }

.login_box .login_tool a:last-child { text-align: right }

.login_box .login_tips { margin-bottom: 20px; text-align: center; }
.login_box .login_tips .left { display: inline-block; color: #5f89e2; font-size: 20px; font-weight: bold; }

.error-message {
    background: #fee;
    color: #c33;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #fcc;
}

@media screen and (min-width:320px) and (max-width:960px) {
    body { font-size: 1em }

    .login_bg { 
        background: url(/img/login_newyearm.png) #fff no-repeat center; 
        background-size: cover;
        background-attachment: scroll;
        min-height: 100vh;
    }

    .login_ad { position: absolute; left: 50%; top: 10px; width: 90%; margin-top: 0; margin-left: -45%; text-align: center; }
    .login_ad a img { width: 90%; }

    .login_wrap { position: absolute; left: 50%; top: 6em; margin-top: 0; margin-left: -45%; width: 90%; display: block; background-size: contain; z-index: 999 }

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

    .login_box h2 { font-size: 16px; margin-bottom: 10px }

    .login_box li i { margin: 0; width: 5em }

    .login_box li label { font-size: 13px }

    .login_box li input[type=text], .login_box li input[type=password] { text-indent: 65px }

    .login_box .submit_btn { line-height: 46px; height: 46px }

    .login_box .login_tool { margin-top: 5px }
}

@media screen and (min-width:768px) and (max-width:960px) {
    body { font-size: 2.5em }

    .login_wrap { padding-bottom: 20px }
}