@charset "utf-8";
/*后台登录页样式*/
body{
	min-width: 1200px;
}
.login-head{
	width: 1200px;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	background-color: #fff;
}
.logo{
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
	color: #01ad70;
}
.login-body{
	position: relative;
	background-color: #02b176;
	overflow: hidden;
}
.login-body>.login-body-form{
	position: absolute;
	width: 1200px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -600px;
}
/* 忘记密码 */
.forget-pass{
	background-color: #f7f7f7;
	padding: 30px 0;
	box-sizing: border-box;
}
.forget-pass .main{
	width: 1200px;
	background: #fff;
	min-height: 550px;
	height: 100%;
	margin: 0 auto;
}
.forget-pass .main .title{
	line-height: 54px;
	color: #5d5d5d;
	font-size: 14px;
	border-bottom: 1px solid #dedede;
	padding-left: 22px;
	box-sizing: border-box;
}
.forget-pass .main .top{
	margin-top: 22px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
.forget-pass .main .step{
	width: 224px;
	height: 32px;
	background: #eee;
	color: #666;
	font-size: 16px;
	line-height: 32px;
	position: relative;
	margin-right: 20px;
	text-align: center;
}
.forget-pass .main .step1{
	border-radius: 2px 0 0 2px;
}
.forget-pass .main .step.active{
	background: #ffa63c;
	color: #fff;
}
.forget-pass .main .step::after{
	display: block;
	content: ' ';
	position: absolute;
	right: -16px;
	top: 0;
	width: 0;
	height: 0;
	border-left: 16px solid #eee;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
}
.forget-pass .main .stepleft::before{
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	left: -16px;
	top: 0;
	border-left: 16px solid transparent;
	border-top: 16px solid #eee;
	border-bottom: 16px solid #eee;
}
.forget-pass .main .step.active::after{
	border-left: 16px solid #ffa63c;
}
.forget-pass .main .step.active::before{
	border-top: 16px solid #ffa63c;
	border-bottom: 16px solid #ffa63c;
}
.forget-pass-form{
	width: 500px;
	margin: 60px auto 0;
}
.forget-pass-form .warning{
	text-align: center;
	margin-bottom: 20px;
}
.forget-pass-form .warning span{
	color: #42b988;
}
.forget-pass-form .success img{
	width: 32px;
	height: 32px;
	border-radius: 16px;
	overflow: hidden;
	margin-right: 12px;
}
.forget-pass-form .success span.login{
	color: #008ec1;
	margin: 0 3px;
	cursor: pointer;
}
.layui-carousel,.layui-carousel>[carousel-item]>*{
	background: none;
}
.layui-carousel-ind ul{
	background: none;
}
.login-form{
	position: absolute;
	top: 50%;
	right: 0;
	width: 362px;
	height: 416px;
	margin-top: -224px;
	overflow: hidden;
	border-radius: 7px;
	background-color: #fff;
}
.login-form-title{
	font-size: 18px;
	line-height: 65px;
	text-indent: 27px;
	margin-bottom: 33px;
	border-bottom: 1px solid #ddd;
	color: #353535;
}
.layui-form-item{
	
}
.login-form .layui-input{
	font-size: 18px;
	height: 55px;
	border: none;
	padding-left: 0;
}
.login-form .layui-form-label{
	width: 42px;
	padding: 17px 0;
	text-align: center;
}
.login-form .layui-form-label>.layui-icon{
	font-size: 20px;
	color: #bbb;
}
.login-form .layui-input-block{
	margin-left: 48px;
}
.login-form .layui-form-item{
	margin: 19px 0 0;
	padding: 0 20px;
}
.login-form .layui-form-item>div{
	border-bottom: 1px solid #dbdbdb;
}
.login-form-item{
	padding: 31px 20px 50px 29px;
	color: #6a6a6a;
}
.to-login{
	font-size: 18px;
	font-weight: bold;
	display: block;
	width: 261px;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;
	border-radius: 50px;
	border: none;
	color: #fff;
	background: -webkit-linear-gradient(#01b174, #10c07a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#01b174, #10c07a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#01b174, #10c07a); /* Firefox 3.6 - 15 */
    background: linear-gradient(#01b174, #10c07a); /* 标准的语法（必须放在最后） */
    background: #10c07a;
    -webkit-box-shadow: 0 5px 10px #bcded3;
    box-shadow: 0 5px 10px #bcded3;
    cursor: pointer;
}
.to-login:hover,.to-login:active{
	opacity: .85;
}
.forget-password{
	text-align: right;
}
.login-foot{
	height: 156px;
	text-align: center;
	background-color: #eee;
}
.layui-btn{
	height: 35px;
	line-height: 35px;
}
.bg-01af72{
	background-color: #01af72;
}
.service-item{
	display: inline-block;
	width: 144px;
	height: 124px;
	margin-top: 16px;
	text-align: center;
	color: #9d9d9d;
	border-right: 1px solid #e3e3e3;
}
.service-item:first-child{
	border-left: 1px solid #e3e3e3;
}
.service-item>div{
	line-height: 86px;
}
.wxgzh{
	float: left;
	margin: 24px 0 0 38px;
}
.company-info{
	margin: 24px 0 0 160px;
	line-height: 2;
	color: #aaa;
}
.company-info img{
	margin-right: 5px;
}
.font12{
	font-size: 12px;
}
.font24{
	font-size: 24px;
	color: #666;
}