/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
#msgs{z-index:1000;position:absolute;width:150px;margin:-42px auto 0 96px;background:#ff2929;border-radius:5px;height:32px;line-height:32px;color:#FFFFFF;text-align:center;display:none;}
.head-blank,#footb{ display:none;}
.loginBox{ width:100%;  background:url('image/logo-bg.jpg') no-repeat #21b3d1 center center scroll; background-size: 88%;}
.loginM{ padding:100px 0;}
.login-show {width:750px;min-height:200px;float:left;}
.login-main {width:342px;background:#FFFFFF;border:#E5E5E5 1px solid;margin:0 28px;float:right;}
.login-head {height:50px;overflow:hidden;background:#f2f2f2;}
.login-head ul {height:48px;border-bottom:#E5E5E5 2px solid; display: flex; align-items: center; justify-content: center;}
.login-head li {float:left; height:48px;text-align:center;font-size:16px;border-bottom:#E5E5E5 2px solid; flex: 1;}
.login-head li.on a{color:#ff820d;}
.login-head a {display:block; height:28px;line-height:28px;color:#ababab;margin-top:10px;}
/* .login-head .lgBorderR a{ border-right:1px solid #ddd;} */
/*.login-head li:hover {border-bottom:#666666 2px solid;}
.login-head .on,.login-head .on:hover {border-bottom:#2587F4 2px solid;font-weight:bold;}*/
.login-body {padding-bottom:20px;}
.login-body .login-item{padding:20px 20px 0 20px;font-size:14px;}
.login-body .login-link{ text-align:right; padding:10px 20px 0 20px;}
.login-oauth {border-top:#E5E5E5 1px solid;text-align:center;margin:10px 20px 0; padding-top:10px;}
.login-oauth img {width:30px;padding:5px;}
.login-btn {width:300px;height:42px;line-height:42px;font-size:16px;background:#ff820d;border:1px solid #f5f5f5;outline:none;}
.login-btn:hover {
    background: #ff820d;
}
.login-oauth a{ display:inline-block; width:80px;}
.login-oauth span{ display:block; width:80px;}
a.codeBtn{ display:inline-block; margin-left:10px; padding:5px 15px; background-color:#007AFF; color:#FFF; border-radius:5px;}
a.sendHover{ background-color:#a7a7a7;}

.remember-pwd input{    margin: 0 10px 3px 0;
    vertical-align: middle;}
.forgot-pwd{color:#d33d3d!important;float:right;} 
.t_l_register{    margin: 0;
    padding-top: 5px!important;
    text-align: left;}
.t_l_register a{color:#ff820d!important;}
.a-login{display:block;font-style:normal;width:140px;margin:-30px auto 0;font-size:12px;background:#fff;color:#999;}


.input-captcha,.input-question,.input-user,.input-pass,.input-mob,.input-mail,.input-text,.input-code {padding:10px 10px 10px 30px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}

.login-item .input-Wh{width:260px;}
.lg-item .input-Wh{width:300px;}

.input-captcha {background:url('image/input-captcha.png') no-repeat 8px center;width:125px;vertical-align: middle;}
.input-question {background:url('image/input-question.png') no-repeat 8px center;}
.input-user {background:url('image/input-username.png') no-repeat 8px center;}
.input-pass {background:url('image/input-password.png') no-repeat 8px center;}
.input-mob {background:url('image/input-mobile.png') no-repeat 8px center;}
.input-mail {background:url('image/input-mail.png') no-repeat 8px center;}
.input-text {background:url('image/input-text.png') no-repeat 8px center;}
.input-code {background:url('image/input-password.png') no-repeat 8px center;width:125px;}

.reg-main {width:900px;margin:0 auto;}
.reg-step ul {height:48px;border-bottom:#E5E5E5 2px solid;}
.reg-step li {display:inline;float:left;width:240px;height:48px;line-height:48px;text-align:center;font-size:16px;font-weight:bold;border-bottom:#E5E5E5 2px solid;color:#9999B2;}
.reg-step li i {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('image/reg-step.png') no-repeat 0 0;display:inline-block;margin:12px 6px 0 0;font-style:normal;font-size:14px;}
.reg-step li b {width:24px;height:24px;line-height:24px;color:#FFFFFF;background:url('image/reg-step.png') no-repeat 0 -48px;display:inline-block;margin:12px 6px 0 0;font-size:14px;}
.reg-step .on {border-bottom:#2587F4 2px solid;color:#2587F4;color:#333333;}
.reg-step .on i {background:url('image/reg-step.png') no-repeat 0 -24px;}
.reg-step .on b {background:url('image/reg-step.png') no-repeat 0 -72px;}
.reg-tb {width:700px;margin:0 auto;}
.reg-tb td {padding:10px;font-size:14px;}
.reg-tb .tl {width:120px;text-align:right;}
.reg-tb .tr {width:330px;}
.reg-inp {width:280px;padding:10px;height:22px;line-height:22px;border:#E5E5E5 1px solid;font-size:14px;}
.reg-btn {width:300px;height:42px;line-height:42px;font-size:16px;}

.tips {position:absolute;z-index:100;width:300px;background:url('image/tips_bg.gif') no-repeat 0 bottom;overflow:hidden;margin:-6px 0 0 -10px;}
.tips div{background:url('image/tips_top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;font-size:12px;}

.lg-termC{ line-height: 44px;}

.lg-terms{ line-height: 44px; padding: 0 10px 0 50px;}
.lg-terms .lgInt{ font-size:16px; color:#888;}
.lg-terms .lgInt label{ cursor:pointer;}
.lg-terms .lgInt a{ color:#f46c0c; padding:0 5px;}


/*6.23*/
.r-header{height:75px;}
.r-header dl,.r-header dd,.r-header dt{float:left;margin:0;line-height:75px;height:75px;}
.r-header dt{font-size:26px;margin-left:10px;}
.r-header p{float:right;line-height:75px;}
.r-header p a{color:#ff820d;display:inline-block;margin-left:5px;}

.r-title{clear:both;width:100%;height:50px;text-align:center;border-bottom:1px solid #e6e6e6;}
.r-title li{display:inline-block;font-size:16px;margin:0 20px;padding:0 30px;line-height:50px;color:#333;cursor:pointer;}
.r-title li.r-on{color:#ff820d;border-bottom:2px solid #ff820d;}

.r-tips{width:600px;padding:20px 0 20px 200px;margin:20px auto;background:#eff0f1;font-size:12px;line-height:20px;}


.r-table{width:500px;margin:0 auto;}
.r-table input{outline:none;border:1px solid #e6e6e6;}
.r-table i{display:inline-block;font-size:16px;color:#d33d3d;font-style:normal;vertical-align: middle;margin-right:5px;}
.r-firstTitle{text-align:right;font-size:14px;color:#333;width:180px;box-sizing:border-box;padding:10px;vertical-align: baseline;}
.r-input{width:320px;}
.r-code{width:150px;}
.r-img{height:32px;width:100%;text-align:center;}
.r-change{color:#206fff;}
.r-table input:focus {border:1px solid #ff820d;}
.r-warn{color:#d33d3d;box-sizing:border-box;padding:3px 0 3px 20px;background:url(image/error.png) no-repeat 3px center;}
.r-check{vertical-align: sub;margin:20px 5px 10px 0}
.r-privacy{color:#ff820d}
.r-btn{width:334px;height:35px;line-height:35px;border:none;background:#ff820d;color:#fff;border-radius:5px;cursor:pointer;}

.r-error input{border:1px solid #d33d3d;}
.r-error input:focus {border:1px solid #d33d3d;}


.loginRegM{ margin:20px 0; padding:50px 100px; background-color:#FFF;-moz-box-shadow:0 0 5px #dedede; -webkit-box-shadow:0 0 5px #dedede; box-shadow:0 0 5px #dedede;}
.loginRegTle h4{ font-size:20px; line-height:2em; margin-bottom:10px; text-align:center;}
.loginRegTle p{ color:#FF9800;height:40px; line-height:40px; border-radius:5px; overflow: hidden; margin: 0 auto 25px; padding-left:40px; background:url(image/fd-tipsIcon.png) no-repeat #fff2df 10px center scroll;}
.loginRegItemer{ width:510px; margin:10px auto;}

.lg-intType{ margin-bottom:20px;}
.lg-intType ul{ padding:10px 10px 10px 90px;}
.lg-intType li{ float:left; width:50%; line-height:20px;}
.lg-intType li input{ margin:0; display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:5px;}
.lg-intType li label{ font-size:14px; vertical-align:middle; cursor:pointer;}

.lg-item li{ height:64px;}
.lg-item .lgIntName{ display:inline-block; width:120px; font-size:14px; text-align:right; padding-right:10px;}
.lg-item .lgIntB{ height:44px;}
.lg-item .lg-tips{ padding-left:135px; color:#F00;}
.loginRegItemer .lg-btn{ text-align:center; margin-top:30px;}

/* 公司提示 */
.edgCompanyTips {
    position: relative;
}
.edgCompanyTipsList {
    position: absolute; 
    left: 0; 
    top: 44px;
    width: 342px;
    border: #E5E5E5 1px solid;
    padding: 15px;
    box-sizing: border-box;
    background-color: #ffffff;
    z-index: 3;
}
.edgCompanyTipsItem {padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid #E5E5E5 1px; font-size: 13px;}

.edgIndustryBox {background-color: #f5f5f5;}
.edgIndustryBoxTitle {
    margin-bottom: 20rpx; 
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.edgIndustryBoxTitle div {flex: 1; background-color: #FFFFFF;}
.edgIndustryBoxTitle p {font-size: 13px; font-weight: 700; border-bottom: solid #e3e3e3 1px; text-align: center; line-height: 45px;}
.edgIndustryBoxTitle div.choice {background-color: #f5f5f5; border-bottom: solid #f5f5f5 1px;}
.edgIndustryList {
    padding: 10px; 
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.edgIndustryList div {padding: 5px 10px; border-radius: 4rpx; background-color: #ffffff; font-size: 12px; color: #333; margin: 0 15px 15px 0;}
.edgIndustryList div.choice {background-color: #007AFF; color: #ffffff;}

.loginSuccess{ text-align:center;}
.loginSuccess .successTle{ width:165px; margin:20px auto;background:url('image/okay.gif') no-repeat 0 center;font-size:16px;font-weight:bold;color:#4FA800;padding:6px 32px;}
.loginSuccess .successTime{padding:0 32px;color:#666666; margin-bottom:30px;}

/* 注册界面修改  */
.registerfl {float: left;}

.registeridentity-box .registeridentity-radio {display: inline-block;margin-right: 10px;}
.registeridentity-box .registeridentity-radio label {font-size: 14px; cursor: pointer; }



/* 绑定手机号页面 */
.bindBox{
    margin:20px 0;
    background-color: white;
    box-shadow: 0px 0px 11px -4px #666;
    border-radius: 15px;
}
.bindPhone{
    background-color: #007aff;
    height: 80px;
    width: 100%;
    text-align: center;
    line-height: 80px;
    font-size: 34px;
    font-weight: 700;
    color: white;
    border-radius: 15px 15px 0 0;
}
.login-main2{
        width: 430px;
            background: #FFFFFF;
            margin: 50px auto;
}
.login-item2{
        padding:10px 0;
            font-size: 14px;
            display: flex;
            align-items: center;
}
.login-item3 {
    padding: 10px 0;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.login-item2 p,
.login-item3 p
{
    width: 78px;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
}
.login-item2 .input-Wh{
    width: 260px;
}
.login-item3 input{
    width: 150px;
}
.btn-blue2{
    padding: 0;
    color: white;
    font-size: 16px;
    border-radius: 5px;
        width: 300px;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
        background: #007aff;
        border: 1px solid #f5f5f5;
        outline: none;
        margin: 0 auto;
}
.login-body2{
    padding-bottom: 100px;
}
.protocol{
    display: flex;
    font-size: 15px;
    margin: 20px 0 30px 0;
}
.protocol a{
    color: #007AFF;
}