@charset "utf-8";
/* CSS Document */
/* 注册页面 */
.regcont{width:342px;min-height:400px;margin:35px auto 0px;}
.regcont input[type=text],.regcont input[type=password] {-webkit-transition: border-color 0.5s,box-shadow 0.5s;-o-transition: border-color 0.5s,box-shadow 0.5s;-moz-transition: border-color 0.5s,box-shadow 0.5s;transition: border-color 0.5s,box-shadow 0.5s;width:190px;padding:10px 110px 10px 40px;border:1px solid #e2e2e2;}
.input-box{margin-top:15px;position:relative}
.btn-sub{width:340px;height:42px;background-color:#00cbde;color:#fff;text-align:center;line-height:40px;font-size:16px;border:1px solid #00cbde;cursor:pointer;border-radius:4px;margin:20px auto 0px;}
.btn-sub:hover{background-color:#00b4bf;}
.regcont .validate .validateCode{width:84px;background-color:#fff;float: left;display: block;}
.regcont .validate .btnsend{float:right;width:100px;height:42px;text-align:center;border-radius: 4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size: 14px;color:#737373;background:#f6f6f6;cursor:pointer;}
.regcont .validate input[type=button]{border:1px solid #e2e2e2;}
.regcont .validate .btnsend:hover{background-color:#f2f2f2;transition:all 0.3s;-webkit-transition:all 0.3s }
#getpasscode{background-color:#f2f2f2;transition:all 0.3s;-webkit-transition:all 0.3s}
.regcont .haszh{color:#666;font-size:14px}

/* 弹窗注册页面 */
#pop_box .regcont{width:342px;min-height:280px;margin:35px auto 0px;}
#pop_box .regcont input[type=text],.regcont input[type=password] {-webkit-transition: border-color 0.5s,box-shadow 0.5s;-o-transition: border-color 0.5s,box-shadow 0.5s;-moz-transition: border-color 0.5s,box-shadow 0.5s;transition: border-color 0.5s,box-shadow 0.5s;width:190px;padding:13px 140px 13px 10px;border:1px solid #e2e2e2;}
#pop_box .input-box{margin-top:15px;position:relative}
#pop_box .btn-sub{width:340px;height:42px;background-color:#00cbde;color:#fff;text-align:center;line-height:40px;font-size:16px;border:1px solid #00cbde;cursor:pointer;border-radius:4px;margin:20px auto 0px;}
#pop_box .btn-sub:hover{background-color:#00b4bf;}
#pop_box .regcont .validate .validateCode{background-color:#fff;float: left;display: block;}
#pop_box .regcont .validate  .btnsend{float:right;width:100px;height:48px;text-align:center;border-radius: 4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size: 14px;color:#737373;background:#f6f6f6;cursor:pointer;}
#pop_box .regcont .validate input[type=button]{border:1px solid #e2e2e2;}
#pop_box .regcont .validate .btnsend:hover{background-color:#f2f2f2;transition:all 0.3s;-webkit-transition:all 0.3s }
#pop_box #getpasscode{background-color:#e1ecff;transition:all 0.3s;-webkit-transition:all 0.3s; position: absolute; right: 0; border: 1px #e1ecff solid; border-radius: 0; color: #1560e5;}
#pop_box .regcont .haszh{color:#666;font-size:14px; text-align: center;}
#pop_box .regcont .haszh a {color:#404957;}
#pop_box .regcont .agreeit { color:#404957;font-size:14px;transform: scale(0.85);width: 120%;margin-left: -30px;}
#pop_box .regcont .agreeit a { color: #1560e5;}
#pop_box .regcont .agreeit input[type=checkbox] { width: 16px; height: 16px; background-color: #ffffff; border: 1px #b4bdcb solid; -webkit-appearance:none; outline: none; box-shadow: none;}
#pop_box .regcont .agreeit input[type=checkbox]:checked { border: none; background: url(../Image/icon-checked.png) center center no-repeat;}

.input-box i {display:block;width:20px;height:20px;position:absolute;top:10px;left:10px;background-image: url(../Image/icon-extension.png);background-repeat: no-repeat;}
.input-box i.tel-icon{background-position:6px -127px}
.input-box i.vali-icon{background-position:4px -282px}
.input-box i.pwd-icon{background-position:4px -179px}
.input-box i.manager-icon{background-position:3px -230px}
.input-box i.company-icon{background-position:3px -357px}
.input-box i.name-icon{background-position:2px -14px}
.inputtextRight{position:absolute;right:10px;top:0;display:none;width:16px;height:44px;}
.rightIcon {background:url(../Image/rightIcon.png) center center no-repeat;display:inline-block;}
.errorIcon {background:url(../Image/errorIcon.png) center center no-repeat;display:inline-block;}
.showPasswordIcon {height:44px;line-height:44px;-webkit-tap-highlight-color:transparent;position: absolute;right:10px;top:0;width:22px;cursor:pointer}
.passwordShowIcon {background: url(../Image/hide-ico.png) center center no-repeat;}
.passwordHideIcon{background:url(../Image/show-ico.png) center center no-repeat;}
.warnningRed{background:#ffd0d0;color:#ce4040;padding: 7px 17px;line-height: 20px;margin-bottom: 10px;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-clip: padding-box;}
.warnningRed a{margin-left:3px;color:#2e7dc6}

/* 收不到验证 */
.TxtCenter{width:550px;height:300px;margin:50px auto 0px;}
.TxtCenter .title{font-size:20px;color:#666;text-align:center;font-weight:bold}
.TxtCenter .someTip{font-size:14px;color:#666}
.TxtCenter .someTip p{color:#333;font-weight:bold;margin-top:20px}
.TxtCenter .someTip ul{margin-top:10px}
.TxtCenter .someTip ul li{line-height:30px;}
/* 忘记密码 */
.stepLine{width:800px;height:auto;margin:45px auto 0px;display:block}
.stepLine .stepLineTable {width:100%;text-align:center;color:#a1a1a1}
.stepLine .stepName{font-size:12px;}
.stepLine .stepPlan {position:relative;}
.stepLine .stepPlanLine {width:100%;height:4px;border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px;}
.stepLine .stepCircle {width:12px;height:12px;border-radius:50%;-moz-border-radius: 50%;-webkit-border-radius:50%;position:absolute;top:-4px;}
.stepLine .stepCircleS {width: 8px;height: 8px;background-color:#fff;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;margin: 2px auto auto;}
.stepLine .circleLeft{left:18px;}
.stepLine .circleCenter{left:46%;}
.stepLine .lineUnfinsh .stepLineShadow{width:0;height:4px;transition:width 2s;-moz-transition:width 2s;-webkit-transition:width 2s;-o-transition:width 2s;}
.stepLine .lineUnfinsh {background-color:#ececec;}
.stepLine .lineFinsh{background-color:#7abd54;transition:all 0.1s linear 0.5s;-moz-transition:all 0.1s linear 0.5s;-webkit-transition:all 0.1s linear 0.5s;}
.stepTitleChecked {color:#7abd54;}
.stepLine .lineUnfinsh .step-rightRadius-line {width: 100%;height: 4px;border-radius: 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;background-color:#7abd54;}
.step{width:382px;height:400px;margin:35px auto 0px;position:relative;overflow:hidden}
.step  input[type=text],.step  input[type=password],.regcont input[type=password] {-webkit-transition: border-color 0.5s,box-shadow 0.5s;-o-transition: border-color 0.5s,box-shadow 0.5s;-moz-transition: border-color 0.5s,box-shadow 0.5s;transition: border-color 0.5s,box-shadow 0.5s;width:250px;padding:10px 48px 10px 40px;border:1px solid #e2e2e2;}
.regcont input[type=password] { width: 252px;}
.step input[type=text].validateCode{width:102px;background-color:#fff;float:left;display: block;}
.step_box{margin-top:15px !important;}
.step .stepinfo{width:342px;position:absolute;margin:0px 20px}
.step .warnningRed{width:308px;margin:0 auto}
.changeType {position:absolute;top:0;height:40px;line-height:40px;text-align:center;right:15px;font-size:14px;z-index:21;cursor:pointer;color:#2d8eed;}
.nextstep{width:100%;height:44px;text-align:center;background-color:#ed3f41;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#fff;cursor:pointer;font-size:14px;}
.validate .validateCode{width:102px;background-color:#fff;float: left;display: block;}
.validate .btnsend{float:right;width:90px;height:42px;text-align:center;border-radius: 4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size: 14px;color:#737373;background:#f6f6f6;cursor:pointer;}
.validate input[type=button]{border:1px solid #e2e2e2;}
.validate  .btnsend:hover{background-color:#f2f2f2;transition:all 0.3s;-webkit-transition:all 0.3s }
.step_box span.findtxt{font-size:15px;color:#a1a1a1}
.step_box span.findtel{font-size:16px;color:#333;margin-left:5px}
.step input[type=text]#tel{width:258px;padding:10px 40px 10px 40px;}
.step .fourStep{margin-left:60px}
.step  i {display:block;width:20px;height:20px;position:absolute;top:10px;left:10px;background-image: url(../Image/icon-extension.png);background-repeat: no-repeat;}
.step  i.tel-icon{background-position:6px -127px}
.step  i.eamil-icon{background-position:7px -319px}
.step  i.Code-icon{background-position:6px -282px}
.step  i.vali-icon{background-position:4px -284px}
.step  i.pwd-icon{background-position:4px -179px}
.step  i.manager-icon{background-position:3px -230px}
.step .valideCodeImg{float:right;width:88px;height:35px;margin-top:2px}
.step .stepinfo  .codeques{display:block;width:100%;line-height:18px;padding:6px 0 4px;font-size:12px;color:#999;}
.step .stepinfo  .codeques  a{color:#999}
.step .stepinfo  .codeques   a:hover{color:#2e7dc6}
.step .stepinfo  .btn-all{width:120px;height:40px;line-height:40px;margin:15px 0px 0px 15px;}
.step .stepinfo.ok{margin-left:55px}
/* fsdfgsd11 */
.yzcont{position:absolute;top:50%;left:50%;margin-left:-244px;margin-top:-100px;z-index:991}
.yzcode{width:340px;padding:44px 74px;background:#fff;height:auto;overflow:hidden;position:relative;border:none;border-radius:5px;}
.closeico{position:absolute;right:20px;top:15px;width:20px;height:20px;}
.btnsure{background: #00cbde;color:#fff;width: 340px;display: inline-block;overflow: visible;height:45px;line-height: 45px;text-align:center;text-decoration: none;border-radius: 3px;font-size: 14px;cursor: pointer;margin-top:20px;border-radius: 3px;-webkit-transition: none;-webkit-transform: none;vertical-align:top;}
.btnsure:hover{background:#00b4bf; color: #fff; text-decoration:none}
.vcode{margin-top:15px}
.yzbj{background:#000;width:100%;height:100%;position:fixed;z-index:990;top:0px;left:0px;filter:alpha(opacity=50);opacity:0.5;}
.yzcont .yztxt{color:#fff;text-align:left;font-size:14px;color:#666}
.yzcont .codeimg{display:inline-block;width:100px;height:40px;}
/* 登陆页增加第三方登陆 */
.otherlogin{text-align:center;}
.otherlogin .logintxt{text-align:center;padding-top:30px}
.otherlogin .loginicos{height:30px;padding:15px 0px 45px 0px}
.otherlogin .loginicos a{display:inline-block;width:30px;height:30px;}
.otherlogin .loginicos a.qlogin{background:url(../Image/loginicos_qq.png) no-repeat center;margin-right:10px}
.otherlogin .loginicos a.wxlogin{background:url(../Image/loginicos_wx.png) no-repeat center;margin-left:10px}
/* 微信注册 */
.mt0{margin-top:0px}
.input-box  .wxico{background-position:4px -13px}
.regpoint{height:40px;line-height:45px;font-size:14px;color:#999;border-top:1px solid #e2e2e2;margin-top:15px}
.wxloginlogo {text-align:center;}
.wxloginlogo dt{text-align:center}
.wxloginlogo dd{color:#666;font-size:14px;line-height:22px;padding-bottom:15px}
.wxtoptxt{height:40px;line-height:40px;font-size:16px;color:#333}
.wxtel{height:40px;line-height:40px;font-size:14px;color:#999;}
.wxtel span{font-size:16px;color:#333;margin-left:5px;}
.nogetcode{display:block;width:100%;line-height:18px;padding:6px 0 4px;font-size:12px;color:#999;height:18px;}
.nogetcode a{color:#999;}.nogetcode a:hover{color:#2e7dc6}
/*登陆*/
.wxqqlogin{height: 98px;width: 95px;}
.logpoint{height: 52px !important;line-height: 24px;padding-top:8px;}
.loginpassword{margin-top: 15px !important;}
.wxemail{background-position: 4px -321px;}

/*侧边栏*/

.ui-sidebar {font-weight: 200;width: 100px;height: auto;position: fixed; right: 6px; top: 50%; margin-top: -200px; display: block;z-index: 1001;}
.ui-sidebar-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000000;opacity: 0.6;filter: alpha(opacity=60);}
.ui-sidebar a.ui-sidebar-block{position: relative;display: block;transition: 0.4s;width: 90px;height: 100px;margin: 0 auto;overflow: visible;background-image: url(../Image/WC5.0/sidebar.png);background-repeat: no-repeat;text-align: center;}
.ui-sidebar a.ui-sidebar-block:after{content: "";background: #fff;opacity: 0.35;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #70706f\9;}
:root .ui-sidebar a.ui-sidebar-block:after{background: #fff;}
.ui-sidebar a.callqq{background-position: -105px 20px;}
.ui-sidebar a.callqq:hover{background-position: -105px 20px;}
.ui-sidebar a span{position: absolute;left: 0;bottom: 20px;text-align: center;font-size: 14px;color: #ffffff;width: 100%;}
.ui-sidebar a:hover span{}
.ui-sidebar a.calltel{background: none;}
.ui-sidebar a.calltel span.telnumber{top: 30px;color: #00cbde;font-weight: 600;left: -5px; width: 100px;text-align: center;display: block;font-size: 12px;}
.ui-sidebar a.cyxt{background-position: -5px -282px;}
.ui-sidebar a.cyxt:hover{background-position: -105px -282px;}
.ui-sidebar a.cyxt:after{display: none;}
.ui-sidebar a.cyxt:hover i{visibility: visible;opacity: 1;}
.ui-sidebar a.cyxt i{position: absolute;visibility: hidden;width:135px;height:140px;left: -145px;top:-80px;background:url(../Image/sidebar_cyxt_base.png) no-repeat ;z-index: 5;opacity: 0;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s}
.ui-sidebar a.app{background-position: -5px -180px;}
.ui-sidebar a.app i {position: absolute;visibility: hidden;z-index: 5;width: 136px;height: 148px;left: -145px;top: -105px;background: url(../Image/base.png) -3px -76px no-repeat;opacity: 0;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s}
.ui-sidebar a.app:hover{background-position: -105px -180px;}
.ui-sidebar a.app:hover i {visibility: visible;opacity: 1;}
.ui-sidebar a.js_go_top{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAQMAAAC2MCouAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAFxJREFUCNe1zLENwDAIBMC3XLhzncKDuMhQTBCRzZCyCF3WyPvrtEbohNAD/uqQp7zkuyiP03oHbUjaYXRg0olBDZ0mGuOB6uw1NC27AkPhqUPTk9TDoBVOC7bVBxAyDvKxjRIFAAAAAElFTkSuQmCC) center 20px no-repeat;cursor: pointer;display: block;}
.ui-sidebar a.js_go_top:after{content: "";background: #fff;opacity: 0.35;width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #70706f\9;}