.common-button-light,
.common-button {
    text-align: center;
    display: inline-block;
    padding: 8px 0;
    border: 1px solid #e6e6e6;
    background: #fff;
    border-radius: 3px;
    font-size: 16px;
    color: #0378d8;
    outline: none
}

    .common-button-light:disabled,
    .common-button:disabled {
        border: 1px solid #e6e6e6;
        background-color: #FBFBFB;
        color: #C9C9C9;
        cursor: not-allowed;
        opacity: 1
    }

.common-button {
    border: 1px solid #0378d8;
    background: #0378d8;
    color: #fff
}

.login-icon {
    width: 19px;
    height: 18px;
    background-position: 0 0;
    display: inline-block;
    vertical-align: text-bottom;
    background: url("/images/v4/login-icon.png");
}

.jw-login-icon {
    width: 19px;
    height: 18px;
    background-position: 0 0;
    display: inline-block;
    vertical-align: text-bottom;
    background: url("/images/v4/jw-login.png")
}

    .jw-login-icon.icon-wechat {
        width: 48px;
        height: 48px;
        background-position: 0 -28px
    }

    .jw-login-icon.icon-qq {
        width: 48px;
        height: 48px;
        background-position: -70px -28px
    }

    .jw-login-icon.icon-weibo {
        width: 48px;
        height: 48px;
        background-position: -139px -28px
    }

    .jw-login-icon.icon-min-wechat {
        width: 36px;
        height: 36px;
        background-position: -55px -83px
    }

    .jw-login-icon.icon-min-qq {
        width: 36px;
        height: 36px;
        background-position: -105px -83px;
    }

    .jw-login-icon.icon-min-weibo {
        width: 36px;
        height: 36px;
        background-position: -155px -83px
    }

    .jw-login-icon.icon-towards-right {
        width: 17px;
        height: 17px;
        background-position: -56px 0
    }

.icon-user {
    width: 15px;
    height: 16px;
    background-position: 0 -1px
}

.icon-error {
    width: 15px;
    height: 16px;
    background-position: -133px -1px
}

.icon-password {
    width: 15px;
    height: 17px;
    background-position: -16px -1px
}

.icon-house {
    width: 16px;
    height: 16px;
    background-position: -34px -1px
}

.icon-location {
    width: 10px;
    height: 16px;
    background-position: -53px -1px
}

.icon-tel-phone {
    width: 10px;
    height: 16px;
    background-position: -66px -1px
}

.icon-mobile-phone {
    width: 13px;
    height: 16px;
    background-position: -99px -1px
}

.icon-email {
    width: 19px;
    height: 16px;
    background-position: -78px -1px
}

.icon-info {
    width: 16px;
    height: 16px;
    background-position: -114px -1px
}

.icon-resume-library {
    width: 47px;
    height: 30px;
    background-position: 0 -25px
}

.icon-resume-library-lg {
    width: 101px;
    height: 63px;
    background-position: -6px -478px
}

.icon-service {
    width: 47px;
    height: 30px;
    background-position: 0px -61px
}

.icon-service-lg {
    width: 84px;
    height: 61px;
    background-position: -138px -478px
}

.icon-quick {
    width: 47px;
    height: 40px;
    background-position: 0px -94px
}

.icon-quick-lg {
    width: 86px;
    height: 61px;
    background-position: -262px -478px
}

.icon-accurate {
    width: 47px;
    height: 34px;
    background-position: 0 -143px
}

.icon-accurate-lg {
    width: 69px;
    height: 69px;
    background-position: -388px -481px
}

.icon-big-data {
    width: 47px;
    height: 34px;
    background-position: 0px -185px
}

.icon-big-data-lg {
    width: 67px;
    height: 69px;
    background-position: -491px -481px
}

.icon-pencil {
    width: 39px;
    height: 39px;
    background-position: -11px -243px
}

.icon-search-more {
    width: 47px;
    height: 43px;
    background-position: -12px -297px
}

.icon-hrchat {
    width: 55px;
    height: 43px;
    background-position: -3px -352px
}

.icon-dropdown {
    width: 10px;
    height: 5px;
    background-position: -194px -7px
}

.icon-briefcase {
    width: 17px;
    height: 16px;
    background-position: -151px -1px
}

.icon-bb {
    width: 164px;
    height: 175px;
    background-position: -85px -281px
}

.icon-editer {
    width: 44px;
    height: 43px;
    background-position: -138px -25px
}

.icon-issue {
    width: 40px;
    height: 43px;
    background-position: -140px -70px
}

.icon-search-talents {
    width: 42px;
    height: 43px;
    background-position: -139px -121px
}

.icon-link {
    width: 18px;
    height: 31px;
    background-position: -151px -171px
}

.icon-wechat-login {
    width: 136px;
    height: 53px;
    background-position: -91px -210px;
    margin-top: 6px;
    margin-right: 6px
}

.icon-qr-login {
    width: 155px;
    height: 52px;
    background-position: -349px -161px;
    margin-top: 6px;
    margin-right: 6px;
}

