@charset "utf-8";
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin:0; padding:0;}
html,body{background-color:#f2f2f2;}
body{color:#4e4e4e;font:12px/1.5 "微软雅黑",Microsoft YaHei,Arial,Tahoma,Verdana,Helvetica,sans-serif; -webkit-overflow-scrolling:touch;font-family:"Microsoft Yahei","微软雅黑","宋体",Arial,"Hiragino Sans GB","simsun",Tahoma,Arial,Helvetica,STHeiti;min-width: 1000px;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block; vertical-align:baseline;}
audio:not([controls]){display:none; height:0;}
[hidden], template{display:none;}
svg:not(:root){overflow:hidden;}
a{color:#4e4e4e;background:transparent; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:active{outline:0;}
a:hover{color:#17a569;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0; color:#000;}
small{font-size:80%;}
sub, sup{line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
hr{box-sizing:content-box; height:0;}
pre{overflow:auto; white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
code, kbd, pre, samp{font-family:monospace, monospace; font-size:1em;}
button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
input{line-height:normal;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}
legend{border:0; padding:0;}
textarea{overflow:auto; resize:vertical;}
optgroup{font-weight:bold;}
table{border-collapse:collapse; border-spacing:0;}
td, th{padding:0;}
ul, ol{list-style:none outside none;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{ font-size:14px;}
::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-ms-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;}


/* 清除浮动 */
.clearfix:after,.layout:after,.login-main .login-hd:after,.login-ipt-item:after,.login-btn-group:after,.login-wrap:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.layout,.login-main .login-hd,.login-ipt-item,.login-btn-group,.login-wrap{*zoom:1;}


/* 布局 */
html,body{height:100%;position:relative;}
.login-contain{min-height:100%;position:relative;}
.login-layer{width:1000px;margin:0 auto;}

/* 字体 */
.login-head .head-logo .logo-txt,.login-main .login-hd,.login-form .login-btn{font-family:Verdana,"Microsoft Yahei",'微软雅黑',Helvetica,sans-serif}



/* ------------------------------- 
 * 页眉 
 * ------------------------------- */

.login-head{padding:12px 0;text-align:center;background-color:#048270;background-image:-webkit-linear-gradient(60deg,#00796c,#1ab88a,#00796c);background-image:linear-gradient(60deg,#00796c,#1ab88a,#00796c);border-bottom:1px solid #eee;box-shadow:0 3px 20px rgba(0,0,0,.18)}
.login-head .head-logo .logo-img{display:inline-block;vertical-align:middle;}
.login-head .head-logo .logo-img img{vertical-align:middle;}
.login-head .head-logo .logo-txt{display:inline;padding:0 20px;font-size:24px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);letter-spacing:1px;opacity:.9;}



/* ------------------------------- 
 * 主体 
 * ------------------------------- */
.login-wrap{width:860px;margin:0 auto;padding:105px 0 200px;}

/* BANNER */
.login-banner{width:400px;padding:12px;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 18px rgba(0,0,0,.15);-webkit-animation:bannerAnimate 6s linear infinite;animation:bannerAnimate 6s linear infinite;float:left;border-radius:2px;}
.login-banner .banner-img{width: 100%;height: 390px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.login-banner img{display:block;width:100%;height:auto;border-radius:2px;overflow:hidden;}


/* MAIN*/
.login-main{width:350px;float:right;position:relative;padding-top:0;}
.login-main .login-hd{padding-bottom:20px;line-height:28px;}
.login-main .login-tit{font-size:24px;font-weight:normal;color:#000;float:left;}
.login-main .login-hd .pwd-link{float:right;color:#999;line-height:20px;padding-top:8px;font-size:14px;}
.login-main .login-hd .pwd-link:hover{color:#009688;}
.login-form .login-ipt-item{width:100%;position:relative;padding-bottom:12px;}
.login-form .login-ipt-box{height:37px;background-color:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden;}
.login-form .login-ipt-box .ipt-ico{display:inline-block;width:37px;height:37px;background-image:url(img/login-sprites.png);background-repeat:no-repeat;position:absolute;left:0;top:0;}
.login-form .login-ipt-box .ipt-ico-user{background-position:0 0;}
.login-form .login-ipt-box .ipt-ico-pwd{background-position:-40px 0;}
.login-form .login-ipt-box .ipt-ico-verify{background-position:-80px 0;}
.login-form .login-ipt-txt{display:block;width:306px;height:21px;line-height:21px;padding:8px 0 8px 42px;border:0;background:none;font-size:14px;outline-color:#058471;box-shadow:none;}
.login-form .sys-select{display:block;height:37px;line-height:37px;position:relative;border:1px solid #dfdfdf;overflow:hidden;background-color: #fff;}
.login-form .sys-select select{width:100%;line-height:27px;padding-top:6px;padding-bottom:5px;border:0;color:#ccc;font-size:14px;padding-left:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:0;position:relative;z-index:9;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.login-form .sys-select select:hover,.login-form .sys-select select.active{color:#666;}
.login-form .sys-select .select-arrow{display:block;width:0;height:0;border-width:6px 4px 0;border-style:solid dashed dashed;border-color:#aaa transparent transparent;position:absolute;right:10px;top:50%;margin-top:-3px;}

.login-form .verify-img,.login-form .yanZm_img{width:auto;height: 39px;float:left;text-align:center;overflow:hidden;position: absolute;right: 0;top: 0;}
.login-form .verify-img img{max-width:100%;height:40px;}
.login-form .login-btn-group{padding-top:10px;padding-bottom:15px;}
.login-form .login-btn{display:inline-block;width:168px;height:42px;line-height:39px;background-color:#1ab88a;border:1px solid #0baa7c;border-radius:4px;cursor:pointer;color:#fff;font-size:18px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;outline: 0;}
.login-form .login-btn:hover{background-color:#1bb481;}
.login-form .login-btn-reset{background-color:#f5b901;border-color:#dfa903;float:right;clear: right;*margin-top: -42px;}
.login-form .login-btn-reset:hover{background-color:#f4af09;}
.login-main .login-tips {margin-top:18px;padding-top:18px;border-top:1px solid #ddd;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;line-height:1.6;}
.login-main .login-tips dt{display:block;font-size:14px;padding-bottom:5px;}
.login-main .login-tips dd{font-size:12px;color:#888;padding-left:1.5em;text-indent:-1.5em;padding-top:5px;}
.login-main .verify-pop{width:328px;background-color:#fffbef;border:1px solid #ffa531;padding:6px 10px;position:absolute;left:0;top:0;line-height:22px;font-size:14px;display:none;border-radius:2px;}
.login-main .verify-pop,.login-main .verify-pop a{color:#f40;}
.login-main .verify-txt{padding-left:25px;}
.login-main .verify-ico{display:inline-block;width:18px;height:18px;background:url(img/login-sprites.png) 0 -40px no-repeat;position:absolute;left:10px;top:8px;}
.login-main .error-active {display:block;-webkit-animation:.15s msgIn linear;-o-animation:.15s msgIn linear;animation:.15s msgIn linear;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:visible;}
@keyframes -webkit-bannerAnimate{
	0%{-webkit-filter:none;filter:none;}
	50%{-webkit-filter:hue-rotate(35deg) contrast(130%) saturate(136%);filter:hue-rotate(35deg) contrast(130%) saturate(136%);}
}
@keyframes bannerAnimate{
	0%{-webkit-filter:none;filter:none;}
	50%{-webkit-filter:hue-rotate(35deg) contrast(130%) saturate(136%);filter:hue-rotate(35deg) contrast(130%) saturate(136%);}
}
@-webkit-keyframes msgIn{
	0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);}
	100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes msgIn{
	0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);}
	100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}



/* ------------------------------- 
 * 页底 
 * ------------------------------- */
.login-foot {width:100%;position:absolute;left:0;bottom:0;padding:25px 0;background-color:#111;text-align:center;line-height:1.5;font-size:13px;}
.login-foot,.login-foot a{color:#888;}
.login-foot .txt-en{text-transform:uppercase;font-size:12px;}





/* ------------------------------- 
 * 适配移动端 
 * ------------------------------- */
@media screen and (max-width: 768px){
	html,body{background-color: #fff;}
	body{min-width: inherit;}
	.login-contain{width: 100%;position: absolute;left: 0;top: 0;padding-bottom: 100px;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.login-layer{width: auto;}
	.login-head{border-bottom: 0;padding: 10px 0;}
	.login-head .head-logo .logo-txt{font-size: 20px;}
	.login-wrap{width: auto;padding: 0 0 35px;}
	.login-banner{padding: 0;width: 100%;float: none;border: 0;}
	.login-banner .banner-img{height: 300px;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
	.login-main{width: auto;float: none;background-color: rgba(255,255,255,.9);border-radius:5px;padding: 20px;margin: -270px 5% 0;position: relative;z-index: 1;}
	.login-main .login-hd{padding-bottom: 10px;}
	.login-main .login-tit{font-size:16px;}
	.login-main .login-hd .pwd-link{font-size: 12px;}
	.login-form .login-ipt-box{height: 35px;}
	.login-form .login-ipt-box .ipt-ico{height: 35px;width: 35px;}
	.login-form .login-ipt-txt{display: block;width: 100%;height: 35px;padding-top: 7px;padding-bottom: 7px;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.login-form .login-verify{width: 100%;float: none;}
	.login-form .login-verify .login-ipt-txt{width: 100%;}
	.login-form .yanZm_img{position: absolute;right: -1px;top: 0;height: 37px;}
	.login-form .login-btn-group{padding-top: 0;}
	.login-btn-group{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;}
	.login-btn-group .login-btn{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin: 0 5px;outline: 0;height: 39px;line-height: 37px;font-size: 16px;}
	.login-btn-group .login-btn:first-child{margin-left: 0;}
	.login-btn-group .login-btn:last-child{margin-right: 0;}
	.login-main .error-active{width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px 5px 0 0;border: 0;border-bottom: 1px solid #ddd;padding: 10px;}
	.login-main .verify-ico{top: 12px;}
	.login-main .login-tips{border-top: 0;margin-top: 0;box-shadow: none;padding-top: 25px;}
	.login-foot{position: absolute;font-size: 11px;padding: 15px 0;}
	.login-foot .txt-en{font-size: 10px;}
}