@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background:url("../images/login.jpg") center 100px no-repeat;
	}
	
.loginwrap{
	width:1000px;
	margin:0 auto;
	}	
.logintop{
	background:url("../images/logo.jpg") left 20px no-repeat;
	height:100px;
	font-size:32px;
	font-family:microsoft yahei;
	color:#333;
	padding-left:100px;
	line-height:100px;
	}
.logincon{
	height:600px;
	}
.loginuser{
	float:right;
	margin:121px 26px 0 0;
	background:#fff;
	width:350px;
	height:360px;
	box-sizing:border-box;
	-webkit-box-shadow:0 3px 0px rgba(28, 127, 182, .5);
	-moz-box-shadow:0 3px 0px rgba(28, 127, 182, .5);
	box-shadow:0 3px 0px rgba(28, 127, 182, .5);	
	}
.loginuser h2{
	font-weight:normal;
	color:#222;
	margin:0;
	padding:12px 20px;
	border-bottom:solid 1px #dedede;
	margin-bottom:29px;
	}
.loginuser h2 span{
	display:inline-block;
	border-left:solid 4px #039be1;
	padding-left:15px;
	font-size:20px;
	color:#444;
	font-family: "Microsoft YaHei", sans-serif;
	line-height:23px;
	float:lelft;
	}	
.loginuser h2 em{
	font-style:normal;
	font-size:12px;
	color:#999;
	float:right;
	font-family: "Microsoft YaHei", sans-serif;
	padding-top:11px;
	}	
.loginuser div{
	box-sizing:border-box;
	margin:0 35px 20px 35px;
	padding:0;
	height:40px;
	border:solid 1px #d2d2d2;
	}
.loginuser div:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}
.loginuser div .icon{
	width:40px;
	height:40px;
	float:left;
	background:url("../images/user.png") 5px 6px no-repeat;
	margin:0;
	border:0;
	}
.loginuser div .icon2{
	width:40px;
	height:40px;
	float:left;
	background:url("../images/lock.png") 5px 6px no-repeat;
	margin:0;
	border:0;
	}	
.loginuser div p{
	float:left;
	width:237px;
	height:40px;
	position:relative;
	margin:0;
	padding:0;
	}	
.loginuser div p input{
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	height:38px;
	line-height: 38px;
	width: 100%;
	border: 0;
	font-family: "Microsoft YaHei", sans-serif;
	
	background:#fff;
	position:absolute;
	left:0;
	top:0;
}	
.loginuser div p span{
	position:absolute;
	top:8px;
	color:#999;
	z-index:3;
	font-family: "Microsoft YaHei", sans-serif;
	}	
.loginuser div.small{
	border:0;
	}
.loginuser div.small p{
	width:124px;
	height:38px;
	border:solid 1px #d2d2d2;
	float:left;
	}	
.loginuser div.small input{
	width:100%;
	height:38px;
	line-height:38px;
	float:left;
	background:none;
	padding-left:6px;
	}	
.loginuser div p span.small{
	left:8px;
	}	
.loginuser div em{
	font-style:normal;
	font-size:12px;
	line-height:14px;
	color:#999;
	float:left;
	padding-top:7px;
	}
.loginuser div em.yzm{
	width:83px;
	height:38px;
	display:inline-block;
	margin:0 3px;
	float:left;
	padding-top:4px;
	}	
	
.loginuser div em a{color:#005aa0;display:block;}		
.loginbtn,.loginreset{
	background:#2face6;
	color:#fff;
	font-size:16px;
	height:36px;
	line-height:36px;
	width:123px;
	border:0;
	cursor:pointer;
	font-family: "Microsoft YaHei", sans-serif;
	margin:5px 0 0 35px;
	float:left;
	}
.loginreset{
	background:#bbb;
	float:right;
	margin:5px 35px 0 0;
	}	
.loginuser div.login-msg {
 	margin:70px 35px 20px 35px;
    overflow: hidden;
	zoom:1;
	clear:both;	
	border:0;
	white-space: normal;
    word-wrap: break-word;
	padding:0 0 0 30px;
	height:34px;
	line-height:34px;
	font-size:12px;
	color:#333;
    border: 1px solid #ffb4a8;
	background: #fef2f2 url("../images/error.png") 8px 8px no-repeat;
	font-family: "Microsoft YaHei", sans-serif;
}						
footer{
	font-size:12px;
	font-family: "Microsoft YaHei", sans-serif;
	color:#333;
	line-height:24px;
	text-align:center;
	padding-top:40px;
	}
footer p{margin:0;padding:0;}
footer p:first-child{color:#555}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #333;
}