@charset "utf-8";
/* CSS Document */
/* 全局常用设置 */
*{word-wrap:break-word;word-break:break-all;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding:0; margin:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0;} 
ol,ul,li {list-style-type:none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } 
a img{ border:0px;}
a { color:#fff; text-decoration:none}
a:hover { color:#e9f5ff; text-decoration:none}
body{font-size:16px;background:url(../images/index-bg.jpg) center no-repeat;background-size:100%;font-family:"Microsoft Yahei";color:#fff}

/*--基础数据--*/
.pull-left{float:left !important;}.pull-right{float:right !important;}
.cl{clear:both;}
/*--基础数据--*/

html,body{height:100%}

.login{overflow:hidden}
.logo{position:fixed;left:0;top:0;background:url(../images/login-logo.png) center no-repeat;width:700px;height:100px;}
.esc{position:fixed;right:0;top:0;font-size:18px;line-height:32px;padding:18px 20px 0 0;color:#fff}
.esc a{display:block}
.esc i{width:32px;height:32px;float:left;margin:0 8px 0 0}
.esc i.icon-01{background:url(../images/icon-esc.png) center no-repeat;}

.login-title{width:900px;height:100px;background:url(../images/login-title.png) center no-repeat;margin:280px auto 140px}

.login-body{width:875px;margin:0 auto}
.login-body .login-form{padding:0 0 32px;font-size:0}
.login-body .login-form li{display:inline-block;vertical-align: top;position:relative;}
.login-body li i{position:absolute;z-index:2;top:13px;left:15px;width:24px;height:24px;display:block}
.login-body li i.icon-user{background:url(../images/icon-user.png) center no-repeat}
.login-body li i.icon-password{background:url(../images/icon-password.png) center no-repeat}
.login-body input{height:54px;border:none;width:285px;padding:0 10px 0 50px;font-size:16px;outline:none;border-radius:8px;margin:0 18px 0 0;vertical-align: top;box-shadow:0 0 15px rgba(10,46,90,0.2);}
.login-body input.input-user{background:#fff}
.login-body input.input-password{background:#fff}
.login-body input.input-user:-internal-autofill-selected{box-shadow: inset 0 0 0 1000px #f7f7f7!important;background-color:#fff !important}
.login-body input.input-password:-internal-autofill-selected{box-shadow: inset 0 0 0 1000px #f7f7f7!important;background-color:#fff !important}
.login-body input::-webkit-input-placeholder{color:#a8abb3;}
.login-body input:-moz-placeholder{color:#a8abb3;}
.login-body input::-moz-placeholder{color:#a8abb3;}
.login-body input:-ms-input-placeholder{color:#a8abb3;}
.login-body button{background:#e5788f;border-radius:8px;width:145px;height:56px;padding:0;line-height:52px;border:none;cursor:pointer;color:#fff;font-size:23px;letter-spacing:3px;vertical-align: top;box-shadow:0 0 15px rgba(10,46,90,0.2);}
.login-body button:hover{background:#ef6a86}
.login-body i.icon-display{position:absolute;right:28px;left:auto;top:15px;width:24px;height:24px;background:url(../images/icon-display.png) center no-repeat;cursor:pointer}
.login-body i.icon-display:hover,.login-body i.icon-display.active{background:url(../images/icon-display-h.png) center no-repeat;}
.login-checkbox{color:#dbe9fe;margin:0 0 0 2px;cursor:pointer;float:left;margin:0 18px 0 0}
.login-checkbox i{width:21px;height:21px;border-radius:10px;float:left;border:1px #cee2ff solid;margin:0 10px 0 0}
.login-checkbox:hover{color:#fff}
.login-checkbox:hover i{border:1px #fff solid;}
.login-checkbox.active i{border:1px #e4788f solid;background:url(../images/icon-yes.png) center no-repeat #e4788f;}
.login-checkbox input[type=checkbox]{display:none}
.login-forget{float:left;cursor:pointer;padding:0 18px 0 0;color:#dbe9fe;}
.login-forget i{width:21px;height:21px;margin:0 12px 0 0;border-radius:10px;float:left;background:url(../images/icon-forget.png) center no-repeat;border:1px #cee2ff solid;}
.login-forget:hover{color:#fff;}
.login-forget:hover i{background:url(../images/icon-forget-h.png) center no-repeat #fff;}
.login-body .login-ask{float:left;}
.login-body .login-ask i{width:21px;height:21px;margin:0 12px 0 0;border-radius:10px;float:left;background:url(../images/icon-ask.png) center no-repeat;border:1px #cee2ff solid;}
.login-body .login-ask:hover i{background:url(../images/icon-ask-h.png) center no-repeat #fff;}
.login-body .login-ask span{display:none;float:left;background:url(../images/box-left.png) left center no-repeat;color:#266ebc;font-size:13px;margin:-4px 0 0}
.login-body .login-ask span b{height:28px;line-height:28px;background:#fff;border-radius:3px;display:block;margin:0 0 0 7px;font-weight:normal;padding:0 12px}
.login-body .login-ask:hover span{display:block}

.foot{background:url(../images/foot.png);width:100%;height:60px;line-height:60px;text-align:center;position:fixed;left:0;bottom:0;}

.window{width:800px;height:600px;background:#fff;position:fixed;left:50%;top:50%;margin:-300px 0 0 -400px;z-index:999;display:none;border-radius:10px;color:#555;overflow:hidden}
.window-head{position:relative;height:58px;border-bottom:1px #ddd solid;padding:0 10px }
.window-head h1{border-bottom:3px #ca1515 solid;display:inline-block;color:#07438a;font-weight:bold;font-size:22px;line-height:46px;padding:8px 15px 0}
.window-head .icon-close{float:right;width:32px;height:32px;background:url(../images/icon-close.png) center no-repeat;margin:14px 4px 0;cursor:pointer;opacity: 0.72}
.window-head .icon-close:hover{opacity:1;}
.window-body{padding:15px;overflow:auto}
.window-body table{width:100%;margin:5px 0 0;}
.window-body tr{}
.window-body th,.window-body td{padding:10px;border-bottom:1px #ddd solid;font-weight:normal}
.window-body th+td,.window-body td+td,.window-body td+th{padding:10px 10px 10px 0}
.window-body input[type=text],.window-body li input[type=password]{height:36px;line-height:36px;border-radius:8px;border:1px #d5d5d5 solid;width:100%;padding:0 10px;box-sizing:border-box;vertical-align: top;}
.window-body button{height:36px;line-height:38px;overflow:hidden;border-radius:8px;padding:0 10px;box-sizing:border-box;background:#4299eb;color:#fff;border:none;margin:0 0 0 10px;cursor:pointer;vertical-align: top;outline:none}
.window-body button:hover{background:#3f9ef7}
.window-body button.invalid{background:#e5e5e5;color:#111}
.window-foot{position:absolute;bottom:0;left:0;width:100%;background:#f5f5f5;border-top:1px #e5e5e5 solid;padding:12px;box-sizing:border-box;text-align:right;}
.window-bg{background:url(../images/window-bg.png);width:100%;height:100%;position:fixed;left:0;top:0;z-index:998;display:none}

.btn{background:#4265ed;padding:10px 15px;border-radius:5px;color:#fff;margin:0 4px;border:none;cursor:pointer;outline:none}
.btn:hover{background:#206df9;}
.btn-default{background:#4265ed;}
.btn-default:hover{background:#206df9;}
.btn-orange{background:#f15105}
.btn-orange:hover{background:#ff4d0f;}
.btn-grey{background:#e5e5e5;color:#111}
.btn-grey:hover{background:#ddd;}

.tips{background:rgba(0,10,40,0.7);border-radius: 5px;padding:8px 15px;color:#fff;font-size:16px;line-height:1.2;position:fixed;top:50%;left:50%;z-index:200}

input::-ms-clear, input::-ms-reveal{display: none;}

@media screen and ( max-height: 900px ){
	.login-title{margin:260px auto 130px}
}
@media screen and ( max-height: 800px ){
	.login-title{margin:220px auto 120px}
}
@media screen and ( max-height: 700px ){
	.login-title{margin:200px auto 100px}
}
@media screen and ( max-height: 650px ){
	.login-title{margin:180px auto 80px}
}