@charset "UTF-8";


.register-form .form-group:after,.register-form .form-group:before,.register-form-bd .form-group-right:after,.register-form-bd .form-group-right:before{clear:both;content:".";display:block;height:0;line-height:0;overflow:hidden}
.clearfix,.flow,.register-form .form-group,.register-form-bd .form-group-right{zoom:1}
.clear{clear:both}
.fl,.flow li,.register-form .form-group-left{float:left}
.fr,.register-form .form-group-right{float:right}

.head-main-right{color:#cbcbcb}
.xb-register-logo{text-align:center}
.xb-register-logo h1{font-size:38px;color:#222;padding-top:80px;padding-bottom:20px;line-height:1}
.xb-register-logo h4{font-size:14px;color:#999;padding-bottom:50px;line-height:1}
.xb-head-login{left:0;top:0;width:100%;height:90px;z-index:11;background-color:#fff;box-shadow:0 2px 4px 0 #eee}
.xb-head-login .head-main-right{line-height:90px;font-size:16px;color:#222}


/*×¢²áform div*/
.reg-bg{float:left;width:100%}
.register-area-body{width:1190px;min-height:480px;background:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,.03);margin:0 auto}
.register-area-body:after,.register-area-body:before{clear:both;content:".";display:block;height:0;line-height:0;overflow:hidden}
.register-area-body{zoom:1}
.register-area-body legend{display:none}
.register-area-body .login-img{float:left;width:600px;font-size:0}
.register-area-body .login-img img{width:100%}
.register-form{font-size:14px}
.register-form .input,.register-form .label,.register-form .span{vertical-align:top}
.register-form .input:focus,.ui-input-active,.ui-input:focus{border:1px solid #337bfc!important;background-color:#f4f9fe!important}
.register-form .span{display:inline-block}
.register-form .label{display:inline-block;height:40px;line-height:40px;font-size:14px;color:#222;text-align:left}
.register-form .input{width:243px;height:40px;line-height:40px;padding:0 20px 0 15px;font-size:14px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #e0e0e0}
.register-form .input-code{width:144px}
.register-form .btn-code{width:120px;height:40px;line-height:40px}
.register-form .btn-code-disabled{background-color:#c6bcbc}
.register-form .form-group-left{text-align:left;margin-left:35px}
.register-form .form-group-right{margin-right:21px;*margin-right:10px;position:relative;min-width:300px}
.register-form .form-group-right .icon-barrow,.register-form .form-group-right .icon-eye{cursor:pointer;position:absolute;right:0;font-size:18px;top:13px}
.register-form .form-group-right .icon-eye{width:18px;height:40px;background:url(../images/eye1.png) center no-repeat;right:35px;top:0;z-index:20}
.register-form .form-group-right .icon-eye-open{background:url(../images/eye2.png) center no-repeat}
.register-form .form-group-right .input-select-text{height:48px;line-height:48px;border-radius:2px;border:1px solid #c6bcbc;width:161px;padding:0 24px 0 15px}

/*Íü¼ÇÃÜÂë*/
.tab-content{display:none}
.flow-active,.tab-active{display:block!important}
.get-password-btn{font-size:16px;width:180px;height:50px;line-height:50px}
.register-btn{font-size:16px;width:420px;height:50px;line-height:50px}
.company-info{position:relative;width:100%;height:18px;margin-top:40px;margin-left:auto;margin-right:auto;text-align:center}
.company-info p{position:absolute;width:100%;height:1px;line-height:1px;background-color:#e6e6e6;left:0;top:50%;overflow:hidden}
.company-info a,.company-info span{display:inline-block;position:relative;padding-left:20px;padding-right:20px;height:18px;line-height:18px;font-size:16px;margin-top:-1px;color:#333;background-color:#fff}
.res-process{display:none;font-size:16px;color:#337bfc;text-align:center;margin-top:35px}
.register-notice{width:300px;margin:30px auto 0;padding-top:30px;border-top:1px solid #ddd}
.register-body{width:602px;margin:0 auto;background-color:#fff;padding-bottom:60px;padding-top:40px}
.register-body h2{font-size:18px;font-weight:400}
.flow{float:left;margin-top:60px;background-color:#fff;color:#337bfc;font-size:14px;border:1px solid #337bfc}
.flow li{position:relative;width:200px;height:38px;line-height:38px;overflow:hidden;cursor:pointer;text-indent:30px}
.flow li strong{position:relative}
.flow li.flow-active{background-color:#337bfc;color:#fff}

.flow .i-arrow1{position:absolute;width:12px;height:38px;background:url(../images/icons.png) no-repeat;background-position:0 -36px;right:0;top:0}
.flow .i-arrow2{position:absolute;width:12px;height:38px;background:url(../images/icons.png) no-repeat;background-position:0 -74px;right:0;top:0}
.flow .i-arrow3{position:absolute;width:12px;height:38px;background:url(../images/icons.png) no-repeat;background-position:0 -112px;right:0;top:0}
.password-reset-result .icon-item{margin-top:70px}
.register-password{width:460px;margin:60px auto 0}
.recharge-box{min-height:350px;padding-top:120px}
.recharge-success-btn a{display:inline-block;width:120px;height:40px;line-height:40px;text-align:center}
.login-main{padding-bottom:80px;}
.login-form-bd{float:right;width:590px;padding:0 100px;box-sizing:border-box}
.login-form-bd .company-info{margin-top:0}
.login-form-bd .form-group-right{margin-right:-10px}
.login-form-bd .form-group-left{margin-left:10px}
.login-form-bd .img-input{width:140px;padding-right:10px}
.login-form-bd .code-con{display:inline-block;width:120px;height:40px}
.login-form-bd .login-btn{display:block;background:url(../images/login-btn.png) no-repeat;width:386px;height:74px;line-height:3.2;text-align:center}
.login-form-bd input{background-color:#fff!important}

.xb-get-cn{position:absolute;top:1px;right:20px;width:120px;height:40px;line-height:40px;text-align:center;color:#666}
.xb-get-cn::before{content:"";display:block;position:absolute;left:0;top:20%;height:60%;border-left:1px solid #c6bcbc}
.login-form-bd a.xb-login-btn{background:#337bfc;border-radius:2px;line-height:40px;height:40px;width:280px;margin-right:10px}
.xb-bt-group{width:290px;float:right}
.xb-rg-form{margin-top:65px}
.login-type{margin-top:80px;text-align:center;font-size:0;margin-bottom:30px;padding-left:88px}

.footer{width:100%;height:50px;line-height:50px;}
.ui-wrap{width:1190px;margin:0 auto;color:#aaa}