﻿@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}
.ml70{margin-left:70px}
.ml100{margin-left:100px}
.ml150{margin-left:150px}
.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}

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

/*边框阴影*/
ul.signup__header li.current input { border-bottom:2px solid #007677; color:#007677;}

/*按钮样式*/
.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: 15px auto;}


.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;}
.login_header .fr a{ color:#007677;}
.login_header span.login_tit{position: relative;border-bottom-width:2px;border-bottom-style: solid;}

/*-------------------------提示----------------------------------*/
.field-validation-error{color: red;background-position: 0 -310px;width: 220px;position: absolute;left: 340px;top: 14px;}
.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}
.step_1 .field-validation-error,.step_2 .field-validation-error{left: 420px;top: 6px;}

/*-------------------------登录框样式--------------------------*/
.regform li{padding:8px 0 8px 0px;}
ul.register_list li{padding-bottom:6px;}
.regform li,ul.register_list li{position: relative;line-height:34px; +height: 40px; +width: 100%;}
.regform li label{width: 60px;}
ul.register_list li label{width: 145px;}
.regform li label,ul.register_list li label{color: #333;font-size: 14px;text-align: right;display:block;float:left;margin-right: 10px;}
ul.register_list li label span{color:red;}
.regform li .f-text,ul.register_list li .input_text,.findMethods li .f-text{padding: 5px;border: 1px solid #aaa;height: 24px;line-height: 24px;padding: 5px;vertical-align: top;width: 248px;}

/*---------------------------登陆页面----------------------------*/
.login_box{width:720px;margin: 0 auto;}
/*二维码扫描登录*/
.login_box .ewm_imgbox{float: left;margin-right: 50px;width: 282px;height: 400px;overflow: hidden;position: relative; _position: initial; _float: left; _margin-left: 0;*zoom:1} 
.ewm_imgbox .img_box{height: 400px;position: absolute; _position: initial;top: 0;z-index: 1;}
#returnUrl{ _display: none;}
/*用户登录*/
.login_box .con_box{float:left;margin-top: 70px;}
.Login_W .btn_primary{margin-left: 75px;}
.box_W{ margin:0 auto;}
.Login_W{width: 370px;}

.login_type li{background: #DCDCDC;width:164px;height:28px;line-height:28px;color:#666;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 20px 75px;font-size:12px;height:12px;line-height:12px;}
.field-group input{margin:0 5px 0 0px;}
.simplebox_l p.field-group{ text-align:center;}
/*登录手机验证码获取*/
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 70px;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;}
/*简单注册样式*/
.regist_simplebox{width:980px;margin:25px auto;border:1px solid #d9d9d9;}
.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;width:898px;}
.regist_simplebox ul.register_list li .btn-mini{margin:0;display: block;margin:5px 0 5px 155px;}
.simplebox_l .register_list {margin: 0 auto;width: 53%;}
ul.signup__header li input { border:none; margin-right:25px; height:45px; line-height:45px; color:#666; font-size:23px; font-family: "Microsoft YaHei"; background:none; cursor:pointer; outline:none; }
.simplebox_l .register_list .field-validation-error{left: 420px;top: 8px;}

/*注册二维码样式*/
.Register_content{position: relative;}
.Register_wx{width: 53px;height: 53px;position: absolute;right: 0;top:0;background: url(../images/admin_img/wx-bg.png) no-repeat center; cursor: pointer;}
.Register_wx .speace_span{position: absolute;top:40px;right:-1px;width: 282px;}
.Register_wx .impowerBox .title{display: none;}
.impowerBox .info {width: 100% !important;position: initial;}
/*完全注册 提示的红字*/
ul.register_list li p{padding-left: 155px; +padding-left: 0;+float: left;}
ul.register_list li .input_textarea{width: 380px;border: 1px solid #aaa;padding:5px;line-height: 24px} 
ul.register_list li .awesomeCheckBoxList_ul li{ +width: 80px;}

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 {+width: 520px; +height: 40px;+float: left;}
ul.awesomeCheckBoxList_ul li input{margin-top: 9px;float: left}
ul.awesomeCheckBoxList_ul li label{width:auto;}

/*--------------------------------忘记密码---确认账户------------------------*/
.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:#666;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}
.pwd_tips {background:url(../images/pwd_sprite.png) no-repeat scroll 0 0;}
.pwd_tips .default {background:url(../images/pwd_sprite.png) no-repeat scroll 0 -215px;}

/*--------------------------------忘记密码---验证方式--------------------------*/
.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;}

/*手机找回*/
ul.phone_yz li {position: relative;float: none;width: 100%;display: block;text-align: left;line-height: 38px;padding: 10px 0;}
ul.phone_yz li .btn-mini{margin-left: 16px;}

/*忘记密码---验证修改*/
.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;}
.phonefin_title{text-align: center;line-height: 38px;background: #daedfd;width: 100%;margin: 0 auto;}
/*忘记密码---完成*/
.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: 1000px) {
 /*注册*/
 .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;}
 .simplebox_l .register_list { margin: 0 auto; width: 100%;}
 /*找回密码*/
 .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) {
 .login_box {width: 100%;}
 .login_box .ewm_imgbox {float: none;margin: 0 auto;width: 294px;}
 .ewm_imgbox .img_box{position: inherit;}
 .login_box .con_box{float: none;margin: 20px auto 0;}

 /*找回密码*/
 .updatebox {padding: 0 0 0 16%; width: 84%;}
 .findMethods {width: 100%;}
}
@media only screen and (max-width: 768px) {
 div.regist_box {width: 100%;}

 .pwd_info{display:none!important}
 .login_box .ewm_imgbox,.login_box .con_box{float: none;margin: 0 auto;}
 .login_box .ewm_imgbox{ display: none; }
 .WdateTime{width: 252px;}
 .simplebox_l .register_list {margin: 0 auto;width: 100%;}

 .regform li.long_error .field-validation-error{margin-left:70px;display: block;position: initial;width: auto;margin-top: 10px;}
 .phonefin_title{width: 100%;}
}

@media only screen and (max-width: 660px) {
 p.p_tip{display: none!important}
 .login_header .f30 {font-size: 22px;}
 .login_header{height: auto;}
 
 /*注册*/
 .Register_wx{ display:none;}
 .register_list{ width:100%;}
 .signup__header { display: block; float: left; margin-top: 3px; width: 100%;}
 ul.signup__header li input{ font-size:14px; border-radius:0px; padding:0px 5px;margin-right:0px;}

 /*找回密码*/
 .updatebox {padding: 0 0 0 20%;width: 80%;}
 .updatebox h2 {height: auto;}

 .Login_W {width: 100%;}
 .field-validation-error,
 li .btn-mini,
 .ml70,
 .regform li.long_error .field-validation-error,
 .simplebox_l .register_list .field-validation-error { margin-left:30%;}

 .field-validation-error,
 .simplebox_l .register_list .field-validation-error{display: block;position: initial;width: auto;margin-top: 10px;}
 
 ul.register_list li p{padding-left: 30%;}
 .regist_simplebox ul.register_list li .btn-mini {margin: 5px 0 5px 30%;}

 ul.register_list li label,
 .con_box ul.register_list li label,
 .regform li label,
 ul.phone_yz li:nth-child(2) label{width:28%;line-height: 24px; height: auto;margin-right: 2%;}
 
 ul.phone_yz li:nth-child(2) label{display: block;float: left;text-align: right;line-height: 38px;}

 .con_box ul.register_list li .input_text,
 .WdateTime,
 .regform li .f-text,
 ul.register_list li .input_text,
 ul.register_list li .input_textarea,
 .findMethods li .f-text,
 ul.phone_yz li:nth-child(2) .f-text{width: 67% !important;padding: 1%;}

 .con_box ul.register_list li {line-height: 30px;}
 ul.awesomeCheckBoxList_ul{float: left;width: 70%;}
 ul#MaritalStatusIdlist li{width: 50%;box-sizing: border-box;margin: 0;}
 ul#MaritalStatusIdlist li label{width: auto}
 .Login_W .btn_primary {margin-left: auto;}
}
@media only screen and (max-width: 500px) {
 .login_type li {width: 136px;background: #d2d2d2;margin-bottom: 10px;}
 .login_type li.bg_color {background: #2076bd ;}
 .main_content,.regist_simplebox {border: none;}
 .Login_con { padding: 0;}
 .box_W { width: 100%;}
 .field-group { padding: 10px 0px 10px 20px;}

 /*注册*/
 .regist_simplebox .simplebox_l {padding: 0;}
 .regist_simplebox .submitbtn { margin: 25px auto 0; display: block;}
 .regist_simplebox .field-group {padding-left: 0;text-align: center;}

 ul.signup__header li input{ font-size:14px; border-radius:0px; padding:0px 5px;margin-right:0px;}
 .Register_wx{ display:none;}
 .register_list{ width:100%;}
 .signup__header { display: block; float: left; margin-top: 3px; width: 100%;}
 ul.signup__header li input{ font-size:14px;}
 /*找回密码*/
 .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;}

 ul.phone_yz li .btn-mini {margin-left: 0;}
}
@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;}
 .updatebox {padding: 0;width: 100%;background: none;}
 .Register_wx{ display:none;}
 .register_list{ width:100%;}
 .signup__header { display: block; float: left; margin-top: 3px; width: 100%;}
 ul.signup__header li input{ font-size:14px; border-radius:0px; padding:0px 5px;margin-right:0px;}
} 
@media only screen and (max-width: 330px) {
 /*.field-validation-error,,li .btn-mini,.ml70 { margin-left:36%;}
 ul.register_list li p{padding-left: 36%;}
 .con_box ul.register_list li label {width: 34%;}
 .con_box ul.register_list li .input_text, .WdateTime, ul.register_list li .input_textarea {width: 60% !important;padding: 1%;}
 ul.awesomeCheckBoxList_ul {width: 62%;}*/

}  