/*# sourceMappingURL=style.css.map */

/* 本例子css */
body{
	padding: 0;
	margin: 0;
	min-width: 1280px;
}
.zhpassbody{background-color: #f3f3f3;}
input.inp-tet::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #878888; 
} 
input.inp-tet:-moz-placeholder, textarea:-moz-placeholder { 
	color: #878888; 
} 
.alogin{
	height: 924px;
	position: relative;
	/*margin-bottom: 90px;*/
}
.alogin .warp{
	width: 370px;
	position: absolute;
	right: 50%;
	margin-right: -640px;
	top: 67px;
	z-index: 10;
	padding: 29px 0 55px;
	background: url(../img/login-bg.png) center repeat;
}
.alogin.on .warp{
	top: 2%;
	padding: 5px 0 35px;
}
.alogin .warp .img{
	width: 100%;
	margin:0 auto 45px;
}
.alogin.on .warp .img{
	width: 95%;
	margin:0 auto 15px;
}
.alogin .warp .img img{
	display: block;
	width: 100%;
}
.alogin .warp .loginfs{
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	color: #c2986d;
	margin-bottom: 40px;
}
.alogin.on .warp .loginfs{
	margin-bottom: 20px;
}
.alogin .warp .loginfs a{
	font-size: 18px;
	line-height: 22px;
	color: #a5a5a5;
	position: relative;
} 
.alogin .warp .loginfs a.on{
	color: #c2986d;
}
.alogin .warp .loginfs .left{
	padding-right: 35px;
}
.alogin .warp .loginfs .right{
	padding-left: 35px;
}
.alogin .warp .loginfs a i{
	display: block;
	height: 11px;
	width: 2px;
	background-color: #bcbcbc;
	position: absolute;
	left: 0%;
	top: 50%;
	margin-top: -5.5px;
}
.alogin .warp .inps{
	width: 296px;
	margin: 0 auto 15px;
}
.alogin .warp .inps .box-form{
	display: block;
	display: none;
	width: 100%;
}
.alogin .warp .inps .phone,.alogin .warp .inps .password{
	width: 274px;
	height: 43px;
	border:1px solid #dedede;
	line-height: 43px;
	padding: 0 10px;
	background:url(../img/inputbg.png) center repeat; 
	margin-bottom: 30px;
}
.alogin.on .warp .inps .phone{
	margin-bottom: 25px;
}
.alogin .warp .inps .password{margin-bottom: 10px;}
.alogin .warp .inps input{
	font-size: 14px;
}
.alogin .warp .inps .subtn{
	width: 294px;
	height: 54px;
	border:2px solid #c2986d;
	background-color: #c2986d;
	font-size: 18px;
	text-align: center;
	color: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.alogin .warp .inps .subtn:hover{
	background-color: #e2c2a8;
	border:2px solid #e2c2a8;
}
.alogin .warp .inps .tip{
	width: 100%;
	height: 28px;
	line-height: 28px;
	color: #ea3411;
}
.alogin .warp .inps .tip span{
	padding-left: 25px;
	height: 28px;
	line-height: 28px;
	color: #ea3411;
	background: url(../img/input-tip.png) left center no-repeat;
}
.alogin .warp .bot{
	width: 296px;
	margin: 0 auto;
}
.alogin .warp .regin{
	height: 16px;
	font-size: 14px;
	margin-bottom: 28px;
}

.alogin.on .warp .regin{
	margin-bottom: 20px;
}
.alogin .warp .bot .regin a.on{
	margin: 0 auto;
}
.alogin .warp .bot .regin a{
	color: #c2986d;
	font-size: 14px;
	line-height: 16px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.alogin .warp .bot .regin a:hover{
	color: #000;
}
.alogin .warp .bot .tip-login .tit{
	width: 100%;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: #a5a5a5;
	margin-bottom: 10px;
	background: url(../img/tip-bg.png) center no-repeat;
}
.alogin .warp .bot .tip-login .icons{
	height: 35px;
	width: 100%;
	text-align: center;
}
.alogin .warp .bot .tip-login .icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 25px;
}
.alogin .warp .bot .tip-login .icons .wx{
	background: url(../img/tip-wx.png) center no-repeat;
}
.alogin .warp .bot .tip-login .icons .qq{
	background: url(../img/tip-qq.png) center no-repeat;
}
.alogin .warp .bot .tip-login .icons .xl{
	background: url(../img/tip-xl.png) center no-repeat;
}

.alogin .warp .inps .yzmphone,.alogin .warp .inps .yzm,.alogin .pass{
	width: 294px;
	height: 43px;
	margin-bottom: 30px; 
	border:1px solid #dedede;
}
.alogin .warp .inps .yzm{margin-bottom: 10px;}
.alogin .warp .inps .mt30{margin-bottom: 30px;}
.alogin.on .warp .inps .yzmphone{
	margin-bottom: 25px;
}
.alogin .warp .inps .yzmphone label{
	width: 66px;
	height: 43px;
	line-height: 43px;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	font-size: 14px;
	color: #bebebe;
} 
.alogin .warp .inps .yzmphone label i{
	padding-left: 18px;
	background: url(../img/bot-icon2.png) center right no-repeat;
}
.alogin .warp .inps .yzmphone label em{
	display: block;
	width: 1px;
	height: 17px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8.5px;
	background-color: #e1e0e1;
}
.alogin .warp .inps .yzmphone input{
	display: block;
	width: 210px;
	display: block;
	height: 43px;
	line-height: 43px;
	padding:0 0 0 10px;
	font-size: 14px;
	border:0;
	background-color: transparent;
}
.alogin .warp .inps .yzm .password{
	width: 174px;
	border:0;
	display: block;
	height: 43px;
	line-height: 43px;
	padding:0 0 0 10px;
	float: left;
}
.alogin .warp .inps .yzm .btn{
	width: 110px;
	float: left;
	height: 45px;
	position: relative;
	border:0;
	top: -1px;
	left: 0;
	padding: 0;
	background-color: #c2986d;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.alogin .warp .inps .yzm p.btn{
	line-height: 45px;
	cursor: pointer;
}
.alogin .pass{position: relative;margin-bottom: 5px;}
.alogin .pass input{
	display: block;
	padding:0 0 0 10px;
	width: 230px;
	float: left;
	border:0;
	height: 43px;
	line-height: 43px;
	font-size: 14px;
	background-color: transparent;
}
.alogin .pass i{
	display: block;
	width: 50px;
	height: 43px;
	float: right;
	cursor: pointer;
	background: url(../img/pass-yan.png) center no-repeat;
}
.alogin .pass i.on{
	background: url(../img/pass-yanj.png) center no-repeat;
}
.alogin .tip-fa{
	line-height: 20px;
	color: #bfbebe;
	font-size: 12px;
	margin-bottom: 15px;
	cursor: pointer;
}
.alogin .tip-fa input{
	display: block;
	float: left;
	height: 14px;
	width: 14px;
	border:1px solid #d1d1d0;
	display: none;
}
.alogin .tip-fa label{
	display: block;
	float: left;
	width: 260px;
	padding-left: 18px;
	line-height: 20px;
	color: #bfbebe;
	font-size: 12px;
	cursor: pointer;
	position: relative;
	top: -2px;
}
.alogin .tip-fa label span{
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 14px;
	height: 14px;
	background: url(../img/chbox-bg2.png) center no-repeat;
}
.alogin .tip-fa label.on span{
	background: url(../img/chbox-bg1.png) center no-repeat;
}
.registered .warp .bot .regin,.registered .warp .bot .regin a{
	text-align: center;
	font-size: 12px;
	line-height: 18px;

	color: #c2986d;
}
.registered .warp .img{margin-bottom: 40px;}
.registered .warp .loginfs{margin-bottom: 30px;}
.registered.on .warp .img{width: 90%;margin: 0 auto 10px;}
.registered.on .warp .inps .yzmphone, .registered.on .warp .inps .yzm,.registered.on .warp .loginfs,
.registered.on .warp .regin{margin-bottom: 10px;}
.registered .tip-fa,.registered .warp .bot .tip-login .tit{margin-bottom: 5px;}
.registered .warp .inps{margin-bottom: 8px;}
.registered.on .warp{top: 1%}


.zhpass{
	width: 1220px;
	margin:170px auto 155px;
	background-color: #fff;
	padding:65px 0 170px;
}
.zhpass h2{
	font-size: 26px;
	text-align: center;
	color: #7c7b7c;
	line-height: 32px;
	margin-bottom: 40px;
}
.zhpass .img{
	width: 405px;
	height: 45px;
	margin: 0 auto 45px;
}
.zhpass .img img{display: block;width: 100%;}
.zhpass .mian{
	width: 297px;
	margin: 0 auto;
}
.zhpass .mian .phone,.zhpass .mian .yzm{
	height: 295px;
	height: 44px;
	border:1px solid #d9d8d8;
	margin-bottom: 27px;
	font-size: 14px;
}
.zhpass .mian .phone label{
	width: 66px;
	height: 44px;
	line-height: 44px;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	font-size: 14px;
	color: #bebebe;
} 
.zhpass .mian .phone label i{
	padding-left: 18px;
	background: url(../img/bot-icon2.png) center right no-repeat;
}
.zhpass .mian .phone label em{
	display: block;
	width: 1px;
	height: 17px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8.5px;
	background-color: #e1e0e1;
}
.zhpass .mian .phone input{
	display: block;
	width: 210px;
	display: block;
	height: 43px;
	line-height: 43px;
	padding:0 0 0 10px;
	font-size: 14px;
	border:0;
	background-color: transparent;
}
.zhpass .mian .yzm input{
	display: block;
	float: left;
	width: 143px;
	height: 44px;
	line-height: 44px;
	padding:0 10px 0 10px;
	border:0;
}
.zhpass .mian .yzm .btn{
	width: 132px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background-color: #bb916d;
	color: #fff;
	cursor: pointer;
	float: right;
}
.zhpass .mian .btns{
	width: 296px;
	height: 57px;
	margin: 0 auto;
}
.zhpass .mian .btns input{
	display: block;
	width: 292px;
	height: 53px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background-color: #bb916d;
	border:1px solid #bb916d;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.zhpass .mian .btns input:hover{
	background-color: #e2c2a8;
	border:1px solid #e2c2a8;
}
.zhpass .mian .inps input{
	width: 274px;
	height: 44px;
	padding:0 10px;
	border:1px solid #d9d8d8;
	display: block;
	margin-bottom: 27px;
	font-size: 14px;
}
.zhpass .mian .tip{
	width: 100%;
	font-size: 16px;
	color: #808080;
	line-height: 22px;
	text-align: center;
	padding: 45px 0 83px;
}