html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/*background:url(../images/login_pf_bg.png) no-repeat;*/
}

main{
	position: absolute;
    left:50%;
    top:50%;
    margin-left:-345px;
    margin-top:-360px;
}
main .layui-form-label{
	position:absolute!important;
	z-index: 2;
}
.login_user{
	display: block;
	width: 16px;
	height: 18px;
	background: url(../images/user_img.png);
}
.login_password{
	display: block;
	width: 14px;
	height: 20px;
	background: url(../images/password_img.png);
}
.login_shenfen{
	display: block;
	width: 19px;
	height: 14px;
	background: url(../images/shenfen_img.png);
	margin-top:3px;
}
.login_yzm{
	display: block;
	width: 18px;
	height: 20px;
	background: url(../images/yzm_img.png);
}
.layui-form-label{
	width:0!important;
}

main .layui-input-block{
	margin-left:0;
	width: 300px;
}
main .layui-input-block input,.layui-input{
	padding-left: 60px!important;
}
.content{
	width: 690px;
	/*height: 540px;*/	
	margin:100px auto;
	margin-bottom: 30px;
}
.content h3{
	color:#fff;
	font-size: 30px;
	text-align: center;
	height: 80px;
	padding-top: 40px;
}
.login_form{
	/*background:url(../images/wholesale_form_bg.png);*/
	background-color: #FFF;
	height: 458px;
	margin-top: 80px;
	/*filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;*/
	background-color: rgba(0, 0, 0, 0.3);
	border-radius:20px;
}
.layui-input{
	width: 300px!important;
}
.item:first-child{
	padding-top: 80px;
}
.item{
	margin-left: 190px;
	margin-bottom: 20px;
}
.main{
	width: 690px;
}
.identity{
	width: 300px!important;
}
.layui-row{
	width: 300px;
}
.validate{
	width: 145px!important;
}
.validate_img{
	margin-left: 10px;
	height: 38px;
	width: 114px;
}
.layui-btn{
	width: 300px;
	background-color:#18a97a!important;
	font-size: 18px;
}
.footer{
	text-align: center;
	color:#FFF;
}
.footer a{
	color:#FFF;
}
.footer a:hover{
	color:#fff;	
}
#background {
	position: fixed;
	top: 0;
	left: 0;

	z-index: -100;
}