html{
	background:url(../img/bg.jpg) #95c7ec;
}
body{
	height:100%;
}
.login{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-110px;
	margin-left:-500px;
	width:1000px;
	height:220px;
}
.login-logo{
	position:fixed;
	top:30px;
	left:50px
}
.login-form h1{
	font-size:30px;
	font-weight:600;
	text-align:center;
	color:#fff;
	margin-bottom:50px;
	letter-spacing: 3px;
}
.login .login-form{
	margin:0 auto;
	width:500px;
	height:220px;
	text-align:center;
	box-sizing: border-box;
}
.login-form img{
	margin-bottom:20px;
	width: 50%;
	float: left;
}
.login-form input::-webkit-input-placeholder{
	color: #a6afbe;
}
.login-form input:-moz-placeholder{
	color: #a6afbe;
}
.login-form input::-moz-placeholder{
	color: #a6afbe;
}
.login-form input:-ms-input-placeholder{
	color: #a6afbe;
}
.login-button{
    width: 200px;
    color: #fff;
    font-size: 18px;
    height: 48px;
    border-radius: 5px;
    background: #377ef1;
	margin-top:20px;
}
.login-form  .layui-input{
	width:300px;
	height:48px;
	line-height:48px;
	font-size:16px;
	padding-left:20px;
	border-radius:5px;
	margin: 0 auto;
}
.login-h3{
	font-size: 30px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
    letter-spacing: 3px;
}
.login-footer{
	width:100%;
	position:fixed;
	bottom:20px;
	font-size:16px;
	text-align:center;
	color:#fff;
	opacity: 0.8; 
    filter: "alpha(opacity=8)"; 
}