.icon-pw-login {
    width: 155px;
    height: 52px;
    background-position: -527px -163px;
    margin-top: 6px;
    margin-right: 6px;
}

.icon-picture {
    width: 59px;
    height: 59px;
    background-position: -16px -582px
}

.icon-refresh {
    width: 61px;
    height: 59px;
    background-position: -115px -582px
}

.icon-stat {
    width: 50px;
    height: 59px;
    background-position: -222px -584px
}

.icon-lighthight {
    width: 53px;
    height: 59px;
    background-position: -324px -582px
}

.icon-custom {
    width: 47px;
    height: 59px;
    background-position: -424px -583px
}

.icon-recruit {
    width: 99px;
    height: 59px;
    background-position: -507px -579px
}

.icon-earth {
    width: 50px;
    height: 53px;
    background-position: -237px -25px
}

.icon-home {
    width: 56px;
    height: 53px;
    background-position: -305px -25px
}

.icon-editers {
    width: 58px;
    height: 53px;
    background-position: -379px -25px
}

.icon-doctor {
    width: 47px;
    height: 53px;
    background-position: -454px -25px
}

.icon-hr {
    width: 62px;
    height: 53px;
    background-position: -519px -25px
}

.icon-persons {
    width: 62px;
    height: 53px;
    background-position: -599px -25px
}

.icon-explain {
    width: 58px;
    height: 53px;
    background-position: -679px -25px
}

.icon-bookmark {
    width: 36px;
    height: 53px;
    background-position: -752px -25px
}

.icon-wechat-m {
    width: 30px;
    height: 30px;
    background-position: -246px -156px;
}

.icon-left-jt {
    width: 20px;
    height: 20px;
    background-position: -296px -160px;
}

.icon-qr-info-ent {
    width: 161px;
    height: 142px;
    background-position: -312px -303px;
}

.icon-qr-info-jw {
    width: 169px;
    height: 148px;
    background-position: -494px -303px;
}

.clearfix:before,
.login-tab:before,
.clearfix:after,
.login-tab:after {
    content: "";
    display: table
}

.clearfix:after,
.login-tab:after {
    clear: both
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer,
.common-button-light,
.common-button,
.form-wrapper .auth-code a,
.form-wrapper .auth-code img,
.login-tab li {
    cursor: pointer
}

.orange {
    color: #f90
}

.bg-white,
.login-box-inner,
.login-box,
.register-btn,
.info-box,
.info-radius-box .radius-icon,
.info-message {
    background: #fff
}

    .font-color-primary,
    .login-box .login-header .title {
        color: #0378d8
    }

    .font-size-base,
    .info-box.info-md p,
    .info-box.info-md i,
    .info-radius-box p,
    .info-radius-box i,
    .info-message {
        font-size: 14px
    }

    .font-size-md,
    .login-box .login-header .title,
    .info-box p,
    .info-box i,
    .login-tab li {
        font-size: 16px
    }

.font-size-sm {
    font-size: 12px
}

.common-active,
.common-active a,
.common-active .form-wrapper .auth-code img,
.form-wrapper .auth-code .common-active img {
    background: #0378d8;
    color: #fff
}

.tc,
.quick-login,
.form-wrapper .form-item .GetCode,
.info-box,
.info-radius-box,
.info-message p,
.login-tab li {
    text-align: center
}

.row {
    /* margin-left: -15px;
    margin-right: -15px */
}

    .row:before,
    .row:after {
        content: "";
        display: table
    }

    .row:after {
        clear: both
    }

    .row .col {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        box-sizing: border-box
    }

    .row .col-3 {
        width: 33.33333%
    }

    .row .col-4 {
        width: 25%
    }

    .row .col-5 {
        width: 20%
    }

    .row .col-6 {
        width: 16.66667%
    }

    .row .col-8 {
        width: 12.5%
    }

.swiper-slide img {
    height: 100%;
}

.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border: 1px solid #cccccc;
    background: #fff;
    opacity: 1;
    vertical-align: middle
}

.swiper-pagination-bullet-active {
    width: 9px;
    height: 9px;
    background: #fff;
    border: 4px solid #0378d8
}

.swiper-pagination {
    transform: translate3d(-50%, 0, 0);
    text-align: right
}

.login-wrapper {
    position: relative;
    min-width: 1300px;
}

.login-main {
    width: 1300px;
    margin: auto;
    position: relative
}

.login-box-inner,
.login-box {
    width: 316px;
    padding: 26px 32px;
    position: relative;
}

.register-btn {
    color: #f90;
    padding: 4px 10px;
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -90px;
    border-radius: 6px
}

.login-box {
    width: auto;
    padding: 16px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 3;
    right: 0;
    top: 48px;
    font-size: 14px
}

    .login-box .change-login {
        position: absolute;
        top: 0;
        right: 0
    }

.quick-login .title {
    margin: 25px 0
}

.quick-login .jw-login-icon {
    margin: 0 5px
}

.quick-login a {
    cursor: pointer;
}

