﻿@charset "utf-8";
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:500;
}
/*文字排版、颜色*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f30{font-size:30px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.red,a.red{color:#cc0031}
.darkblue,a.darkblue{color:#039}
.gray,a.gray{color:#878787}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle} 
.pr{position:relative} 
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1} 
.hidden{visibility:hidden} 
.none{display:none}
/*长度高度*/
.w10{width:10px}
.w20{width:20px}
.w50{width:50px}
.w90{width:90px}
.w100{width:100px}
.w200{width:200px}
.w250{width:250px}
.w500{width:500px}
.w800{width:800px}
.w{width:100%}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h200{height:200px}
.h{height:100%}
/*边距*/
.mrg{margin:0 auto!important}
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb30{margin-bottom:30px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.p40{padding:40px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pb5{padding-bottom:5px}
.pb100{padding-bottom:100px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr100{padding-right:100px}

/*IE兼容*/
/*.login_type li{*background:url(../images/admin_img/tabletitle.png) no-repeat 0 0px;}
.login_type li.current{*background-position:right -36px}*/

/*字体颜色样式*/
.f_color,h2.step_tit{color:#44baba}
/*边框颜色*/
.b_b_color{border-bottom-color:#44baba}
.login_type li.bg_color:after{border-top-color:#44baba }
.step_title li.bg_color:after{border-left-color:#44baba}
/*背景颜色*/
.bg_color{background:#44baba!important}

/*按钮样式*/
.btn{
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 text-align: center;
 display:block;
 border:none;
 cursor: pointer;
}
.btn_primary{
 padding:10px 30px;
 font-size: 14px;
 color: #fff;
 margin-top: 15px;
}

/*提示*/
.field-validation-error{
 color: red;
 background-position: 0 -310px;
}
.field-validation-error,.prompt_ico2,.prompt_ico3{
 background-image:url(../images/admin_img/regico1.png);
 background-repeat:no-repeat;
 padding:2px 0 2px 25px;
 line-height:20px;
 font-size:12px;
 margin-left: 15px
}

.red span{border:none!important;}
.clearit,.clearb{
 clear: both;
}
.main_content{
 border:solid 1px #d9d9d9;
}
/*用户登录*/
.login_header{
 border-bottom: 2px solid #eee;
 height:45px; 
 line-height:45px;
}
.box_W{
 margin:0 auto;
}
.login_header span.login_tit{
 position: relative;
 height:45px;
 line-height:45px;
 font-family:"Microsoft YaHei";
 border-bottom-width:2px;
 border-bottom-style: solid;
}
.login_type li{
 background: #DCDCDC;
 width:164px;
 height:28px;
 line-height:28px;
 color:#666666;
 cursor:pointer;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 position: relative;
}
.login_type li.bg_color:after{
 content:"";
 width: 0;
 height:0;
 border-right:10px solid transparent;
 border-top-style: solid;
 border-top-width:10px;
 border-left:10px solid transparent;
 position: absolute;
 bottom:-10px;
 left: 70px;
}
.login_type li.bg_color{ 
 color:#FFF;
}
.field-group{
 padding: 10px 0px 10px 110px;
 font-size:12px;
 height:12px;
 line-height:12px;
}
.field-group input{
 margin:0 5px 0 0px;
}
/*二维码扫描登录*/
.login_box .ewm_imgbox{
 float: left;
 margin-left: 200px;
 width: 302px;
 height:355px;
 overflow: hidden;
 position: relative;
 *zoom:1
} 
.ewm_imgbox .img_box{
 height: 400px;
 position: absolute;
 top: -40px;
 z-index: 100000
}
.login_box .con_box{
 float:left;
 margin-left: 20px;
 margin-top: 25px;
}
/*登录框样式*/
.regform li{
 padding: 8px 0 8px 0px;
 position: relative;
 line-height:34px;
}
.regform li label{
 color: #333;
 font-size: 14px;
 text-align: right;
 width: 100px;
 display:block;
 float:left;
 margin:0 10px 0 0px
}
.regform li .f-text{
 border: 1px solid #aaa;
 height: 24px;
 line-height: 24px;
 padding: 5px;
 vertical-align: top;
 width: 248px;
}

/*登录手机验证码获取*/
li .btn-mini{ 
 background:url(../images/admin_img/btn2.png) no-repeat 0 0px;
 width:143px;
 height:36px;
 line-height:36px;
 text-align:center;
 border:none;
 cursor:pointer;
 margin:0 0 0 110px;
 font-size:12px;
}

/*用户注册*/
div.regist_box{
 width: 710px;
 margin:0 auto;
}
h2.step_tit{
 font-size:16px;
 line-height:70px;
 font-weight: bold;
}
.registertiptext{
 font-size: 14px;
 line-height: 28px;
 margin: 15px 0
}
ul.register_list li{
 line-height: 36px;
 font-size: 14px;
 margin-bottom: 5px;
 position: relative;
}
ul.register_list li label{
 float: left;
 text-align: right;
 display: block;
 width: 145px;
 line-height: 30px;
 padding-right: 10px;
 height: 30px;
}
ul.register_list li label span{
 color:red;
}
ul.register_list li .input_text{
 float: left;
 height: 30px;
 width:252px;
 border:1px solid #ddd;
 padding: 0 5px;
 line-height: 30px;
}
ul.register_list li .input_textarea{
 float: left;height: 120px;
 width: 380px;
 border: 1px solid #c8c8c8;
 padding:5px;
 line-height: 24px
} 
input#MobileVerificationCode{
 float: none!important
}
input.login_mobile_verification_btn {
 padding: 7px;
 background: #D8D8D8;
 margin:5px 0 0 155px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 display: block;
}
ul.awesomeCheckBoxList_ul li input{
 margin-top: 9px;
 float: left
}
ul.awesomeCheckBoxList_ul li label{
 width:auto;
}
.info{
 width: auto!important
}
/*简单注册样式*/
.regist_simplebox{
 width:880px;
 margin:25px auto;
}
.regist_simplebox .simplebox_l{
 background: rgba(255, 255, 255, 0.95) !important;
 background: #fff;filter: alpha(opacity=120);
 border: 1px solid #FFF;
 border-radius: 5px;
 -moz-box-shadow: 2px 2px 10px #06C;
 -webkit-box-shadow: 2px 2px 5px #999;
 box-shadow: 2px 2px 10px #999;
 width:650px;
}
.regist_simplebox ul.register_list li .btn-mini{
 margin:0;
 display: block;
 margin:5px 0 5px 155px;
}
ul.signup__header{
 padding-top: 10px
}
ul.signup__header li input{
 padding:0px 43px;
 height:45px;
 line-height:45px;
 margin-bottom: 10px;
 background:#9E9E9E;
 color:#fff;
 cursor: pointer;
 border:none;
 border-bottom-right-radius: 5px;
 border-top-right-radius: 5px;
 -moz-box-shadow: 2px 2px 10px #006AD5;
 -webkit-box-shadow: 2px 2px 5px #999;
 box-shadow: 2px 2px 10px #999;
}
ul.signup__header li.current input{
 background:#06C
}
.regist_simplebox .field-group{
 padding-left: 158px;
}
.regist_simplebox .btn_primary{
 margin-left: 158px;
}

/*忘记密码---确认账户*/
.step_title{
 height:47px;
 position:relative;
 margin:30px auto 20px auto;
 width: 895px;
}
.step_title li{ 
 float:left;
 width:222px;
 height:46px;
 display:inline;
 line-height:46px;
 text-align:center;
 color:#666666;
 font-weight:bold;
 font-size:16px;
 cursor:pointer;
 background: #dedede;
 position: relative;
}
.step_title li:after{
 content:"";
 width: 0;
 height:0;
 border-top:23px solid transparent;
 border-left-style: solid;
 border-left-width:23px;
 border-left-color: #dedede;
 border-bottom:23px solid transparent;
 position: absolute;
 left:221px;
 z-index: 20
}
.step_title li:before{
 content: "";
 width: 0;
 height: 0;
 border-top: 28px solid transparent;
 border-left: 28px solid #fff;
 border-bottom: 28px solid transparent;
 position: absolute;
 left: -1px;
 z-index: 10;
 top: -5px;
}
.step_title li.step_1{
 -moz-border-radius:5px 0 0 5px;
 -webkit-border-radius:5px 0 0 5px;
 border-radius:5px 0 0 5px;
}
.step_title li.step_4{
 -moz-border-radius:0 5px 5px 0;
 -webkit-border-radius:0 5px 5px 0;
 border-radius:0 5px 5px 0;
}
.step_title li.step_1:before,.step_title li.step_4:after{
 border-top:none;
 border-bottom:none;
 border-left:none;
}
.step_title li.bg_color{
 color:#FFF
}



/*.step_title li{
 *background-image:url(../images/admin_img/steptitle.png);
 *background-repeat: no-repeat;
 *position:absolute;
}
.step_title li.step_1{
 *background-position:0 -48px;
 *left:0px;
}
.step_title li.step_1.bg_color{
 *background-position:0 -386px;
}
.step_title li.step_2{
 *background-position:0 -143px;
 *left:218px;
}
.step_title li.step_2.bg_color{
 *background-position:0 -386px;
}
.step_title li.step_3{
 *background:0 -143px;
 *left:436px;
}
.step_title li.step_3.bg_color{
 *background-position:0 -386px;
}
.step_title li.step_4{
 *background-position:0 -237px;
 *left:655px;
}
.step_title li.step_4.bg_color{
 *background-position:0 -386px;
}*/


/*忘记密码---验证方式*/
.findMethods{
 overflow:hidden;
 width: 895px;
 margin:0 auto;
}
.findMethods li{
 float:left;
 width:49%;
 display:inline;
 text-align:center
}
.findMethods li a{
 width:167px;
 display:block;
 background:url(../images/admin_img/ico5.png) no-repeat;
 height:72px;
 padding:100px 0 0 0px;
 text-align:center;
 color:#afafaf;
 font-weight:bold;
 margin:0px auto
}
.findMethods li a:hover{
 text-decoration:none;
 color:#FFF
}
.findMethods li a.phonefind{
 background-position:0 0px;
}
.findMethods li a.phonefind:hover{
 background-position:0 -172px;
}
.findMethods li a.emailfind{
 background-position:-177px 0px;
}
.findMethods li a.emailfind:hover{
 background-position:-177px -172px;
}
.findMethods h2.findtitle{
 line-height: 26px;
 margin:20px 0;
}
/*忘记密码---验证修改*/
.updatebox{ 
 background:url(../images/admin_img/ico4.png) no-repeat 0 15px;
 padding:0 0 0 100px;
 line-height:30px;
 width: 795px;
 margin:0 auto;
}
.updatebox h2{
 font-size:14px;
 height:30px;
 line-height:30px;
}
/*温馨提示*/
.prompt_box{
 line-height:30px;
 color:#666
}
.prompt_box h3{
 font-size:14px;
 height:30px;
 line-height:30px;
 color:#cd0000
}
.prompt_box a{
 font-weight:bold;
 color:#ff9600
}
/*忘记密码---完成*/
.updatebox.successbox {
 width: 170px;
 padding: 20px 80px;
 margin: 80px auto;
}
.updatebox.successbox h2 {
 font-size: 20px;
}
.updatebox.successbox h2 a {
 color: #F26D33;
}

/*注册条款*/
h1.reg_title{
 font-size: 26px;
 line-height: 2em;
 text-align: center;
}
div.reg_cont p{
 line-height: 24px;
 font-size: 13px;
 font-family: "宋体"
}

@media only screen and (max-width: 1024px) {
 .login_box .ewm_imgbox{margin-left: 0;}
 .login_box .con_box { margin-right: 120px; }
}
@media only screen and (max-width: 1000px) {
 .login_box .con_box { margin-right: 0px; }

 /*注册*/
 .regist_simplebox {width: 100%;}
 .simplebox_r{float: left;width: 100%;}
 .signup__header li{float: left;margin-right: 10px;}
 ul.signup__header li input {border-radius: 5px;}
 .regist_simplebox .simplebox_l {width: 100%;box-sizing: border-box;}

 /*找回密码*/
.findtitle,.findMethods { width: 100%; }
 .step_title{ display: none; }
 /*人工申诉*/
 .con_box div.regist_box {width: 100%;}
 .overflow_1{ display: none; }
 .main_email ,.email_div_top{ width: 100%!important;}
 .email_div { width: 100%!important;border: solid 1px #d6e7ef; padding: 10px 0;}
}

@media only screen and (max-width: 900px) {
 
 /*找回密码*/
 .updatebox {padding: 0 0 0 16%; width: 84%;}
 .findMethods {width: 100%;}
}
@media only screen and (max-width: 800px) {
 .box_W { width: 370px;}
 div.regist_box{width: 100%}
 .pwd_info{display:none!important}
}
@media only screen and (max-width: 768px) {
 .login_box .ewm_imgbox,.login_box .con_box{float: none;margin: 0 auto;}
 .login_box .ewm_imgbox{ display: none; }
 
 .WdateTime{width: 252px;}


}

@media only screen and (max-width: 660px) {
	p.p_tip{display: none!important}
	ul#MaritalStatusIdlist li{width: 60px;}
	ul#MaritalStatusIdlist li label{width: auto}
	ul.register_list li .input_textarea{width: 56%}
 /*人工申诉*/
 .WdateTime{ width:56% !important; }
 .field-validation-error { margin-left:110px}
 .con_box ul.register_list li label {width:26%;line-height: 24px; height: auto;}
 .con_box ul.register_list li .input_text {width: 60%;}
 .con_box ul.register_list li {line-height: 30px;}
}
@media only screen and (max-width: 640px) {
 /*注册*/
 ul.register_list li label {width: 90px;}
 /*找回密码*/
 .updatebox {padding: 0 0 0 20%;width: 80%;}
 .updatebox h2 {height: auto;}
 .con_box ul.register_list li label {width: 116px;}
 .con_box ul.register_list li .input_text {width: 57%;}
 .con_box ul.register_list li label {width:33%;line-height: 24px; height: auto;}
 .con_box ul.register_list li .input_text,.WdateTime {width: 57% !important;}
 .con_box ul.register_list li {line-height: 30px;}

}
@media only screen and (max-width: 500px) {
 .login_type li {width: 136px;background: #d2d2d2;margin-bottom: 10px;}
 .login_type li.bg_color {background: #44baba;}
 .Login_con { padding: 15px;}
 .box_W { width: 100%;}
 .regform li label {width: 24%;margin: 0 2% 0 0px;}
 .regform li .f-text{ width: 68%; }
 .field-group { padding: 10px 0px 10px 20px;}
 ul.regform li .field-validation-error,li .btn-mini {margin-left: 27%;}

 /*注册*/
 .regist_simplebox .simplebox_l {padding: 20px;}
 .regist_simplebox .submitbtn { margin: 25px auto 0; display: block;}
 .regist_simplebox .field-group {padding-left: 0;text-align: center;}
 ul.register_list li .input_text {width: 66%;}
 ul.register_list li label {width: 24%;}
 ul.signup__header li input {padding: 0px 30px;}
 .regist_simplebox ul.register_list li .btn-mini {margin: 5px 0 5px 27%;}
 /*找回密码*/
 .regform li.m_tip {padding-left: 0; text-align: center;}
 .submitbtn2 {display: block; margin: 10px auto;}
 div.regist_box { width: 100%;}
 .WdateTime{ width: 58%; }
 .email_div_top h1 {background: none!important; font-size: 22px;height: auto!important;}
}
@media only screen and (max-width: 400px) {
 /*找回密码*/
 .findMethods li {float: left;width: 100%;}
 .findtitle {height: auto;line-height: 30px;}
 .updatebox {padding: 0 0 0 25%;width: 75%;}
 p.p_tip {width: 100%; float: left; margin-top: -20px;line-height: 26px;}
 .login_type li.bg_color:after{left:55px;}
 .regist_simplebox .btn_primary{margin:15px auto;}
}
@media only screen and (max-width: 360px) {
 .regform li .f-text{ width: 64%; }
 .field-group { padding: 10px 0px 10px 10px;}
 .login_type li {width: 110px;}
 /*注册*/
 .regist_simplebox .simplebox_l {padding: 10px;}
 .login_header span.login_tit,.login_header span.login_tit {font-size: 22px;}
 .updatebox {padding: 0;width: 100%;background: none;}
}

  