/*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%;overflow: hidden;background-size: cover;margin-top:-25px\9;}
/*1200px 登录页 */
.login_wrap{background: url(../images/login/bg.jpg) no-repeat center center;}
.login_wrap .title{width: 22em;margin: 3em auto 0;padding-bottom: 1em;text-align: center;}
.login_wrap .title img{width: 50%;height: auto;}
.loginform_wrap{width: 22em;margin:0 auto;padding:1em 1.8em;border: 3px solid #e8d2c4;border-radius: 10px;overflow: hidden;background:rgba(255,255,255,.2);}
.loginform_wrap .suntitle{width: 100%;padding-bottom: .4em;text-align: center;font-family: '幼圆','宋体';font-size: 1.4em;color: #CD9933;border-bottom: 2px solid #808080;}
.login_form{width: 100%;}
.login_form p{width: 100%;height: 2em;line-height: 2em;margin-top: 1.4em;position: relative;}
.login_form p img{width: 1.2em;height: 1.2em;vertical-align: middle;z-index: 8;position: relative;margin-left: .6em;*margin-top: .4em;}
.login_form p input{width: 100%;text-indent: 3.5em;height: 100%;*height: 2.2em;*line-height: 2.2em;font-size: .8em;font-family: '宋体';color: #787878;background: #FFFFFF;border: 2px solid #e8e8e8;border-radius: 6px;position: absolute;left: 0;top: 0;}
.login_form div.other{margin-top: 1.4em;}
.login_form div.other label{float: left;font-size: .8em;color: #808080;letter-spacing: 1px;display: block;height: 1em;line-height: 1em;}
.login_form div.other label input{width: 1.2em;height: 1.2em;margin-right: .4em;vertical-align: middle;margin-top: -.3em;*width: 1.4em;*height: 1.4em;*margin-top: 0em;}
.login_form div.other a{float: right;font-size: .8em;font-family: '黑体','宋体';color: #CD9933;text-align: right;display: block;height: 1em;line-height: 1em;}
.login_form .btn_grp{text-align: center;}
.login_form .btn_grp a{display: inline-block;*display:inline;*zoom:1;height: 2.2em;line-height: 2.2em;border-radius: 6px;font-size: .8em;margin-top: 6%;margin-bottom: 1.4em;cursor: pointer;letter-spacing: 2px;color: #FFFFFF;overflow: hidden;}
.login_form .login_btn{float: left;width: 55%;background:#CD9933;}
.login_form .login_btn:hover{background: #c28306;text-decoration: none;}
.login_form .reg_btn{float: right;width: 36%;background:#999999;}
.login_form .reg_btn:hover{background: #726f6f;text-decoration: none;}
/*1200px 注册页 */
.reg_wrap{background: url(../images/reg/bg.jpg) no-repeat center center;}
.regform_wrap{width: 32em;margin:0 auto;padding:1em 1.2em;border: 3px solid #e8d2c4;border-radius: 10px;overflow: hidden;background:rgba(255,255,255,.4);background: #ffffff\9;margin-top: 4em;}
.regform_wrap .title{width: 100%;padding-bottom: .4em;text-align: center;font-family: '幼圆','宋体';font-size: 1.4em;color: #572f2d;border-bottom: 2px solid #808080;letter-spacing: 2px;}
.reg_form{width: 100%;padding-top: 1em;}
.reg_form .info{width: 48%;}
.reg_form label{display: block;font-size: .7em;color: #666666;text-indent: 10px;position:relative;}
.reg_form label i{color: #ff6666;padding: 0 6px 0 2px;}
.reg_form label span{color: #aaaaaa;}
.reg_form input{width: 100%;height:2em;line-height:2em;*height: 1.6em;*line-height: 1.6em;background: #FFFFFF;border: 2px solid #e6e6e6;border-radius:4px;text-indent: 10px;box-sizing: border-box;margin-bottom: .8em;margin-bottom: .4em\9;font-size: .8em;}
/* 		注册码 start*/
.reg_form .tel{width: 30%;clear: both;}
.reg_form .tel input{font-size: .8em;*margin-left: -10px;}
.reg_form .regcode{width: 66%;}
.reg_form .regcode .consu{width: 100%;padding: 2px 0;background: #ffffff;border: 2px solid #e6e6e6;margin-bottom: .8em;margin-bottom: 1.2em\9;margin-left:-4px;border-radius:4px;}
.reg_form .regcode .consu div{width: 46%;margin-left: 10px;color: #373737;font-size: .8em;}
.reg_form .regcode .consu div span{display: inline-block;*display:inline;*zoom:1;margin-right:1.2em;font-size: .8em;}
.reg_form .regcode .consufl{border-right: 2px solid #cdcdcd;float: left;}
.reg_form .regcode .consufl a{display: inline-block;*display:inline;*zoom:1;width:1.8em;height: 1.8em;cursor: pointer;font-size: .8em;position: relative;margin: 0 .6em;margin: 0 .4em\9;vertical-align: middle;border: none\9;border-color: transparent\9;}
.reg_form .regcode .consufl img{float: left;width:100%;height: auto;}
.reg_form .regcode .consufr{float: right;}
.reg_form .regcode .consufr em{color: #572f2d;font-size: .8em;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: 6.9em;outline: none;overflow-y: scroll;background: #FFFFFF;border: 2px solid #eeeeee;border-radius:4px;padding: 4px;font-size:14px;color:#333333;}
.reg_form .agree_div{text-align: right;height: 1.6em;line-height: 1.6em;position: relative;color: #ef868a;font-size: .8em;}
.reg_form .promise .pro_title{display: block;text-align: center;padding: 6px 0;font-size: 16px;font-family: '黑体';}
.reg_form .agree_div input{width: 1.2em;height: 1.2em;vertical-align: middle;margin-left: 10px;}
.reg_form .btn_grp{margin-top: 1.2em;text-align: right;}
.reg_form .btn_grp p{width: 8.5em;height: 2em;line-height: 2em;font-size: .8em;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: #572f2d;}
.reg_form .btn_grp p.reg:hover{background: #431d1b;}
/*1920px*/
@media screen and (min-width: 1367px){
	body{font-size: 20px;}
	/*登录表单*/
	.login_wrap .title{margin-top:9em;}
	/*注册表单*/
	.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:2em\9;height: 2em\9;}
	.reg_form .promise textarea{height: 3em;}
	.reg_form .btn_grp button{width: 100%;}
	.reg_form .btn_grp button.reg{margin-top: 1em;}
}