@charset "utf-8";
/* 清空样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}
a{text-decoration: none; color: #999}


/*样式*/
body{
	font-family: "Microsoft Yahei";
	font-size: 14px;
	background: url(../images/login/bg-d.png) no-repeat center center;
	background-position: top;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.warp{
	min-height: 944px;
    min-width: 1000px;
}
.logoName{
	padding: 29px 0 0 72px;
	box-sizing: border-box;
}

.login{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 465px;
	height: 412px;
	background: #ffffff;
	margin: 0 auto;
	border-radius: 5px;
	margin-left: -210px;
	margin-top: -206px;
	/*transform: translate(-50%, -50%);*/
}
.login .login_box{
	width: 340px;
	margin: 65px;
}
.login .login_box .login_logo{
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.login .login_box .login_logo p{
	float: left;
	font-size: 18px;
	color: #000000;
	margin-left: 15px;
	line-height: 28px;
}
.login .login_box .login_info{
	width: 100%;
	/* margin-top: 35px; */
	color: #ababab;
	position: relative;
	margin: 30px 0px 0px 33px;
}
.login .login_box .login_info input{
	width: 270px;
	height: 40px;
	border: 1px solid #989898;
	box-sizing: border-box;
	padding-left: 40px;
	margin-bottom: 18px;
	line-height: 40px;
}
.login .login_box .login_info #username{
	/*background: url(../images/login/login_01.png) no-repeat 10px;*/
}
.login .login_box .login_info #password{
	/*background: url(../images/login/login_02.png) no-repeat 10px;*/
}
.login .login_box .login_info #verifyCode{
	/*background: url(../images/login/login_03.png) no-repeat 10px;*/
}
.login .login_box .login_info input::-webkit-input-placeholder { /* WebKit browsers */
  color: #ababab;
  font-size: 14px;
}

.login .login_box .login_info input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ababab;
  font-size: 14px;
}

.login .login_box .login_info input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ababab;
  font-size: 14px;
}
.login .login_box .login_info button{
	display: block;
	width: 270px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: white;
	border: none;
}
.gradient{
    background: #5ba1f1;
    background: -moz-linear-gradient(left,  #5ba1f1 0%, #4382ea 100%);
    background: -webkit-gradient(linear, left , right, color-stop(100%,#5ba1f1), color-stop(100%,#4382ea));
    background: -webkit-linear-gradient(left,  #5ba1f1 0%,#4382ea 100%);
    background: -o-linear-gradient(left,  #5ba1f1 0%,#4382ea 100%);
    background: -ms-linear-gradient(left,  #5ba1f1 0%,#4382ea 100%);
    background: linear-gradient(to right,  #5ba1f1 0%,#4382ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba1f1', endColorstr='#4382ea',GradientType=0 );
}
:root .gradient{filter:none;}

.bott{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 37px;
	background-color: #153568;
}
.bott p{
	color: #91aed9;
	text-align: center;
	line-height: 37px;
}

.input_wrap{
	position:relative;
}
.input_icon{
	position:absolute;
	left:10px;
	top:10px;
}
#verifyCodeImg{
	position:absolute;
	left: 150px;
	bottom: 23px;
}

img.tips {
	width: 20px;
	position: absolute;
	right: 40px;
	top: 12px;
}