/*==================================================全局==========================================================================*/
@charset "UTF-8";
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; outline:none;font-family:"microsoft yahei";}
html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;}/*文字强制换行word-break:keep-all;(Ff)*/
table{border-collapse: collapse;}/*细线表格*/
fieldset, img{border: 0px;}/*清除描边,块显示*/
ul, li{list-style-type: none;}/*无列表项目标记*/
a{text-decoration: none;}/* 链接无下划线,有为underline;链接去框 */
a:link{color: #666666;}/* 未访问的链接 */
a:visited{color: #666666;}/* 已访问的链接 */
a:hover{color: #00569c;}/* 鼠标在链接上 */
a:active{color: #666666;blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
html{overflow:hidden;}
input, textarea{-webkit-tap-highlight-color: rgba(255,255,255,0);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	color: #aab2bd; /* placeholder颜色  */
	font-size:0.65rem; /* placeholder字体大小  */
	text-align: left; /* placeholder位置  */
}
body {
	font-size: 12px;
	font-family:"microsoft yahei";
	color: #666;
	background:#fff;
	overflow:hidden;
}

.loginBg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background:#fff;
    background-size: cover;
	z-index:1;
}
.loginBg1{background: url(images/banner_2.jpg) center center no-repeat;background-size: cover;}
.loginBg2{background: url(images/banner_1.jpg) center center no-repeat;background-size: cover;}
.loginBg3{background: url(images/banner_3.jpg) center center no-repeat;background-size: cover;}
.loginBg4{background: url(images/banner_4.jpg) center center no-repeat;background-size: cover;}

.loginBox{
	width:400px;
	height:440px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-260px 0 0 -200px;
	z-index:10;
	}
.loginLogo{
	clear:both;
	text-align:center;
	padding:0 0 20px 0;
	}
.loginLogo img{height:60px;}
	
.loginCon{
	background:#fff;
    border-radius:6px;
	box-shadow: 0 0 10px rgba(171,198,235,.3);
	}
.loginTitle{
	width: 100%;
    line-height:65px;
    font-size:18px;
    text-align: center;
    color: #fff;
	font-weight:normal;
	background:#0371d1;
	border-radius:6px 6px 0 0;
	position:relative;
	}
	
.loginTitle .bg1 {
    display: inline-block;
    width:50px;
    height:50px;
    background: #fff;
    opacity: .1;
    border-radius: 0 74px 0 0;
    position: absolute;
    left: 0;
    bottom:0;
    display:none\0;
}
.loginTitle .bg2 {
    display: inline-block;
    width:80px;
    height:80px;
    background: #fff;
    opacity: .1;
    border-radius: 50%;
    position: absolute;
    right: -30px;
    top: -30px;
    display:none\0;
}

/*针对ie8/ie9/ie10 做hack时原样式使用\0标识符对ie8做hack，然后单利用IE8不识别的选择器单独hackie9/ie10*/
:root .loginTitle .bg1,
:root .loginTitle .bg2 {
  display:inline-block;
}

.loginDl{
	width:272px;
	margin:0 auto;
	padding:20px 0 0 0;
	}
.loginDl dd{
    position: relative;
    z-index: 2;
	overflow:hidden;
	clear:both;
	padding:6px 0;
	}
.loginInput{
    height:38px;
    width:268px;
	position:relative;
    background:#fff;
	border-bottom:1px solid #e7ecf0;

	}
.loginInput.focus{border-bottom:1px solid #ccc;}
.loginInput.error{border-bottom:1px solid #ff0000 !important;}

.loginInput i{
	display:block;
	background: url(images/icon-login.png) no-repeat;
    position:absolute;
    top:8px;
    left:5px;
    width:22px;
    height:22px;
    z-index: 9;
	}
.loginInput.name i{background-position: -54px 0px;}
.loginInput.name.focus i{ background-position: -54px 0px;}
.loginInput.password i{background-position: -106px 0px;}
.loginInput.password.focus i{ background-position:-106px 0px;}

.loginInput.code i{background-position: -107px -120px;}
.loginInput.code.focus i{background-position: -107px -120px;}

.passEye2{
	top:0;
	right:0;
    display:block;
    width: 33px;
    height: 22px;
    background: url(images/icon-login.png) no-repeat 0 -43px;
    position: absolute;
    right: -10px;
	top:8px;
    cursor: pointer;
}
.passEye2.open{
    background: url(images/icon-login.png) no-repeat -55px -43px;
}


.loginInput input{
	color:#707070;
	border: 0;
    height: 28px;
    padding: 6px 28px 6px 35px;
    width: 200px;
	background:none;
	font-size:14px;
	}
.codeImg{
	top:3px;
	right:5px;
	position:absolute;
	cursor:pointer;
	padding:0 0 0 18px;
	overflow:hidden;
	}
.codeImg img{ height:34px;}
.loginDl dt{
	overflow:hidden;
	clear:both;
	padding:10px 0 0 0;
	}
.loginDl dt input{
    display: block;
    background:#3685F2;
    text-align: center;
    width:45%;
    height:36px;
    line-height:36px;
    color: #fff;
    font-size:15px;
    border: none;
	cursor:pointer;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	border-radius:38px;
	float:left;
	
	}
.loginDl dt input:hover{
	background:#044f91;
	}
.loginDl dt input.reset{
	margin:0 0 0 25px;
	background:#5a7485;
	}
.loginDl dt input.reset:hover{ background:#065385;}

#error{
	line-height:50px;
	height:50px;
	text-align:center;
	color:#ff0000;
}


.footer{
	width:100%;
	line-height:50px;
	text-align:center;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
    color: #5f7094;
	z-index:10;
	}