* { margin: 0; padding: 0 }

body { width: 100%; height: 100%; 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(../images/login_newyear.png) #fff no-repeat center; background-size: cover; }

.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 0 3px #aaa; padding-bottom: 5px }

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

.login_box i { position: absolute; top: -78px; left: 130px; width: 78px; height: 78px; display: block; background: url(../images/ico_ren.png) no-repeat center }

.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: 3px }

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

.login_box li:first-of-type input[type=text] { border-radius: 3px 3px 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 }

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

.login_box .ico_user { background: url(../images/ico_user.png) #fff no-repeat center }

.login_box .ico_pwd { background: url(../images/ico_pwd.png) #fff no-repeat center }

.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: 3px; background: url(../images/login_btn.png) repeat-x top; border: 0; border: 1px solid #2161b3; color: #fff; font-size: 18px; font-weight: 700 }

.login_box .submit_btn:hover { background: #2a6bbe; box-shadow: 0 0 1px #fff inset }

.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_tool a.ico_login { background: url("../images/ico_mobile.png")no-repeat left center; }

.login_m .login_box .login_tool a.ico_login { background: url("../images/ico_pc.png")no-repeat left center;  }

.login_box .login_tool a.ico_gwin { background: url("../images/ico_gwin.png")no-repeat right center; }

.login_box .login_tool a.ico_aplus { background: url("../images/ico_aplus.png")no-repeat right center; }

.page_bg { background: url(../images/page_bg.png) #fff repeat-x top center }

.page_box { position: absolute; left: 50%; top: 50%; margin-top: -300px; margin-left: -365px; width: 785px; background: #fcf9f5; border-radius: 5px; box-shadow: 0 0 4px #ae9971 }

.page_box .page_title { display: block; background: #d1b47c; font-size: 18px; color: #fff; text-align: center; height: 44px; line-height: 44px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #cec0a4; font-weight: 500; text-shadow: 1px 1px 0 #ad9360 }

.page_box .page_con ul { padding: 20px 30px; width: 100%; box-sizing: border-box; }

.page_box .page_con li { line-height: 15px; margin: 0 0 10px; }

.ftcolor_red { color: red; }

.page_btns { margin: 10px; padding: 10px; border-top: 1px solid #ddd; text-align: center }

.page_btns .submit_btn { display: inline-block; width: 80px; line-height: 32px; height: 32px; text-align: center; border-radius: 3px; background: #d1b47c; border: 0; border-bottom: 2px solid #644d1f; color: #fff; text-shadow: 1px 1px 0 #927e57; font-size: 14px; font-weight: 700; margin: 0 10px; background: url("../images/top_bg.png") repeat-x top center; }

.page_btns .submit_btn:hover { background: #ca8e40; }

.wel { display: none; }

.ftweight_blod { font-weight: bold; }

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

    .login_bg { background: url("../images/login_newyearm.jpg")no-repeat top center; background-size: cover }

    .login_wrap { position: absolute; left: 50%; top: 3em; 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 i { position: absolute; top: -50px; left: 50%; margin-left: -32px; width: 64px; height: 64px; display: block; background: url(../images/ico_ren.png); background-size: contain }

    .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 }

    .login_box .login_tool a.ico_login { background-size: contain }

    .login_box .login_tool a.ico_gwin { background-size: contain }

    .login_box .login_tool a.ico_aplus { background-size: contain }

    .login_m .login_box .login_tool a.ico_login { background-size: contain }

    .wel { display: block; width: 18em; position: absolute; bottom: 1em; left: 50%; margin-left: -9em; z-index: 99 }

    .wel img { width: 100% }

    .page_box .page_con li { font-size: 13px }
}


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

    .login_wrap { padding-bottom: 20px }

    .page_box .page_con li { font-size: 13px }
}

.login_box .login_tips { margin-bottom: 20px; display: flex; justify-content: space-between; }
.login_box .login_tips .left { background: url("../images/login_l.png") no-repeat left center; width: 100px; height: 30px; }
.login_box .login_tips .right { background: url("../images/login_r.png") no-repeat left center; cursor: pointer; width: 60px; height: 30px; }