/*common*/
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background:url(../image/bg2.png) no-repeat; background-size:100%;}
.f-relative{ position: relative;}
.f-mato{ margin:0 auto;}
.wid120{ width: 120px;}
.wid96{ width: 96px;}
.space-margin-top{ margin-left:16px; }
.space-margin-bottom{ margin-right:16px; }
.text-hover{color: #656D78;}
.text-hover:hover{ color: #609ee9}
[placeholder], *[placeholder] { color:#AAB2BD; } 
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset!important;}
.tooltip .tooltip-inner{ background: #39424E; padding:10px 16px;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #39424E;}
.tooltip.top .tooltip-arrow{border-top-color: #39424E;}
.tooltip.left .tooltip-arrow{border-left-color: #39424E;}
.tooltip.right .tooltip-arrow {border-right-color: #39424E;}
.tooltip span{ text-align: left!important;display: inline-block;}
.text-x-lg{font-size: 20px;}

.btn.btn-xs{ padding:3px 10px!important;height: 24px;}
.btn.btn-info.btn-stroke{ padding:6px 16px!important; background: none!important;border:1px solid #609ee9; color:#609ee9;box-sizing: border-box;height: 34px;}
.btn.btn-info.btn-stroke:hover{ background:#609ee9!important;color: #fff;}

.icon-danger{background-image: url("../image/danger.svg");}
.icon-default{ background-image: url("../image/default.svg");}
.icon-size12{ width: 12px;height: 12px;background-size: 12px; margin-right:8px;}
.icon-size14{ width: 14px;height: 14px;background-size: 14px;margin-right:8px;}

/*body*/
.bg-gray{/* background-color: #f5f7fa;*/ }
.ac-login-body{/* position: relative; *//* width: 100%; *//* min-height: 100%; *//*background: url('../image/bg2.png') no-repeat #F5F7FA;*/}
.ac-login-warp {position: relative;padding-top: 100px;padding-bottom: 10px;}
.ac-login-back{ position: absolute;top: 8px;left: 24px;}
.ac-login-back.btn.btn-default{ background: none;}
.btn-block {
    display: block;
    width: 100%;
    font-size: 20px;
}

.ac-login-back.btn.btn-default:hover{ border-color:#CCD1D9!important; background: none!important; color: #656D78;  }
.ac-login-logo{ position: relative; text-align: center; margin-bottom: 40px;}
.ac-login-logo img{ width: 140px;max-height: 40px;}
.ac-login-logo span.line{ position: absolute;top:35px;height: 30px; margin-left: 10px; background: #ddd;width: 1px;font-size: 2px;display: inline-block;}
.ac-login-logo .qd-img{ width: 140px; margin-left:25px; }
.ac-login-logo-bg{background: url('../image/login-head.png') no-repeat;width: 600px;margin: 0 auto;height: 96px;line-height: 96px;border-radius: 5px 5px 0 0;}

.ac-login-main{border-radius: 0 0 5px 5px;width: 602px;margin: 0 auto;background-color: #fff;overflow-y: auto;overflow-x: hidden;background: #FFF;border: 1px solid #EEF0F3;box-shadow: -1px 2px 16px 0px rgba(96,158,233,0.17);}
.ac-login-title{height: 55px;border-bottom: 1px solid #EEF0F3; padding: 0 24px;line-height: 55px;font-size: 14px;}
.ac-login-title h4{ display: inline-block; color: #323133;font-size:14px;}
.ac-login-main-inner{width: 455px;margin: 50px auto 50px;}

/*form*/
.control-label{ font-weight: 400; color:#464547;}
.ac-login-formGroup:after{content: '';display: block;clear: both;}
.ac-login-formGroup{vertical-align: top;padding-bottom: 30px;position: relative;}
.ac-login-formGroup .form-control{ font-size: 14px;height: 44px;width: 100%;display: inline-block;box-shadow: none; border: 1px solid #CCD1D9;border-radius: 2px;color: #323133!important;vertical-align: middle;padding: 13px 12px 12px;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;line-height: 1;}
.ac-login-formGroup .form-input-help{ display: none; transition:.3s;-moz-transition:-moz-transform .3s;-webkit-transition: -webkit-transform .3s;-o-transition:-o-transform .3s;  position: relative; font-size: 12px;line-height: 1.5em;margin-top: 8px; margin-bottom:0!important ; color: #AAB2BD;vertical-align: middle;text-align: left;}
.ac-login-formGroup .form-input-help.verify-tip{ font-size: 14px; margin-top:20px;}

.ac-login-formGroup input[class="form-control"]:focus{-moz-transition:all .3s;-webkit-transition:all .3s;-transition:all .3s;background: #FFF;border: 1px solid #609EE9;box-shadow: 0px 0px 4px 0px rgba(96,158,233,0.30)!important;}
.ac-login-formGroup.has-error .form-control,.ac-login-formGroup.has-error input[class="form-control"]:focus{ background: #fff;border: 1px solid #E75845;box-shadow: 0px 0px 4px 0px rgba(231,88,69,0.30)!important; }
.ac-login-formGroup.has-error .form-input-help{ color: #E75845; }

.btn.btn-block.btn-login{ padding: 12px !important;}
.ac-pwd-main .btn.btn-block.btn-login{ margin-top:16px }

.ac-login-formGroup.fm-verify .form-control{ width: 47.6%;float: left;margin-right: 2.3%;}
.ac-login-formGroup.fm-verify .ac-login-btn{ width: 47.6%;margin-left: 2.3%; float: left;font-size: 14px; background: #F5F7FA;border: 1px solid #CCD1D9;height: 44px;line-height: 42px;box-sizing: border-box; border-radius: 2px; }
.ac-login-formGroup.fm-verify .ac-login-btn.disabled{ background: #F5F7FA;border-color:#CCD1D9;color: #CCD1D9;}

.ac-login-formGroup.fm-verify .ac-login-code{ width: 47.6%;margin-left: 2.3%; float: left; }
.ac-login-formGroup.fm-verify .ac-login-code .pic{ width: 62%; padding: 3px; border: 1px solid #CCD1D9; background: #F5F7FA;box-sizing: border-box; height: 44px;overflow: hidden; float: left; text-align: center;}
.ac-login-formGroup.fm-verify .ac-login-code .pic img{max-height: 36px;}
.ac-login-formGroup.fm-verify .ac-login-code a{line-height: 44px;margin-left: 20px;}

.ac-login-formGroup.fm-verify.input-group{ width: 430px}
.ac-login-formGroup.fm-verify.input-group .form-control{ margin-right:0;}
.ac-login-formGroup.fm-verify.input-group .input-group-btn{ width: 28%; float: left;}
.ac-login-formGroup.fm-verify.input-group .ac-login-btn{ margin-left:0; width: 100% ;border-radius: 0 2px 2px 0;margin-left: -1px}
.ac-login-formGroup.fm-verify.input-group a{ line-height: 44px;}

.ac-login-formGroup.innerTop-3x-padding{ padding-top: 30px; }
.ac-login-formGroup.innerTop-3x-padding .btn{ padding:10px 12px!important;margin-top:10px;}

/*modal*/
ul.inaccessible-info-list li{ position: relative; padding-left:30px;  line-height: 24px;padding-bottom: 12px;padding-top:12px; border-bottom: 1px dashed #EEF0F3}
ul.inaccessible-info-list li:last-of-type{ border-bottom:0;}
ul.inaccessible-info-list li i.num{ position: absolute; left: 0; top: 16px; font-style: normal; border:1px solid #EEF0F3;border-radius: 100%;display: block; width: 20px;height: 20px; line-height: 20px; text-align:center; font-size: 14px;font-family: Arial; font-weight: 700; color: #AAB2BD; }
p.modal-info-text{ line-height: 24px;}

/*dropdown-caret*/
.dropdown-caret {display: block;width: 100%;}
.dropdown-caret span {position: absolute;display: block;width: 0;height: 0;z-index: 1;}
.dropdown-caret span s {position: absolute;display: block;width: 0;height: 0; z-index: 2;}
.dropdown-caret.top span {top: -4px;left: 20%;margin-left: -8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 4px solid #CCD1D9;}
.dropdown-caret.top span s {top: 1px;left: 20%;margin-left: -8px;border-left: 8px solid transparent; border-right: 8px solid transparent;border-bottom: 4px solid #FFF;}
.popver{position: absolute;left: 0;top: 28px; display: none;z-index: 99;}
.popver-cont{ color: #656D78; background: #fff; border: 1px solid #CCD1D9;box-shadow: 0px 2px 4px 0px rgba(67,73,84,0.15);border-radius: 4px; padding:12px 16px; line-height: 24px; }
.popver-cont-list.has-style li:before{ content: "·";margin-right:5px;color:#999; font-size: 14px; }

.hasdrop:hover .popver{ display: block}
.hasdrop.pct50 .dropdown-caret.top span {left: 50%;}
.hasdrop.pct50 .dropdown-caret.top span s {left: 50%;}

/*ac-login-scPage*/
.ac-login-scPage {width: 900px;margin:0 auto;padding:60px 0 90px 0;}
.ac-login-scPage .qr-code{ border: 1px solid #EEF0F3;width: 180px;height: 180px;margin: 45px auto;}
.ac-login-scPage .dec{ line-height: 24px;}
.ac-login-scPage a.watching{ margin: 24px auto;display: block;}

.ac-login-scPage .others-dec{ background: #F8FAFB; border-radius: 2px;}
.ac-login-scPage .others-dec-title{ padding:24px 0 16px; margin: 0 24px;}
.ac-login-scPage .account-system-table { padding-top: 0;}
.ac-login-scPage .table.massages-table{ margin-bottom:0; }
.ac-login-scPage .account-system-table .architecture-table-main.text-info{ background: #fff;padding: 8px 16px;}
.ac-login-scPage .account-system-table table thead{ background: none;}
.ac-login-scPage .account-system-table table tr:last-of-type td{ border-bottom: 0;}

/*---password step---*/
.wizard{ padding: 24px 0;}
.wizard ul.bwizard-steps{ text-align: center; width: 840px; margin: 0 auto;}
.wizard ul.bwizard-steps .step{ width: 210px; float: left;font-size: 14px; position: relative; }
.wizard ul.bwizard-steps .step i.num{ position: relative; width:30px; height: 30px; line-height: 26px;display: inline-block; border-radius: 100%;font-style: normal; font-weight: 700; border: 2px solid #C0CCDA; background: #C0CCDA; color: #fff; box-sizing: border-box; }
.wizard ul.bwizard-steps .step h3{ margin-top:12px!important; color: #C0CCDA;font-size:14px;}

.wizard ul.bwizard-steps .step:before,.wizard ul.bwizard-steps .step.next:after{ position: absolute;top: 15px;width: 90px; border:1px solid #C0CCDA; content: "";}
.wizard ul.bwizard-steps .step:first-child::before{right: 0;}
.wizard ul.bwizard-steps .step.next:before{ left:0;}
.wizard ul.bwizard-steps .step.next:after{ right:0;}
.wizard ul.bwizard-steps .step:last-of-type:before{ left:0;}
.wizard ul.bwizard-steps .step:last-of-type h3{ color: #99A9BF;}
.wizard ul.bwizard-steps .step:first-child i.num:before{ border-right: 5px solid transparent!important;}
.wizard ul.bwizard-steps .step:last-of-type i.num:after{ border-left: 5px solid transparent!important;}

.wizard ul.bwizard-steps .step i.num:before,.wizard ul.bwizard-steps .step i.num:after{ content: "";position: absolute;top: 8px;width: 0; height: 0;}
.wizard ul.bwizard-steps .step i.num:before{right: 100%;border-top: 6px solid transparent;border-right: 5px solid #C0CCDA;border-bottom: 6px solid transparent;left: -5px;}
.wizard ul.bwizard-steps .step i.num:after{ left: 100%;border-top: 6px solid transparent;border-left: 5px solid #C0CCDA;border-bottom: 6px solid transparent;right: -5px;}

/*current*/
.wizard ul.bwizard-steps .step.current h3{ color: #609EE9;}
.wizard ul.bwizard-steps .step.current i.num{ border-color: #609EE9;background: #fff; color: #609EE9 }
.wizard ul.bwizard-steps .step.current::before,.wizard ul.bwizard-steps .step.current::after{ border-color:#609EE9;}

.wizard ul.bwizard-steps .step.current i.num:before{border-right: 5px solid #609EE9;}
.wizard ul.bwizard-steps .step.current i.num:after{ border-left: 5px solid #609EE9;}

/*finish*/
.wizard ul.bwizard-steps .step.finish h3{ color: #39CA74;}
.wizard ul.bwizard-steps .step.finish i.num{ background: #39CA74;border-color: #39CA74; color: #fff;}
.wizard ul.bwizard-steps .step.finish::before,.wizard ul.bwizard-steps .step.finish::after{ border-color:#39CA74;}

.wizard ul.bwizard-steps .step.finish i.num:before{border-right: 5px solid #39CA74;}
.wizard ul.bwizard-steps .step.finish i.num:after{ border-left: 5px solid #39CA74;}


.ac-pwd-main ul.nav.login-tab{ margin-bottom: 45px; text-align: center;}
.ac-pwd-main ul.nav.login-tab li{ float: left; width: 47.6%; overflow: hidden;}
.ac-pwd-main ul.nav.login-tab li.phone{ margin-right:2.3% }
.ac-pwd-main ul.nav.login-tab li.email{ margin-left:2.3% }
.ac-pwd-main ul.nav.login-tab li a{ background: #F5F7FA;border: 1px solid #E6E9ED;position: relative; text-align: center; font-size: 14px;color: #656D78;padding:11px 16px;}
.ac-pwd-main ul.nav.login-tab li a i{ display: inline-block;width: 22px; height: 22px;position: absolute;margin-top: 1px;}
.ac-pwd-main ul.nav.login-tab li a i.email{background: url("../image/email.svg") no-repeat; background-size:100%; }
.ac-pwd-main ul.nav.login-tab li a i.phone{background: url("../image/phone.svg") no-repeat; background-size:100%;}
.ac-pwd-main ul.nav.login-tab li.active a{ border-color: #609EE9; color: #609EE9; background: #fff; font-weight: 700; }
.ac-pwd-main ul.nav.login-tab li.active a:after{ content: "";position: absolute;bottom:0;right: -2px; width:20px;height: 18px;background: url("../image/checked.svg");background-size:100%; }
.ac-pwd-main ul.nav.login-tab li.active a i.email{ background: url("../image/email2.svg") no-repeat;background-size:100%;}
.ac-pwd-main ul.nav.login-tab li.active a i.phone{ background: url("../image/phone2.svg") no-repeat;background-size:100%;}
.ac-pwd-main ul.nav.login-tab li a span{ margin-left: 26px; }

.ac-login-formGroup.fm-verify.has-error p.form-input-help { margin-top:0;padding-top:8px; clear:both;}

.account-system-main.login-main {
    bottom: 30px!important;-webkit-height: calc(100% - 80px)!important;-moz-height: calc(100% - 80px)!important;height: calc(100% - 80px)!important;
}

.ac-login-formGroup .eye-btn {
    top: 0;
    height: 42px;
}
.ac-login-formGroup .eye-btn.open-eyes{ background: url('../image/show-eye.svg') 0 9px no-repeat;}
.ac-login-formGroup .eye-btn.close-eyes{ background: url('../image/close-eye.svg') 0 7px no-repeat;}

@media (max-width: 768px) {

    .account-system-main {
        height: auto;
        top: 0
    }

    .ac-login-warp {
        padding-top: 0;
        padding-bottom: 0;
    }

    .ac-login-logo img {
        width: 99px;
        max-height: 25px;
    }

    .ac-login-logo .qd-img {
        width: 99px;
    }

    .ac-login-logo span.line {
        top: 20px;
        height: 25px;
        background: #7eb4f4;
    }

    .ac-login-back.btn.btn-default:hover {
        border: 0 !important;
        background: none;
        color: #fff;
        outline: none;
    }

    .ac-login-back.btn.btn-default {
        top: 0;
        left: 0;
        z-index: 1;
        border: 0;
        width: auto;
        font-size: 12px;
        color: #fff;
        display: block;
        height: 64px;
        border-radius: 0;
        line-height: 63px;
        padding: 0 10px !important;
        border-right: 1px solid #5694df;
    }

    .ac-login-title {
        padding: 12px;
        height: auto;
        line-height: 16px;
    }

        .ac-login-title h4 {
            line-height: 20px;
        }

        .ac-login-title span.pull-right {
            margin-top: -6px;
        }

    .ac-login-logo-bg {
        background: #609EE9;
        width: 100%;
        line-height: 64px;
        height: 64px;
    }

    .ac-login-main {
        width: 100%;
        box-shadow: none;
        border-bottom: 0;
        background: none;
    }

    .ac-login-main-inner {
        width: 100%;
        padding: 30px 24px;
        margin: 0;
        background: #fff;
    }
.account-system-main{
    position: absolute;
    top:50px;
    bottom: 0;
    left:0;
    right: 0;
    -webkit-height: calc(100% - 50px);
    -moz-height: calc(100% - 50px);
    height: calc(100% - 50px);
    color:#656d78;
}

.account-system-main:after{
    content: '';
    display: block;
    clear: both;
}
.bg-gray{ background-color: #f5f7fa;}
    .ac-login-scPage {
        background: #fff;
        width: auto;
        padding: 50px 12px;
        box-sizing: border-box;
        border-bottom: 1px solid #E6E9ED
    }

        .ac-login-scPage.ac-login-contPage {
            padding: 24px 12px 0
        }

        .ac-login-scPage .others-dec {
            margin: 0 -16px
        }

        .ac-login-scPage .table.massages-table {
            background: #fff;
        }

        .ac-login-scPage .account-system-table .architecture-table-main.text-info {
            background: none;
            padding: 16px 12px;
        }

        .ac-login-scPage .account-system-table {
            padding: 0
        }

        .ac-login-scPage .others-dec-title {
            padding: 16px 0 0;
            margin: 0 16px;
        }

    .ac-pwd-main ul.nav.login-tab li a {
        border: 0;
        border-top: 1px solid #ccc;
    }

    .ac-pwd-main ul.nav.login-tab li.active a:after {
        background: none;
    }

    .ac-pwd-main ul.nav.login-tab li.phone, .ac-pwd-main ul.nav.login-tab li.email {
        width: 50%;
        margin: 0;
    }

    .ac-login-formGroup.fm-verify.input-group .input-group-btn {
        width: 42%
    }

    .ac-login-formGroup.fm-verify.input-group .form-control {
        width: 58%
    }

    .ac-pwd-main ul.nav.login-tab {
        margin-bottom: 24px;
    }

    .ac-login-formGroup.fm-verify.input-group {
        width: 100%;
    }

        .ac-login-formGroup.fm-verify.input-group a.space-margin-left {
            margin-left: 0;
            display: block;
            clear: both;
            line-height: 16px;
            padding-top: 12px;
        }

    .ac-login-main-inner.xs-padding-none .tab-content {
        padding: 10px 24px 14px;
    }

    .ac-pwd-main {
        background: #fff;
    }

        .ac-pwd-main .wizard ul.bwizard-steps {
            width: 100%
        }

            .ac-pwd-main .wizard ul.bwizard-steps .step {
                width: 25%;
            }

                .ac-pwd-main .wizard ul.bwizard-steps .step:before, .wizard ul.bwizard-steps .step.next:after {
                    width: 50%;
                    z-index: 0;
                }

                .ac-pwd-main .wizard ul.bwizard-steps .step i.num {
                    z-index: 1;
                }

    .xs-padding-none {
        padding: 0;
    }
}


.ac-merge-content {
    width: 98%;
    margin: 0 auto;
}
.ac-merge-content-top-company{
    font:12px;
    color:black;
}
.ac-merge-content-top {
    width: 100%;
    border: 1px solid #E7E8E7;
    padding: 10px 10px 4px 10px;
    border-radius: 2px;
    background-color: #fff;
    margin-top: 10px;
}
 .merge-content-top-company {
    height: 18px;
    width: 100%;
    line-height: 18px;
    font-size: 12px;
    color: #101010;
}
.ac-merge-content-top-button {
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    background-color: #5bc0de;
    text-align: center;
    border-radius: 40px !important;
    text-decoration: none;
}
    .ac-merge-content-top-button:focus, .ac-merge-content-top-button:hover {
        color: #fff;
        text-decoration: none;
    }
    .ac-merge-content-top-btnoption {
        margin: 8px 0;
    }
.ac-merge-content-top-manner {
    display: inline-block;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    background-color: rgba(235, 242, 251, 1);
    color: #5bc0de;
    font-size: 10px;
    text-align: center;
    border-radius: 10px;
}
.btn-info{ background: #609ee9!important; border-color: #609ee9!important;color: #fff}
.ac-merge-content-top-adress {
    padding: 0 5px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    background-color: #E7E8E7;
    color: #B5B5B5;
    font-size: 10px;
    text-align: center;
    border-radius: 10px;
}
.ac-merge-content-top-companyadress {
    color: #000;
    font-size: 10px;
    border-top: 1px solid #E7E8E7;
    padding: 10px 0 14px 0;
    margin-top: 9px;
}
    .ac-merge-content-top-companyadress > span {
        color: #CCD1D9;
    }