/*reset*/
*{margin: 0;padding: 0;}
input,button{border: none;outline: none;background: transparent;}
ul,li{list-style: none;}
em{font-style: normal;}
a{text-decoration: none;outline: none;}
a:hover{text-decoration: underline;}
img{border: 0px;}
h3{font-weight: normal;}
i{font-style: normal;}
:-moz-placeholder {color: #CCCCCC;}
::-moz-placeholder {color: #CCCCCC;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #CCCCCC;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #CCCCCC;}
.clear{clear:both;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
/*common  1366px*/
html,body{height: 100%;}
body{font-family: "微软雅黑","宋体";font-size: 20px;}
.fl{float: left;}
.fr{float: right;}
.login_wrap,.reg_wrap{height: 100%;padding-top:0;overflow-y: auto;background-size: cover;margin-top:-25px\9;}
/*1200px 登录页 */
.login_wrap{
	background: #fff;
}
.login_wrap .title,.loginform_wrap{
	width: 300px;margin: 0 auto;
}
@media (max-width: 991px) {
   .login_wrap .title,.loginform_wrap{
		width: 320px;
	}
}
@media (min-width: 992px) and (max-width:1199px) {
  .login_wrap .title,.loginform_wrap{
		width: 30%;
	}
}
@media (min-width: 1200px) and (max-width:1366px){
   .login_wrap .title,.loginform_wrap{
		width: 300px;
	}
}
@media (min-width: 1367px){
   .login_wrap .title,.loginform_wrap{
		width: 300px;
	}
}

.login_wrap .title{
	text-align: center;margin-bottom: 20px;
	color: #000;
}
.login_wrap .title img{width: 46%;height: auto;}
.login_wrap .suntitle{
	width: 100%;padding-bottom: 6px;
	text-align: center;font-family: '幼圆','宋体';
	font-size: 24px;color: #74baeb;
}
.loginform_wrap{

}
.login_form{width: 100%;}
.login_form p{
	width: 100%;height:52px;position: relative;
}
.login_form p img{
	height: 40%;vertical-align: middle;z-index: 8;
	position: relative;
	position: absolute;left: 4px;top: 6px;
}
.login_form p input,.login_form p.code .get_code_btn{
	height: 28px;line-height: 28px;border-radius: 3px;
}
.login_form p input{
	display: block;
	width: 100%;
	font-size: 13px;text-indent: 5px;
	background: #f7f7f7;border: 2px solid #e8e8e8;
	
}
.login_form p input.error{

}
.login_form p.code input{
	width: 70%;
}
.login_form p.code .get_code_btn,.login_form .show_psw_btn{
	position: absolute;right: 0;top: 0;
	text-align: center;cursor: pointer;
}
.login_form p.code .get_code_btn{
	width: 26%;border: 2px solid #1189e0;
	background: #1189e0;font-size: 13px;color: #FFFFFF;
}
.login_form p.code .get_code_btn:hover{
	text-decoration: underline;
}
.login_form p label.error{
	color: #FF6666;font-size: 12px;float: left;
}
.show_psw_btn{
	width: 28px;overflow: hidden;height: 28px;
	background: url(../images/login/eye.png) no-repeat center 4px;
}
.login_form div.other{
	color: #808080;margin-bottom: 10px;
}
.login_form div.other label.for{
	font-size: 13px;letter-spacing: 1px;
	display: block;cursor: pointer;
}
.login_form div.other label.for input{
	width: 18px;height: 18px;
	margin-right: 6px;vertical-align: top;
	color: #333333;cursor: pointer;
}
.login_form div.other span{
	display: block;
	font-size: 12px;line-height: 1.4em;padding-top: 2px;
}
.login_form .link_g a{
	font-size: 13px;
}
.login_form .link_g .forgotten{
	float: left;color: #FF6666;
}
.login_form .link_g .reg_btn{
	float: right;color: #74baeb;
}
.login_form .btn_grp{
	text-align: center;margin-top: 20px;
}
.login_form .btn_grp a{
	display: inline-block;*display:inline;*zoom:1;
	width: 100%;
	border-radius: 3px;cursor: pointer;
	font-size: 14px;color: #FFFFFF;overflow: hidden;
}
.login_form .login_btn{
	background:#0e8ae2;
	height: 30px;line-height: 30px;letter-spacing: 16px;
}
.login_form .login_btn:hover{
	background: #0d6eb4;text-decoration: none;
}


/*1200px 注册页 */
.reg_wrap{background: url(../images/login/reg_bg.jpg) no-repeat center center;}
.regform_wrap{
	width: 50%;margin:0 auto;padding:12px 16px;border: 1px solid #cedfe7;
	border-radius: 10px;overflow: hidden;
	background:rgba(255,255,255,.4);
	background: #ffffff;
	margin-top: 46px;
}
.regform_wrap .title{
	width: 100%;padding-bottom:12px;text-align: center;
	font-family: '幼圆','宋体';font-size: 28px;color: #74baeb;
	border-bottom: 2px solid #808080;letter-spacing: 2px;
}
.reg_form{width: 100%;padding-top: 20px;}
.reg_form .info{width: 48%;}
.reg_form  .item{
	height: 66px;position: relative;
}
.reg_form .tit{
	display: block;font-size: 13px;color: #666666;
	text-indent: 10px;position:relative;
}
.reg_form .tit i{color: #ff6666;padding: 0 6px 0 2px;}
.reg_form .tit span{color: #aaaaaa;font-size: 12px;}
.reg_form input,.reg_form .get_code_box .get_code_btn{
	height:28px;line-height:28px;border-radius:4px;
}
.reg_form input{
	width: 100%;
	background: #FFFFFF;border: 2px solid #f0f0f0;
	text-indent: 10px;
}
.reg_form input.error{
	border-color: #FF6666;
}
.reg_form .item input,.reg_form .item .error{
	display: block;text-indent: 10px;
}
.reg_form .get_code_box input{
	width: 56%;
}
.reg_form .get_code_box .get_code_btn{
	position: absolute;right: 0;top: 18px;
	width: 40%;background: #0a8be9;border: 1px solid #0a8be9;
	text-align: center;font-size: 12px;color: #FFFFFF;letter-spacing: 2px;
	cursor: pointer;
}
.reg_form .get_code_box .get_code_btn:hover{
	text-decoration: underline;
}
/* 		注册码 start*/
.reg_form .tel{width: 30%;clear: both;}
.reg_form .tel input{font-size: 12px;*margin-left: -10px;}
.reg_form .regcode{width: 66%;}
.reg_form .regcode .consu{
	width: 100%;
	background: #ffffff;border: 2px solid #f0f0f0;border-radius:4px;
	margin-bottom: 12px;margin-bottom: 18px\9;margin-left:-4px;
}
.reg_form .regcode .consu div{
	height: 28px;line-height: 22px;
	width: 46%;margin-left: 10px;color: #373737;
}
.reg_form .regcode .consu div span{
	display: inline-block;*display:inline;*zoom:1;
	height: 100%;
	margin-right:20px;font-size: 12px;
}
.reg_form .regcode .consufl{
	border-right: 2px solid #f0f0f0;float: left;
}
.reg_form .regcode .consufl a{
	display: inline-block;*display:inline;*zoom:1;
	cursor: pointer;font-size: 12px;
	height: 80%;vertical-align: middle;
	border: none\9;border-color: transparent\9;
}
.reg_form .regcode .consufl img{
	height: 100%;width: auto;
}
.reg_form .regcode .consufr{float: right;}
.reg_form .regcode .consufr em{color: #ff6666;font-size: 12px;font-weight: bold;display: inline-block;*display:inline;*zoom:1;}
/* 		注册码 end*/
.reg_form .promise{clear: both;padding-right: 12px;}
.reg_form .promise div{text-indent:2em;width: 100%;height: 8.2em;outline: none;overflow-y: scroll;background: #FFFFFF;border: 2px solid #f0f0f0;border-radius:4px;padding: 4px;font-size:12px;color:#666666;}
.reg_form .promise .pro_title{display: block;text-align: center;padding: 6px 0;font-size: 16px;font-family: '黑体';}
.reg_form .agree_div{text-align: right;height: 28px;line-height: 28px;position: relative;color: #ef868a;font-size: 12px;}
.reg_form .agree_div input{width: 18px;height: 18px;vertical-align: middle;margin-left: 10px;}
.reg_form .error{
	font-size: 12px;color: #FF6666;
}

.reg_form .btn_grp{margin-top: 10px;text-align: right;}
.reg_form .btn_grp p{
	width: 20%;height: 28px;line-height: 28px;
	font-size: 12px;color: #FFFFFF;
	border-radius: 4px;cursor: pointer;text-align:center;
	display:inline-block;*display:inline;*zoom:1;
}
.reg_form .btn_grp p.cancel{background: #b3b3b3;margin-right: 1em;}
.reg_form .btn_grp p.cancel:hover{background: #888383;}
.reg_form .btn_grp p.reg{background: #0e8ae2;}
.reg_form .btn_grp p.reg:hover{background: #0b76c2;}
/*1920px*/
@media screen and (min-width: 1367px){
	body{font-size: 20px;}
	/*登录表单*/
	.login_wrap .title{margin-top:1em;}
	/*注册表单*/
	.regform_wrap{margin-top:9em;}
}
/*1200px*/
@media screen and (max-width: 1199px){
	body{font-size: 16px;}
	/*注册表单*/
	.reg_form .regcode{margin-left:0px;}
	.reg_form .regcode .consu div span{margin-right:.8em;}
	.reg_form .regcode .consufl a{margin: 0 .4em;width: 1.4em;height: 1.4em;width:2em\9;height: 2em\9;}
	.reg_form .promise textarea{height: 8em;}
}
/*980px */
@media screen and (max-width: 980px) {
	body{font-size: 14px;}
	/*登录表单*/
	.login_form .reg_btn{width: 40%;}
	.reg_form .info label .kefu{width:1.8em;height:1.8em;margin-left: 6px;}
	.reg_form .info label .kefu img{width:1.8em;height:1.8em;}
	.login_form div.other label{float: none;width: 100%;text-align: left;overflow: hidden;padding: .5em 0;}
	.login_form div.other a{float: none;width: 100%;text-align: left;overflow: hidden;padding: .5em 0;text-decoration: underline;}
	/*注册表单*/
	.regform_wrap{width: 40em;}
	.reg_form .regcode .consu{margin-left:0px;}
	.reg_form .regcode .consu div span{margin-right:1em;}
	
}
/*650px */
@media screen and (max-width: 650px) {
	body{font-size: 12px;}
	/*登录表单*/
	.login_form .login_btn,.login_form .reg_btn{float: none;width: 100%;overflow: hidden;margin-bottom: .3em;}
	/*注册表单*/
	.regform_wrap{width: 30em;margin-top:2em;}
	.reg_form .fl,.reg_form .fr{width: 100%;float: none;}
	.reg_form .regcode .consu{width: 100%\9;margin-left:0px;}
	.reg_form .regcode .consufl a{
		margin: 0 .4em;width: 1.5em;height: 1.5em;
		width:1.5em\9;height: 1.5em\9;
	}
	.reg_form .promise textarea{height: 3em;}
	.reg_form .btn_grp button{width: 100%;}
	.reg_form .btn_grp button.reg{margin-top: 1em;}
}