.form-wrapper {
    margin-top: 20px;
    background: #fff;
    color: #999
}

    .form-wrapper .form-item {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        vertical-align: top
    }

        .form-wrapper .form-item input {
            width: 100%;
            height: 36px;
            border: 1px solid #ededed;
            border-radius: 2px;
            text-indent: 44px;
            font-size: 14px;
            outline: none;
            background: #fcfcfc
        }

        .form-wrapper .form-item .login-icon {
            position: absolute;
            top: 12px;
            left: 16px
        }

        .form-wrapper .form-item .GetCode {
            width: 100px;
            color: #fff;
            height: 100%;
            line-height: 300%;
            background: #0378d8;
            position: absolute;
            right: -2px;
            top: 0;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            cursor: pointer
        }

    .form-wrapper .form-submit {
        margin-bottom: 15px
    }

        .form-wrapper .form-submit:last-child {
            margin: 0
        }

        .form-wrapper .form-submit input,
        .form-wrapper .form-submit a,
        .form-wrapper .form-submit .auth-code img,
        .form-wrapper .auth-code .form-submit img {
            width: 100%
        }

    .form-wrapper .auth-code a,
    .form-wrapper .auth-code img {
        line-height: 40px;
        margin-left: 5px
    }

    .form-wrapper .auth-code img {
        width: 94px;
        height: 38px;
    }

.screen {
    min-width: 1300px;
    padding: 45px 0
}

    .screen .screen-item {
        width: 1300px;
        margin: auto
    }

        .screen .screen-item h1 {
            font-size: 30px;
            font-weight: 400;
            letter-spacing: 5px;
            margin-bottom: 45px
        }

    .screen.primary {
        background: #0378d8;
        color: #fff
    }

        .screen.primary h1 {
            color: #fff
        }

.info-box {
    width: 120px;
    height: 150px;
    padding: 15px 30px;
    border-radius: 20px;
    margin: auto
}

    .info-box p,
    .info-box i {
        margin: 0;
        margin-top: 26px;
        color: #666
    }

    .info-box i {
        height: 70px;
    }

    .info-box.info-md .icon-recruit {
        margin-left: 10px;
    }

    .info-box.info-md {
        width: 115px;
        height: 115px;
        padding: 15px
    }

        .info-box.info-md p,
        .info-box.info-md i {
            margin-top: 18px
        }

        .info-box.info-md i {
            height: 62px;
        }

.info-item {
    width: 200px;
    padding: 30px 35px;
    background: #fff;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative
}

    .info-item .login-icon {
        float: left
    }

    .info-item .text-row {
        margin-left: 15px
    }

        .info-item .text-row .text {
            font-size: 16px;
            margin: 0;
            line-height: 30px;
            text-align: left
        }

        .info-item .text-row .sub-text {
            font-size: 12px;
            line-height: 12px;
            color: #999
        }

.info-radius-box {
    margin: auto;
    cursor: pointer;
}

    .info-radius-box .radius-icon {
        width: 109px;
        height: 109px;
        line-height: 109px;
        border: 2px solid #fff;
        border-radius: 50%;
        transition: border .25s;
        margin: auto
    }

        .info-radius-box .radius-icon .login-icon {
            vertical-align: middle;
            margin-top: 0;
        }

    .info-radius-box.active .radius-icon {
        border: 2px solid #0378d8
    }

        .info-radius-box.active .radius-icon .login-icon {
            background-position-y: -87px
        }

    .info-radius-box p,
    .info-radius-box i {
        margin-top: 18px
    }

.info-message {
    padding: 15px 20px;
    position: relative;
    margin-top: 30px
}

    .info-message p {
        padding: 15px;
        border-right: 1px solid #ddd;
        display: table-cell;
        vertical-align: middle;
        line-height: 25px
    }

        .info-message p:last-child {
            border: 0
        }

    .info-message .triangle_border_up {
        top: -15px;
        left: 50px
    }

    .info-message .info-message-content {
        width: 100%;
        display: none
    }

        .info-message .info-message-content.active {
            display: table
        }

.triangle_border_up {
    width: 0;
    height: 0;
    border-width: 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute
}

.login-tab li {
    width: 50%;
    float: left;
    border-bottom: 1px solid #ddd;
    line-height: 40px
}

    .login-tab li.active {
        color: #0378d8;
        border-bottom: 1px solid #0378d8
    }

.login-box .register-info {
    width: 100%;
    font-size: 14px;
    display: block;
    text-align: right;
    margin-bottom: 20px;
}

    .login-box .register-info span {
        color: #ff9e0c;
    }

.login-tab-content li {
    display: none
}

.login-tab-content .account {
    display: block
}

.fast-login {
    height: 37px;
    line-height: 37px;
}

    .fast-login .fast-login-txt {
        float: left;
    }

    .fast-login .fast-login-txt, .fast-login .fast-login-icon {
        display: inline-block;
    }

    .fast-login .fast-login-icon {
        float: right;
    }

    .fast-login .quick-login .jw-login-icon:last-child {
        margin-right: 0px;
    }