@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

body { font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; background: url(../img/login-bg.png) no-repeat; background-size: cover; display: flex; flex-direction: column; }

body, html { -webkit-user-select: none; user-select: none; min-height: 700px; height: 100%; }

ul, li { list-style: none; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { box-shadow: inset 0 0 0 1000px #fff; -moz-box-shadow: inset 0 0 0 1000px #fff; -webkit-box-shadow: inset 0 0 0 1000px #fff; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; padding: 0; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

a { color: #4a90e2; text-decoration: none; }

a:hover { text-decoration: underline; }

:focus { outline: none !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.container { width: 1080px; min-width: 1000px; max-width: 90%; margin: 0 auto; overflow: hidden; }

header { height: 72px; padding: 0; color: #FFF; border-bottom: 1px solid #e5e5e5; }
header .container { padding-bottom: 20px; }
header .container .logo { float: left; padding: 15px 0; }
header .container .title { float: right; padding-top: 25px; }

main { flex: auto; display: flex; flex-direction: column; justify-content: center; }
main .banner { float: left; margin-left: 0; margin-top: 64px; }
main .login-box { margin-top: 10px; float: right; width: 360px; height: 368px; border: 3px solid #e5e5e5; background-color: #fff; }

.auth-wrap { padding: 10px 25px 35px 25px; position: relative; }

.auth-title { display: block; padding: 25px 0; margin-bottom: 10px; font-size: 22px; font-weight: 400; width: 100%; text-align: center; }

.login_input_panel .login_input { position: relative; padding: 3px 6px 3px 54px; border: 1px solid #e7e7eb; margin-top: -1px; }
.login_input_panel .login_input .icon_login { background-image: url(../img/icon_auth.png); background-repeat: no-repeat; }
.login_input_panel .login_input .icon_login.un { background-position: 0 0; }
.login_input_panel .login_input .icon_login.pwd { background-position: 0 -20px; }
.login_input_panel .login_input .icon_login.vcd { background-position: 0 -44px; }
.login_input_panel .login_input .icon_login.mcd { background-position: 0 -110px; }
.login_input_panel .login_input .icon_login.mail { background-position: 0 -65px; }
.login_input_panel .login_input .icon_login.tel { background-position: 0 -88px; }
.login_input_panel .login_input .icon_login { position: absolute; left: 15px; top: 50%; margin-top: -11px; width: 16px; height: 18px; vertical-align: middle; display: inline-block; }
.login_input_panel .login_input input { margin-right: 6px; border: 0; outline: 0; padding: 11px 0; vertical-align: middle; width: 100%; }
.login_input_panel .login_input input.verify { padding-right: 135px; }
.login_input_panel .login_input .verify-img { position: absolute; right: 0; top: 0; width: 130px; height: 44px; text-align: right; }
.login_input_panel .login_input .verify-img img { width: auto; height: 43px; }

.login_help_panel { overflow: hidden; margin-top: 6px; }
.login_help_panel label { float: left; }
.login_help_panel .frm_checkbox_label { display: inline-block; text-align: left; cursor: pointer; margin-right: 1em; }
.login_help_panel .frm_checkbox_label .icon_checkbox { background-image: url(../img/icon_auth.png); background-repeat: no-repeat; background-position: 0 -132px; width: 16px; height: 16px; vertical-align: middle; display: inline-block; margin-right: 3px; margin-top: -2px; }
.login_help_panel .frm_checkbox_label.select .icon_checkbox { background-position: 0 bottom; }
.login_help_panel .login_forget_pwd { float: right; }

.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn_login { width: 100%; padding: 10px; font-size: 16px; color: #fff; background: -moz-linear-gradient(to bottom, #4a90e2 0, #4a90e2 100%); background: -webkit-linear-gradient(to bottom, #4a90e2 0, #4a90e2 100%); background: -o-linear-gradient(to bottom, #4a90e2 0, #4a90e2 100%); background: -ms-linear-gradient(to bottom, #4a90e2 0, #4a90e2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A90E2', endColorstr='#4A90E2', GradientType=0); background: linear-gradient(to bottom, #4a90e2 0%, #4a90e2 100%); border-color: #417FC8; }
.btn_login.active, .btn_login:active { background: -moz-linear-gradient(to bottom, #3e80cf 0, #75aff4 100%); background: -webkit-linear-gradient(to bottom, #3e80cf 0, #75aff4 100%); background: -o-linear-gradient(to bottom, #3e80cf 0, #75aff4 100%); background: -ms-linear-gradient(to bottom, #3e80cf 0, #75aff4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e80cf', endColorstr='#75aff4', GradientType=0); background: linear-gradient(to bottom, #3e80cf 0, #75aff4 100%); }
.btn_login:hover { opacity: .95; }

.login_error { padding-top: 4px; line-height: 22px; color: #f86161; font-size: 12px; }

.auth-btn { padding-top: 15px; }

/*第三方登录*/
.auth_third_party { text-align: center; }
.auth_third_party .third_party_item { display: inline-block; width: 68px; height: 70px; margin: 0 20px; color: #ccc; }
.auth_third_party .third_party_item .icon_third_parth { background-image: url(../img/icon_third_party.png); background-repeat: no-repeat; width: 40px; height: 40px; opacity: .6; display: inline-block; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.auth_third_party .third_party_item .icon_third_parth.qq { background-position: 0 0; }
.auth_third_party .third_party_item .icon_third_parth.sina { background-position: 0 -40px; }
.auth_third_party .third_party_item .third_party_name { display: block; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.auth_third_party .third_party_item:hover { color: #4a90e2; text-decoration: none; }
.auth_third_party .third_party_item:hover .icon_third_parth { opacity: 1; }

.auth_query { position: absolute; right: 0; bottom: 5px; left: 0; width: 100%; text-align: center; }
.auth_query a { color: #333; }
.auth_query a:hover { color: #4a90e2; }

.hide { display: none; }

footer p { padding: 20px; font-size: 12px; text-align: center; color: #aaa; }

footer p a { font-size: 12px; color: #aaa; text-decoration: none; }

.table-tab { padding-bottom: 15px; text-align: center; }
.table-tab a { display: inline-block; font-size: 15px; color: #ccc; padding: 0 5px; text-decoration: none; }
.table-tab a.active, .table-tab a:hover { color: #666; }

.qrcode_img { text-align: center; }
.qrcode_img img { border: 8px solid #eee; }

.qrcode_tip { text-align: center; color: #999; font-size: 14px; }

#think_page_trace_open { display: none; }

/*# sourceMappingURL=login.css.map */