@charset "utf-8";


/* CSS Document */
.fl{float:left;}
.pa{position:absolute;}
.pre{position:relative;}
.clearFloat{display:block;zoom:1;overflow:hidden;}
input{font-family:'Microsoft Yahei', '微软雅黑', arial, \5b8b\4f53, Tahoma, Arial, Helvetica, STHeiti,'宋体';}
.v_hidden{display:none;}

/*公用调取图标*/
.ec-head .ec-logo,
.u-box li a,
.login-box .ul .a_ipt,
.login-box .ul .login,
.login-box .ul .ec-tip i,
.login-box .ul .ec-yzm a,
.ec-step span,
.ec-step span em,
.ec-error i,
.ec-xy .ec-checkbox,
.reg-step .ul .phone-num a,
.reg-step .ul .phone-num .sp,
.login-box .step-ul li .sp,
.login-box .step-ul li .arrow,
.login-box .step-ul li .prevStep,
.reg-succ .backHome,
.login-box .phoneVerify a{
	background:url(../images/ec.png) no-repeat;
}





/*登录页面-登录框*/
.login-box{width:480px;height:480px;margin:0 auto;}
.login-box .h1{font-size:36px;color:#fff;padding:40px 0;}
.login-box .ul{display:inline-block;*display:inline;*zoom:1;}
.login-box .ul li{margin:0 0 20px 0;*width:400px;position:relative;}
.login-box .ul li,.login-box .ul li a{color:#fff;}
.login-box .ul .a_ipt{width:380px;height:48px;padding:0 10px;border:0;line-height:48px;background-position:0 0;color:#fff;font-size:18px;}
.login-box .ul .login{display:block;width:400px;height:60px;text-align:center;line-height:60px;font-size:24px;background-position:0 -236px; border:none; color:#fff;}
.login-box .ul .login:hover{background-position:0 -300px;}
.login-box .ul .no_login,.login-box .ul .no_login:hover{background-position:0 -170px;}
.login-box .ul .ec-tip{max-width:400px;}
.ec-tip{overflow:hidden;}
.ec-tip i{display:block;width:14px;height:14px;float:left;margin:2px 4px 0 0;}
.login-box .ul .f-psw i{background-position:-344px -568px;}
.login-box .ul .ec-error i{background-position:-325px -568px;}
.login-box .ul .ec-error a{color:#008DD7;}


/* 忘记密码页面 */
.forget{width:85%;height:550px;}


/*注册*/
.ec-step{width:560px;height:6px;background:#436383;margin:0 auto;top:50px;}
.reg-box .h1{margin-top:20px;}
.ec-step .inner{background:#fff;width:50%;top:0;left:0;height:6px;border-radius:10px;}
.ec-step .inner2{background:#fff;width:100%;top:0;left:0;height:6px;border-radius:10px;}
.ec-step span{width:28px;height:28px;color:#fff;text-align: center;top:-11px;background-position:-318px -397px;line-height:28px;}
.ec-step .sp-01{left:-14px;}
.ec-step .sp-02{left:50%;margin-left:-14px;}
.ec-step .sp-03{right:-13px;}
.ec-step .active{background-position:-357px -397px;}
.ec-step .active em{background-position:-273px -567px;text-indent:-999em;}

/*注册资料填写*/
.step-ul{width:590px;margin:0 auto;}
.login-box .step-ul li{display:inline-block;*display:inline;*zoom:1;width:260px;padding:0 5px;}
.login-box .step-ul .a_ipt{width:240px;background-position:0 -117px;}
.login-box .step-ul .a_sort{width:100px;background-position:-250px -64px;}
.login-box .step-ul .a_sort_last{margin:0 0 0 20px;}
.login-box .step-ul li .ec-error{left:0;}
.login-box .step-ul li .sp,.login-box .step-ul li .arrow{right:18px;}
.login-box .step-ul li .arrow{width:12px;height:8px;background-position:-384px -365px;top:20px;}
.login-box .step-ul li .cityArrow{right:158px;}
.login-box .step-ul li .province,.login-box .step-ul li .city{width:120px;height:48px;left:5px;top:0;opacity:0;filter:alpha(opacity=0);*top:10px;}
.login-box .step-ul li .city{left:145px;}
.login-box .step-ul li .industry{width:260px;}
.login-box .step-ul .btn-li{width:auto;padding:0 10px;}
.login-box .step-ul li .prevStep{display:block;width:120px;height:60px;text-align:center;line-height:60px;background-position:-264px -432px;margin:0 10px 0 0;font-size:24px;}
.login-box .step-ul li .prevStep:hover{background-position:-264px -499px;}
.login-box .ec_step_03 li{height:80px;margin-bottom:0px;overflow:hidden;}
.login-box .ec_step_03 li .sp{display:none;}
.login-box .ec_step_03 ::-webkit-input-placeholder{color:#fff;}
.login-box .ec_step_03 :-moz-placeholder{color:#fff;}
.login-box .ec_step_03 ::-moz-placeholder{color:#fff;}
.login-box .ec_step_03 :-ms-input-placeholder{color:#fff;}

@font-face {
  font-family: 'iconfont';
  /* project id 6092 */
  src: url("../fonts/iconfont.eot");
  src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
}
.iconfont {
  font-family: "iconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.xs-member-wp {
  background: none;
  position: relative;
}
.xs-member-wp .xs-hide {
  visibility: hidden !important;
  opacity: 0;
  display: inline !important;
  position: fixed !important;
  z-index: -1;
}
.xs-member .xs-member-other.register-other img{
    margin-top: 110px !important;
}
.btn-primary {
    background-color: #00a5f9;
    border: 1px solid #00a5f9;
    color: #fff;
}
.xs-member-wp .btn-check-code {
  line-height: 50px;
  border-radius: 2px;
  width: 118px;
}
.xs-member-wp .icon {
  display: inline-block;
  position: absolute;
  z-index: -1;
  background: url(../images/login/img.png) no-repeat;
}
.xs-member-wp .star {
  height: 41px;
  width: 40px;
  background-position: 0 0;
}
.xs-member-wp .fire-balloon {
  height: 126px;
  width: 84px;
  background-position: 0 -188px;
  position: absolute;
  top: 130px;
  left: 180px;
}
.xs-member-wp .moon {
  height: 78px;
  width: 78px;
  background-position: 0 -110px;
  position: absolute;
  top: 340px;
  right: 650px;
}
.xs-member-wp .wind {
  height: 25px;
  width: 71px;
  background-position: 0 -85px;
}
.xs-member-wp .z-big {
  height: 58px;
  width: 91px;
  background-position: 0 -314px;
}
.xs-member-wp .z-small {
  height: 44px;
  width: 68px;
  background-position: 0 -41px;
}

.emaillist {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 358px;
  z-index: 5;
  border: 1px solid #eee;
  text-align: right;
}
.emaillist li {
  padding: 10px;
  cursor: pointer;
}
.emaillist li:hover, .emaillist li.active {
  background-color: #eee;
}

.xs-member-ft {
  overflow: hidden;
  background: url(../images/login/bg-login2.png) no-repeat top;
  height: 230px;
  margin-top: 60px;
}
.xs-member-ft.fixed-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.xs-register-reward {
  display: inline-block;
}

.xs-member input[type=checkbox] {
  margin-top: 3px;
}
.xs-member.xs-member-wp {
  background: transparent;
  max-width: 830px;
  width: auto;
  min-height: 362px;
  margin: 0 auto;
}
.xs-member.xs-member-wp.xs-oauth-bind {
  width: 360px;
}
.xs-member .tab-register {
  position: absolute;
  left: 270px;
  top: 135px;
  z-index: 5;
  font-size: 14px;
}
.xs-member .hd h2 {
  line-height: 56px;
  font-size: 18px;
}
.xs-member .bd {
  font-size: 0;
}
.xs-member .tab-hd {
  margin: 0 auto;
  width: 100%;
}
.xs-member .tab-hd li {
  float: left;
  width: 50%;
}
.xs-member .tab-hd a {
  display: inline-block;
  padding-top: 18px;
  padding-bottom: 18px;
  width: 100%;
  line-height: 20px;
  text-align: center;
  border-bottom: 1px solid #d9e1e5;
  font-size: 18px;
  color: #424451;
}
.xs-member .tab-hd a:hover {
  color: #009aff;
}
.xs-member .tab-hd .xs-active a {
  padding-bottom: 16px;
  border-bottom: 3px solid #009aff;
  color: #009aff;
  cursor: default;
}
.xs-member .xs-member-form {
  display: inline-block;
  font-size: 14px;
  
  position: relative;
}
.xs-member .xs-member-form .btn-success,
.xs-member .xs-member-form .btn-primary {
  padding: 0;
  width: 100%;
  line-height: 48px;
  text-align: center;
  border: none;
  border-radius: 2px;
  font-size: 18px;
}
.xs-member .xs-member-form .pl8 {
  padding-left: 8px;
}
.xs-member .xs-member-form .show-pwd {
  position: absolute;
  right: 10px;
  top: 18px;
  cursor: pointer;
}
.xs-member .xs-member-form .show-pwd:hover {
  color: #31afff;
}
.xs-member .form-group {
  position: relative
 /*
&.has-success {
     label{
           color: $success-color;
     }
     input {
         background: #e5f7d0;
         border-color: $success-color;
         color: $success-color;
         &:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #e5f7d0 inset;}
     }   
 }
 */
}
.xs-member .form-group label {
  position: absolute;
  left: 9px;
  top: 16px;
  font-size: 18px;
  color: #d9e1e5;
}
.xs-member .form-group input {
  padding: 9px 9px 9px 34px;
  *padding: 11px 9px 11px 36px;
  width: 315px;
  line-height: 32px;
  border: 1px solid #d9e1e5;
  border-radius: 2px;
  outline: none;
}
.xs-member .form-group input.input-code {
  width: 185px;
}
.xs-member .form-group input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.xs-member .form-group .verify-code-img {
  width: 110px;
  height: 40px;
  cursor: pointer;
}
.xs-member .form-group input::-webkit-input-placeholder {
  color: #bec7d9;
}
.xs-member .form-group input:-moz-placeholder {
  color: #bec7d9;
}
.xs-member .form-group input:-moz-placeholder {
  color: #bec7d9;
}
.xs-member .form-group input:-ms-input-placeholder {
  color: #bec7d9;
}
.xs-member .form-group .help-block {
  text-indent: 10px;
  min-height: 18px;
  line-height: 18px;
  font-size: 12px;
}
.xs-member .form-group .help-msg {
  text-indent: 10px;
  min-height: 28px;
  line-height: 28px;
  font-size: 12px;
  color: gray;
}
.xs-member .form-group .icon-id {
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 5px;
  background-color: #d9e1e5;
  color: white;
  font-size: 10px;
}
.xs-member .form-group.has-error label,
.xs-member .form-group.has-error .help-block {
  color: #d8534f;
}
.xs-member .form-group.has-error input {
  background: #fae5e5;
  border-color: #d8534f;
  color: #d8534f;
}
.xs-member .form-group.has-error input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fae5e5 inset;
}
.xs-member .form-group.has-error input::-webkit-input-placeholder {
  color: #d8534f;
}
.xs-member .form-group.has-error input:-moz-placeholder {
  color: #d8534f;
}
.xs-member .form-group.has-error input:-moz-placeholder {
  color: #d8534f;
}
.xs-member .form-group.has-error input:-ms-input-placeholder {
  color: #d8534f;
}
.xs-member .xs-member-other {
  display: inline-block;
  font-size: 14px;
  margin-left: 80px;
  padding-left: 80px;
  border-left: 1px solid #d9e1e5;
  vertical-align: top;
  height: 220px;
}
.xs-member .xs-member-other.register-gife-other {
  margin-top: 10px;
}
.xs-member .xs-member-other.register-gife-other > p {
  margin-top: -50px;
}
.xs-member .xs-member-other.register-other {
  height: 400px;
}
.xs-member .xs-member-other .fast-login {
  margin: 0 auto;
  padding-top: 10px;
  height: 9px;
  border-bottom: 1px solid #d9e1e5;
  margin-bottom: 25px;
}
.xs-member .xs-member-other .fast-login span {
  position: relative;
  display: block;
  width: 40%;
  margin: 0 auto;
  background: #fff;
}
.xs-member .oauth-wp {
  padding-top: 12px;
}
.xs-member .oauth-wp a {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: white;
  background: url(../images/common/icon-sns-circle2.png) no-repeat;
  font-size: 28px;
  margin-left: 27px;
}
.xs-member .oauth-wp a + a {
  margin-left: 40px;
}
.xs-member .oauth-wp a.icon-qq {
  background-position: 0px 0px;
}
.xs-member .oauth-wp a.icon-wx {
  background-position: 0px -48px;
}
.xs-member .oauth-wp a.icon-wb {
  background-position: 0px -96px;
}
.xs-member .oauth-wp a:hover.icon-qq {
  background-position: -48px 0px;
}
.xs-member .oauth-wp a:hover.icon-wx {
  background-position: -48px -48px;
}
.xs-member .oauth-wp a:hover.icon-wb {
  background-position: -48px -96px;
}

#pop-authentication .wrap {
  margin-left: -200px;
  padding: 0 10px 10px;
  width: 410px;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #eee;
}
#pop-authentication .hd {
  background-color: transparent;
  border-bottom: 1px solid #d9d9d9;
  padding: 20px 10px;
  margin-bottom: 15px;
}
#pop-authentication .hd h2 {
  color: #424451;
  font-size: 18px;
}
#pop-authentication .bd {
  padding: 20px 30px;
}
#pop-authentication .btn-close {
  color: #aaa;
  font-size: 20px;
}

#captcha-button {
  padding: 0;
  width: 100%;
  line-height: 48px;
  text-align: center;
  border: none;
  font-size: 18px;
  border-radius: 0;
}

.xs-live-login .form-group .form-control {
  text-indent: 34px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.xs-live-login .xs-member-wp {
  border: none;
  box-shadow: none;
}
.xs-live-login .xs-live-wp {
  position: absolute;
  top: 50%;
  margin-top: -163px;
  width: 100% !important;
}

#xs-pop-login-form {
  width: 785px;
  height: 370px;
}

.xs-pop-login .xs-member-wp .xs-member-other {
  margin-left: 0px;
  padding-left: 60px;
  border-left: none;
  margin-top: 0;
}
.xs-pop-login .xs-member-wp .xs-member-other > p {
  margin-top: -40px;
}
.xs-pop-login .oauth-wp {
  padding-top: 5px;
}

#pop_chat {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9997;
}
#pop_chat .wrap {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -106px 0 0 -211px;
  width: 420px;
  height: 210px;
  border-radius: 3px;
  background: #FFF;
  z-index: 9999;
  box-shadow: 0 0 28px #777;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#pop_chat .hd {
  position: relative;
  height: 34px;
  border-radius: 3px 3px 0 0;
  background: #009aff;
}
#pop_chat .hd h2 {
  padding-left: 10px;
  line-height: 34px;
  color: #FFF;
  font-size: 16px;
}
#pop_chat .hd .btn-close {
  position: absolute;
  top: 7px;
  right: 10px;
  display: inline-block;
  width: 20px;
  line-height: 20px;
  text-align: center;
  color: #FFF;
  font-size: 14px;
}
#pop_chat .hd .btn-close:hover {
  border-radius: 10px;
  background: #33adff;
}
#pop_chat .bd {
  position: relative;
  padding: 20px 10px 10px;
  height: 146px;
  border-radius: 0 0 3px 3px;
  box-sizing: content-box;
}
#pop_chat .bd .input {
  padding: 10px;
  height: 64px;
  line-height: 16px;
  border: 1px solid #cad2e1;
  border-radius: 3px;
  box-sizing: content-box;
}
#pop_chat .bd .input textarea {
  width: 100%;
  height: 100%;
  border: none;
  background: #FFF;
  overflow-y: auto;
  box-shadow: none;
  resize: none;
}
#pop_chat .bd .input .hover {
  outline: #6bc3f8;
  box-shadow: 0 0 3px #6bc3f8;
}
#pop_chat .bd .tips {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #999;
}
#pop_chat .bd .tips .input-tips {
  float: left;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
