body{
	background-color:#f0f0f0;
}
header.header{
	background:#fff;
	padding:30px 20px;
	position:fixed;
	width: 100%;
	box-sizing:border-box;
	top:0;
	left:0;
	z-index:10;
}
header.header a.logo{
	display:block;
	float: left;
	height:38px;
}
header.header a.logo img{
	display:block;
	height: 100%;
}
header.header .register{
	float: right;
	line-height: 38px;
	color: #053c50;
}
header.header .register a{
	color: #d2161e;
}

section.login-wrapper{
	padding:178px 20px 30px;
	color: #fff;
	text-align:center;
	background:no-repeat top / cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 100%;
	background-attachment:fixed;
}

section.login-wrapper h2{
	font-size: 32px;
	margin-bottom: 20px;
}
section.login-wrapper .w1200 >p{
	font-size: 16px;
	line-height:2;
}
section.login-wrapper .w1200 >p a{
	color: #fff;
	text-decoration:underline;
}
section.login-wrapper .form-wrapper{
	background:rgba(255, 255, 255, 0.6);
	padding:60px 60px 40px;
	max-width:560px;
	margin:60px auto 0;
	position:relative;
	box-sizing:border-box;
}
section.login-wrapper .form-wrapper:after{
	display: block;
    content: '';
    position: absolute;
    top:-32px;
    left: 50%;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-bottom-color: rgba(255, 255, 255, 0.6);
    z-index: 10;
    margin-left: -16px;
}
section.login-wrapper .form-wrapper .layui-form-item{
	margin-bottom: 18px;
	border-radius:3px;
	overflow:hidden;
}
section.login-wrapper .form-wrapper .layui-form-label{
	width: 58px;
	height: 46px;
	background:#e4e4e4;
	padding:0;
	box-sizing:border-box;
	background-image:url('../images/login/user.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:20px 22px;
}
section.login-wrapper .form-wrapper .layui-input-block{
	margin-left: 58px;
}
section.login-wrapper .form-wrapper .layui-input{
	line-height: 46px;
	height: 46px;
}
section.login-wrapper  .layui-btn{
	margin-top: 20px;
	height:46px;
	line-height: 46px;
	background-color:#d2161e;
	font-size: 16px;
	margin-bottom: 10px;
}
section.login-wrapper .form-wrapper div.forget a{
	font-size: 14px;
}
section.login-wrapper .form-wrapper div.forget a.fl{
	color: #fff;
}
section.login-wrapper .form-wrapper div.forget a.fr{
	color: #d2161e;
}
section.login-wrapper .form-wrapper label.error{
	display:block;
	color: #d2161e;
	font-size: 15px;
	text-align:left;
}
section.login-wrapper .bottom{
	padding-top: 30px;
	margin-top: 100px;
	border-top:1px solid rgba(255, 255, 255, 0.3);
	font-size: 22px;
	opacity: 0.5;
}
/*找回密码页面*/
section.find-wrapper .form-wrapper .layui-input-block{
	margin-left: 0;
	width: 100%;
}
section.login-wrapper .form-wrapper .code .layui-form-item{
	width: 50%;
	float: left;
}
section.login-wrapper .form-wrapper .code .word-aux{
	display:block;
	float: left;
	height: 46px;
	margin-left: 20px;
}
section.login-wrapper .form-wrapper .code .word-aux img{
	height: 100%;
}

/*注册页*/
.register-wrapper{
	padding:178px 0 40px;
	background:no-repeat top / cover;
	text-align:center;
	text-align: center;
	background-attachment:fixed;
}
.register-wrapper h2{
	font-size: 32px;
	color: #fff;
}
.register-wrapper .form-wrapper{
	width: 100%;
	background-color:#fff;
	padding:60px 20px 80px;
	box-sizing:border-box;
	margin-top: 60px;
	position:relative;
	border-radius:3px;
}
.register-wrapper .form-wrapper::after{
	display: block;
    content: '';
    position: absolute;
    top:-32px;
    left: 50%;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-bottom-color: rgba(255, 255, 255, 1);
    z-index: 10;
    margin-left: -16px;
}
.register-wrapper .form-wrapper .text-red{
	color: #ed5565;
}
.register-wrapper .form-wrapper .layui-form-item{
	max-width:640px;
	margin:0 auto;
	margin-bottom: 20px;
}
.register-wrapper .form-wrapper .layui-form-select dl dd.layui-this{
	background-color:#ade1f5;
}
.register-wrapper .form-wrapper .layui-form-label{
	width: 110px;
	padding:0;
	line-height: 46px;
}
.register-wrapper .form-wrapper .layui-form-item.has-error .layui-form-label{
	color: #ed5565;
}
.register-wrapper .form-wrapper  .layui-input-block{
	margin-left:120px;
	text-align:left;
}
.upload-wrapper{
	width: 200px;
	margin-left: 120px;
	margin-top: 10px;
}
.upload-wrapper img{
	width: 100%;
}
.register-wrapper .form-wrapper  .layui-input-block label.error{
	color: #a94442;
	font-size: 14px;
	line-height: 24px;
}
.register-wrapper .form-wrapper  .layui-input-block label.error img{
	display:inline-block;
	width: 15px;
	height: 15px;
	margin-top: -2px;
}
.register-wrapper .form-wrapper  .layui-input-block .layui-input{
	height: 46px;
	line-height: 46px;
}
.register-wrapper .form-wrapper .layui-form-item.has-error .layui-input-block .layui-input{
	border-color:#ed5565!important;
}
.register-wrapper .form-wrapper  .layui-input-block .bg-green{
	background-color:#23a343;
	height: 46px;
	line-height: 46px;
	min-width:200px;
	margin-right: 10px;
}
.register-wrapper .form-wrapper .layui-btn-fluid{
	background-color:#d2161e;
	height: 46px;
	line-height: 46px;
	margin-top: 30px;
}
.register-wrapper p.bottom{
	margin-top: 30px;
	font-size: 14px;
	color: #999;
}

@media screen and (max-width: 1900px) {
	section.login-wrapper{
		padding:148px 20px 20px;
	}
	section.login-wrapper .form-wrapper{
		margin-top: 40px;
	}
	section.login-wrapper .bottom{
		margin-top: 50px;
	}
}
@media screen and (max-width: 1200px) {
	header.header{
		padding:20px 20px;
	}
	header.header a.logo{
		height:30px;
	}
	header.header .register{
		line-height: 30px;
	}
	section.login-wrapper h2{
		font-size: 30px;
	}
	section.login-wrapper .form-wrapper{
		padding:40px;
	}
	.register-wrapper{
		padding:130px 20px 40px;
	}
}

@media screen and (max-width: 767px) {
	header.header{
		padding:20px 15px;
	}
	header.header a.logo{
		height:26px;
	}
	header.header .register{
		line-height: 26px;
	}
	section.login-wrapper{
		padding:118px 15px 20px;
	}
	section.login-wrapper h2{
		font-size: 26px;
		margin-bottom: 10px;
	}
	section.login-wrapper .w1200 >p{
		font-size: 14px;
	}
	section.login-wrapper .form-wrapper{
		padding:30px 20px;
	}
	section.login-wrapper .form-wrapper .layui-form-item{
		margin-bottom: 10px;
	}
	section.login-wrapper .layui-btn{
		margin-top: 10px;
	}
	section.login-wrapper .bottom{
		padding-top: 20px;
		margin-top: 50px;
		font-size: 15px;
	}
	section.login-wrapper .form-wrapper .layui-form-label{
		height: 40px;
		background-size: 16px 18px;
	}
	section.login-wrapper .form-wrapper .layui-input{
		height: 40px;
		line-height: 40px;
	}
	section.login-wrapper .layui-btn{
		height: 40px;
		line-height: 40px;
	}
	.register-wrapper{
		padding:106px 15px 20px;
	}
	.register-wrapper .form-wrapper{
		margin-top: 40px;
	}
	.register-wrapper h2{
		font-size: 26px;
	}
	.register-wrapper .form-wrapper{
		padding:20px 20px;
	}
	.register-wrapper .form-wrapper .layui-form-item{
		margin-bottom: 10px;
	}
	.register-wrapper .form-wrapper .layui-form-label{
		width: 100%;
		text-align:left;
		line-height: 40px;
	}
	.register-wrapper .form-wrapper .layui-input-block{
		margin-left: 0;
	}
	.upload-wrapper{
		margin-left: 0;
	}
	.register-wrapper .form-wrapper .layui-input-block span{
		display:block;
	}
	.register-wrapper .form-wrapper .layui-input-block .layui-input{
		height:40px;
		line-height: 40px;
	}
	.register-wrapper .form-wrapper .layui-form-select .layui-edge{
		margin-top: 17px;
	}
	.register-wrapper .form-wrapper .layui-form-select.layui-form-selectup .layui-edge{
		margin-top: 13px;
	}
	 .register-wrapper .form-wrapper .layui-form-select dl{
		top:80px;
	}
	.register-wrapper .form-wrapper .layui-form-select.layui-form-selectup dl{
		bottom:42px;
		top:auto;
	}


}