.mask{

/*display: none;*/

	position: fixed;

	width: 100%;

	height: 100%;

	top:0;

	left:0;

	bottom:0;

	right:0;

	background-color: #000;

	opacity: 0.8;

	z-index: 999;

}



.model{

/*display: none;*/

	position: fixed;

	width: 100%;

	height: 100%;

	top:0;

	left:0;

	z-index: 9999;

	overflow-x: hidden;

	overflow-y: auto;

}



.model .model-box{

	position: relative;

	display: block;

	margin: 0 10px;

	height: 100%;

}



.model .model-content{

	position: relative;

}



.model .model-content h3{

	display: block;

	font-size: 24px;

	color: #333;

	text-align: center;

	font-weight: normal;

	margin-bottom: 30px;

}



.model .model-content .close-btn{

	display: block;

	position: absolute;

	top:15px;

	right:15px;

	width: 30px;

	height: 30px;

	background: url(../images/icon-close.png) no-repeat center;

	border: none;

	cursor: pointer;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.model .model-content .close-btn:hover{

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg);

}



/*--------------------------- 登录 ---------------------------*/



.login-content{

	display: block;

	position: absolute;

	width: 100%;

	max-width: 480px;

	padding: 30px 80px 30px 80px;

	top:50%;

	margin-top: -180px;

	left:50%;

	margin-left: -240px;

	background-color: #d9d9d9;

	box-shadow: 2px 2px 10px 5px #222;

}



@media screen and (max-width: 640px) {

	.login-content{

		max-width: none;

		left:0;

		margin-left: 0;

		padding: 8% 6% 6% 6%;

	}

}



.login-content li{ position:relative; padding-bottom:20px;

	display: block;

	clear: both;

	overflow: hidden;

	width: 100%;

	margin-bottom: 12px;

}



.login-content li input{

	display: block;

	float: left;

	width: 100%;

	height: 36px;

	padding: 8px 10px 8px 94px;

	border: none;

	color: #333;

}



.login-content li .yzm{ width:65%;}

.login-content li img{ float:right; width:35%; height:36px;cursor: pointer; }



.login-content li i{

	position: absolute;

	display: block;

	float: left;

	width: 82px;

	height: 36px;

	top: 0px;

	left:0px;

}



.login-content li .admin{

	background: #474747 url(../images/admin-icon.png) no-repeat center;

}



.login-content li .password{

	background: #474747 url(../images/password-icon.png) no-repeat center;

}



.login-content .submit{

	display: block;

	width: 100%;

	height: 48px;

	margin-top: 30px;

	text-align: center;

	line-height: 48px;

	color: #fff;

	font-size: 16px;

	border: none;

	background-color: #821a1f;

	cursor: pointer;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.login-content .submit:hover{

	background-color: #6d0d11;

}



.login-content .action{

	text-align: right;

	padding-top: 8px;

	font-size: 12px;

}



.login-content .action a{

	color: #333;

	font-size: 12px;

	padding-left: 10px;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.login-content .action a:hover{

	color: #821a1f;

}





/*--------------------------- 注册 ---------------------------*/



.regist .model-box{

	margin: 0;

}



.regist-content{

	display: block;

	width: 100%;

	max-width: 596px;

	margin: 30px auto;

	padding: 40px 54px 40px 36px;

	background-color: #d9d9d9;

	box-shadow: 2px 2px 10px 5px #222;

}



.login-content li div{color:#cc0000; height:20px; line-height:20px;}

.login-content li .onCorrect{ color:#666666;}



.regist-content li .content div{ color:#cc0000; height:20px; line-height:20px;}



.regist-content li .content .onCorrect{ color:#666666;}

@media screen and (max-width: 640px) {

	.regist-content{

		max-width: none;

		margin: 0;

		padding: 8% 3% 3% 3%;

	}

}



.regist-content li{

	display: block;

	width: 100%;

	margin-bottom: 12px;

}



.regist-content li label{

	display: block;

	width:170px;

	float: left;

	line-height: 36px;

	text-align: right;

	padding-right: 10px;

	color: #333;

}



.regist-content li label .red{

	position: relative;

	color: #821a1f;

	padding-right: 6px;

	line-height: 1;

	font-size: 18px;

	top: 5px;

}



.regist-content li .content{

	display: block;

	overflow: hidden;

}



.regist-content li .content input{

	display: block;

	width: 100%;

	padding: 8px 10px;

	line-height: 20px;

	color: #333;

	border: none;

}



.regist-content .yzm .content input{

	width: 58%;

	float: left;

}



.regist-content .yzm .content button{

	display: block;

	float: right;

	width: 38%;

	height: 36px;

	border: none;

	text-align: center;

	line-height: 36px;

	color: #fff;

	background-color: #821a1f;

	cursor: pointer;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.regist-content .yzm .content button:hover{

	background-color: #6d0d11;

}



.regist-content .submit{

	display: block;

	margin-left: 94px;

	width: 64%;

	height: 48px;

	margin-top: 30px;

	text-align: center;

	line-height: 48px;

	color: #fff;

	font-size: 16px;

	background-color: #821a1f;

	border: none;

	cursor: pointer;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.regist-content .submit:hover{

	background-color: #6d0d11;

}



.regist-content .tips{

	display: block;

	padding-left: 94px;

	padding-top: 10px;

	color: #333;

	line-height: 26px;

}



.regist-content .tips .red{

	position: relative;

	color: #821a1f;

	line-height: 1;

	font-size: 18px;

	padding-right: 5px;

	top: 5px;

}



/*--------------------------- 注册成功提示 ---------------------------*/



.tips{

	display: none;

}



.tips .tips-content{

	display: block;

	position: absolute;

	width: 100%;

	max-width: 480px;

	padding: 80px 90px;

	top:50%;

	margin-top: -104px;

	left:50%;

	margin-left: -240px;

	background-color: #d9d9d9;

}



@media screen and (max-width: 640px) {

	.tips .tips-content{

		max-width: none;

		left:0;

		margin-left: 0;

		padding: 8%;

	}

}



.tips .tips-content .btn{

	display: block;

	width: 100%;

	height: 48px;

	text-align: center;

	line-height: 48px;

	border: none;

	color: #fff;

	font-size: 16px;

	background-color: #821a1f;

	cursor: pointer;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.tips .tips-content .btn:hover{

	background-color: #6d0d11;

}



/*--------------------------- 申请发送成功提示 ---------------------------*/

.reply-content{

	display: block;

	position: absolute;

	width: 100%;

	max-width: 370px;

	padding: 34px 66px;

	top:50%;

	margin-top: -104px;

	left:50%;

	margin-left: -240px;

	background-color: #d9d9d9;

}



@media screen and (max-width: 640px) {

	.reply-content{

		max-width: none;

		left:0;

		margin-left: 0;

		padding: 8%;

	}

}



.reply-content p{

	display: block;

	line-height: 26px;

	color: #333;

	text-align: center;

}



.reply-content .btn{

	display: block;

	width: 154px;

	height: 48px;

	text-align: center;

	line-height: 48px;

	color: #fff;

	font-size: 16px;

	background-color: #821a1f;

	margin: 20px auto 0;

	border: none;

	cursor: pointer;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.reply-content .btn:hover{

	background-color: #6d0d11;

}