.login-bady{
	background-image: url('../images/paper.jpg');
	position: relative;width: 100%;overflow: hidden;background-size: cover;background-position: center bottom;z-index: 1;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ddd;font-size:14px;line-height:normal;}
.login {
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-225px;
	z-index:999;
	width:450px;
	padding-bottom:30px;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 10px;
	box-shadow:0 0 6px 0 rgba(0,0,0,0.5);
}
.login header {height:50px;padding: 10px;  border-bottom: 1px solid #eee;}
.login header h1{text-align:center;font-size: 25px;line-height: 55px;color:#000;}
.login footer { height: 35px;padding: 10px 10px 0 10px;}
.login footer p {line-height: 35px;text-align: center;}
.login-bar {padding:30px 50px 0;}
.login-bar .layui-form-item {position: relative;}
.login-bar .layui-form-item .login-icon{ position: absolute;  color: #cccccc;  top: 13px;  left: 10px;  }
.login-bar .layui-form-item input {
	padding-left:34px;
	height:45px;
	border-radius:3px;
	font-size:16px;
	-webkit-user-select:text!important;
	-webkit-touch-callout:text;
	line-height:normal;
}
.login-bar .layui-form-item .captcha {position: absolute;right: 1px;top: 1px;border-left: 1px solid #e6e6e6;}
.login-bar .layui-form-item .captcha img {height: 43px;cursor: pointer;}
.login-bar .layui-form-item #captcha{padding-left: 8px;}
.login-bar .layui-btn{width: 100%;display: block;height:50px;line-height:50px;}
@media screen and (max-width: 750px){
	.login{
		width: 90%;
		left:50%;
		margin-left:-45%;
		height: auto;
		background-color: rgba(255, 255, 255, 0.95);
		border-radius: 10px;
		color: aliceblue;
	}
	.login .login-bar{padding:30px 20px 0;}
}