@charset "utf-8";

.covers{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	display:none;
	z-index:9999;
	
}
.covers .zs-form{
	width:430px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-190px;
	background:#FFF;
	display:block;
	webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index:999;
}
.covers .titl{
	background:#E64C45;
	width:100%;
	height:50px;
	line-height:50px;
	font-size: 18px;
	color: #FFF;
}
.covers .titl .tit{
	padding-left:20px;
	float:left;
}
.covers .titl .clo{
	float:right;
	padding-right:20px;
	font-size:16px;
	line-height:50px;
}
.covers .titl .clo a{
	color:#FFF;
}
/*
.covers .titl .clo a:hover{
	color:#C72029;
}*/
.covers .content{
	padding:20px;
}
.covers .content .form-list li{
	width:100%;

	position:relative;
	height:50px;
	line-height:50px;
	margin-bottom:20px;
}
.covers .content .form-list li .getYzm{
	/*width:30%;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background: #333;
	color: #FFF;
	text-align: center;*/
	position: absolute;
	right: 0;
	top: 12px;
	line-height: 28px;
	border-left: 1px #D6D6D6 solid;
	padding: 0 15px;
	color: #666;
}

.covers .content .form-list li input{
	height:100%;

	padding-left:15px;
}
.covers .content .form-list li input.w50{
	/*display: inline-block*/
	width: 100% !important;
}
.covers .zs-form .content .forget a{
	color:#666;
}
.covers .content .buttons{
	padding:15px 0;
}
.covers .content .buttons a{
	color:#333;
	font-size: 18px;
	border: 1px #E9E9E9 solid;
	border-radius: 8px;
	padding: 10px 0;
	background: #FDFDFD;
	/*transition: all .8s linear;
	-moz-transition: all .8s linear;
	-webkit-transition: all .8s linear;
	-o-transition: all .8s linear;*/
}
.covers .content .buttons a+a{
	margin-top: 15px;
}
.covers .content .buttons a:hover,.covers .content .buttons a.active{
	background:#E64C45;
	border: 1px #E64C45 solid;
	color:#fff;
}
.covers .zs-form-sign{
	width:430px;
	position:absolute;
	top:55%;
	left:50%;
	margin-left:-190px;
	background:#F0EFF0;
	display:none;
	webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index:999;
}
.covers .zs-form-sign .read{
	/*padding-bottom:10px;*/
	border-bottom:1px solid #FFF;
}
.covers .zs-form-sign .read input{
	position: relative;
	top: 2px;
}
.covers .zs-form-sign .read label{
	font-size:12px;
	color:#666;
	cursor:pointer;
	padding-left:10px;
	font-weight: normal;
}
.covers .zs-form .forget{
	padding-bottom: 15px;
}
.covers .zs-form-sign .read a{
	color:#000;
	text-decoration: underline !important;
}
.covers .zs-form-sign .foot{
	padding-top:15px;
	color:#666;
}
.covers .zs-form-sign .foot a{
	color:#000;
	text-decoration: underline !important;
}

@media(max-width:850px){
	.covers .zs-form{
		width:70%;
		position:absolute;

		left:50%;
		margin-left:-35%;
		background:#F0EFF0;
	}
	.covers .zs-form-sign{
		width:70%;
		position:absolute;

		left:50%;
		margin-left:-35%;
		background:#F0EFF0;
	}
}