#pop_chat .bd .tips .input-tips span {
  font-size: 22px;
  font-family: Constantia, Georgia;
}
#pop_chat .bd .tips .input-tips .err {
  color: #fa7d3c;
}
#pop_chat .bd .tips .send-tips {
  float: right;
  text-align: right;
  color: #ff3600;
}
#pop_chat .bd .center {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 400px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
}
#pop_chat .bd .center p {
  display: inline-block;
  position: relative;
  padding-left: 32px;
}
#pop_chat .bd .center p i {
  position: absolute;
  top: 0px;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background: url(../images/user/icon-msg.png) no-repeat -24px -88px;
  vertical-align: middle;
}
#pop_chat .bd .center .success i {
  background-position: 0 -88px;
}
#pop_chat .bd .center .notice {
  text-align: left;
}
#pop_chat .bd .center .loading i {
  background: url(../images/user/loading16x16.gif) no-repeat 4px 4px;
}
#pop_chat .do {
  height: 30px;
}
#pop_chat .do .home, #pop_chat .do .record {
  float: left;
  display: inline-block;
  margin: 6px 14px 0 2px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/user/icon-msg.png) no-repeat;
}
#pop_chat .do .home {
  background-position: -40px -68px;
}
#pop_chat .do .home:hover {
  background-position: -60px -68px;
}
#pop_chat .do .record {
  background-position: 0 -68px;
}
#pop_chat .do .record:hover {
  background-position: -20px -68px;
}
#pop_chat .do .btn-send {
  float: right;
  margin-right: 1px;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  color: #FFF;
  background: #009aff;
  outline: none;
}
#pop_chat .do .btn-send:hover {
  background: #33a8ff;
  color: #FFF;
}
#pop_chat .do .btn-disabled {
  background: #cfd1d3;
  cursor: default;
  outline: none;
}
#pop_chat .do .btn-disabled:hover {
  background: #cfd1d3;
}
#pop_chat .do .btn-submit {
  background: #008ae6;
}