@charset "utf-8";
.iframe-hezuo[data-v-1b38f81a] {
    width: 100%;
    min-height: calc(100vh - 55px);
    border: 0
}

.iframe-box-wrap[data-v-564868a2] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999
}

.iframe-box-wrap .iframe-box-content[data-v-564868a2] {
    position: absolute;
    width: 380px;
    height: 100%;
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: -2px 0 4px 0 rgba(193, 196, 203, .38);
    z-index: 2
}

.iframe-box-wrap .iframe-box-content .iframe-title-inline[data-v-564868a2] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.iframe-box-wrap .iframe-box-content .iframe-title[data-v-564868a2] {
    position: relative;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 36px;
    padding: 12px 30px;
    color: #fff;
    font-weight: 400;
    background-color: #28c3b1
}

.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-564868a2] {
    position: absolute;
    right: 10px;
    top: 20px;
    cursor: pointer
}

.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-564868a2]:hover {
    opacity: .8
}

.iframe-box-wrap .iframe-box-content .iframe-container[data-v-564868a2] {
    flex: 1;
    width: 100%;
    overflow: hidden
}

.iframe-box-wrap .iframe-box-content .iframe-container iframe[data-v-564868a2] {
    width: 100%;
    height: 100%;
    border: none
}

.iframe-box-wrap .iframe-box-shade[data-v-564868a2] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.iframe-slide-enter[data-v-564868a2], .iframe-slide-leave-to[data-v-564868a2] {
    transform: translateX(375px);
    opacity: 0
}

.iframe-slide-enter-active[data-v-564868a2], .iframe-slide-leave-active[data-v-564868a2] {
    transition: all .3s linear
}

.iframe-box-wrap[data-v-78e185aa] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999
}

.iframe-box-wrap .iframe-box-content[data-v-78e185aa] {
    position: absolute;
    width: 380px;
    height: 100%;
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: -2px 0 4px 0 rgba(193, 196, 203, .38);
    z-index: 2
}

.iframe-box-wrap .iframe-box-content .iframe-title-inline[data-v-78e185aa] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.iframe-box-wrap .iframe-box-content .iframe-title[data-v-78e185aa] {
    position: relative;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 36px;
    padding: 12px 30px;
    color: #fff;
    font-weight: 400;
    background-color: #28c3b1
}

.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-78e185aa] {
    position: absolute;
    right: 10px;
    top: 20px;
    cursor: pointer
}

.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-78e185aa]:hover {
    opacity: .8
}

.iframe-box-wrap .iframe-box-content .iframe-container[data-v-78e185aa] {
    flex: 1;
    width: 100%;
    overflow: hidden
}

.iframe-box-wrap .iframe-box-content .iframe-container iframe[data-v-78e185aa] {
    width: 100%;
    height: 100%;
    border: none
}

.iframe-box-wrap .iframe-box-shade[data-v-78e185aa] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.iframe-slide-enter[data-v-78e185aa], .iframe-slide-leave-to[data-v-78e185aa] {
    transform: translateX(375px);
    opacity: 0
}

.iframe-slide-enter-active[data-v-78e185aa], .iframe-slide-leave-active[data-v-78e185aa] {
    transition: all .3s linear
}

.avatar-pop[data-v-4a48ce22] {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 10px;
    width: 40px;
    height: 20px;
    opacity: 0
}

.avatar-pop[data-v-4a48ce22]:hover {
    cursor: pointer
}

.profile_form .avatar_box .avatar[data-v-4a48ce22] {
    border: 0
}

body[data-v-0166bc4f] {
    background-color: #f6f6f8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.inner[data-v-0166bc4f] {
    width: 1184px;
    margin: 0 auto
}

.inner[data-v-0166bc4f]:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden
}

.vline[data-v-0166bc4f] {
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background: #e0e0e0;
    margin: 0 10px
}

.vdot[data-v-0166bc4f] {
    display: inline-block;
    padding: 0 10px 0 7px
}

.clear-fix[data-v-0166bc4f]:after {
    content: "";
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both
}

#wrap[data-v-0166bc4f] {
    position: relative;
    min-width: 1224px;
    min-height: 100%;
    overflow: visible;
    overflow-x: hidden
}

#wrap.mobile-wrap[data-v-0166bc4f] {
    min-width: auto
}

#wrap.has-header[data-v-0166bc4f] {
    padding-top: 49px
}

#wrap.has-footer[data-v-0166bc4f] {
    padding-bottom: 267px
}

#wrap #footer-wrapper[data-v-0166bc4f] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

#container[data-v-0166bc4f] {
    position: relative
}

#container[data-v-0166bc4f]::-webkit-scrollbar {
    width: 6px
}

#main[data-v-0166bc4f] {
    min-height: calc(100vh - 300px)
}

#app .data-tips[data-v-0166bc4f], #app[data-v-0166bc4f] {
    height: 100%
}

.page-container[data-v-0166bc4f] {
    max-width: 1184px;
    min-height: calc(100vh - 49px);
    margin: 0 auto
}

.prev-line[data-v-0166bc4f] {
    display: inline-block;
    vertical-align: middle;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prev-dot[data-v-0166bc4f]:before, .prev-line[data-v-0166bc4f]:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0
}

.prev-dot[data-v-0166bc4f]:first-of-type:before, .prev-line[data-v-0166bc4f]:first-of-type:before {
    display: none
}

.prev-line[data-v-0166bc4f]:before {
    width: 1px;
    height: 12px;
    background-color: #e0e0e0
}

.prev-dot[data-v-0166bc4f]:before {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #333;
    opacity: .8;
    margin: -2px 6px 0
}

.detail-box[data-v-0166bc4f] {
    margin-left: 296px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%
}

.btn-buy[data-v-0166bc4f] {
    background-color: #ff6223;
    border-color: #ff6223;
    color: #fff;
    min-width: 104px
}

.btn-buy[data-v-0166bc4f]:hover {
    background-color: #ff9063;
    border-color: #ff9063
}

.btn-buy.btn-outline[data-v-0166bc4f] {
    background-color: #fff;
    color: #ff6223
}

.btn-buy.btn-outline[data-v-0166bc4f]:hover {
    border-width: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-color: #ff6223
}

.dialog-wrap[data-v-0166bc4f] {
    z-index: 1001
}

.dialog-wrap .dialog-footer[data-v-0166bc4f] {
    border-top: 0
}

.dialog-footer .btn.btn-outline[data-v-0166bc4f] {
    transition: none
}

.dialog-title .close[data-v-0166bc4f] {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
    z-index: 1
}

.icon-close[data-v-0166bc4f] {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    vertical-align: top
}

.icon-close[data-v-0166bc4f]:after, .icon-close[data-v-0166bc4f]:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #d1d4db;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
    top: 12px
}

.icon-close[data-v-0166bc4f]:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.dialog-title .close[data-v-0166bc4f]:hover {
    background-color: #ddd
}

.dialog-title .close:hover .icon-close[data-v-0166bc4f]:after, .dialog-title .close:hover .icon-close[data-v-0166bc4f]:before {
    background: #363636
}

.limit-boss-dialog .dialog-container[data-v-0166bc4f] {
    width: 520px;
    padding: 0 0 30px
}

.limit-boss-dialog .dialog-footer[data-v-0166bc4f] {
    margin: 0 30px;
    padding: 0
}

.limit-boss-dialog .limit-content .title[data-v-0166bc4f] {
    width: 100%;
    height: 96px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/limit-bg.fd619066.png) no-repeat 50%;
    background-size: 100% auto
}

.limit-boss-dialog .limit-content .title h4[data-v-0166bc4f] {
    line-height: 24px;
    font-weight: 500;
    font-size: 20px;
    padding: 36px 0 0 30px
}

.limit-boss-dialog .limit-content .content[data-v-0166bc4f] {
    padding: 20px 30px
}

.limit-boss-dialog .limit-content .content p[data-v-0166bc4f] {
    color: #51586d;
    line-height: 28px
}

.limit-boss-dialog .limit-content .content p[data-v-0166bc4f]:first-child {
    padding-bottom: 8px
}

.limit-boss-dialog .limit-content .text-primary[data-v-0166bc4f] {
    color: #00c2b3
}

.limit-boss-dialog .limit-content .text-primary[data-v-0166bc4f]:hover {
    color: #18c3b1
}

@media (max-width: 800px) {
    .limit-boss-dialog.dialog-wrap .dialog-container[data-v-0166bc4f] {
        width: 300px !important
    }

    .limit-boss-dialog .limit-content .title[data-v-0166bc4f] {
        height: 56px
    }

    .limit-boss-dialog .limit-content .title h4[data-v-0166bc4f] {
        padding: 20px 0 0 30px
    }

    .limit-boss-dialog .limit-content .content[data-v-0166bc4f] {
        padding: 10px 15px
    }
}

.message-notice-toast[data-v-0166bc4f] {
    position: fixed;
    top: 80px;
    right: 20px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    z-index: 2000;
    cursor: pointer
}

.message-notice-toast a[data-v-0166bc4f] {
    display: block;
    color: #414b60;
    padding: 9px 20px;
    transition: all .2s linear;
    overflow: hidden
}

.message-notice-toast a[data-v-0166bc4f]:hover {
    color: #00c2b3
}

.message-notice-toast img[data-v-0166bc4f] {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    float: left
}

.message-notice-toast .message-notice-text[data-v-0166bc4f] {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 6px;
    float: left
}

.dialog-account-safe .dialog-title h3.title[data-v-0166bc4f] {
    display: none
}

.dialog-account-safe .dialog-container[data-v-0166bc4f] {
    border-radius: 4px;
    padding: 160px 40px 30px;
    border-radius: 12px;
    width: 480px
}

.dialog-account-safe .dialog-title .close[data-v-0166bc4f] {
    z-index: 2
}

.dialog-account-safe .dialog-title .close[data-v-0166bc4f]:hover {
    background: transparent;
    opacity: .8
}

.dialog-account-safe .dialog-container[data-v-0166bc4f]:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 188px;
    background: linear-gradient(180deg, #d1e8ff, #fff);
    border-radius: 12px 12px 0 0
}

.dialog-account-safe .security-thumb-image[data-v-0166bc4f] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 160px;
    width: 480px;
    z-index: 1
}

.dialog-account-safe .dialog-con h3[data-v-0166bc4f] {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 25px;
    min-height: 25px;
    text-align: center
}

.dialog-account-safe .dialog-con p[data-v-0166bc4f] {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 12px;
    min-height: 24px;
    text-align: center;
    word-break: break-all
}

.dialog-account-safe .dialog-footer[data-v-0166bc4f] {
    margin-top: 20px;
    padding: 0;
    text-align: center
}

.dialog-account-safe .dialog-footer .btns .btn-sure[data-v-0166bc4f] {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 180px;
    padding: 10px 0;
    text-align: center;
    background: #00bebd;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    height: 40px;
    line-height: 20px;
    transition: all .2s linear;
    border: none
}

.dialog-account-safe .dialog-footer .btns .btn-sure[data-v-0166bc4f]:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 1;
    width: 68px;
    height: 23px;
    background: url(https://img.bosszhipin.com/static/file/2022/jevk1jdude1656663924811.png) 0 -161px/460px auto no-repeat
}

.dialog-account-safe .dialog-footer .btns .btn-sure[data-v-0166bc4f]:hover {
    opacity: .8
}

.amap-common .amap-info[data-v-0166bc4f] {
    width: auto !important;
    max-width: 300px
}

.btn-v2[data-v-0166bc4f] {
    display: inline-block;
    padding: 0 20px;
    border-radius: 4px;
    transition: none;
    border: 1px solid #5dd5c8;
    background-color: #62d5c8;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    transition: all .3s
}

.btn-v2.disabled[data-v-0166bc4f] {
    pointer-events: none;
    opacity: .5
}

.btn-v2 img[data-v-0166bc4f] {
    width: 16px;
    height: 16px;
    vertical-align: text-top
}

.btn-v2[data-v-0166bc4f]:last-child {
    margin-right: 0
}

.btn-v2.btn-outline-v2[data-v-0166bc4f] {
    background-color: #fff;
    border-color: #00bebd;
    font-weight: 400;
    color: #00a6a7;
    vertical-align: middle
}

.btn-v2.btn-outline-v2[data-v-0166bc4f]:hover {
    background: #e5f9f8;
    border-width: 1px
}

.btn-v2.btn-sure-v2[data-v-0166bc4f] {
    padding: 0 20px;
    background: #00bebd;
    border-color: #00bebd;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.btn-v2.btn-sure-v2[data-v-0166bc4f]:hover {
    background: #00a6a7;
    border-color: #00a6a7
}

.btn-v2.btn-light-v2[data-v-0166bc4f] {
    padding: 0 20px;
    background: rgba(0, 190, 189, .1);
    border-color: transparent;
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7
}

.btn-v2.btn-light-v2[data-v-0166bc4f]:hover {
    background: rgba(0, 190, 189, .2)
}

.max-resume-dialog .dialog-container[data-v-0166bc4f] {
    padding: 20px;
    border-radius: 12px
}

.max-resume-dialog .dialog-container p[data-v-0166bc4f] {
    font-size: 12px;
    color: #222;
    line-height: 14px;
    margin-top: 10px
}

.max-resume-dialog .dialog-container img[data-v-0166bc4f] {
    margin-top: 10px;
    width: 460px
}

.max-resume-dialog .dialog-footer .btns .btn[data-v-0166bc4f] {
    padding: 0 15px;
    border-radius: 4px;
    line-height: 30px;
    height: 32px
}

.has-sid-mask .boss-login-dialog[data-v-0166bc4f] {
    z-index: 2000
}

.has-sid-mask .bl-dialog-wrap[data-v-0166bc4f], .has-sid-mask .bl-toast[data-v-0166bc4f] {
    z-index: 2010
}

.sid-flow-mask[data-v-0166bc4f] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .49);
    box-shadow: 0 9px 26px 0 rgba(31, 76, 214, .12), inset 1px 1px 1px 0 rgba(162, 180, 255, .5), inset -1px -1px 0 0 rgba(157, 227, 255, .5);
    z-index: 1800;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.sid-flow-mask .sid-flow-click[data-v-0166bc4f] {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1900;
    background: transparent
}

.sid-flow-mask .ad-tag[data-v-0166bc4f] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 4px 8px;
    border-radius: 0 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 17px;
    background: hsla(0, 0%, 100%, .2)
}

.sid-flow-mask.can-click[data-v-0166bc4f] {
    cursor: pointer
}

.sid-flow-mask .sid-flow-inner[data-v-0166bc4f] {
    position: relative;
    width: 1184px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden
}

.sid-flow-mask .sid-flow-inner .sid-flow-close[data-v-0166bc4f] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 58px;
    height: 22px;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2022/b39rmqjebx1663926963903.png) 0 0/58px auto no-repeat
}

.sid-flow-mask .sid-flow-inner .sid-flow-close[data-v-0166bc4f]:hover {
    background-position: 0 -22px
}

.sid-flow-mask .sid-flow-inner .sid-flow-slogan[data-v-0166bc4f] {
    float: left;
    height: 72px;
    margin-top: 14px;
    margin-left: 30px
}

.sid-flow-mask .sid-flow-inner .sid-flow-tagline[data-v-0166bc4f] {
    float: right;
    height: 68px;
    margin-top: 16px;
    margin-right: 78px
}

.continue-chat-dialog .dialog-header .title[data-v-0166bc4f] {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.continue-chat-dialog .dialog-container[data-v-0166bc4f] {
    border-radius: 8px;
    padding: 20px 30px;
    width: 470px;
    overflow: hidden
}

.continue-chat-dialog .dialog-container[data-v-0166bc4f]:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: -1;
    background: linear-gradient(181deg, #d6f9f7, #e5f9f8 28%, hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, 0) 0)
}

.continue-chat-dialog .dialog-body[data-v-0166bc4f] {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    word-break: break-all
}

.continue-chat-dialog .dialog-footer[data-v-0166bc4f] {
    padding-top: 30px;
    margin-top: 0
}

.continue-chat-dialog .dialog-footer .btns .btn[data-v-0166bc4f] {
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 6px 20px;
    height: auto;
    transition: all .2s linear;
    margin-left: 10px
}

.continue-chat-dialog .dialog-footer .btns .btn[data-v-0166bc4f]:hover {
    line-height: 20px;
    padding: 6px 20px;
    border: 1px solid #00bebd;
    background: rgba(0, 190, 189, .2)
}

.continue-chat-dialog .dialog-footer .btns .btn-sure[data-v-0166bc4f] {
    background: #00bebd;
    color: #fff
}

.continue-chat-dialog .dialog-footer .btns .btn-sure[data-v-0166bc4f]:hover {
    background: rgba(0, 190, 189, .8)
}

.boss-dialog__wrapper.dialog-icon .boss-dialog__header[data-v-0166bc4f] {
    margin-bottom: 10px
}

.boss-dialog__wrapper.dialog-icon .boss-dialog__footer[data-v-0166bc4f] {
    margin-top: 30px
}

.boss-dialog__wrapper.dialog-icon .boss-dialog__body[data-v-0166bc4f] {
    padding-left: 44px
}

.boss-dialog__wrapper.dialog-default[data-v-0166bc4f] {
    min-width: 400px;
    padding: 26px 30px 20px;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
    background: radial-gradient(400px 70px at top 0 right 130px, #d6f9f7 0, #e5f9f8 20%, hsla(0, 0%, 100%, 0) 100%);
    background-color: #fff
}

.boss-dialog__wrapper.dialog-default.dialog-icon__default .boss-dialog__body[data-v-0166bc4f] {
    color: #333;
    line-height: 24px;
    margin-top: 10px
}

.boss-dialog__wrapper.dialog-default .boss-dialog__header .boss-dialog_title h3[data-v-0166bc4f] {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.boss-dialog__wrapper.dialog-default .boss-popup__close[data-v-0166bc4f] {
    width: 20px;
    height: 20px;
    right: 19px;
    top: 19px
}

.boss-dialog__wrapper.dialog-default .boss-popup__close[data-v-0166bc4f]:hover {
    background: rgba(2, 204, 191, .1)
}

.boss-dialog__wrapper.dialog-default .boss-popup__close:hover .icon-close[data-v-0166bc4f]:after, .boss-dialog__wrapper.dialog-default .boss-popup__close:hover .icon-close[data-v-0166bc4f]:before {
    background: #00a6a7
}

.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close[data-v-0166bc4f] {
    width: 20px;
    height: 20px
}

.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close[data-v-0166bc4f]:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 2px;
    background: #d1d4db;
    left: 3px;
    top: 9px;
    transform: rotate(45deg)
}

.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close[data-v-0166bc4f]:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 2px;
    background: #d1d4db;
    left: 3px;
    top: 9px;
    transform: rotate(-45deg)
}

.boss-dialog__wrapper.dialog-default .icon-dialog__error[data-v-0166bc4f], .boss-dialog__wrapper.dialog-default .icon-dialog__warning[data-v-0166bc4f] {
    background: url(https://img.bosszhipin.com/static/file/2023/nzcgsxcysm1681898291454.png) no-repeat 50%/100% 100%
}

.boss-dialog__wrapper.dialog-default .icon-dialog__success[data-v-0166bc4f] {
    background: url(https://img.bosszhipin.com/static/file/2023/ay9b2ouy6y1681898253012.png) no-repeat 50%/100% 100%
}

.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button[data-v-0166bc4f] {
    padding: 0 20px;
    border-radius: 4px;
    background: #00bebd;
    color: #fff;
    border-color: #00bebd;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    box-sizing: border-box;
    margin-left: 10px
}

.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button[data-v-0166bc4f]:not(.disabled):hover {
    background-color: #00a6a7 !important;
    border-color: #00a6a7 !important
}

.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button.button-outline[data-v-0166bc4f] {
    border-color: #00bebd;
    font-weight: 400;
    color: #00a6a7;
    background: #fff
}

.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button.button-outline[data-v-0166bc4f]:hover {
    background: #e5f9f8 !important;
    border-width: 1px;
    line-height: 32px
}

.tooltip-v2[data-v-0166bc4f] {
    position: absolute;
    z-index: 10;
    padding: 12px 16px 16px;
    background: #fff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
    border-radius: 8px
}

.tooltip-v2[data-v-0166bc4f]:after {
    position: absolute;
    top: -6px;
    left: 50%;
    width: 12px;
    height: 12px;
    content: "";
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    border-color: transparent transparent #e7e9ee #e7e9ee;
    background: #fff;
    box-shadow: -5px 5px 8px -3px rgba(0, 0, 0, .1)
}

.tooltip-v2 .title[data-v-0166bc4f] {
    font-size: 15px;
    font-weight: 500;
    color: #171d26;
    line-height: 21px
}

.tooltip-v2 .sub-title[data-v-0166bc4f] {
    margin-top: 8px
}

.tooltip-v2 .content[data-v-0166bc4f], .tooltip-v2 .sub-title[data-v-0166bc4f] {
    font-size: 13px;
    font-weight: 400;
    color: #7e8694;
    line-height: 18px
}

.tooltip-v2 .btns[data-v-0166bc4f] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end
}

.sure-clear-expect-dialog .dialog-header .title[data-v-0166bc4f] {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.sure-clear-expect-dialog .dialog-header .close[data-v-0166bc4f]:hover {
    background: transparent
}

.sure-clear-expect-dialog .dialog-container[data-v-0166bc4f] {
    border-radius: 8px;
    padding: 20px 30px;
    width: 470px;
    overflow: hidden
}

.sure-clear-expect-dialog .dialog-container[data-v-0166bc4f]:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: -1;
    background: linear-gradient(181deg, #d6f9f7, #e5f9f8 28%, hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, 0) 0)
}

.sure-clear-expect-dialog .dialog-body[data-v-0166bc4f] {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    word-break: break-all
}

.sure-clear-expect-dialog .dialog-footer[data-v-0166bc4f] {
    padding-top: 30px;
    margin-top: 0
}

.sure-clear-expect-dialog .dialog-footer .btns .btn[data-v-0166bc4f] {
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 6px 20px;
    height: auto;
    transition: all .2s linear;
    margin-left: 10px
}

.sure-clear-expect-dialog .dialog-footer .btns .btn[data-v-0166bc4f]:hover {
    line-height: 20px;
    padding: 6px 20px;
    border: 1px solid #00bebd;
    background: rgba(0, 190, 189, .2)
}

.sure-clear-expect-dialog .dialog-footer .btns .btn-sure[data-v-0166bc4f] {
    background: #00bebd;
    color: #fff
}

.sure-clear-expect-dialog .dialog-footer .btns .btn-sure[data-v-0166bc4f]:hover {
    background: rgba(0, 190, 189, .8)
}

.power-use-dialog .dialog-container[data-v-0166bc4f] {
    width: 800px;
    border-radius: 12px;
    overflow: hidden;
    padding: 0
}

.power-use-dialog .dialog-header .close[data-v-0166bc4f]:hover {
    background: transparent
}

.power-use-dialog .dialog-body[data-v-0166bc4f] {
    max-height: none
}

.upload-resume-dialog[data-v-0166bc4f] .dialog-container {
    padding: 40px 30px 35px;
    border-radius: 12px
}

.upload-resume-dialog .upload-resume__new[data-v-0166bc4f] {
    display: flex;
    justify-content: space-between;
    width: 580px
}

.upload-resume-dialog .upload-resume__new dd[data-v-0166bc4f] {
    flex: none;
    width: 260px
}

.upload-resume-dialog .upload-resume__new .sec-upload[data-v-0166bc4f] {
    position: relative
}

.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap[data-v-0166bc4f] {
    height: 260px;
    border: 1px dashed #e3e7ed
}

.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap p[data-v-0166bc4f] {
    color: #999
}

.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap .tip-guide[data-v-0166bc4f] {
    font-size: 13px;
    padding: 121px 0 43px;
    text-align: center
}

.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap .tip-filetype[data-v-0166bc4f] {
    font-size: 12px;
    line-height: 17px;
    padding: 0 34px
}

.upload-resume-dialog .upload-resume__new .sec-upload[data-v-0166bc4f]:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 324px;
    right: -29px;
    top: 0;
    background: #e3e7ed
}

.upload-resume-dialog .upload-resume__new .sec-make img[data-v-0166bc4f] {
    display: block;
    width: 100%;
    height: 260px
}

.upload-resume-dialog .upload-resume__new .btn[data-v-0166bc4f] {
    display: block;
    width: auto;
    margin-top: 30px
}

.upload-resume-dialog .upload-resume__old[data-v-0166bc4f] {
    text-align: center;
    padding: 30px 20px;
    width: 542px;
    height: 268px;
    border: 1px dashed #ededed;
    margin: 16px 0;
    border-radius: 12px
}

.upload-resume-dialog .upload-resume__old .tip-drag[data-v-0166bc4f] {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    margin-top: 30px;
    text-align: center
}

.upload-resume-dialog .upload-resume__old .tip-title[data-v-0166bc4f] {
    font-weight: 500;
    margin: 0 5px 10px;
    font-size: 16px;
    color: #333
}

.upload-resume-dialog .upload-resume__old .tip-filetype[data-v-0166bc4f] {
    padding-top: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.upload-resume-dialog .upload-resume__old .tip-size[data-v-0166bc4f] {
    font-size: 12px;
    font-weight: 400;
    color: #fc703e;
    line-height: 17px;
    margin-top: 8px
}

.upload-resume-dialog .upload-resume__old .tip-guide[data-v-0166bc4f] {
    line-height: 1;
    margin-top: 14px
}

.upload-resume-dialog .upload-resume__old .tip-guide a[data-v-0166bc4f] {
    color: #00a6a7
}

.upload-resume-dialog .upload-resume__old .btns[data-v-0166bc4f] {
    margin-top: 40px
}

.upload-resume-dialog .btn-file[data-v-0166bc4f] {
    position: relative;
    overflow: hidden;
    width: 160px;
    cursor: pointer;
    border-radius: 4px
}

.upload-resume-dialog .btn-file input[data-v-0166bc4f] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: none;
    opacity: 0;
    cursor: pointer
}

.upload-resume-dialog .btn-file.btn-primary[data-v-0166bc4f] {
    color: #fff;
    background: #00bebd;
    border-color: #00bebd;
    transition: all .2s linear
}

.upload-resume-dialog .btn-file.btn-primary[data-v-0166bc4f]:hover {
    color: #fff;
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.upload-preview-dialog .dialog-container[data-v-0166bc4f] {
    height: 100%;
    padding: 0
}

.upload-preview-dialog .dialog-body[data-v-0166bc4f] {
    max-height: none;
    height: 100vh;
    overflow: hidden
}

.upload-preview-dialog[data-v-0166bc4f] .dialog-body {
    margin-right: -30px;
    padding-right: 30px
}

.upload-preview-dialog .upload-preview[data-v-0166bc4f] {
    background: #fff;
    width: 1000px;
    margin: 0 auto;
    display: flex;
    height: 100%
}

.upload-preview-dialog .upload-preview h3.title[data-v-0166bc4f] {
    font-size: 24px;
    line-height: 30px
}

.upload-preview-dialog .upload-preview .preview-box[data-v-0166bc4f] {
    flex: 1;
    padding: 20px;
    position: relative;
    height: 100%;
    min-height: 400px;
    overflow: auto
}

.upload-preview-dialog .upload-preview .preview-box .img-box[data-v-0166bc4f] {
    border: 1px solid #ededed;
    margin-top: 20px;
    height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden
}

.upload-preview-dialog .upload-preview .preview-box .img-box .data-tips p[data-v-0166bc4f] {
    padding: 5px 0
}

.upload-preview-dialog .upload-preview .preview-box .img-box img[data-v-0166bc4f] {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.upload-preview-dialog .upload-preview .preview-sider[data-v-0166bc4f] {
    width: 290px;
    background: #f9fafb;
    padding: 20px
}

.upload-preview-dialog .upload-preview .preview-sider h3.title[data-v-0166bc4f] {
    margin-bottom: 20px
}

.upload-preview-dialog .upload-preview .preview-sider p[data-v-0166bc4f] {
    padding: 5px 0;
    word-break: break-all
}

.upload-preview-dialog .upload-preview .preview-sider p.gray[data-v-0166bc4f] {
    padding-top: 15px;
    color: #999
}

.upload-preview-dialog .upload-preview .preview-sider .btns[data-v-0166bc4f] {
    margin-top: 15px
}

.upload-preview-dialog .upload-preview .preview-sider .btn-file[data-v-0166bc4f] {
    height: 34px;
    line-height: 32px;
    padding: 0;
    width: 110px
}

.upload-preview-dialog .upload-preview .preview-sider .btn-sure[data-v-0166bc4f] {
    width: 112px;
    margin-left: 20px;
    display: inline-block;
    background: #00bebd;
    border-color: #00bebd;
    border-radius: 4px;
    color: #fff;
    transition: all .2s linear
}

.upload-preview-dialog .upload-preview .preview-sider .btn-sure[data-v-0166bc4f]:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.upload-preview-dialog .work-copyright-box[data-v-0166bc4f] {
    margin-top: 20px
}

.upload-preview-dialog .work-copyright-box .work-copyright-title[data-v-0166bc4f] {
    font-size: 16px;
    font-weight: 500;
    color: #24272e;
    line-height: 22px;
    margin-bottom: 14px
}

.upload-preview-dialog .work-copyright-box .work-copyright-desc[data-v-0166bc4f] {
    margin-right: -12px;
    max-height: 218px;
    font-weight: 400;
    color: #8d92a1;
    line-height: 16px;
    font-size: 12px;
    word-break: break-all;
    white-space: pre-wrap;
    overflow: auto;
    overflow: overlay;
    margin-bottom: 20px
}

.upload-preview-dialog .work-copyright-box .checkbox[data-v-0166bc4f] {
    font-size: 12px;
    font-weight: 400;
    color: #8d92a1;
    line-height: 17px;
    margin-bottom: -7px
}

.upload-preview-dialog .upload-container[data-v-0166bc4f] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1100
}

.upload-preview-dialog .upload-container .lower-content[data-v-0166bc4f] {
    box-sizing: border-box;
    padding: 40px 29px 30px 40px;
    width: 560px;
    height: 244px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 381px;
    transform: translate(-50%);
    position: relative
}

.upload-preview-dialog .upload-container .lower-content .item[data-v-0166bc4f]:first-child {
    font-size: 24px;
    color: #62687a
}

.upload-preview-dialog .upload-container .lower-content .item[data-v-0166bc4f]:nth-child(2) {
    margin-top: 20px;
    font-size: 16px;
    color: #62687a
}

.upload-preview-dialog .upload-container .lower-content .item[data-v-0166bc4f]:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 30px
}

.upload-preview-dialog .upload-container .lower-content .item:nth-child(3) a[data-v-0166bc4f] {
    display: block;
    width: 100px;
    height: 40px;
    background-color: #53cac3;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff
}

.upload-preview-dialog .upload-container .normal-content[data-v-0166bc4f] {
    text-align: center;
    box-sizing: border-box;
    padding: 40px;
    width: 400px;
    height: 180px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    position: relative
}

.upload-preview-dialog .upload-container .normal-content .item[data-v-0166bc4f]:nth-child(2) {
    color: #fc703e
}

.upload-preview-dialog .upload-container .normal-content a[data-v-0166bc4f] {
    display: block;
    width: 112px;
    height: 36px;
    background-color: #5dd5c8;
    border: 1px solid #5dd5c8;
    margin: 24px auto 0;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    position: relative
}

.upload-preview-dialog .upload-container .normal-content a input[data-v-0166bc4f] {
    position: absolute;
    width: 112px;
    height: 36px;
    top: 0;
    left: 0;
    background: 0 0;
    opacity: 0;
    outline: 0
}

.upload-preview-dialog .upload-container .close-resume[data-v-0166bc4f] {
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/pop-resume-close.58ecfa32.png) no-repeat;
    background-size: cover;
    right: 18px;
    top: 18px
}

.upload-preview-dialog .upload-container .close-resume[data-v-0166bc4f]:hover {
    cursor: pointer
}

.upload-preview-dialog .upload-container .preview-resume[data-v-0166bc4f] {
    width: 1000px;
    height: 100%;
    display: flex;
    background-color: #fff;
    margin: 0 auto;
    position: relative
}

.upload-preview-dialog .upload-container .preview-resume .close-resume[data-v-0166bc4f] {
    right: -230px
}

.upload-preview-dialog .upload-container .preview-resume .title[data-v-0166bc4f] {
    font-size: 24px;
    font-weight: 500
}

.upload-preview-dialog .upload-container .preview-resume .item[data-v-0166bc4f]:first-child {
    box-sizing: border-box;
    padding: 20px;
    width: 1000px
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .resume-img[data-v-0166bc4f] {
    margin-top: 20px;
    width: 100%;
    overflow-y: scroll;
    height: 1271px;
    border: 1px solid #e9ebee;
    position: relative
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .resume-img img[data-v-0166bc4f] {
    width: 100%
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading[data-v-0166bc4f] {
    width: 107px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .icon-upload-resume[data-v-0166bc4f] {
    width: 107px;
    height: 104px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/in_upload.5e23ce9d.png) no-repeat
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom[data-v-0166bc4f] {
    width: 107px;
    margin-top: 10px;
    display: flex;
    align-items: center
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom .icon-loading-resume[data-v-0166bc4f] {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/loading.0e6e0f46.gif) no-repeat;
    background-size: cover
}

.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom span[data-v-0166bc4f] {
    margin-left: 15px;
    font-size: 14px;
    color: #9fa3af
}

.upload-preview-dialog .upload-container .preview-resume .item[data-v-0166bc4f]:nth-child(2) {
    background-color: #f9fafb;
    box-sizing: border-box;
    padding: 20px;
    width: 400px
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .message[data-v-0166bc4f] {
    margin-top: 20px
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .message p[data-v-0166bc4f] {
    font-size: 14px;
    margin-bottom: 10px
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .desc[data-v-0166bc4f] {
    margin-top: 15px;
    color: #9fa3af
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group[data-v-0166bc4f] {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-0166bc4f] {
    display: block;
    width: 110px;
    height: 32px;
    line-height: 32px;
    position: relative
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-0166bc4f]:first-child {
    border: 1px solid #5dd5c8;
    color: #5dd5c8;
    text-align: center;
    background-color: #fff
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:first-child input[data-v-0166bc4f] {
    position: absolute;
    width: 112px;
    height: 36px;
    top: 0;
    left: 0;
    background: 0 0;
    opacity: 0;
    outline: 0
}

.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-0166bc4f]:nth-child(2) {
    border: 1px solid #5dd5c8;
    color: #fff;
    text-align: center;
    background-color: #5dd5c8
}

.upload-resume-analysis[data-v-0166bc4f] .dialog-container {
    width: 460px;
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px;
    overflow: hidden
}

.upload-resume-analysis[data-v-0166bc4f] .dialog-container:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 106px;
    background: linear-gradient(181deg, #c0f9f6, #e5f9f8 32%, hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, 0) 0)
}

.upload-resume-analysis[data-v-0166bc4f] .dialog-header .close {
    z-index: 2
}

.upload-resume-analysis[data-v-0166bc4f] .dialog-header .close:hover {
    background: transparent
}

.upload-resume-analysis[data-v-0166bc4f] .dialog-body {
    position: relative;
    z-index: 1;
    padding-right: 30px;
    margin-right: -30px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content.new-flag h3 {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content.new-flag h3 em {
    font-style: normal;
    color: #00a6a7;
    margin: 0 2px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-tip {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    margin-top: 8px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-result-container {
    background: #f8f8f8 url(https://img.bosszhipin.com/static/file/2022/bw3m87z4ej1649838200986.png) bottom/400px 39px no-repeat;
    width: 400px;
    border-radius: 6px;
    padding: 24px 20px;
    margin-top: 20px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-result-name {
    font-size: 13px;
    text-align: center
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-result-list {
    margin-bottom: 24px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-result-list li {
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .07);
    border-radius: 6px;
    padding: 0 15px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-result-list li + li {
    margin-top: 12px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-result-list li .analysis-item-label {
    float: left;
    width: 75px;
    font-size: 14px;
    font-weight: 500;
    color: #222
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-result-list li .analysis-item-desc {
    float: left;
    display: block;
    max-width: 196px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 400;
    color: #666
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-result-list li .analysis-item-num {
    float: right;
    font-size: 14px;
    font-weight: 600;
    color: #00a6a7
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content h3 {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 10px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content p {
    font-size: 13px;
    color: #999;
    line-height: 17px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content p .text-hlight {
    color: #00a6a7;
    margin-left: 4px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-box {
    margin-top: 10px;
    display: flex
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-box .box-left, .upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-box .box-right {
    width: 160px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-box .box-left:before, .upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-box .box-right:before {
    display: block;
    content: " ";
    width: 160px;
    height: 220px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog_tip_1.1e45be9b.png) 50% no-repeat;
    background-size: contain
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-box .box-right:before {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog_tip_2.53e5f083.png) 50% no-repeat;
    background-size: contain
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-box .box-icon {
    width: 16px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog_tip_3.f6de3da6.png) 50% no-repeat;
    background-size: contain;
    margin: 100px 27px 0
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .analysis-box p {
    margin-top: 10px;
    color: #51586d
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .button-container {
    text-align: center;
    margin-top: 20px
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .button-container .btn-sure {
    display: inline-block;
    padding: 8px 32px;
    background: #00bebd;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    transition: all .2s linear
}

.upload-resume-analysis[data-v-0166bc4f] .resume-analysis-content .button-container .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.upload-select-dialog .dialog-container {
    border-radius: 12px
}

.upload-select-dialog .dialog-body {
    overflow: visible
}

.upload-select-dialog .dialog-footer {
    display: none
}

.select-box[data-v-291a354b] {
    margin: 60px 10px;
    display: flex;
    justify-content: space-between
}

.select-box .select-one[data-v-291a354b] {
    box-sizing: border-box;
    width: 260px;
    height: 185px;
    background: #fff;
    box-shadow: 0 6px 18px 4px rgba(0, 0, 0, .07);
    border-radius: 6px;
    padding: 30px 24px;
    cursor: pointer
}

.select-box .select-one + .select-one[data-v-291a354b] {
    margin-left: 20px
}

.select-box .select-one .top-title[data-v-291a354b] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.select-box .select-one .top-title img[data-v-291a354b] {
    display: block;
    width: 40px;
    height: 48px
}

.select-box .select-one .top-title .title[data-v-291a354b] {
    position: relative;
    font-size: 12px;
    color: #8d92a1;
    line-height: 17px
}

.select-box .select-one .top-title .title[data-v-291a354b]:after {
    content: "";
    width: 13px;
    height: 2px;
    position: absolute;
    background: #d2d4dc;
    top: 17px;
    right: 0
}

.select-box .select-one .main-title[data-v-291a354b] {
    font-size: 20px;
    font-weight: 500;
    color: #414a60;
    line-height: 28px;
    margin-top: 24px
}

.select-box .select-one .detail-title[data-v-291a354b] {
    margin-top: 4px;
    font-size: 14px;
    color: #8c91a0;
    line-height: 20px
}

.chat-message-notice[data-v-14b5d9de] {
    position: fixed;
    top: 80px;
    right: 20px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    z-index: 2000;
    cursor: pointer
}

.chat-message-notice a[data-v-14b5d9de] {
    display: flex;
    padding: 0 12px;
    align-items: center
}

.chat-message-notice a:hover .name[data-v-14b5d9de] {
    color: #00c2b3
}

.chat-message-notice .avatar[data-v-14b5d9de] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
    margin: 12px 12px 12px 0
}

.chat-message-notice .avatar img[data-v-14b5d9de] {
    max-width: 100%;
    max-height: 100%
}

.chat-message-notice .chat-message-main[data-v-14b5d9de] {
    display: flex;
    flex-direction: column
}

.chat-message-notice .name[data-v-14b5d9de] {
    display: block;
    max-width: 184px;
    font-size: 14px;
    color: #24272e;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.chat-message-notice .message-desc[data-v-14b5d9de] {
    width: 184px;
    font-size: 12px;
    color: #24272e;
    line-height: 17px;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.operation-container[data-v-07bc5892] {
    width: 130px;
    top: -9999px;
    left: -9999px;
    position: absolute;
    z-index: 999;
    background: #fff;
    padding: 4px 0;
    right: 20px;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
    border-radius: 4px
}

.operation-container[data-v-07bc5892]:before {
    content: "";
    position: absolute;
    height: 10px;
    background: transparent;
    width: calc(100% - 14px);
    bottom: -10px;
    left: 14px
}

.operation-container[data-v-07bc5892]:after {
    content: "";
    position: absolute;
    bottom: -6px;
    right: 31px;
    width: 10px;
    height: 10px;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    transform: rotate(-132deg);
    background: #fff
}

.operation-container .operation-content[data-v-07bc5892] {
    width: 100%;
    height: 100%
}

.operation-container .operation-content[data-v-07bc5892]:before {
    content: "";
    position: absolute;
    height: 5px;
    background: transparent;
    width: 100%;
    top: -5px;
    left: 0
}

.operation-container .operation-content[data-v-07bc5892]:after {
    content: "";
    position: absolute;
    height: 5px;
    background: transparent;
    width: 100%;
    bottom: -5px;
    left: 0
}

.operation-container .operation-item[data-v-07bc5892] {
    display: flex;
    margin: 0 4px;
    border-radius: 4px;
    align-items: center;
    width: auto;
    padding: 10px 14px;
    background: #fff;
    font-size: 13px;
    color: #555;
    cursor: pointer
}

.operation-container .operation-item span[data-v-07bc5892] {
    font-weight: 400;
    color: #333;
    line-height: 18px
}

.operation-container .operation-item[data-v-07bc5892]:hover {
    background: #f8f8f8
}

.operation-container .operation-item:hover span[data-v-07bc5892] {
    color: #00a6a7
}

.operation-container .operation-item .boss-svg[data-v-07bc5892] {
    margin-right: 5px;
    color: #999;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: -2px
}

.operation-container .operation-cancelTop span[data-v-07bc5892] {
    color: #00a6a7
}

.boss-dialog__wrapper.dialog-wrapV2.ip-tips-dialog .boss-dialog__header .boss-dialog_title h3 {
    font-size: 16px;
    font-weight: 500;
    color: #222
}

.highlight-wrap[data-v-1893ffc4] {
    font-weight: 400;
    font-size: 13px;
    color: #666;
    line-height: 21px
}

.highlight-wrap[data-v-1893ffc4] .font-hightlight {
    color: #00a6a7;
    cursor: pointer
}

.choose-resume-dialog .resume-title[data-v-52ced3d2] {
    margin-top: 20px;
    color: #414a60;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px
}

.choose-resume-dialog .resume-title .sub-title[data-v-52ced3d2] {
    color: #8d92a1;
    font-size: 12px
}

.choose-resume-dialog .resume-top-tip[data-v-52ced3d2] {
    padding: 0 20px;
    background-color: #fff3e7;
    height: 34px;
    border-radius: 4px;
    line-height: 34px;
    color: #f8a120;
    font-size: 13px;
    margin-top: 4px;
    margin-bottom: 10px
}

.choose-resume-dialog .resume-top-tip .btn-upload[data-v-52ced3d2] {
    width: 56px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    height: 22px;
    border-radius: 12px;
    background-color: #ffaa32;
    box-shadow: 0 2px 4px 0 rgba(248, 161, 32, .38);
    margin-top: 6px;
    cursor: pointer
}

.choose-resume-dialog .resume-top-tip .icon-xinxi-tip[data-v-52ced3d2] {
    margin-right: 8px;
    margin-top: 8px;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-error.4af2d3d7.png) no-repeat;
    background-size: cover
}

.choose-resume-dialog .resume-video[data-v-52ced3d2] {
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 4px;
    margin-right: 10px
}

.choose-resume-dialog .resume-video img[data-v-52ced3d2] {
    width: 40px;
    height: 40px;
    border-radius: 4px
}

.choose-resume-dialog .resume-video .video-mask[data-v-52ced3d2] {
    border-radius: 4px;
    position: absolute;
    background-color: #d8d8d8;
    background: rgba(0, 0, 0, .3);
    width: 40px;
    height: 40px;
    left: 0;
    top: 0
}

.choose-resume-dialog .resume-video .icon-video-play[data-v-52ced3d2] {
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 50%;
    margin-top: -12px;
    display: inline-block;
    width: 20px;
    height: 24px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/video-play-shadow.7f092725.png) no-repeat 50%/50% 50%
}

.choose-resume-dialog .btn-confirm[data-v-52ced3d2] {
    float: right;
    width: 88px;
    height: 32px
}

.choose-resume-dialog .resume-list .list-item[data-v-52ced3d2] {
    display: flex;
    line-height: inherit;
    align-items: center;
    font-size: 12px;
    padding: 4px 16px 4px 8px;
    cursor: pointer;
    color: #999;
    margin-right: 0;
    margin-bottom: 4px;
    border-radius: 5px;
    border: 1px solid transparent
}

.choose-resume-dialog .resume-list .list-item[data-v-52ced3d2]:hover {
    background: #f8f8f8
}

.choose-resume-dialog .resume-list .list-item.selected[data-v-52ced3d2] {
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00bebd
}

.choose-resume-dialog .resume-list .list-item.disabled[data-v-52ced3d2] {
    pointer-events: none;
    color: #ccc
}

.choose-resume-dialog .resume-list .list-item.disabled .item-body .resume-name[data-v-52ced3d2] {
    color: #ccc
}

.choose-resume-dialog .resume-list .list-item .sensitive-words[data-v-52ced3d2] {
    color: #f8a120;
    background: #fff5ed;
    font-size: 12px;
    padding: 0 4px;
    display: inline-block;
    height: 17px;
    line-height: 17px;
    margin-top: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 4px;
    transform: scale(1)
}

.choose-resume-dialog .resume-list .list-item .preview[data-v-52ced3d2] {
    font-size: 13px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 18px
}

.choose-resume-dialog .resume-list .list-item .item-body[data-v-52ced3d2] {
    flex: 1
}

.choose-resume-dialog .resume-list .list-item .item-body .resume-name[data-v-52ced3d2] {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    line-height: 18px
}

.choose-resume-dialog .resume-list .list-item .item-body .resume-label[data-v-52ced3d2] {
    display: inline-block;
    padding: 0 4px;
    line-height: 17px;
    height: 17px;
    font-size: 12px;
    color: #00a6a7;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    vertical-align: middle
}

.choose-resume-dialog .resume-list .list-item .item-desc[data-v-52ced3d2] {
    flex: none;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    margin-top: 1px
}

.choose-resume-dialog .resume-list .list-item .item-desc .resume-size[data-v-52ced3d2] {
    display: inline-block;
    min-width: 60px;
    text-align: right;
    margin-left: 10px
}

.choose-resume-dialog .icon-file[data-v-52ced3d2] {
    flex: none;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: no-repeat;
    background-size: 100%
}

.choose-resume-dialog .icon-doc[data-v-52ced3d2], .choose-resume-dialog .icon-docx[data-v-52ced3d2] {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-doc.a04b14a5.png)
}

.choose-resume-dialog .icon-pdf[data-v-52ced3d2] {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-pdf.bd26c623.png)
}

.choose-resume-dialog .icon-jpeg[data-v-52ced3d2], .choose-resume-dialog .icon-jpg[data-v-52ced3d2], .choose-resume-dialog .icon-png[data-v-52ced3d2] {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-png.f92d3b25.png)
}

.choose-resume-dialog .tips[data-v-52ced3d2] {
    margin-bottom: 7px
}

.choose-resume-dialog .footer[data-v-52ced3d2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.choose-resume-dialog .manage-btn[data-v-52ced3d2] {
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #00a6a7;
    padding: 2px 4px;
    line-height: 18px;
    cursor: pointer;
    background: rgba(0, 190, 189, .1);
    display: inline-block;
    transition: all .3s
}

.choose-resume-dialog .manage-btn img[data-v-52ced3d2] {
    width: 16px;
    height: 16px;
    vertical-align: text-top
}

.choose-resume-dialog .manage-btn .hover-icon[data-v-52ced3d2] {
    display: none
}

.choose-resume-dialog .manage-btn[data-v-52ced3d2]:hover {
    color: #fff;
    background: #00bebd
}

.choose-resume-dialog .manage-btn:hover .icon[data-v-52ced3d2] {
    display: none
}

.choose-resume-dialog .manage-btn:hover .hover-icon[data-v-52ced3d2] {
    display: inline-block
}

.change-job-tip-wrap[data-v-21921ae2] {
    width: 368px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.change-job-tip-wrap .job-name[data-v-21921ae2] {
    color: #00a6a7
}

.change-job-tip-wrap .tip[data-v-21921ae2] {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px
}

.boss-dialog__wrapper.dialog-wrapV2.attachment-resume-preview-dialog {
    padding: 16px 0 0
}

.boss-dialog__wrapper.dialog-wrapV2.attachment-resume-preview-dialog .boss-dialog__header {
    padding: 0 30px
}

.attachment-resume-preview-wrap .header[data-v-318ffdda] {
    width: 100%;
    position: absolute;
    top: 15px;
    right: 70px;
    text-align: right
}

.attachment-resume-preview-wrap .pdf-preview-box[data-v-318ffdda] {
    width: 100%;
    height: calc(100vh - 172px);
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.attachment-resume-preview-wrap .pdf-preview-box img[data-v-318ffdda] {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.attachment-resume-preview-wrap .pdf-preview-box iframe[data-v-318ffdda] {
    display: block;
    width: 100%
}

.attachment-resume-preview-wrap .data-tips[data-v-318ffdda], .attachment-resume-preview-wrap .pdf-preview-box iframe[data-v-318ffdda] {
    height: 100%;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.attachment-resume-preview-wrap .data-tips .gray[data-v-318ffdda] {
    margin-top: 10px
}

.attachment-resume-by-online-wrap[data-v-9b99274a] {
    text-align: center;
    overflow: auto;
    max-height: 80vh;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e3e7ed;
    min-height: 500px
}

.attachment-preview[data-v-9b99274a] {
    width: 100%
}

.data-tips[data-v-9b99274a] {
    height: calc(100vh - 332px)
}

.expect-job-wrap[data-v-c4972972] {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.expect-job-wrap h5[data-v-c4972972] {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    margin-bottom: 16px;
    margin-top: 4px
}

.expect-job-wrap .list-box[data-v-c4972972] {
    width: 352px;
    margin-left: -16px
}

.expect-job-wrap .list-box li[data-v-c4972972] {
    height: 72px;
    border-radius: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background .3s
}

.expect-job-wrap .list-box li[data-v-c4972972]:hover {
    background: #f7f7f7
}

.expect-job-wrap .list-box li:hover .job-name[data-v-c4972972] {
    color: #00a6a7
}

.expect-job-wrap .list-box li .list-title[data-v-c4972972] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.expect-job-wrap .list-box li .list-box[data-v-c4972972] {
    max-height: 500px;
    overflow: auto
}

.expect-job-wrap .list-box li .job-name[data-v-c4972972] {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    transition: color .3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.expect-job-wrap .list-box li .job-salary[data-v-c4972972] {
    font-size: 20px;
    font-family: kanzhun;
    color: #fe574a;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.expect-job-wrap .list-box li .list-extend[data-v-c4972972] {
    margin-top: 8px
}

.expect-job-wrap .list-box li .job-industry[data-v-c4972972] {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.actions-box-tooltip {
    bottom: 110%;
    background: rgba(0, 0, 0, .9);
    border: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 17px;
    padding: 7px 10px;
    border-radius: 6px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    height: 30px
}

.actions-box-tooltip .popover-content {
    padding: 0
}

.actions-box-tooltip .popper-arrow {
    display: none
}

.boss-dialog__wrapper.image-viewer-dialog {
    padding: 0
}

.boss-dialog__wrapper.image-viewer-dialog + .boss-layer__wrapper {
    background-color: rgba(0, 0, 0, .8)
}

.image-viewer-wrapper[data-v-7f1b9035] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: unset
}

.image-viewer-wrapper .content[data-v-7f1b9035] {
    width: 100%;
    height: 100%;
    overflow: auto;
    white-space: nowrap;
    box-sizing: border-box;
    text-align: center;
    transition: transform .3s
}

.image-viewer-wrapper .content .rate[data-v-7f1b9035] {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    color: #fff
}

.image-viewer-wrapper .image-viewer-btn[data-v-7f1b9035] {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none;
    background-color: rgba(77, 77, 77, .8);
    width: 44px;
    height: 44px;
    transition: all .2s
}

.image-viewer-wrapper .image-viewer-btn[data-v-7f1b9035]:hover {
    background-color: hsla(0, 0%, 40%, .8)
}

.image-viewer-wrapper .image-viewer-btn:hover i[data-v-7f1b9035] {
    opacity: 1
}

.image-viewer-wrapper .image-viewer-btn i[data-v-7f1b9035] {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-image-viewer.cd0730ef.png);
    background-size: 150px;
    display: inline-block;
    width: 14px;
    height: 14px;
    opacity: .7
}

.image-viewer-wrapper .image-viewer-close[data-v-7f1b9035] {
    top: 40px;
    right: 40px
}

.image-viewer-wrapper .image-viewer-close i[data-v-7f1b9035] {
    width: 16px;
    height: 16px;
    background-position: 1px 1px;
    background-size: 140px
}

.image-viewer-wrapper .image-viewer-content[data-v-7f1b9035] {
    position: relative;
    display: inline-block;
    text-align: center
}

.image-viewer-wrapper .image-viewer-content img[data-v-7f1b9035] {
    vertical-align: middle;
    text-align: center;
    width: auto;
    height: auto
}

.image-viewer-wrapper .actions-box[data-v-7f1b9035] {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    height: 48px;
    background-color: rgba(247, 249, 250, .5);
    border-color: #fff;
    border-radius: 10px;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none;
    transition: background-color .3s
}

.image-viewer-wrapper .actions-box[data-v-7f1b9035]:hover {
    background-color: rgba(247, 249, 250, .8)
}

.image-viewer-wrapper .actions-box .actions-box-inner[data-v-7f1b9035] {
    width: 100%;
    height: 100%;
    text-align: justify;
    color: #2c323a;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon[data-v-7f1b9035] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .3s;
    display: flex;
    justify-content: center;
    align-items: center
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon[data-v-7f1b9035]:hover {
    background-color: hsla(0, 0%, 100%, .8)
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon i[data-v-7f1b9035] {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-image-viewer.cd0730ef.png);
    background-size: 190px;
    display: inline-block;
    width: 20px;
    height: 20px
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon i.zoom-in[data-v-7f1b9035] {
    background-position: 84px 0
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon i.zoom-out[data-v-7f1b9035] {
    background-position: 104px 0
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon i.anticlocelise[data-v-7f1b9035] {
    background-position: 62px 0
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon i.original[data-v-7f1b9035] {
    background-position: 125px 0
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon i.contain[data-v-7f1b9035] {
    background-position: 21px 0
}

.image-viewer-wrapper .actions-box .actions-box-inner .action-icon i.download[data-v-7f1b9035] {
    background-position: 42px 0
}

.image-viewer-wrapper .actions-box .actions-box-inner i[data-v-7f1b9035] {
    cursor: pointer
}

.image-viewer-wrapper .image-viewer-left[data-v-7f1b9035], .image-viewer-wrapper .image-viewer-right[data-v-7f1b9035] {
    top: 50%;
    transform: translateY(-50%)
}

.image-viewer-wrapper .image-viewer-left[data-v-7f1b9035] {
    left: 40px
}

.image-viewer-wrapper .image-viewer-left i[data-v-7f1b9035] {
    background-position: -18px -1px
}

.image-viewer-wrapper .image-viewer-right[data-v-7f1b9035] {
    right: 40px
}

.image-viewer-wrapper .image-viewer-right i[data-v-7f1b9035] {
    background-position: -34px -1px
}

.image-viewer-wrapper .loading-box[data-v-7f1b9035] {
    width: 66px;
    height: 66px;
    background: rgba(77, 77, 77, .8);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999
}

.image-viewer-wrapper .loading-box img[data-v-7f1b9035] {
    width: 36px;
    height: 36px;
    animation: rotate-data-v-7f1b9035 2s linear infinite
}

.image-viewer-wrapper .load-error[data-v-7f1b9035] {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    position: absolute;
    flex-direction: column;
    top: 50%;
    left: 50%
}

.image-viewer-wrapper .load-error span[data-v-7f1b9035] {
    font-size: 14px;
    font-weight: 400;
    color: #b3b3b3;
    line-height: 20px
}

.image-viewer-wrapper .load-error img[data-v-7f1b9035] {
    width: 200px;
    height: 130px;
    margin-bottom: 20px
}

@keyframes rotate-data-v-7f1b9035 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.hunter-phone-wrap[data-v-7b8dc4a5] {
    margin-top: 14px;
    height: 120px;
    background-color: hsla(0, 0%, 94.1%, .4);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/hunter-phone-bg.f0ef0e4d.png);
    background-repeat: no-repeat;
    background-position: 100%
}

.hunter-phone-wrap .title[data-v-7b8dc4a5] {
    font-size: 12px;
    font-weight: 400;
    color: #858585;
    line-height: 17px;
    margin-bottom: 10px
}

.hunter-phone-wrap .number[data-v-7b8dc4a5] {
    font-size: 28px;
    font-family: kanzhun;
    color: #292929;
    font-weight: 500;
    line-height: 34px
}

.content[data-v-b08d9292] {
    margin-top: 10px
}

.content p[data-v-b08d9292] {
    font-size: 14px;
    font-weight: 400;
    color: #8d97a6;
    line-height: 20px
}

.feedback-btn[data-v-b08d9292] {
    position: absolute;
    bottom: 30px;
    font-size: 13px;
    font-weight: 400;
    color: #00a6a5;
    line-height: 18px;
    cursor: pointer
}

.content[data-v-9685910e] {
    margin-top: 6px
}

.feedback-list[data-v-9685910e] {
    margin: 20px 0;
    display: flex;
    align-items: center
}

.feedback-list li[data-v-9685910e] {
    border-radius: 4px;
    border: 1px solid #e6e8eb;
    padding: 6px 10px;
    background-color: #fff;
    line-height: 17px;
    cursor: pointer;
    margin-right: 10px
}

.feedback-list li[data-v-9685910e]:last-child {
    margin-right: 0
}

.feedback-list li.selected[data-v-9685910e], .feedback-list li[data-v-9685910e]:hover {
    border-color: #00bebd;
    color: #00a6a5;
    background-color: rgba(0, 190, 189, .1)
}

[data-v-9685910e] .input-wrap-textarea {
    min-width: auto
}

[data-v-9685910e] textarea.input {
    width: 410px;
    max-height: 80px;
    color: #c6c2cc;
    padding: 10px;
    line-height: 20px;
    font-size: 14px;
    background: #f5f7fa;
    border-radius: 4px;
    border: 1px solid transparent;
    resize: none;
    transition: all .3s
}

[data-v-9685910e] textarea.input:focus {
    border: 1px solid #00bebd;
    background: #fff;
    color: #363e4d
}

[data-v-9685910e] .input-wrap-textarea .suffix-counter {
    background: transparent
}

.boss-dialog.violation-warning {
    padding: 0 !important;
    width: 500px
}

.boss-dialog.violation-warning .boss-dialog__body {
    padding-top: 0
}

.violation-warning-wrap[data-v-18a7c47a] {
    background: radial-gradient(200px 70px at top 0 left 0, #faf2f4 0, #ffeff0 20%, hsla(0, 0%, 100%, 0) 100%);
    padding: 26px 30px 20px
}

.violation-warning-wrap .header[data-v-18a7c47a] {
    display: flex;
    align-items: center
}

.violation-warning-wrap .header .icon[data-v-18a7c47a] {
    width: 26px;
    height: 28px;
    margin-right: 20px
}

.violation-warning-wrap .header .title[data-v-18a7c47a] {
    font-size: 20px;
    color: #444;
    line-height: 20px
}

.violation-warning-wrap .content[data-v-18a7c47a] {
    margin-top: 14px;
    padding-left: 46px;
    padding-right: 60px;
    margin-right: -40px;
    max-height: 404px;
    overflow-y: auto
}

.violation-warning-wrap .content p[data-v-18a7c47a] {
    font-size: 14px;
    color: #757575;
    line-height: 24px
}

.violation-warning-wrap .content p.warning-content[data-v-18a7c47a] .font-hightlight {
    color: #e03641
}

.violation-warning-wrap .content p.job-info[data-v-18a7c47a] .font-hightlight {
    color: #444
}

.violation-warning-wrap .content p.article-title[data-v-18a7c47a] {
    margin-top: 10px;
    color: #444
}

.violation-warning-wrap .footer[data-v-18a7c47a] {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.violation-warning-wrap .footer .second-button[data-v-18a7c47a] {
    font-size: 13px;
    color: #00bebd;
    cursor: pointer;
    padding-left: 46px;
    flex: 1
}

.violation-warning-wrap .footer .confirm-button[data-v-18a7c47a] {
    text-align: right;
    flex-shrink: 0
}

.violation-warning-wrap .footer .confirm-button .btn-v2[data-v-18a7c47a] {
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
    border: none
}

.boss-dialog__wrapper.dialog-wrapV2.dial-phone-dialog {
    padding: 0 !important
}

.boss-dialog__wrapper.dialog-wrapV2.dial-phone-dialog .boss-dialog__body {
    margin-top: 0
}

.dial-phone-wrap[data-v-4925b61c] {
    padding: 26px 30px;
    background-image: url(https://img.bosszhipin.com/static/file/2024/67ajh6wdp91709713994611.png);
    background-repeat: no-repeat;
    background-size: 100% 180px;
    border-radius: 8px
}

.dial-phone-wrap .title[data-v-4925b61c] {
    height: 28px;
    font-size: 20px;
    font-weight: 500;
    color: #171d26;
    line-height: 28px;
    margin-bottom: 32px
}

.dial-phone-wrap p[data-v-4925b61c] {
    font-size: 14px;
    font-weight: 400;
    color: #363f4d;
    line-height: 20px;
    margin-bottom: 5px
}

.dial-phone-wrap p .font-hightlight[data-v-4925b61c] {
    color: #00a6a7
}

.dial-phone-wrap .btns[data-v-4925b61c] {
    display: flex;
    justify-content: flex-end;
    margin-top: 50px
}

.dial-phone-wrap .btns .btn-v2[data-v-4925b61c] {
    height: 34px
}

.interview-content[data-v-aa92a498] {
    margin-bottom: 20px;
    min-height: 140px;
    text-align: center
}

.interview-content .title[data-v-aa92a498] {
    font-size: 16px;
    font-weight: 500;
    color: #171d26;
    line-height: 24px;
    margin-bottom: 5px
}

.interview-content .interview-status[data-v-aa92a498] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10px
}

.interview-content p[data-v-aa92a498] {
    font-size: 12px;
    font-weight: 500;
    color: #999;
    line-height: 17px
}

.hk-apply-job-tip-wrap .header[data-v-4abab286] {
    display: flex;
    align-items: center
}

.hk-apply-job-tip-wrap .header .icon[data-v-4abab286] {
    width: 26px;
    height: 28px;
    margin-right: 20px
}

.hk-apply-job-tip-wrap .header .title[data-v-4abab286] {
    font-size: 20px;
    color: #444;
    line-height: 20px
}

.hk-apply-job-tip-wrap .content[data-v-4abab286] {
    margin-top: 14px;
    max-height: 404px;
    overflow-y: auto
}

.hk-apply-job-tip-wrap .content p[data-v-4abab286] {
    font-size: 14px;
    color: #757575;
    line-height: 24px;
    white-space: pre-line
}

.hk-apply-job-tip-wrap .content p.warning-content[data-v-4abab286] .font-hightlight {
    color: #00a6a7;
    cursor: pointer
}

.hk-apply-job-tip-wrap .footer[data-v-4abab286] {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: end
}

.hk-apply-job-tip-wrap .footer .btn-v2[data-v-4abab286] {
    height: 34px
}

.job-gif-tooltip[data-v-a688a730] {
    position: absolute;
    top: 49px;
    left: 50%;
    margin-left: -120px;
    z-index: 9;
    width: 240px;
    padding: 16px;
    color: #fff;
    background: #00bebd url(https://img.bosszhipin.com/static/file/2022/kvmg0vfi9h1670494877898.png) 0 100%/49px auto no-repeat;
    box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3), 0 2px 10px 0 rgba(0, 0, 0, .08);
    border-radius: 8px
}

.job-gif-tooltip[data-v-a688a730]:before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    top: -12px;
    right: 50%;
    margin-right: -6px;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #00bebd;
    z-index: 1
}

.job-gif-tooltip .title[data-v-a688a730] {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center
}

.job-gif-tooltip img[data-v-a688a730] {
    display: block;
    width: 207px;
    margin-top: 12px
}

.job-gif-tooltip p[data-v-a688a730] {
    margin-top: 8px;
    font-size: 12px;
    line-height: 17px;
    text-align: left
}

.job-gif-tooltip .get-it-btn[data-v-a688a730] {
    display: block;
    cursor: pointer;
    padding: 1px 8px;
    border-radius: 6px;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 16px;
    float: right;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
    transition: all .2s linear
}

.job-gif-tooltip .get-it-btn[data-v-a688a730]:hover {
    color: #00a6a7;
    background: #fff
}

.zp--box, .zp--box * {
    box-sizing: border-box
}

.zp--relative {
    position: relative
}

.zp--absolute {
    position: absolute
}

.zp--hidden, .zp--lock {
    overflow: hidden
}

.zp--block {
    display: block
}

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

.zp--inline-block {
    display: inline-block
}

.zp--flex {
    display: flex
}

.zp--inline-flex {
    display: inline-flex
}

:root {
    --font-size-xs: 10px;
    --font-size-sm: 12px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --icon-size-xs: 16px;
    --icon-size-sm: 18px;
    --icon-size-md: 20px;
    --icon-size-lg: 22px;
    --color-body: #fff;
    --color-text: #333;
    --color-primary: #3a7afe;
    --color-info: #00afef;
    --color-success: #00c48f;
    --color-warning: #ff9f00;
    --color-danger: #f44336;
    --color-disabled: #e0e0e0;
    --color-text-disabled: #aaa;
    --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1);
    --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2);
    --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14);
    --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12)
}

.zp-feedback {
    display: flex;
    align-items: center;
    justify-content: center
}

.zp-feedback, .zp-feedback-layer {
    position: fixed;
    z-index: 1011;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.zp-feedback-layer {
    z-index: 1;
    background: rgba(37, 40, 48, .7)
}

.zp-feedback-container {
    position: relative;
    z-index: 2;
    background: #fff;
    width: 610px;
    border-radius: 12px;
    max-height: 100%;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1)
}

.zp-feedback-header {
    height: 122px;
    border-radius: 12px 12px 0 0;
    background: url(https://img.bosszhipin.com/static/file/2023/gmezozfxzi1675678429486.png) 0 0/610px auto no-repeat
}

.zp-feedback-header .zp-title {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    line-height: 33px;
    padding: 30px 40px 0
}

.zp-feedback-header .zp-tips {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    margin-top: 10px;
    padding: 0 40px
}

.zp-feedback-header .zp-close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 15px;
    z-index: 1;
    cursor: pointer;
    transition: all .2s linear
}

.zp-feedback-header .zp-close:hover .zp-icon-close:after, .zp-feedback-header .zp-close:hover .zp-icon-close:before {
    background: #363636
}

.zp-feedback-header .zp-close .zp-icon-close {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    vertical-align: top
}

.zp-feedback-header .zp-close .zp-icon-close:after, .zp-feedback-header .zp-close .zp-icon-close:before {
    content: " ";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #999;
    transform: rotate(45deg);
    left: 4px;
    top: 12px
}

.zp-feedback-header .zp-close .zp-icon-close:after {
    transform: rotate(-45deg)
}

.zp-feedback-body {
    padding: 0 40px
}

.zp-feedback-body .zp-ipt-wrap {
    margin-bottom: 30px
}

.zp-feedback-body .zp-sub-title {
    float: left;
    width: 70px;
    margin-right: 10px;
    color: #333;
    font-weight: 500;
    text-align: left
}

.zp-feedback-body .zp-sub-title .zp-required-icon {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fe574c;
    line-height: 20px;
    margin-right: 4px
}

.zp-feedback-body .zp-sub-content {
    margin-left: 80px;
    font-size: 13px
}

.zp-feedback-body .zp-sub-content textarea {
    margin-left: 10px;
    height: 119px;
    width: 440px;
    padding: 10px 12px !important;
    border: 1px solid #d4d5d6;
    resize: none;
    display: block;
    color: #414a60;
    border-radius: 8px;
    box-sizing: border-box;
    transition: all .2s linear;
    outline: none
}

.zp-feedback-body .zp-sub-content textarea:focus, .zp-feedback-body .zp-sub-content textarea:hover {
    box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
    border-color: #00bebd
}

.zp-feedback-body .zp-sub-content .row-code {
    margin-left: 10px
}

.zp-feedback-body .upload-zp-sub-content {
    padding: 10px;
    border-radius: 8px;
    transition: all .2s linear
}

.zp-feedback-body .upload-zp-sub-content:hover {
    background: #f7f7f7
}

.zp-feedback-body .upload-zp-sub-content.has-upload:hover {
    background: #fff
}

.zp-feedback-body .zp-upload-tips {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 10px
}

.zp-feedback-body .zp-upload-pics {
    display: flex
}

.zp-feedback-body .zp-upload-pic {
    display: inline-flex;
    position: relative;
    z-index: 6;
    width: 98px;
    height: 98px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    border: 1px solid #dedfe0;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.zp-feedback-body .zp-upload-pic img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    vertical-align: middle
}

.zp-feedback-body .zp-remove-pic {
    position: absolute;
    z-index: 7;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2023/qrdxwkvk7e1677231275164.png) no-repeat 0 0/100% auto
}

.zp-feedback-body .zp-remove-pic:hover {
    background-position: 0 -32px
}

.zp-feedback-body .upload-zp-btn-wrapper {
    display: inline-block;
    position: relative;
    z-index: 6;
    width: 98px;
    height: 98px;
    border-radius: 8px;
    border: 1px solid #00bebd;
    background: #fff;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden
}

.zp-feedback-body .upload-zp-btn-wrapper .upload-zp-btn {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 200%;
    background: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.zp-feedback-body .upload-zp-btn-wrapper .zp-icon-plus {
    position: relative;
    color: #00bebd;
    margin: 25px auto 12px;
    width: 20px;
    height: 20px;
    display: block
}

.zp-feedback-body .upload-zp-btn-wrapper .zp-icon-plus:after, .zp-feedback-body .upload-zp-btn-wrapper .zp-icon-plus:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    background: #00bebd
}

.zp-feedback-body .upload-zp-btn-wrapper .zp-icon-plus:before {
    height: 18px;
    width: 2px;
    margin-top: -9px;
    margin-left: -1px
}

.zp-feedback-body .upload-zp-btn-wrapper .zp-icon-plus:after {
    width: 18px;
    height: 2px;
    margin-left: -9px;
    margin-top: -1px
}

.zp-feedback-body .upload-zp-btn-wrapper em {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    font-style: normal
}

.zp-feedback-footer {
    padding: 0 0 24px;
    margin: 0 40px;
    text-align: right
}

.zp-feedback-footer .zp-btn {
    display: inline-block;
    height: 34px;
    line-height: 32px;
    border-radius: 4px;
    padding: 0 20px;
    background: #fff
}

.zp-feedback-footer .zp-btn + .zp-btn {
    margin-left: 16px
}

.zp-feedback-footer .zp-cancel-btn {
    color: #5c5e66;
    border: 1px solid #c1c6cc;
    transition: all .2s linear
}

.zp-feedback-footer .zp-cancel-btn:hover {
    color: #00a6a7;
    border: 1px solid #00b8bf
}

.zp-feedback-footer .zp-sure-btn {
    color: #fff;
    transition: all .2s linear
}

.zp-feedback-footer .zp-sure-btn, .zp-feedback-footer .zp-sure-btn:hover {
    background: #00b8bf;
    border: 1px solid #00b8bf
}

.zp-toast {
    position: fixed;
    min-width: 100px;
    left: 50%;
    transform: translate(-50%);
    top: 50px;
    text-align: center;
    z-index: 1110;
    -webkit-animation: zpToastTop .25s ease-out;
    animation: zpToastTop .25s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.zp-toast-con {
    display: inline-block;
    background: #fff;
    margin: 0 auto;
    padding: 0 20px;
    line-height: 50px;
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    font-size: 14px;
    color: #333
}

.zp-toast .zp-toast-icon-error, .zp-toast .zp-toast-icon-info, .zp-toast .zp-toast-icon-success, .zp-toast .zp-toast-icon-warning {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: -2px;
    vertical-align: middle;
    background-image: url(https://img.bosszhipin.com/static/file/2023/esjq0l4yjn1698731125443.png);
    background-repeat: no-repeat;
    background-size: 20px auto
}

.zp-toast .zp-toast-icon-success {
    background-position: 0 0
}

.zp-toast .zp-toast-icon-info {
    background-position: 0 -40px
}

.zp-toast .zp-toast-icon-warning {
    background-position: 0 -20px
}

.zp-toast .zp-toast-icon-error {
    background-position: 0 -60px
}

@-webkit-keyframes zpToastTop {
    0% {
        opacity: 0;
        top: 50px
    }
    to {
        opacity: 1;
        top: 100px
    }
}

@keyframes zpToastTop {
    0% {
        opacity: 0;
        top: 50px
    }
    to {
        opacity: 1;
        top: 100px
    }
}

.zp-dialog-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center
}

.zp-dialog-wrap .zp-icon-dialog-error, .zp-dialog-wrap .zp-icon-dialog-info, .zp-dialog-wrap .zp-icon-dialog-success, .zp-dialog-wrap .zp-icon-dialog-warning {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-image: url(https://img.bosszhipin.com/static/file/2023/esjq0l4yjn1698731125443.png);
    background-repeat: no-repeat;
    background-size: 20px auto
}

.zp-dialog-wrap .zp-icon-dialog-info {
    background-position: 0 -40px
}

.zp-dialog-wrap .zp-icon-dialog-warning {
    background-position: 0 -20px
}

.zp-dialog-wrap .zp-icon-dialog-error {
    background-position: 0 -60px
}

.zp-dialog-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #252830;
    filter: alpha(opacity=70);
    background: rgba(37, 40, 48, .7);
    z-index: 1002
}

.zp-dialog-container {
    position: relative;
    z-index: 1003;
    min-width: 320px;
    padding: 20px 30px;
    max-height: 100%;
    background-color: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    border-radius: 12px
}

.zp-dialog-header {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400
}

.zp-dialog-header .zp-title {
    font-weight: 500;
    color: #222;
    font-size: 16px
}

.zp-dialog-header .zp-close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
    z-index: 1;
    cursor: pointer
}

.zp-dialog-header .zp-close:hover .zp-icon-close:after, .zp-dialog-header .zp-close:hover .zp-icon-close:before {
    background: #363636
}

.zp-dialog-header .zp-icon-close {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    vertical-align: top
}

.zp-dialog-header .zp-icon-close:after, .zp-dialog-header .zp-icon-close:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #d1d4db;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
    top: 12px
}

.zp-dialog-header .zp-icon-close:after {
    transform: rotate(-45deg)
}

.zp-dialog-body {
    max-height: calc(100vh - 128px);
    overflow: auto;
    line-height: 24px;
    font-size: 14px;
    color: #333
}

.zp-dialog-body .zp-tip-text {
    padding: 10px 0;
    color: #999;
    line-height: 24px;
    font-size: 14px;
    background-image: none
}

.zp-dialog-body .zp-tip-warning {
    background-color: #fff7f5;
    border: 1px solid #fbb49d;
    font-size: 12px;
    padding: 10px;
    margin-top: 20px;
    border-radius: 0
}

.zp-dialog-footer {
    margin-top: 20px;
    position: relative
}

.zp-dialog-footer .zp-btns {
    text-align: right
}

.zp-dialog-footer .zp-btns .zp-btn {
    height: 34px;
    line-height: 32px;
    box-sizing: border-box;
    margin-left: 20px;
    padding: 0 25px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    transition: all .2s linear
}

.zp-dialog-footer .zp-btns .zp-btn:first-of-type {
    margin-left: 0
}

.zp-dialog-footer .zp-btns .zp-btn-outline {
    color: #00bebd;
    background-color: #fff;
    border: 1px solid #00bebd
}

.zp-dialog-footer .zp-btns .zp-btn-outline:hover {
    background: rgba(0, 190, 189, .1)
}

.zp-dialog-footer .zp-btns .zp-btn-primary {
    background-color: #00bebd;
    border-color: #00bebd;
    color: #fff
}

.zp-dialog-footer .zp-btns .zp-btn-primary:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.zp-dialog-icons-default .zp-dialog-container {
    width: 400px
}

.zp-dialog-icons-default .zp-dialog-header {
    overflow: hidden
}

.zp-dialog-icons-default .zp-dialog-header .zp-title {
    margin-left: 30px;
    font-weight: 400;
    word-wrap: break-word;
    word-break: break-all
}

.zp-dialog-icons-default .zp-dialog-header .zp-icon-dialog {
    float: left;
    width: 20px;
    margin-top: 5px
}

.zp-dialog-icons-default .zp-dialog-body {
    padding-left: 30px
}

.zp-dialog-primary-default .zp-dialog-container {
    width: 340px;
    padding: 24px 30px
}

.zp-dialog-primary-default .zp-dialog-header .zp-title {
    font-weight: 400
}

.zp-dialog-primary-default .zp-dialog-footer .zp-btns .zp-btn:first-of-type {
    margin-left: 0
}

.zp-dialog-around-default {
    position: absolute;
    width: auto;
    height: auto
}

.zp-dialog-around-default .zp-dialog-container:after, .zp-dialog-around-default .zp-dialog-container:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    margin-left: -6px;
    background: #fff
}

.zp-dialog-around-default .zp-dialog-container:after {
    transform: rotate(45deg);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .09)
}

.zp-dialog-around-default .zp-dialog-container:before {
    width: 30px;
    left: 50%;
    margin-left: -15px;
    z-index: 1
}

.zp-dialog-top-default {
    top: auto;
    bottom: 100%;
    right: 0;
    margin-bottom: 12px
}

.zp-dialog-top-default .zp-dialog-container:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .09);
    bottom: -6px
}

.zp-dialog-top-default .zp-dialog-container:before {
    width: 30px;
    bottom: 0;
    z-index: 1
}

.zp-dialog-top-left-default {
    top: auto;
    bottom: 100%;
    left: auto;
    right: 0;
    margin-bottom: 12px
}

.zp-dialog-top-left-default .zp-dialog-container:after {
    bottom: -6px;
    left: auto;
    right: 36px
}

.zp-dialog-top-left-default .zp-dialog-container:before {
    bottom: 0;
    left: auto;
    right: 28px
}

.zp-dialog-top-right-default {
    top: auto;
    right: auto;
    bottom: 100%;
    margin-bottom: 12px
}

.zp-dialog-top-right-default .zp-dialog-container:after {
    bottom: -6px;
    left: 30px
}

.zp-dialog-top-right-default .zp-dialog-container:before {
    bottom: 0;
    left: 30px
}

.zp-dialog-bottom-default {
    bottom: auto;
    top: 100%;
    right: 0;
    margin-top: 12px
}

.zp-dialog-bottom-default .zp-dialog-container:after {
    top: -6px
}

.zp-dialog-bottom-default .zp-dialog-container:before {
    top: 0
}

.zp-dialog-bottom-left-default {
    bottom: auto;
    top: 100%;
    left: auto;
    right: 0;
    margin-top: 12px
}

.zp-dialog-bottom-left-default .zp-dialog-container:after {
    top: -6px;
    left: auto;
    right: 36px
}

.zp-dialog-bottom-left-default .zp-dialog-container:before {
    top: 0;
    left: auto;
    right: 28px
}

.zp-dialog-bottom-right-default {
    bottom: auto;
    top: 100%;
    margin-top: 12px
}

.zp-dialog-bottom-right-default .zp-dialog-container:after {
    top: -6px;
    left: 36px
}

.zp-dialog-bottom-right-default .zp-dialog-container:before {
    top: 0;
    left: 28px
}

.zp-dialog-left-default {
    bottom: auto;
    left: auto;
    right: 100%;
    margin-right: 12px
}

.zp-dialog-left-default .zp-dialog-container:after {
    top: 50%;
    margin-top: -6px;
    left: auto;
    right: -6px
}

.zp-dialog-left-default .zp-dialog-container:before {
    top: 50%;
    margin-top: -6px;
    left: auto;
    right: -9px;
    transform: rotate(90deg)
}

.zp-dialog-left-top-default {
    bottom: auto;
    left: auto;
    right: 100%;
    margin-right: 12px
}

.zp-dialog-left-top-default .zp-dialog-container:after {
    bottom: 12px;
    margin-top: -6px;
    left: auto;
    right: -6px
}

.zp-dialog-left-top-default .zp-dialog-container:before {
    bottom: 12px;
    margin-top: -6px;
    left: auto;
    right: -9px;
    transform: rotate(90deg)
}

.zp-dialog-left-bottom-default {
    bottom: auto;
    top: 0;
    left: auto;
    right: 100%;
    margin-right: 12px
}

.zp-dialog-left-bottom-default .zp-dialog-container:after {
    top: 18px;
    margin-top: -6px;
    left: auto;
    right: -6px
}

.zp-dialog-left-bottom-default .zp-dialog-container:before {
    top: 22px;
    margin-top: -6px;
    left: auto;
    right: -9px;
    transform: rotate(90deg)
}

.zp-dialog-right-default {
    bottom: auto;
    left: 100%;
    margin-left: 12px
}

.zp-dialog-right-default .zp-dialog-container:after {
    top: 50%;
    margin-top: -6px;
    left: 0
}

.zp-dialog-right-default .zp-dialog-container:before {
    top: 50%;
    margin-top: -6px;
    left: 6px;
    transform: rotate(90deg)
}

.zp-dialog-right-top-default {
    bottom: auto;
    left: 100%;
    margin-left: 12px;
    top: 100%
}

.zp-dialog-right-top-default .zp-dialog-container:after {
    bottom: 12px;
    margin-top: -6px;
    left: 0
}

.zp-dialog-right-top-default .zp-dialog-container:before {
    bottom: 18px;
    margin-top: -6px;
    left: 6px;
    transform: rotate(90deg)
}

.zp-dialog-right-bottom-default {
    bottom: auto;
    top: 0;
    left: 100%;
    margin-left: 12px
}

.zp-dialog-right-bottom-default .zp-dialog-container:after {
    top: 18px;
    margin-top: -6px;
    left: 0
}

.zp-dialog-right-bottom-default .zp-dialog-container:before {
    top: 22px;
    margin-top: -6px;
    left: 6px;
    transform: rotate(90deg)
}

.zp-dialog-alert-default .zp-dialog-header .zp-title {
    font-size: 15px;
    margin-left: 0;
    text-align: center;
    padding-bottom: 12px
}

.zp-dialog-alert-default .zp-dialog-container {
    width: 320px
}

.zp-dialog-alert-default .zp-dialog-body {
    padding-left: 0
}

.zp-dialog-alert-default .zp-dialog-footer .zp-btns {
    text-align: center
}

.zp-dialog-large-default .zp-dialog-container {
    width: 800px
}

.zp-dialog-inline-default .zp-dialog-container {
    top: 25px
}

.zp-dialog-layer-full {
    display: block
}

.zp-dialog-layer-full .zp-dialog-header .zp-close {
    right: -32px;
    top: 0;
    width: 32px;
    height: 32px;
    background-color: #ddd
}

.zp-dialog-layer-full .zp-dialog-header .zp-close:hover {
    opacity: .8
}

.zp-dialog-layer-full .zp-dialog-header .zp-icon-close {
    width: 32px;
    height: 32px
}

.zp-dialog-layer-full .zp-dialog-header .zp-icon-close:after, .zp-dialog-layer-full .zp-dialog-header .zp-icon-close:before {
    top: 15px;
    left: 7px;
    background-color: #363636
}

.zp-dialog-layer-full .zp-dialog-container {
    width: 800px;
    margin: 0 auto;
    padding: 0;
    height: 100%
}

.zp-dialog-layer-full .zp-dialog-body {
    max-height: 100%;
    overflow: auto
}

.zp-dialog-opacity-layer {
    background: hsla(0, 0%, 100%, 0);
    top: 0;
    left: 0
}

.zp-dialog-promotion-iframe .zp-dialog-container {
    width: 750px;
    height: 100%;
    top: 0;
    margin-left: -375px;
    margin-top: 0
}

.zp-dialog-promotion-iframe .zp-dialog-body {
    height: 100%
}

.zp-dialog-promotion-iframe .zp-dialog-body iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.zp-dialog-flyin-large {
    justify-content: flex-end;
    align-items: normal
}

.zp-dialog-flyin-large .zp-dialog-body {
    overflow: auto
}

.zp-dialog-flyin-large .zp-dialog-container {
    padding: 0;
    animation-fill-mode: both;
    animation: dialogFlyinRight .3s ease-out 0s
}

.zp-dialog-flyin-large .zp-dialog-header .zp-close {
    right: auto;
    left: -32px;
    top: 0;
    width: 32px;
    height: 32px;
    background-color: #ddd
}

.zp-dialog-flyin-large .zp-dialog-header .zp-close:hover {
    opacity: .8
}

.zp-dialog-flyin-large .zp-dialog-header .zp-icon-close {
    width: 32px;
    height: 32px
}

.zp-dialog-flyin-large .zp-dialog-header .zp-icon-close:after, .zp-dialog-flyin-large .zp-dialog-header .zp-icon-close:before {
    top: 15px;
    left: 9px;
    background-color: #363636
}

.chat-bot-iframe-mask[data-v-8ecfa178] {
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    background: rgba(37, 40, 48, .7)
}

.chat-bot-iframe-mask .chat-bot-iframe[data-v-8ecfa178] {
    z-index: 1000;
    width: 780px;
    height: 678px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 0
}

.friend-link[data-v-1ebf160b] {
    display: flex;
    align-items: baseline;
    font-size: 12px;
    max-height: 20px;
    transition: all .5s;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -o-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.friend-link.expand[data-v-1ebf160b] {
    max-height: none
}

.friend-link.expand .iboss[data-v-1ebf160b] {
    transform: rotate(180deg)
}

.friend-link .title[data-v-1ebf160b] {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .5);
    margin-right: 23px
}

.friend-link .links[data-v-1ebf160b] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    margin-right: 23px
}

.friend-link .links .link-item[data-v-1ebf160b] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    line-height: 20px;
    margin-right: 30px;
    display: inline-block
}

.friend-link .links .link-item[data-v-1ebf160b]:hover {
    text-decoration: underline;
    color: #00bebd
}

.friend-link .link-btn[data-v-1ebf160b] {
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer
}

.friend-link .link-btn .iboss[data-v-1ebf160b] {
    margin-left: 2px;
    display: inline-block;
    font-size: 12px;
    transition: all .3s
}

img:not([src]), img[src=""], img[src=undefined] {
    opacity: 0;
    visibility: hidden
}

@font-face {
    font-family: themify;
    src: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/fonts/themify.2c454669.eot);
    src: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/fonts/themify.2c454669.eot#iefix-fvbane) format("embedded-opentype"), url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/fonts/themify.a1ecc3b8.woff) format("woff"), url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/fonts/themify.e23a7dca.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=" ti-"], [class^=ti-] {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}

.emotion {
    width: 490px;
    padding-top: 18px;
    left: 0;
    top: -331px;
    border: 1px solid #f2f5fa;
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    z-index: 10
}

.emotion, .emotion:after {
    position: absolute;
    background: #fff
}

.emotion:after {
    content: "";
    width: 10px;
    height: 10px;
    bottom: -6px;
    left: 35px;
    border-color: #e7e9ee #e7e9ee transparent transparent;
    border-style: solid;
    border-width: 1px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.emotion .emotion-tab {
    position: relative;
    padding: 4px 18px;
    font-size: 0;
    border-top: 1px solid #f1f1f1;
    z-index: 2;
    height: 49px;
    box-sizing: border-box
}

.emotion .emotion-tab .emotion-sort {
    display: inline-block;
    width: 41px;
    height: 41px;
    margin-right: 5px;
    vertical-align: top;
    border-radius: 2px;
    cursor: pointer
}

.emotion .emotion-tab .emotion-sort.selected, .emotion .emotion-tab .emotion-sort:hover {
    background: #f1f1f1
}

.emotion .emotion-tab .emotion-sort button {
    display: block;
    border: 0;
    cursor: pointer;
    width: 41px;
    height: 41px
}

.emotion .emotion-tab .emotion-sort .emotion-recent {
    background: url(https://static.zhipin.com/library/emotions/tab/recent.png) no-repeat 50%;
    background-size: 20px auto
}

.emotion .emotion-tab .emotion-sort .emotion-default {
    background: url(https://static.zhipin.com/library/emoji/V2_Expression__1.png) no-repeat 50%;
    background-size: 21px 21px
}

.emotion .emotion-tab .emotion-sort .emotion-like {
    background: url(https://static.zhipin.com/library/emotions/tab/like.png) no-repeat 50%;
    background-size: 19px 17px
}

.emotion .emotion-tab .emotion-sort .emotion-zhi {
    background: url(https://static.zhipin.com/library/emotions/tab/zhi.png) no-repeat 50%;
    background-size: 18px auto
}

.emotion .emotion-tab .emotion-sort .emotion-veteran {
    background: url(https://static.zhipin.com/library/emotions/tab/bird.png) no-repeat 50%;
    background-size: 23px auto
}

.emotion .emotion-tab .emotion-sort .emotion-zhi2 {
    background: url(https://static.zhipin.com/library/emotions/tab/zhi2_geek.png) no-repeat 50%;
    background-size: 19px 22px
}

.emotion ul {
    height: 252px;
    padding: 0 10px;
    margin-bottom: 8px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.emotion ul.hide {
    display: none
}

.emotion ul:hover {
    overflow: auto
}

.emotion li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    border-radius: 2px
}

.emotion li:hover {
    background: #f2f2f2
}

.emotion li:hover .emoj {
    border-color: #f2f2f2
}

.emoji-box {
    height: 252px;
    padding: 0;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden
}

.emoji-box:hover {
    overflow: auto
}

.emoji-box .emoji-recent, .emoji-box .emotion-emoji {
    padding-left: 18px
}

.emoji-box .emoji-title {
    padding-left: 20px;
    color: #414a60
}

.emoji-box ul {
    height: auto;
    padding: 0;
    margin-bottom: 0
}

.emoj {
    height: 25px;
    background: url(https://static.zhipin.com/zhipin-boss/assets/chat/images/emoji/emoji-sprite-bg.png) no-repeat;
    background-size: 25px auto
}

.emoj, .emojold {
    display: inline-block;
    width: 25px;
    vertical-align: middle;
    border: 0;
    cursor: pointer
}

.emojold {
    height: 30px;
    background: url(https://static.zhipin.com/library/emotions/emotions-2018-2x.png) no-repeat;
    background-size: 24px auto
}

.emotion .emoj {
    border: 10px solid #fff;
    box-sizing: content-box;
    border-radius: 2px
}

.emoj-1 {
    background-position: 0 0
}

.emoj-2 {
    background-position: 0 -25px
}

.emoj-3 {
    background-position: 0 -50px
}

.emoj-4 {
    background-position: 0 -75px
}

.emoj-5 {
    background-position: 0 -100px
}

.emoj-6 {
    background-position: 0 -125px
}

.emoj-7 {
    background-position: 0 -150px
}

.emoj-8 {
    background-position: 0 -175px
}

.emoj-9 {
    background-position: 0 -200px
}

.emoj-10 {
    background-position: 0 -225px
}

.emoj-11 {
    background-position: 0 -250px
}

.emoj-12 {
    background-position: 0 -275px
}

.emoj-13 {
    background-position: 0 -300px
}

.emoj-14 {
    background-position: 0 -325px
}

.emoj-15 {
    background-position: 0 -350px
}

.emoj-16 {
    background-position: 0 -375px
}

.emoj-17 {
    background-position: 0 -400px
}

.emoj-18 {
    background-position: 0 -425px
}

.emoj-19 {
    background-position: 0 -450px
}

.emoj-20 {
    background-position: 0 -475px
}

.emoj-21 {
    background-position: 0 -500px
}

.emoj-22 {
    background-position: 0 -525px
}

.emoj-23 {
    background-position: 0 -550px
}

.emoj-24 {
    background-position: 0 -575px
}

.emoj-25 {
    background-position: 0 -600px
}

.emoj-26 {
    background-position: 0 -625px
}

.emoj-27 {
    background-position: 0 -650px
}

.emoj-28 {
    background-position: 0 -675px
}

.emoj-29 {
    background-position: 0 -700px
}

.emoj-30 {
    background-position: 0 -725px
}

.emoj-31 {
    background-position: 0 -750px
}

.emoj-32 {
    background-position: 0 -775px
}

.emoj-33 {
    background-position: 0 -800px
}

.emoj-34 {
    background-position: 0 -825px
}

.emoj-35 {
    background-position: 0 -850px
}

.emoj-36 {
    background-position: 0 -875px
}

.emoj-37 {
    background-position: 0 -900px
}

.emoj-38 {
    background-position: 0 -925px
}

.emoj-39 {
    background-position: 0 -950px
}

.emoj-40 {
    background-position: 0 -975px
}

.emoj-41 {
    background-position: 0 -1000px
}

.emoj-42 {
    background-position: 0 -1025px
}

.emoj-43 {
    background-position: 0 -1050px
}

.emoj-44 {
    background-position: 0 -1075px
}

.emoj-45 {
    background-position: 0 -1100px
}

.emoj-46 {
    background-position: 0 -1125px
}

.emoj-47 {
    background-position: 0 -1150px
}

.emoj-48 {
    background-position: 0 -1175px
}

.emoj-49 {
    background-position: 0 -1200px
}

.emoj-50 {
    background-position: 0 -1225px
}

.emoj-51 {
    background-position: 0 -1250px
}

.emoj-52 {
    background-position: 0 -1275px
}

.emoj-53 {
    background-position: 0 -1300px
}

.emoj-54 {
    background-position: 0 -1325px
}

.emoj-55 {
    background-position: 0 -1350px
}

.emoj-56 {
    background-position: 0 -1375px
}

.emoj-57 {
    background-position: 0 -1400px
}

.emoj-58 {
    background-position: 0 -1425px
}

.emoj-59 {
    background-position: 0 -1450px
}

.emoj-60 {
    background-position: 0 -1475px
}

.emoj-61 {
    background-position: 0 -1500px
}

.emoj-62 {
    background-position: 0 -1525px
}

.emoj-63 {
    background-position: 0 -1550px
}

.emoj-64 {
    background-position: 0 -1575px
}

.emoj-65 {
    background-position: 0 -1600px
}

.emoj-66 {
    background-position: 0 -1625px
}

.emoj-67 {
    background-position: 0 -1650px
}

.emoj-68 {
    background-position: 0 -1675px
}

.emoj-69 {
    background-position: 0 -1700px
}

.emoj-70 {
    background-position: 0 -1725px
}

.emoj-71 {
    background-position: 0 -1750px
}

.emoj-72 {
    background-position: 0 -1775px
}

.emoj-73 {
    background-position: 0 -1800px
}

.emoj-74 {
    background-position: 0 -1825px
}

.emoj-75 {
    background-position: 0 -1850px
}

.emoj-76 {
    background-position: 0 -1875px
}

.emoj-77 {
    background-position: 0 -1900px
}

.emoj-78 {
    background-position: 0 -1925px
}

.emoj-79 {
    background-position: 0 -1950px
}

.emoj-80 {
    background-position: 0 -1975px
}

.emoj-81 {
    background-position: 0 -2000px
}

.emoj-82 {
    background-position: 0 -2025px
}

.emoj-83 {
    background-position: 0 -2050px
}

.emoj-84 {
    background-position: 0 -2075px
}

.emojold-1 {
    background-position: 2px 2px
}

.emojold-2 {
    background-position: 2px -27px
}

.emojold-3 {
    background-position: 2px -57px
}

.emojold-4 {
    background-position: 2px -87px
}

.emojold-5 {
    background-position: 2px -117px
}

.emojold-6 {
    background-position: 2px -147px
}

.emojold-7 {
    background-position: 2px -177px
}

.emojold-8 {
    background-position: 2px -207px
}

.emojold-9 {
    background-position: 2px -237px
}

.emojold-10 {
    background-position: 2px -267px
}

.emojold-11 {
    background-position: 2px -297px
}

.emojold-12 {
    background-position: 2px -327px
}

.emojold-13 {
    background-position: 2px -357px
}

.emojold-14 {
    background-position: 2px -387px
}

.emojold-15 {
    background-position: 2px -417px
}

.emojold-16 {
    background-position: 2px -447px
}

.emojold-17 {
    background-position: 2px -477px
}

.emojold-18 {
    background-position: 2px -507px
}

.emojold-19 {
    background-position: 2px -537px
}

.emojold-20 {
    background-position: 2px -567px
}

.emojold-21 {
    background-position: 2px -597px
}

.emojold-22 {
    background-position: 2px -627px
}

.emojold-23 {
    background-position: 2px -657px
}

.emojold-24 {
    background-position: 2px -687px
}

.emojold-25 {
    background-position: 2px -717px
}

.emojold-26 {
    background-position: 2px -747px
}

.emojold-27 {
    background-position: 2px -777px
}

.emojold-28 {
    background-position: 2px -807px
}

.emojold-29 {
    background-position: 2px -837px
}

.emojold-30 {
    background-position: 2px -867px
}

.emojold-31 {
    background-position: 2px -897px
}

.emojold-32 {
    background-position: 2px -927px
}

.emojold-33 {
    background-position: 2px -957px
}

.emojold-34 {
    background-position: 2px -987px
}

.emojold-35 {
    background-position: 2px -1017px
}

.emojold-36 {
    background-position: 2px -1047px
}

.emojold-37 {
    background-position: 2px -1077px
}

.emojold-38 {
    background-position: 2px -1107px
}

.emojold-39 {
    background-position: 2px -1137px
}

.emojold-40 {
    background-position: 2px -1167px
}

.emojold-41 {
    background-position: 2px -1197px
}

.emojold-42 {
    background-position: 2px -1227px
}

.emojold-43 {
    background-position: 2px -1257px
}

.emojold-44 {
    background-position: 2px -1287px
}

.emojold-45 {
    background-position: 2px -1317px
}

.emojold-46 {
    background-position: 2px -1347px
}

.emojold-47 {
    background-position: 2px -1377px
}

.emojold-48 {
    background-position: 2px -1407px
}

.emojold-49 {
    background-position: 2px -1437px
}

.emojold-50 {
    background-position: 2px -1467px
}

.emojold-51 {
    background-position: 2px -1497px
}

.emojold-52 {
    background-position: 2px -1527px
}

.emojold-53 {
    background-position: 2px -1557px
}

.emojold-54 {
    background-position: 2px -1587px
}

.emojold-55 {
    background-position: 2px -1617px
}

.emojold-56 {
    background-position: 2px -1647px
}

.emojold-57 {
    background-position: 2px -1677px
}

.emojold-58 {
    background-position: 2px -1707px
}

.emojold-59 {
    background-position: 2px -1737px
}

.emojold-60 {
    background-position: 2px -1767px
}

.emojold-61 {
    background-position: 2px -1798px
}

.emojold-62 {
    background-position: 2px -1827px
}

.emojold-63 {
    background-position: 2px -1857px
}

.emojold-64 {
    background-position: 2px -1887px
}

.emojold-65 {
    background-position: 2px -1917px
}

.emojold-66 {
    background-position: 2px -1947px
}

.emojold-67 {
    background-position: 2px -1977px
}

.emojold-68 {
    background-position: 2px -2007px
}

.emojold-69 {
    background-position: 2px -2037px
}

.emojold-70 {
    background-position: 2px -2067px
}

.emojold-71 {
    background-position: 2px -2097px
}

.emojold-72 {
    background-position: 2px -2127px
}

.emojold-73 {
    background-position: 2px -2157px
}

.emojold-74 {
    background-position: 2px -2187px
}

.emojold-75 {
    background-position: 2px -2217px
}

.emojold-76 {
    background-position: 2px -2247px
}

.emojold-77 {
    background-position: 2px -2277px
}

.emojold-78 {
    background-position: 2px -2307px
}

.emojold-79 {
    background-position: 2px -2337px
}

.emojold-80 {
    background-position: 2px -2367px
}

.emojold-81 {
    background-position: 2px -2397px
}

.emojold-82 {
    background-position: 2px -2427px
}

.emojold-83 {
    background-position: 2px -2457px
}

.emojold-84 {
    background-position: 5px -2487px
}

.emojold-85 {
    background-position: 2px -2517px
}

.emojold-86 {
    background-position: 2px -2547px
}

.emojold-87 {
    background-position: 2px -2577px
}

.emojold-88 {
    background-position: 2px -2607px
}

.emojold-89 {
    background-position: 2px -2637px
}

.emojold-90 {
    background-position: 2px -2667px
}

.emojold-91 {
    background-position: 2px -2697px
}

.emojold-92 {
    background-position: 2px -2727px
}

.emojold-93 {
    background-position: 2px -2757px
}

.emojold-94 {
    background-position: 2px -2787px
}

.emojold-95 {
    background-position: 2px -2817px
}

.emojold-96 {
    background-position: 2px -2847px
}

.emojold-97 {
    background-position: 2px -2877px
}

.emojold-98 {
    background-position: 2px -2907px
}

.emojold-99 {
    background-position: 2px -2937px
}

.emojold-100 {
    background-position: 2px -2967px
}

.emotion .animoji-box {
    padding-right: 0
}

.emotion .animoji-item {
    position: relative;
    width: 80px;
    height: 80px;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 30px;
    padding: 0
}

.animoji {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 8px;
    background: #fff;
    border: 0;
    cursor: pointer
}

.animoji img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.emotion .animoji-item span {
    display: block;
    width: 100%;
    float: right;
    line-height: 14px;
    color: #909090;
    font-size: 10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.competitive-container .data-tips {
    margin-top: 20px
}

#competitive-main .toast-con {
    font-size: 13px
}

.competitive_top_info {
    width: 100%;
    background: #fff;
    background-size: cover;
    position: relative;
    padding-top: .2rem;
    margin-bottom: 30px
}

.competitive_top_info > p {
    font-size: 12px;
    padding-bottom: .14rem;
    color: #50c7c1;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    top: .2rem;
    padding-top: .14rem;
    width: 4.5rem;
    margin-left: -2.25rem
}

.competition_show {
    width: 100%;
    background: #f9fafc;
    background-size: cover;
    position: relative;
    padding-top: .2rem
}

.competition_show > p {
    font-size: 12px;
    padding-bottom: .14rem;
    color: #50c7c1;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    left: 50%;
    top: .2rem;
    padding-top: .14rem;
    width: 4.5rem;
    margin-left: -2.25rem
}

.competition_show_chart {
    width: 5.97rem;
    position: relative;
    margin: .3rem auto 0;
    text-align: center
}

.competition_show_chart img {
    width: 299px;
    height: 299px
}

#competitive-main #canvas, .competition_show_chart img {
    left: 50%;
    top: 0;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

#competitive-main #canvas {
    z-index: 100
}

#competitive-main #canvas1 {
    position: absolute;
    z-index: 110;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.competition_show .competition_show_chart .competitiveness {
    font-size: 12px;
    font-weight: 700;
    color: #a3dedd;
    text-align: center;
    padding-top: 1.37rem
}

.competition_show .competition_show_chart .competitive_text {
    font-size: 58px;
    color: #363636;
    padding-top: 1.9rem;
    text-align: center
}

.competition_show .competition_show_chart .rank {
    font-size: 11px;
    background-color: #74c8cb;
    padding: .1rem .3rem;
    display: inline-block;
    color: #fff;
    border-radius: 25px;
    margin: .5rem auto 0
}

.competition_show .competition_show_chart .evaluate_time {
    font-size: 10px;
    color: #92ced5;
    text-align: center;
    padding-top: .2rem
}

.competitive_top_info .work_card {
    height: 1.2rem;
    margin: 0 40px;
    background-color: #fff;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .09);
    position: relative
}

.competitive_top_info .work_card_shadow {
    box-shadow: 0 5px 19px 0 rgba(235, 233, 233, .8);
    height: 1.235rem;
    width: 94%;
    margin-left: 3%;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -1.12rem;
    z-index: 199
}

.competitive_top_info .work_card .work_type {
    margin: 0 .2rem;
    padding-top: .25rem;
    overflow: hidden
}

.competitive_top_info .work_card .work_type span:first-child {
    font-size: 16px;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.competitive_top_info .work_card .work_type span:last-child {
    color: #fc703e;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle
}

.competitive_top_info .work_card p {
    font-size: 13px;
    color: #797979;
    margin-left: .36rem;
    padding-top: .17rem
}

.competitive_top_info .work_card .tag {
    margin-left: .2rem;
    padding-top: .05rem;
    position: relative
}

.competitive_top_info .work_card .tag span {
    font-size: 13px;
    color: #797979;
    display: inline-block;
    padding-right: .2rem;
    text-align: center
}

.competitive_top_info .work_card .tag span:after {
    content: "";
    border-right: 1px solid #efeff3;
    position: relative;
    left: 6px
}

.competitive_top_info .work_card .tag span:last-child:after {
    border: none
}

.competitive_top_info .work_card .work-postimg {
    width: 46px;
    height: 16px;
    margin: 0 20px 0 10px
}

.chart_title {
    position: relative;
    padding: .2rem 0 .2rem .24rem;
    border-bottom: 1px solid #eef0f5
}

.chart_title img {
    height: .75rem;
    vertical-align: middle
}

.chart_title > div {
    display: inline-block;
    vertical-align: middle;
    margin-left: .4rem;
    width: 75%;
    position: relative
}

.chart_title div p:first-child {
    font-size: 16px;
    margin-bottom: .1rem;
    font-weight: 700
}

.chart_title div p:last-child {
    font-size: 15px;
    color: #aaa;
    min-height: 35px
}

.chart_title div p span.red {
    color: #ff6223
}

.highcharts-xaxis-labels:nth-child(2n) {
    width: 15px
}

#competitive-main .border {
    width: 100%;
    height: 12px;
    background-color: #fff
}

#competitive-main .chart_title.mt_70 {
    margin-top: .7rem
}

#competitive-main .bottom_height {
    margin-top: .8rem
}

#competitive-main .bar_title_one_row {
    font-size: 12px;
    line-height: .31rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1rem;
    text-align: right
}

#competitive-main .contaract_wrap {
    color: #515151;
    position: relative
}

#competitive-main .contaract_wrap.h_62 {
    height: .62rem
}

#competitive-main .hoz_bar {
    height: .31rem;
    background-color: #ededed;
    width: 4.96rem;
    position: absolute;
    border-radius: 50px;
    margin-left: 1.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#competitive-main .contaract_wrap.h_31 {
    height: .31rem
}

#competitive-main .hoz_bar .bar_show {
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(-90deg, #3266c8, #00d4fa);
    border-radius: 50px;
    -webkit-animation: move 1s ease
}

#competitive-main .hoz_bar .bar_show .percent {
    position: absolute;
    height: .31rem;
    line-height: .35rem;
    left: 100%;
    color: #1791e5;
    font-size: 12px;
    margin-left: .05rem
}

#competitive-main .bar_title_two_row {
    font-size: 10px;
    text-align: right;
    position: absolute;
    top: .1rem;
    left: 0;
    width: 1.1rem
}

#competitive-main .bar_title_two_row p:last-child {
    position: relative;
    top: -8px
}

#competitive-main .contaract_wrap.mb_50 {
    margin-bottom: .5rem
}

#competitive-main .contaract_wrap.mb_45 {
    margin-bottom: .45rem
}

#competitive-main .contaract_wrap.mt_82 {
    margin-top: .5rem
}

#competitive-main .contract_mark {
    width: 5.04rem;
    height: .26rem;
    margin-top: .25rem;
    margin-left: 1.15rem;
    display: block
}

#competitive-main .start_chat {
    width: 1.6rem;
    height: .74rem;
    margin-top: .29rem;
    margin-left: 4.99rem;
    display: none
}

#competitive-main .start-chat {
    text-align: right;
    font-size: 13px;
    padding: 10px 40px 0;
    cursor: pointer;
    display: none;
    float: right
}

#competitive-main .border.mt_48 {
    margin-top: .48rem
}

#competitive-main .match_mark {
    width: 5.3rem;
    position: absolute;
    height: 4.79rem;
    top: 0;
    left: 0;
    z-index: 10
}

#competitive-main .match_wrap {
    margin-left: .8rem;
    margin-top: 1rem;
    position: relative;
    height: 4.79rem;
    margin-bottom: .6rem
}

#competitive-main .ver_bar {
    width: .45rem;
    border-radius: 50px;
    position: absolute;
    bottom: .44rem;
    z-index: 100;
    height: 0
}

#competitive-main .ver_bar.match {
    background-image: linear-gradient(-180deg, #ef3e67, #ef793e)
}

#competitive-main .ver_bar .percent {
    position: absolute;
    left: 50%;
    top: -.3rem;
    color: #ef4a40;
    font-size: 12px;
    -webkit-transform: translate(-50%);
    transform: translate(-41%)
}

#competitive-main .ver_bar.lf_10 {
    left: .7rem
}

#competitive-main .ver_bar.lf_20 {
    left: 1.85rem
}

#competitive-main .ver_bar.lf_30 {
    left: 3.05rem
}

#competitive-main .ver_bar.lf_40, #competitive-main .ver_bar.lf_50 {
    left: 4.2rem
}

#competitive-main .here {
    position: absolute;
    font-size: 11px;
    color: #fff;
    width: 1.1rem;
    border-radius: 50px;
    text-align: center;
    line-height: 11px;
    padding-top: .1rem;
    padding-bottom: .1rem;
    display: none
}

#competitive-main .here[class*=match]:after {
    display: block;
    content: "";
    border: 5px solid transparent;
    border-top-color: #6d66fe;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -4px
}

#competitive-main .here.match {
    left: -.35rem;
    margin-top: -.65rem;
    background-image: linear-gradient(-90deg, #678afe, #9967fe);
    top: -.21rem
}

#competitive-main .qua_wrap {
    position: relative;
    margin-left: .6rem;
    margin-top: 1rem;
    height: 4.85rem
}

#competitive-main .qul_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.62rem;
    height: 4.85rem
}

#competitive-main .ver_bar.qul {
    background-image: linear-gradient(0deg, #c2caff, #5528e6)
}

#competitive-main .ver_bar .percent.qul {
    color: #5b6fd3
}

#competitive-main .ver_bar.lf_11 {
    left: .6rem
}

#competitive-main .ver_bar.lf_21 {
    left: 1.67rem
}

#competitive-main .ver_bar.lf_31 {
    left: 2.79rem
}

#competitive-main .ver_bar.lf_41 {
    left: 3.9rem
}

.ver_bar.lf_51 {
    left: 5rem
}

.work_exp_wrap {
    color: #515151;
    position: relative;
    height: .31rem;
    margin-bottom: .6rem
}

.work_exp_wrap.mt_60 {
    margin-top: 1rem
}

.work_exp_wrap.mb_60 {
    margin-bottom: .6rem
}

.bar_show.work_exp {
    background-image: linear-gradient(90deg, #8deaa3, #29d183)
}

.bar_show.work_exp .percent {
    color: #29d183
}

.here.work_exp {
    background-image: linear-gradient(-90deg, #29c0ce, #82def8);
    top: -100%;
    margin-top: -.15rem;
    right: -.65rem
}

.here[class*=work_exp]:after {
    display: block;
    content: "";
    border: 5px solid transparent;
    border-top-color: #29c0ce;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -4px
}

.sal_wrap {
    position: relative;
    margin-left: .6rem;
    margin-top: 1rem;
    height: 4.71rem
}

.sal_wrap .Xtext {
    position: absolute;
    top: 4.71rem;
    left: 0;
    font-size: 14px
}

.sal_wrap .Xtext span:first-child {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: .6rem
}

.sal_wrap .Xtext span:nth-child(2) {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: 1.67rem
}

.sal_wrap .Xtext span:nth-child(3) {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: 2.7rem
}

.sal_wrap .Xtext span:nth-child(4) {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: 3.8rem
}

.sal_wrap .Xtext span:nth-child(5) {
    position: absolute;
    width: 1.5rem;
    top: 0;
    left: 4.85rem
}

.sal_wrap .sul_mark {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.63rem;
    height: 4.71rem
}

.ver_bar.sal {
    background-image: linear-gradient(180deg, #fdb926, #fee9a8)
}

.ver_bar .percent.sal {
    color: #fdb926
}

.here.sal {
    top: -.21rem;
    left: -.425rem;
    background-image: linear-gradient(90deg, #21bf68, #70d95a);
    margin-top: -.65rem
}

.here[class*=sal]:after {
    display: block;
    content: "";
    border: 5px solid transparent;
    border-top-color: #42cb59;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -4px
}

.peak_wrap {
    margin: .36rem auto 0;
    height: 1.46rem;
    position: relative;
    width: 6.38rem;
    overflow: hidden
}

.peak_wrap .no_active {
    width: 2.02rem;
    height: 1.46rem;
    position: absolute
}

.peak_wrap .active {
    width: 2.45rem;
    height: 1.46rem;
    position: absolute
}

.peak_wrap img:first-child {
    top: 0;
    left: 0
}

.peak_wrap img:nth-child(2) {
    top: 0;
    left: 1.86rem
}

.peak_wrap img:nth-child(3) {
    top: 0;
    left: 3.1rem
}

.peak_wrap img:nth-child(4) {
    top: 0;
    left: 4.34rem
}

.peak_text_wrap {
    font-size: 14px;
    margin: .2rem auto .6rem .5rem;
    text-align: center
}

.peak_text_wrap span {
    display: inline-block;
    width: 1.4rem;
    text-align: left;
    font-weight: 700;
    box-sizing: border-box
}

.peak_text_wrap span:last-child {
    margin-right: 0
}

#competitive-main .sub_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    background-color: #fff;
    height: 1.31rem;
    line-height: 1.31rem
}

#competitive-main .sub {
    background-color: #53cac3;
    color: #fff;
    font-size: 16px;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    padding: .29rem 0;
    line-height: 16px;
    border-radius: 8px;
    margin-top: .2rem
}

#competitive-main .footer {
    height: 1.31rem;
    margin: 0 40px
}

#competitive-main .footer-line {
    border-top: 1px dashed #e5e5e5;
    position: relative;
    top: .6rem;
    text-align: center
}

#competitive-main .footer-line span {
    display: inline-block;
    position: relative;
    top: -.17rem;
    padding: 0 .05rem;
    font-size: .14rem;
    color: #363636;
    background: #fff
}

#competitive-main .tip {
    display: inline-block;
    width: .29rem;
    height: .29rem;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/tip.f8a0bdb5.png);
    background-size: contain;
    position: relative;
    vertical-align: middle;
    margin-right: 5px
}

#competitive-main .tip span {
    position: absolute;
    top: .54rem;
    left: -.89rem;
    width: 5.55rem;
    height: 1.62rem;
    background-color: #333;
    border-radius: 50px;
    color: #fff;
    line-height: .5rem;
    padding-left: .2rem;
    padding-top: .1rem;
    padding-right: .2rem;
    z-index: 2000;
    display: none
}

#competitive-main .tip span:before {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #333;
    display: inline-block;
    position: absolute;
    top: -.28rem;
    left: .85rem
}

#competitive-main .highcharts-xaxis-grid path:nth-child(2n) {
    stroke: #fd1e77
}

#competitive-main .m_t_8 {
    margin-top: .8rem
}

#competitive-main .stopImg {
    position: absolute;
    top: 17px;
    right: 120px;
    z-index: 10
}

#competitive-main {
    background: #fff;
    width: 100%;
    overflow: hidden;
    min-width: 750px;
    min-height: 500px;
    margin: 0 auto
}

#competitive-main .row-box {
    display: flex;
    margin: 0 40px;
    background: #fff
}

#competitive-main .row-box .row-one {
    width: 49%;
    background: #f9fafc;
    margin: 0 12px 0 0;
    flex-shrink: 0
}

#competitive-main .row-box .row-two {
    flex: 1;
    background: #f9fafc;
    margin: 0
}

#competitive-main .row-box .row-two .row-bottom {
    box-sizing: border-box;
    border-top: 10px solid #fff
}

#competitive-main .chart_title .title_right_info {
    position: absolute;
    right: .4rem;
    top: .2rem;
    width: auto;
    font-size: .2rem;
    text-align: right
}

#competitive-main .chart_title .right_info_num {
    margin-top: -2px;
    font-size: .3rem;
    display: inline-block
}

#competitive-main .right_info {
    position: absolute;
    right: .2rem;
    top: .2rem;
    font-size: .16rem;
    text-align: right
}

#competitive-main .right_info div {
    margin-bottom: .1rem
}

#competitive-main .right_info div:first-child {
    font-size: 14px
}

#competitive-main .right_info div img {
    border-radius: 50%;
    width: .22rem;
    height: .22rem;
    position: relative;
    top: .05rem;
    margin-right: 10px
}

#competitive-main .competitive-header {
    margin: 31px 45px 0
}

#competitive-main .competitive-header h1 {
    display: inline-block;
    font-size: .26rem;
    margin-right: .05rem
}

#competitive-main .competitive-header .competitive-time {
    font-size: .14rem;
    color: #9fa3b0;
    display: inline-block;
    margin-left: 15px
}

#competitive-main .competitive-header .competitive-label {
    float: right;
    height: 23px;
    background: #5dd5c8;
    border-radius: 100px;
    line-height: 23px;
    font-size: 12px;
    color: #fff;
    padding: 0 12px;
    margin: 18px 0 0
}

#competitive-main .dialog-con {
    font-size: 14px
}

.resume-analyze {
    width: 1200px;
    margin: 20px auto;
    background: #fff;
    box-sizing: border-box;
    padding: 30px 0 0;
    min-height: calc(100vh - 90px);
    border-radius: 12px;
    overflow: hidden
}

.resume-analyze * {
    box-sizing: border-box
}

.resume-analyze .progess-container {
    padding: 0 30px
}

.resume-analyze .progess-title {
    font-size: 20px;
    font-weight: 500;
    color: #414a60;
    line-height: 28px;
    margin-bottom: 8px
}

.resume-analyze .progress-info {
    font-size: 14px;
    color: #61687c;
    line-height: 20px;
    margin-bottom: 10px
}

.resume-analyze .progress-bar {
    position: relative;
    float: none;
    width: 100%;
    height: 10px;
    background: #f8f8f8;
    border-radius: 8px;
    margin-bottom: 28px
}

.resume-analyze .progress-bar .progress-content {
    width: 25%;
    height: 10px;
    transition: all .2s;
    background: #00bebd;
    border-radius: 8px
}

.resume-analyze .progress-bar .text-count {
    position: absolute;
    top: -34px;
    right: 0;
    color: #414a60;
    font-size: 18px;
    line-height: 25px
}

.resume-analyze .progress-bar .text-count em {
    color: #00c2b3;
    font-style: normal
}

.resume-analyze .progress-tool {
    font-size: 14px;
    width: 770px;
    height: 40px;
    display: flex;
    margin-bottom: 20px
}

.resume-analyze .resume-box {
    .item-form .ui-form {
        margin: 0
    }
}

.resume-analyze-btns {
    .btn {
        font-size: 14px;
        color: #00a6a7;
        line-height: 20px;
        padding: 7px 19px;
        border-radius: 4px;
        border: 1px solid #00bebd;
        transition: all .2s linear;
        background: transparent;

        &:hover {
            background: rgba(0, 190, 189, .1)
        }
    }

    .btn-primary {
        background: #00bebd;
        color: #fff;
        border: 1px solid #00bebd;

        &:hover {
            background: rgba(0, 190, 189, .8);
            border: 1px solid rgba(0, 190, 189, .8)
        }
    }
}

.resume-analyze .onlyOneItem {
    height: 28px
}

.resume-analyze .progress-tool .item {
    flex: 1;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    margin: 0 10px
}

.resume-analyze .progress-tool .threeItemClass {
    width: 238px
}

.resume-analyze .progress-tool .twoItemClass {
    width: 370px
}

.resume-analyze .progress-tool .oneItemClass {
    justify-content: left;
    font-size: 20px;
    height: 28px;
    color: #414a60;
    font-weight: 400;
    background: none !important
}

.resume-analyze .progress-tool .item:first-child {
    margin-left: 0
}

.resume-analyze .progress-tool .item:last-child {
    margin-right: 0
}

.resume-analyze .progress-tool .item:after, .resume-analyze .progress-tool .item:before {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #fff;
    border-width: 20px 15px;
    width: 0;
    height: 0
}

.resume-analyze .progress-tool .item:before {
    left: -15px
}

.resume-analyze .progress-tool .item:after {
    left: 100%
}

.resume-analyze .progress-tool .hasHandle:before {
    border-color: #b4e5e3 #b4e5e3 #b4e5e3 transparent
}

.resume-analyze .progress-tool .hasHandle:after {
    border-color: transparent transparent transparent #b4e5e3
}

.resume-analyze .progress-tool .isHandleIng:before {
    border-color: #5dd5c8 #5dd5c8 #5dd5c8 transparent
}

.resume-analyze .progress-tool .isHandleIng:after {
    border-color: transparent transparent transparent #5dd5c8
}

.resume-analyze .progress-tool .noHandle:before {
    border-color: #fff #fff #fff transparent
}

.resume-analyze .progress-tool .noHandle:after {
    border-color: transparent transparent transparent #fff
}

.resume-analyze .progress-tool .firstStep:before, .resume-analyze .progress-tool .lastStep:after {
    display: none
}

.resume-analyze .progress-tool .item .icon-analyze-check {
    margin-left: 5px;
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-has-handle.7f41d6ec.png) no-repeat;
    background-size: cover
}

.resume-analyze .progress-tool .hasHandle {
    background: #b4e5e3
}

.resume-analyze .progress-tool .isHandleIng {
    background: #5dd5c8
}

.resume-analyze .progress-tool .noHandle {
    background: #fff;
    color: #8d92a1
}

.resume-analyze .main-content {
    background: #f8f9fb;
    border-radius: 12px
}

.resume-analyze .main-content .experence {
    padding-top: 20px
}

.resume-analyze .data-tips {
    min-height: calc(100vh - 434px);
    height: auto
}

.resume-analyze .main-content .project-experence {
    height: 599px
}

.resume-analyze .main-content .experence .title {
    margin-bottom: 20px;
    display: flex;
    font-weight: 500
}

.resume-analyze .main-content .experence .title .text {
    font-size: 16px;
    color: #414a60;
    margin-right: 10px
}

.resume-analyze .main-content .experence .title .progress-number {
    font-size: 18px;
    color: #00c2b3
}

.resume-analyze-btns {
    text-align: right;
    padding-bottom: 24px
}

.resume-analyze-btns button:last-child {
    margin-left: 20px
}

.industry-category {
    box-sizing: content-box
}

.resume-analyze .main-content .item-form {
    width: 840px;
    margin: 0 auto;
    padding: 20px 0 0
}

.resume-analyze .resume-box .item-form .form-item {
    margin-bottom: 25px;
    width: 400px;
    padding: 0
}

.resume-analyze .resume-box .item-form .form-item:nth-child(2n) {
    margin-left: 40px
}

.resume-analyze .resume-box .item-form .form-item.form-item-full {
    margin-left: 0
}

.resume-analyze .datepicker-wrap .prefix-totoday {
    top: 6px;
    min-width: 100px
}

.resume-analyze .textarea-container {
    position: relative;
    width: 660px
}

.resume-analyze .scope-selecter .scope-select .ui-select-selection .ui-select-inner {
    padding: 6px 8px 5px
}

.resume-analyze .scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
    margin-left: 0
}

.resume-analyze .parser-describe-container .input-wrap-textarea {
    width: 100%;
    height: 200px
}

.resume-analyze .parser-describe-container .input-wrap-textarea textarea {
    height: 200px
}

.resume-analyze .resume-box .resume-project .item-form .form-item.form-item-full .item-content .date-scope .scope-separator {
    width: 40px
}

.resume-analyze .main-content .experence .item-line {
    display: flex;
    width: 664px;
    margin-bottom: 20px
}

.resume-analyze .main-content .experence .item-line .input-container {
    width: 316px;
    margin-right: 32px
}

.resume-analyze .main-content .experence .item-line .input-container .common-title {
    margin-bottom: 4px
}

.resume-analyze .main-content .experence .item-line .input-container .input-errpr-warp {
    position: relative
}

.resume-analyze .main-content .experence .item-line .input-container .input {
    width: 316px;
    height: 38px;
    background: #fff;
    border: 1px solid #e3e7ed;
    padding: 7px 14px;
    font-size: 14px;
    min-width: 0
}

.resume-analyze .main-content .experence .item-line .input-container .input:focus {
    border-color: #59cac2;
    box-shadow: 1px 2px 3px #d7f4f1
}

.datepicker-pannel {
    z-index: 120
}

.select-date-wrap-small {
    margin-right: 0 !important;
    position: relative
}

.select-date-wrap-small .date-picker-small .input-wrap, .select-date-wrap-small .date-picker-small .ipt {
    min-width: 110px;
    width: 137px;
    line-height: 26px
}

.select-date-wrap-small .date-picker-small .input-wrap input {
    width: 100% !important
}

.select-date-wrap-small .to {
    margin: 0 10px
}

.select-date-wrap-big {
    display: flex;
    position: relative
}

.select-date-wrap-big .ipt {
    width: 316px;
    line-height: 26px
}

.project-experence .to {
    margin: 0 10px;
    line-height: 37px
}

.resume-analyze .main-content .industry-name-container {
    position: relative
}

.resume-analyze .main-content .industry-name__container .input {
    padding-right: 60px;
    overflow: hidden;
    text-overflow: ellipsis
}

.resume-analyze .main-content .industry-name__container .forecast-icon {
    position: absolute;
    width: 32px;
    top: 50%;
    right: 20px;
    margin-top: -9px;
    z-index: 9
}

.resume-analyze .resume-box .item-form .skill-tag__container .ui-select-inner {
    height: auto
}

.resume-analyze .main-content .skill-tag__container .forecast-icon {
    position: absolute;
    width: 32px;
    top: 50%;
    right: 30px;
    margin-top: -9px;
    z-index: 9
}

.resume-analyze .main-content .personal-better {
    height: 500px
}

.resume-analyze .main-content .personal-better .padding-line {
    height: 10px;
    width: 770px;
    background: #eff0f5;
    margin-left: -53px
}

.resume-analyze .main-content .personal-better .origin-describe-container {
    height: 190px
}

.resume-analyze .main-content .personal-better .describe-title {
    font-size: 16px;
    font-weight: 500;
    color: #414a60;
    margin-bottom: 4px
}

.resume-analyze .main-content .personal-better .origin-describe-container .content {
    width: 664px;
    height: 140px;
    background: #f8f9fb;
    padding: 14px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #414a60;
    overflow-y: scroll
}

.resume-analyze .main-content .personal-better .parser-describe-container {
    height: 280px;
    padding-top: 20px;
    position: relative
}

.resume-analyze .main-content .personal-better .parser-describe-container .ipt {
    height: 140px;
    padding: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #414a60;
    line-height: 20px
}

.resume-analyze .main-content .personal-better .parser-describe-container .error-tips {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 20px;
    color: #9fa3b0
}

.resume-analyze .main-content .personal-better .parser-describe-container .error-tips .icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-error.4af2d3d7.png) no-repeat;
    background-size: cover
}

.resume-analyze .main-content .personal-better .parser-describe-container .textarea-container {
    position: relative;
    width: 840px;
    margin: 0 auto
}

.resume-analyze .main-content .personal-better .parser-describe-container .count-number {
    bottom: -24px;
    position: absolute;
    right: 0;
    color: #9fa3b0
}

.resume-analyze .dialog-warp {
    position: fixed;
    background: rgba(0, 0, 0, .4);
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.resume-analyze .finsh-modal .container {
    width: 460px;
    height: 180px;
    background: #fff;
    z-index: 99999;
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translateX(-50%)
}

.resume-analyze .finsh-modal .container .title {
    padding: 30px 0 2px 30px;
    font-size: 15px;
    font-weight: 400;
    color: #414a60;
    display: flex;
    align-items: center
}

.resume-analyze .finsh-modal .container .title .ok-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-finsh.f6561814.png) no-repeat;
    margin-right: 20px
}

.resume-analyze .finsh-modal .container .text-msg {
    font-size: 13px;
    font-weight: 400;
    color: #61687c;
    padding-left: 72px;
    margin-bottom: 38px;
    text-align: left
}

.resume-analyze .finsh-modal .container .goToResume {
    width: 120px;
    height: 34px;
    background: #5dd5c8;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-left: 310px;
    cursor: pointer
}

.resume-analyze .similar-modal .container {
    width: 670px;
    height: 507px;
    background: #fff;
    z-index: 99999;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    padding: 24px 0 0 30px
}

.resume-analyze .similar-modal .isProjectExperience {
    height: 443px
}

.resume-analyze .similar-modal .isEducateExperience {
    height: 350px
}

.resume-analyze .similar-modal .container .icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.resume-analyze .similar-modal .container .title {
    font-size: 18px;
    font-weight: 400;
    color: #414a60
}

.resume-analyze .similar-modal .container .content {
    width: 610px;
    height: 364px;
    background: #f8f9fb;
    overflow-y: scroll;
    padding: 20px;
    margin-bottom: 20px
}

.resume-analyze .similar-modal .isProjectExperience .content {
    height: 300px
}

.resume-analyze .similar-modal .isEducateExperience .content {
    height: 92px;
    margin-bottom: 135px;
    overflow: hidden
}

.resume-analyze .similar-modal .isEducateExperience .title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #414a60
}

.resume-analyze .similar-modal .isEducateExperience .educate {
    font-size: 15px;
    font-weight: 500;
    color: #414a60
}

.resume-analyze .similar-modal .isEducateExperience .educate .scholl {
    font-size: 15px
}

.resume-analyze .similar-modal .isEducateExperience .educate .year {
    font-size: 12px;
    font-weight: 400;
    color: #8d92a1
}

.resume-analyze .similar-modal .isEducateExperience .educate .line {
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #e0e0e0;
    margin: 0 20px;
    vertical-align: middle
}

.resume-analyze .similar-modal .isEducateExperience .educate .degree {
    font-size: 14px
}

.resume-analyze .similar-modal .isEducateExperience .educate .degree, .similar-modal .isEducateExperience .educate .major {
    vertical-align: middle
}

.resume-analyze .similar-modal .container .content .first-line-title .name {
    font-size: 15px;
    font-weight: 500;
    color: #414a60;
    margin-right: 20px
}

.resume-analyze .similar-modal .container .content .first-line-title .time {
    font-size: 12px;
    font-weight: 400;
    color: #8d92a1
}

.resume-analyze .similar-modal .container .content .second-line-title {
    margin: 8px 0;
    font-size: 15px;
    font-weight: 500;
    color: #414a60;
    display: flex;
    align-items: center
}

.resume-analyze .similar-modal .container .content .second-line-title .line {
    margin: 0 20px;
    width: 1px;
    height: 13px;
    background: #e0e0e0
}

.resume-analyze .similar-modal .container .content .describe .describe-title {
    font-weight: 500
}

.resume-analyze .similar-modal .container .content .describe .describe-content {
    color: #61687c;
    line-height: 24px;
    word-break: break-all;
    word-wrap: break-word
}

.resume-analyze .similar-modal .container .content .second-describe {
    margin-top: 30px
}

.resume-analyze .similar-modal .container .emphasis {
    display: flex;
    margin-top: 20px
}

.resume-analyze .similar-modal .container .emphasis-item {
    padding: 0 15px;
    border-radius: 10px;
    border: 1px solid #8d92a1;
    font-size: 12px;
    font-weight: 400;
    color: #8d92a1;
    margin-right: 10px;
    height: 20px;
    line-height: 20px
}

.resume-analyze .similar-modal .buttons {
    display: flex;
    justify-content: flex-end;
    text-align: center;
    line-height: 34px
}

.resume-analyze .similar-modal .buttons button:last-child {
    margin: 0 30px 0 20px
}

.dialog-report-type-list .dialog-container {
    margin: 0;
    transform: translate(-50%, -50%);
    width: 660px;
    border-radius: 12px;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    z-index: 1003;
    box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}

.dialog-report-type-list .dialog-title .title {
    padding: 30px 40px 12px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px
}

.dialog-report-type-list .dialog-con {
    padding-bottom: 20px;
    max-height: 500px;
    overflow: auto
}

.dialog-report-type-list .dialog-con .type-list .type-item {
    padding: 0 24px;
    font-weight: 400;
    margin: 0 16px;
    cursor: pointer;
    border-radius: 12px;
    transition: all .2s linear
}

.dialog-report-type-list .dialog-con .type-list .type-item:hover {
    background: #f7f7f7
}

.dialog-report-type-list .dialog-con .type-list .type-item:hover .right-icon {
    background-position: -6px -8px
}

.dialog-report-type-list .dialog-con .type-list .type-item .type-item-inner {
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .first-title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 20px
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .second-title {
    font-size: 12px;
    color: #666;
    margin-top: 8px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 546px
}

.dialog-report-type-list .dialog-con .type-list .type-item-inner .right-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.dialog-report-type-second .dialog-con {
    margin-top: 25px
}

.dialog-report-type-list .dialog-con .my-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 30px 40px 12px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px;
    border-radius: 12px 12px 0 0;
    background: #fff
}

.dialog-report-type-list .dialog-con .back-to-first {
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    transition: all .2s linear
}

.dialog-report-type-list .dialog-con .back-to-first:after {
    content: " ";
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 3px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 1px;
    transform: rotate(45deg)
}

.dialog-report-type-list .dialog-con .back-to-first:hover {
    background: #00bebd
}

.dialog-report-type-list .dialog-con .my-title .title-text {
    margin-left: 8px
}

.pop-report .dialog-container {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    z-index: 1003;
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    margin: 0;
    width: 610px;
    transform: translate(-50%, -50%);
    border-radius: 12px;
    background: #fff url(https://img.bosszhipin.com/static/file/2022/07ye2wi0b01663661547292.png) 0 0/100% auto no-repeat
}

.pop-report .dialog-con {
    padding: 0
}

.pop-report .icon-close:after, .pop-report .icon-close:before {
    background: #777
}

.pop-report .dialog-con .prop-inner {
    padding: 0 29px 0 43px;
    max-height: calc(100vh - 178px);
    overflow: overlay;
    overflow: auto
}

.pop-report .dialog-con .my-title {
    display: flex;
    align-items: center;
    padding: 30px 43px 18px;
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 33px
}

.pop-report .dialog-con .back-to-first {
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
    transition: all .2s linear
}

.pop-report .dialog-con .back-to-first:after {
    content: " ";
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 3px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: 1px;
    transform: rotate(45deg)
}

.pop-report .dialog-con .back-to-first:hover {
    background: #00bebd
}

.pop-report .dialog-con .my-title .title-text {
    margin-left: 8px
}

.pop-report .dialog-footer {
    margin: 0 30px 30px 0
}

.pop-report .dialog-footer .btns .btn {
    border-radius: 6px;
    margin-left: 17px;
    padding: 3px 18px;
    transition: all .2s linear;
    height: 32px;
    line-height: 32px;
    min-width: 42px;
    font-size: 14px;
    box-sizing: content-box
}

.pop-report .dialog-footer .btns .btn-outline:hover {
    padding: 3px 18px;
    height: 32px;
    line-height: 32px;
    border-width: 1px;
    background: rgba(0, 190, 189, .1)
}

.pop-report .dialog-footer .btn-sure {
    color: #fff;
    background: #00bebd;
    border-color: #00bebd
}

.pop-report .dialog-footer .btn-sure:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.pop-report .dialog-footer .btn-sure.btn-disabled {
    cursor: not-allowed;
    opacity: .5
}

.pop-report .form-row + .form-row {
    margin-top: 30px
}

.pop-report .form-row .t {
    float: left;
    width: 113px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    padding-top: 10px
}

.pop-report .form-row .t-pic {
    padding-top: 38px
}

.pop-report .form-row .require-icon {
    color: #fe574a
}

.pop-report .form-row .report-first-title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    padding-top: 12px
}

.pop-report .form-row dd {
    display: inline-block
}

.pop-report .ipt-wrap {
    display: block;
    margin-left: 113px
}

.pop-report .ipt-wrap .ipt {
    padding: 11px 16px;
    border: 1px solid #d4d5d6;
    border-radius: 4px;
    min-width: auto;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    transition: all .2s linear
}

.pop-report .ipt-wrap .ipt:focus, .pop-report .ipt-wrap .ipt:hover {
    border-color: #00bebd;
    box-shadow: none
}

.pop-report .ipt-wrap textarea {
    height: 122px;
    resize: none;
    display: block
}

.pop-report input::-webkit-input-placeholder, .pop-report textarea::-webkit-input-placeholder {
    color: #999
}

.pop-report input::-ms-input-placeholder, .pop-report textarea:-ms-input-placeholder {
    color: #999
}

.pop-report input:-moz-placeholder, .pop-report input::-moz-placeholder, .pop-report textarea:-moz-placeholder, .pop-report textarea::-moz-placeholder {
    color: #999
}

.pop-report .form-row-choice .expand-btn {
    width: 18px;
    height: 18px;
    margin-left: 8px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: 7px;
    right: 0;
    border: 1px solid #00bebd;
    box-sizing: border-box;
    transition: all .2s linear
}

.pop-report .form-row-choice .expand-btn:hover {
    border-color: rgba(0, 166, 167, .8)
}

.pop-report .form-row-choice .expand-btn:hover:before {
    border-color: transparent transparent rgba(0, 166, 167, .8) rgba(0, 166, 167, .8)
}

.pop-report .form-row-choice.is-pack .expand-btn:before {
    transform: rotate(-45deg);
    margin-top: -3px
}

.pop-report .form-row-choice.is-pack .report-second-title-list {
    max-height: 42px
}

.pop-report .form-row-choice .expand-btn:before {
    content: " ";
    display: block;
    width: 4px;
    height: 4px;
    margin-left: 0;
    margin-top: 3px;
    border-color: transparent transparent #00bebd #00bebd;
    border-style: solid;
    border-width: 1px;
    transform: rotate(135deg)
}

.pop-report .form-row-choice, .pop-report .form-row-choice + .form-row-choice {
    margin-top: 20px
}

.pop-report .form-row .choice-t-warp {
    position: relative
}

.pop-report .fact-sheet-title {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    font-weight: 500;
    display: block;
    margin-top: 30px
}

.pop-report .select-option-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 390px;
    margin-bottom: -10px;
    margin-left: -12px;
    margin-right: -12px;
    padding-top: 10px
}

.pop-report .select-option-list li {
    position: relative;
    max-width: 152px;
    font-size: 14px;
    color: #333;
    margin: 0 12px 8px
}

.pop-report .select-option-list li.show-tooltip .option-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pop-report .select-option-list li .option-name {
    position: relative;
    display: block;
    line-height: 20px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 24px;
    cursor: pointer;
    transition: all .2s linear
}

.pop-report .select-option-list.is-multiple li .option-name:before {
    border-radius: 4px
}

.pop-report .select-option-list.is-multiple li.is-check .option-name:after {
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    content: "";
    height: 8px;
    width: 4px;
    top: 4px;
    left: 5px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-sizing: content-box;
    border-radius: 0;
    background: none
}

.pop-report .select-option-list li.is-check .option-name:after {
    content: " ";
    position: absolute;
    top: 7px;
    left: 5px;
    z-index: 2;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100%
}

.pop-report .select-option-list li.is-check .option-name:before {
    background: #00bebd;
    border: 1px solid #00bebd
}

.pop-report .select-option-list li .option-name:before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #d4d5d6;
    box-sizing: border-box
}

.pop-report .select-option-list li .option-name:hover:before {
    border-color: #00bebd
}

.pop-report .select-option-list li.show-extra .extra-input {
    display: block
}

.pop-report .select-option-list li.show-extra:before {
    content: " ";
    position: absolute;
    z-index: 10;
    top: 21px;
    border-radius: 2px;
    left: 50%;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #d4d5d6;
    border-right: 1px solid #d4d5d6;
    border-color: #d4d5d6 transparent transparent #d4d5d6;
    border-style: solid;
    border-width: 1px;
    background: #fff;
    transform: rotate(45deg)
}

.pop-report .select-option-list li .extra-input {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    width: 410px;
    height: 49px;
    z-index: 9;
    background: #fff
}

.pop-report .select-option-list li .extra-input input {
    outline: none;
    border: 1px solid #d4d5d6;
    width: 100%;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: 20px;
    box-sizing: border-box
}

.pop-report .select-option-list li .extra-input input:focus, .pop-report .select-option-list li .extra-input input:hover {
    border: 1px solid #d4d5d6;
    box-shadow: none
}

.pop-report .report-second-title-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 390px;
    overflow: hidden;
    margin-bottom: -10px
}

.pop-report .report-second-title-list .second-title-item {
    overflow: visible;
    margin: 0 10px 10px 0
}

.pop-report .report-second-title-list .second-title {
    font-size: 14px;
    color: #1d2129;
    line-height: 20px;
    padding: 5px 15px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d4d5d6;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap
}

.pop-report .tooltip-black-title {
    background: #464646;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1011;
    transform: translate(-50%);
    word-break: break-all;
    max-width: 300px
}

.pop-report .report-second-title-list .second-title:hover {
    background: #e5f9f8;
    border: 1px solid #00bebd
}

.pop-report .report-second-title-list .second-title.active {
    color: #00a6a7;
    background: #e5f9f8;
    border: 1px solid #00bebd;
    font-weight: 500
}

.pop-report .report-second-title-list .second-title-item.has-arrow {
    position: relative
}

.pop-report .report-second-title-list .second-title-item.has-arrow:after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 34px;
    margin-left: -4px;
    border: 4px solid transparent;
    border-bottom-color: #f2f2f2
}

.pop-report .third-title-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 390px;
    box-sizing: border-box;
    padding: 10px 10px 0;
    margin-top: 10px;
    background: #f2f2f2;
    border-radius: 8px;
    overflow: hidden
}

.pop-report .third-title-list .third-title {
    position: relative;
    font-size: 14px;
    color: #1d2129;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer
}

.pop-report .third-title-list .third-title:before {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #d4d5d6;
    vertical-align: middle;
    margin-right: 8px;
    transition: all .2s linear
}

.pop-report .third-title-list .third-title.active:before, .pop-report .third-title-list .third-title:hover:before {
    border-color: #00bebd
}

.pop-report .third-title-list .third-title.active:after {
    content: " ";
    position: absolute;
    top: 6px;
    left: 4px;
    width: 10px;
    height: 10px;
    z-index: 1;
    border-radius: 100%;
    background: #00bebd
}

.pop-report .dropdown-menu ul::-webkit-scrollbar-track-piece, .pop-report textarea::-webkit-scrollbar-track-piece {
    background-color: #fff
}

.pop-report .dropdown-menu ul::-webkit-scrollbar, .pop-report textarea::-webkit-scrollbar {
    width: 4px
}

.pop-report .dropdown-menu ul::-webkit-scrollbar-thumb, .pop-report textarea::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #ddd
}

.pop-report textarea::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #ccc
}

.pop-report .count-num {
    position: absolute;
    bottom: 1px;
    right: 10px;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    z-index: 1;
    padding: 2px 0 2px 5px;
    background-color: hsla(0, 0%, 100%, .5)
}

.pop-report .count-num em {
    color: #00a6a7
}

.pop-report .form-row {
    position: relative
}

.pop-report .text-error {
    display: block;
    color: #fe574a;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    padding-left: 113px
}

.pop-report .pic-error {
    padding-left: 0
}

.pop-report a {
    color: inherit;
    *color: #9fa3b0
}

.pop-report .upload {
    display: block;
    margin-left: 113px;
    color: #00c2b3;
    position: relative
}

.pop-report .upload .upload-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
    cursor: pointer;
    margin-bottom: 8px;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #00bebd;
    transition: all .2s linear;
    box-sizing: border-box
}

.pop-report .upload .upload-btn .icon-plus {
    width: 20px;
    height: 20px;
    background: url(https://img.bosszhipin.com/static/file/2022/swxt6st5pr1671433165610.png) no-repeat;
    background-size: contain;
    display: block
}

.pop-report .upload a {
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    margin-top: 15px
}

.pop-report .upload .upload-btn:hover {
    background: rgba(0, 190, 189, .1)
}

.pop-report .upload a .icon-toast-loading {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://img.bosszhipin.com/static/file/2022/14gh9y27171671433010637.png) 50% no-repeat;
    -webkit-animation: rotate .8s linear infinite;
    animation: rotate .8s linear infinite
}

.pop-report .upload a:hover {
    color: #55cbc4
}

.pop-report .upload input {
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.pop-report .preview {
    width: 425px
}

.pop-report .preview ul {
    display: flex;
    width: 425px;
    flex-wrap: wrap;
    margin-bottom: -8px
}

.pop-report .preview li {
    position: relative;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 0 8px 8px 0;
    background-color: #9fa3b0
}

.pop-report .preview .link-close {
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background-image: url(https://img.bosszhipin.com/static/file/2022/qu1swb29as1671433103170.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100%
}

.pop-report .preview .link-close:hover {
    background-position: 0 -40px
}

.pop-report .preview img {
    max-width: 100%;
    max-height: 100%;
    display: block
}

.pop-report .verify-box {
    font-size: 0;
    vertical-align: middle
}

.pop-report .verify-box-new input {
    top: 0 !important
}

.pop-report .verify-box-new {
    position: relative;
    margin-left: 113px;
    min-height: 44px;
    background: #e8e8e8;
    border-radius: 4px
}

.pop-report .verify-box-new .verify-init-btn {
    line-height: 42px;
    height: 44px;
    border-radius: 4px
}

.pop-report .verify-box-new .verify-init-btn .verify-init-dot {
    top: 10px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind {
    height: 44px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
    top: 5px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_wait {
    margin: 12px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar {
    margin: 6px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar_btn {
    border-radius: 4px
}

.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar_tip, .pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_success_radar_tip {
    height: 44px;
    line-height: 42px;
    border-radius: 4px
}

.pop-report .verify-box-new:before {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    content: "正在加载中";
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) 100% no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 44px;
    color: #969696
}

.pop-report input:focus, .pop-report textarea:focus {
    box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
    border-color: #00d7c6
}

.pop-report .form-row.form-row-protocol {
    margin-top: 26px;
    margin-bottom: 20px
}

.pop-report .report-protocol {
    display: block;
    margin-left: 113px
}

.pop-report .report-protocol p {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px
}

.pop-report .report-protocol a {
    color: #00c4b3
}

.pop-report .report-protocol span {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 0
}

.pop-report .form-row.option-detail-row {
    display: none
}

.pop-report .btn {
    min-width: 30px;
    padding: 0 30px;
    height: 32px;
    line-height: 32px;
    color: #5dd5c8;
    font-size: 14px
}

.pop-report .report-account {
    display: flex;
    align-items: center
}

.pop-report .report-account .ipt {
    width: 210px
}

.pop-report .report-account.is-edit .ipt {
    display: block
}

.pop-report .report-account .ipt, .pop-report .report-account.is-edit .account-text {
    display: none
}

.pop-report .report-account .account-text {
    display: block;
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: kanzhun-Regular, kanzhun;
    color: #222;
    line-height: 29px;
    font-size: 24px;
    padding: 7px 0 8px
}

.pop-report .report-account .modify-account-btn {
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    font-size: 14px;
    margin-left: 16px;
    transition: all .2s linear
}

.pop-report .report-account .modify-account-btn:hover {
    color: rgba(0, 166, 167, .8)
}

.pop-report .contract-account-tip {
    display: block;
    margin-left: 113px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    margin-top: 12px
}

.dialog-back-to-type-list .dialog-container {
    z-index: 1003;
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    padding: 30px;
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -70%)
}

.dialog-back-to-type-list .dialog-container .dialog-con {
    padding: 20px 0
}

.pop-report-extra .dialog-con .my-title {
    padding: 30px 40px 18px
}

.pop-report-extra .dialog-con .my-title .icon-success {
    height: 20px
}

.pop-report-extra .dialog-con .prop-inner {
    padding: 0 40px
}

.pop-report-extra .prop-inner .extra-info-tip {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-top: 12px
}

.pop-report-extra .prop-inner .extra-option-wrapper {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 20px;
    margin-top: 8px
}

.pop-report-extra .prop-inner .form-row {
    margin-top: 0
}

.pop-report-extra .prop-inner .form-row + .form-row {
    margin-top: 30px
}

.pop-report-extra .dialog-footer {
    padding: 30px 40px
}

.pop-report-extra .form-row .choice-t-warp {
    width: 76px
}

.pop-report-extra .select-option-list {
    width: auto
}

.pop-report-extra .select-option-list li {
    margin: 0 10px 16px;
    max-width: none;
    display: flex;
    align-items: center
}

.pop-report-extra .select-option-list li .option-name {
    width: auto
}

.pop-report-extra .select-option-list li.show-extra:before {
    content: none
}

.pop-report-extra .select-option-list li .extra-input {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: 28px;
    margin-left: 8px;
    background: transparent
}

.pop-report-extra .select-option-list li .extra-input input {
    border: 1px solid #d4d5d6;
    width: 160px;
    font-size: 12px;
    border-radius: 4px;
    padding: 3px 7px;
    line-height: 20px;
    box-sizing: border-box;
    background: #fff
}

.pop-report-extra .select-option-list li .error-text {
    display: none;
    position: absolute;
    left: 0;
    top: 28px;
    z-index: 1;
    font-size: 12px;
    line-height: 16px;
    color: #fe574c
}

.pop-report-extra .select-option-list li.has-error .error-text {
    display: block
}

.pop-report-extra .select-option-list li.has-error .extra-input input {
    border-color: #fe574c
}

input::-webkit-input-placeholder {
    color: #9fa3af
}

input:-ms-input-placeholder {
    color: #9fa3af
}

input:-moz-placeholder, input::-moz-placeholder {
    color: #9fa3af
}

textarea::-webkit-input-placeholder {
    color: #9fa3af
}

textarea:-ms-input-placeholder {
    color: #9fa3af
}

textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #9fa3af
}

.satisfaction-collect-popper {
    position: fixed;
    right: 88px;
    bottom: 40px;
    z-index: 1004;
    width: 550px;
    background: #fff;
    box-shadow: 0 4px 16px 0 hsla(0, 0%, 60%, .2);
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box
}

.satisfaction-collect-popper .satisfaction-collect-close {
    position: absolute;
    z-index: 9;
    width: 24px;
    height: 24px;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.satisfaction-collect-popper .satisfaction-collect-close:after, .satisfaction-collect-popper .satisfaction-collect-close:before {
    content: " ";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
    top: 12px;
    transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-close:after {
    transform: rotate(-45deg)
}

.satisfaction-collect-popper .satisfaction-collect-close:hover:after, .satisfaction-collect-popper .satisfaction-collect-close:hover:before {
    background: #666
}

.satisfaction-collect-popper .satisfaction-collect-title {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding-left: 12px;
    margin-bottom: 12px
}

.satisfaction-collect-popper .satisfaction-collect-title:before {
    content: " ";
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 4px;
    height: 16px;
    background: #00bebd;
    border-radius: 2px
}

.satisfaction-collect-popper .collect-reason-tip {
    font-size: 12px;
    color: #f53d47;
    line-height: 17px;
    font-weight: 400
}

.satisfaction-collect-popper .satisfaction-collect-extra {
    display: none;
    margin-top: 24px
}

.satisfaction-collect-popper .satisfaction-collect-level {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px
}

.satisfaction-collect-popper .satisfaction-collect-level li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50px;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    line-height: 18px;
    cursor: pointer;
    white-space: nowrap;
    transition: color .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-level li.active, .satisfaction-collect-popper .satisfaction-collect-level li:hover {
    color: #666
}

.satisfaction-collect-popper .satisfaction-collect-level li + li {
    margin-left: 40px
}

.satisfaction-collect-popper .satisfaction-collect-level li:before {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://img.bosszhipin.com/static/file/2023/3vf0zpg1ju1675133526258.png) 0 0/50px auto no-repeat
}

.satisfaction-collect-popper .satisfaction-collect-level .level-1.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-1:hover:before {
    background-position: 0 -250px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-2:before {
    background-position: 0 -50px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-2.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-2:hover:before {
    background-position: 0 -300px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-3:before {
    background-position: 0 -100px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-3.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-3:hover:before {
    background-position: 0 -350px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-4:before {
    background-position: 0 -150px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-4.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-4:hover:before {
    background-position: 0 -400px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-5:before {
    background-position: 0 -200px
}

.satisfaction-collect-popper .satisfaction-collect-level .level-5.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-5:hover:before {
    background-position: 0 -450px
}

.satisfaction-collect-popper .satisfaction-collect-level li .gif-animate {
    display: none;
    width: 50px;
    height: 50px
}

.satisfaction-collect-popper .satisfaction-collect-level li.has-animate:hover .gif-animate {
    display: block
}

.satisfaction-collect-popper .satisfaction-collect-level li.has-animate:hover:before {
    content: none
}

.satisfaction-collect-popper .satisfaction-collect-reason {
    overflow: hidden;
    margin: 8px
}

.satisfaction-collect-popper .satisfaction-collect-reason li {
    margin: 4px;
    float: left;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding: 1px 8px;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-reason li.active, .satisfaction-collect-popper .satisfaction-collect-reason li:hover {
    color: #00a6a7;
    background: rgba(0, 190, 189, .1)
}

.satisfaction-collect-popper .satisfaction-collect-reason li.active {
    border: 1px solid #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-textarea {
    display: block;
    width: 486px;
    height: 80px;
    padding: 10px 16px;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    margin: 0 12px;
    box-sizing: border-box;
    outline: none;
    resize: none;
    color: #666;
    border: 1px solid transparent;
    transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-textarea:focus, .satisfaction-collect-popper .satisfaction-collect-textarea:hover {
    border: 1px solid #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-operate {
    display: none;
    text-align: right;
    margin: 16px 12px 0
}

.satisfaction-collect-popper .satisfaction-collect-btn {
    padding: 6px 30px;
    background: #00bebd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    transition: all .2s linear
}

.satisfaction-collect-popper .satisfaction-collect-btn:hover {
    background: rgba(0, 190, 189, .8)
}

.satisfaction-collect-popper .satisfaction-collect-btn.is-disabled {
    opacity: .8;
    cursor: not-allowed
}

.satisfaction-collect-popper .satisfaction-collect-btn.is-disabled:hover {
    background: #00bebd
}

.satisfaction-collect-popper .satisfaction-collect-btn + .satisfaction-collect-btn {
    margin-right: 20px
}

.standard .popover-dark {
    border-radius: 4px;
    opacity: .8
}

.standard .popover-dark:before {
    background: #111
}

.standard .popover-dark .popover-content {
    background-color: #000
}

.common-dialog .dialog-header .icon-dialog.icon-dialog-warning {
    margin-top: 1px;
    width: 20px;
    height: 20px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog-warning.26eb610e.png) 0 0 no-repeat;
    background-size: 20px 20px
}

.common-dialog .dialog-header .icon-dialog.icon-dialog-success {
    margin-top: 1px;
    width: 20px;
    height: 20px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog-success.0e874e2e.png) 0 0 no-repeat;
    background-size: 20px 20px
}

.common-dialog .dialog-header .icon-dialog.icon-dialog-error {
    margin-top: 1px;
    width: 20px;
    height: 20px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog-error.2761d7af.png) 0 0 no-repeat;
    background-size: 20px 20px
}

.common-dialog .dialog-header .icon-dialog.icon-dialog-info {
    margin-top: 1px;
    width: 20px;
    height: 20px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog-info.998101f9.png) 0 0 no-repeat;
    background-size: 20px 20px
}

.common-dialog .dialog-header h3.title {
    margin-left: 30px;
    font-size: 16px;
    color: #222;
    font-weight: 500;
    line-height: 22px
}

.common-dialog .dialog-header .close {
    top: 18px;
    right: 18px
}

.common-dialog .dialog-header:hover .close {
    background: unset
}

.common-dialog .dialog-body {
    padding-left: 30px
}

.common-dialog .dialog-body .tip-text {
    padding: 8px 0;
    font-size: 14px;
    color: #999
}

.common-dialog .dialog-body .input {
    width: 360px;
    height: 38px;
    background: #f8f8f8;
    border-radius: 4px;
    border-color: #f8f8f8;
    box-shadow: none
}

.common-dialog .dialog-body .input:focus, .common-dialog .dialog-body .input:hover {
    border-color: #00bebd
}

.common-dialog .dialog-footer .btn {
    border-radius: 4px;
    border: 1px solid #00bebd;
    background-color: #00bebd;
    transition: all .2s linear
}

.common-dialog .dialog-footer .btn:hover {
    background-color: #00a6a7;
    border-color: #00a6a7
}

.common-dialog .dialog-container {
    border-radius: 12px;
    padding: 20px
}

.common-dialog .dialog-footer .btn.btn-outline {
    color: #00a6a7;
    transition: all .2s linear
}

.common-dialog .dialog-footer .btn.btn-outline:hover {
    line-height: 32px;
    padding: 0 25px;
    color: #00a6a7;
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00bebd
}

.reset-confirm-dialog .dialog-container {
    border-radius: 12px;
    padding: 20px 30px;
    background: #fff url(https://img.bosszhipin.com/static/file/2023/l2f5kpe11s1691128382153.png) 0 0/100% auto no-repeat
}

.reset-confirm-dialog .dialog-header {
    margin-bottom: 16px
}

.reset-confirm-dialog .dialog-header h3.title {
    font-weight: 600;
    color: #222;
    line-height: 22px;
    font-size: 16px
}

.reset-confirm-dialog .dialog-header .close {
    color: #999;
    right: 14px;
    top: 14px
}

.reset-confirm-dialog .dialog-header .close:hover {
    background: none
}

.reset-confirm-dialog .dialog-header .close:hover .icon-close:after, .reset-confirm-dialog .dialog-header .close:hover .icon-close:before {
    background: #00a6a7
}

.reset-confirm-dialog .dialog-header .close .icon-close:after, .reset-confirm-dialog .dialog-header .close .icon-close:before {
    height: 2px
}

.reset-confirm-dialog .dialog-footer {
    margin-top: 20px;
    padding-top: 0
}

.reset-confirm-dialog .dialog-footer .btns .btn {
    padding: 0;
    min-width: 88px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    height: 32px;
    margin: 0 0 0 12px;
    transition: all .2s linear
}

.reset-confirm-dialog .dialog-footer .btns .btn-cancel {
    height: 32px;
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-weight: 500;
    color: #00a6a7
}

.reset-confirm-dialog .dialog-footer .btns .btn-cancel:hover {
    color: #00a6a7;
    padding: 0;
    border: 1px solid #00bebd;
    background: rgba(0, 190, 189, .1)
}

.reset-confirm-dialog .dialog-footer .btns .btn-sure {
    border: 1px solid transparent;
    background: #00bebd
}

.reset-confirm-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.exchange-precheck-dialog .dialog-container {
    width: 500px;
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px;
    box-sizing: border-box;
    margin: -100px 0 0 -250px
}

.exchange-precheck-dialog .dialog-title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.exchange-precheck-dialog .dialog-con {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 16px
}

.exchange-precheck-dialog .dialog-con a {
    color: #00a6a7;
    transition: all .2s linear
}

.exchange-precheck-dialog .dialog-con a:hover {
    color: rgba(0, 166, 167, .8)
}

.exchange-precheck-dialog .dialog-footer {
    margin-top: 24px
}

.exchange-precheck-dialog .dialog-footer .btns .btn {
    font-size: 14px;
    height: auto;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    padding: 5px 0;
    border-radius: 4px;
    border: 1px solid #00bebd;
    width: 88px;
    text-align: center;
    margin-left: 8px;
    transition: all .2s linear
}

.exchange-precheck-dialog .dialog-footer .btns .btn:hover {
    padding: 5px 0;
    background: rgba(0, 190, 189, .2)
}

.exchange-precheck-dialog .dialog-footer .btns .btn-sure {
    color: #fff;
    background: #00bebd
}

.exchange-precheck-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8);
    border: 1px solid rgba(0, 190, 189, .8)
}

.dialog-primary-default .dialog-container {
    border-radius: 12px
}

.dialog-primary-default .dialog-header {
    margin-bottom: 16px
}

.dialog-primary-default .dialog-header h3.title {
    font-weight: 600;
    color: #222;
    line-height: 22px;
    font-size: 16px
}

.dialog-primary-default .dialog-header .close {
    color: #999;
    right: 14px;
    top: 14px
}

.dialog-primary-default .dialog-header .close:hover {
    background: none
}

.dialog-primary-default .dialog-header .close:hover .icon-close:after, .dialog-primary-default .dialog-header .close:hover .icon-close:before {
    background: #00a6a7
}

.dialog-primary-default .dialog-header .close .icon-close:after, .dialog-primary-default .dialog-header .close .icon-close:before {
    height: 2px
}

.dialog-primary-default .dialog-footer {
    margin-top: 20px;
    padding-top: 0
}

.dialog-primary-default .dialog-footer .btns .btn {
    padding: 0;
    min-width: 88px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    height: 32px;
    margin: 0 0 0 12px;
    transition: all .2s linear
}

.dialog-primary-default .dialog-footer .btns .btn-cancel {
    height: 32px;
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-weight: 500;
    color: #00a6a7
}

.dialog-primary-default .dialog-footer .btns .btn-cancel:hover {
    color: #00a6a7;
    padding: 0;
    border: 1px solid #00bebd;
    background: rgba(0, 190, 189, .1)
}

.dialog-primary-default .dialog-footer .btns .btn-sure {
    border: 1px solid transparent;
    background: #00bebd
}

.dialog-primary-default .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

@font-face {
    font-family: kanzhun-Regular;
    src: url(https://img.bosszhipin.com/static/file/2022/16a48d9v961651026858984.ttf) format("truetype")
}

@font-face {
    font-family: kanzhun-mix;
    src: url(https://img.bosszhipin.com/static/file/2023/bv02q0wrms1693967587141.eot);
    src: url(https://img.bosszhipin.com/static/file/2023/bv02q0wrms1693967587141#iefix) format("embedded-opentype"), url(https://img.bosszhipin.com/static/file/2023/3kovsijnt11693967587313.woff2) format("woff2"), url(https://img.bosszhipin.com/static/file/2023/w57q70gcfp1693967587502.woff) format("woff"), url(https://img.bosszhipin.com/static/file/2023/30k9dfumyv1693967587404.ttf) format("truetype")
}

body {
    background-color: #f6f6f8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.inner {
    width: 1184px;
    margin: 0 auto
}

.inner:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden
}

.vline {
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background: #e0e0e0;
    margin: 0 10px
}

.vdot, .vline {
    display: inline-block
}

.vdot {
    padding: 0 10px 0 7px
}

.clear-fix:after {
    content: "";
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both
}

#wrap {
    position: relative;
    min-width: 1224px;
    min-height: 100%;
    overflow: visible;
    overflow-x: hidden
}

#wrap.mobile-wrap {
    min-width: auto
}

#wrap.has-header {
    padding-top: 49px
}

#wrap.has-footer {
    padding-bottom: 267px
}

#wrap #footer-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

#container {
    position: relative
}

#container::-webkit-scrollbar {
    width: 6px
}

#main {
    min-height: calc(100vh - 300px)
}

#app, #app .data-tips {
    height: 100%
}

.page-container {
    max-width: 1184px;
    min-height: calc(100vh - 49px);
    margin: 0 auto
}

.prev-line {
    display: inline-block;
    vertical-align: middle;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.prev-dot:before, .prev-line:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0
}

.prev-dot:first-of-type:before, .prev-line:first-of-type:before {
    display: none
}

.prev-line:before {
    width: 1px;
    height: 12px;
    background-color: #e0e0e0
}

.prev-dot:before {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #333;
    opacity: .8;
    margin: -2px 6px 0
}

.detail-box {
    margin-left: 296px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%
}

.btn-buy {
    background-color: #ff6223;
    border-color: #ff6223;
    color: #fff;
    min-width: 104px
}

.btn-buy:hover {
    background-color: #ff9063;
    border-color: #ff9063
}

.btn-buy.btn-outline {
    background-color: #fff;
    color: #ff6223
}

.btn-buy.btn-outline:hover {
    border-width: 2px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-color: #ff6223
}

.dialog-wrap {
    z-index: 1001
}

.dialog-wrap .dialog-footer {
    border-top: 0
}

.dialog-footer .btn.btn-outline {
    transition: none
}

.dialog-title .close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
    z-index: 1
}

.icon-close {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    vertical-align: top
}

.icon-close:after, .icon-close:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    background: #d1d4db;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 4px;
    top: 12px
}

.icon-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.dialog-title .close:hover {
    background-color: #ddd
}

.dialog-title .close:hover .icon-close:after, .dialog-title .close:hover .icon-close:before {
    background: #363636
}

.limit-boss-dialog .dialog-container {
    width: 520px;
    padding: 0 0 30px
}

.limit-boss-dialog .dialog-footer {
    margin: 0 30px;
    padding: 0
}

.limit-boss-dialog .limit-content .title {
    width: 100%;
    height: 96px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/limit-bg.fd619066.png) no-repeat 50%;
    background-size: 100% auto
}

.limit-boss-dialog .limit-content .title h4 {
    line-height: 24px;
    font-weight: 500;
    font-size: 20px;
    padding: 36px 0 0 30px
}

.limit-boss-dialog .limit-content .content {
    padding: 20px 30px
}

.limit-boss-dialog .limit-content .content p {
    color: #51586d;
    line-height: 28px
}

.limit-boss-dialog .limit-content .content p:first-child {
    padding-bottom: 8px
}

.limit-boss-dialog .limit-content .text-primary {
    color: #00c2b3
}

.limit-boss-dialog .limit-content .text-primary:hover {
    color: #18c3b1
}

@media (max-width: 800px) {
    .limit-boss-dialog.dialog-wrap .dialog-container {
        width: 300px !important
    }

    .limit-boss-dialog .limit-content .title {
        height: 56px
    }

    .limit-boss-dialog .limit-content .title h4 {
        padding: 20px 0 0 30px
    }

    .limit-boss-dialog .limit-content .content {
        padding: 10px 15px
    }
}

.message-notice-toast {
    position: fixed;
    top: 80px;
    right: 20px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    z-index: 2000;
    cursor: pointer
}

.message-notice-toast a {
    display: block;
    color: #414b60;
    padding: 9px 20px;
    transition: all .2s linear;
    overflow: hidden
}

.message-notice-toast a:hover {
    color: #00c2b3
}

.message-notice-toast img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    float: left
}

.message-notice-toast .message-notice-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 6px;
    float: left
}

.dialog-account-safe .dialog-title h3.title {
    display: none
}

.dialog-account-safe .dialog-container {
    border-radius: 4px;
    padding: 160px 40px 30px;
    border-radius: 12px;
    width: 480px
}

.dialog-account-safe .dialog-title .close {
    z-index: 2
}

.dialog-account-safe .dialog-title .close:hover {
    background: transparent;
    opacity: .8
}

.dialog-account-safe .dialog-container:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 188px;
    background: linear-gradient(180deg, #d1e8ff, #fff);
    border-radius: 12px 12px 0 0
}

.dialog-account-safe .security-thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 160px;
    width: 480px;
    z-index: 1
}

.dialog-account-safe .dialog-con h3 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 25px;
    min-height: 25px;
    text-align: center
}

.dialog-account-safe .dialog-con p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 12px;
    min-height: 24px;
    text-align: center;
    word-break: break-all
}

.dialog-account-safe .dialog-footer {
    margin-top: 20px;
    padding: 0;
    text-align: center
}

.dialog-account-safe .dialog-footer .btns .btn-sure {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 180px;
    padding: 10px 0;
    text-align: center;
    background: #00bebd;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    height: 40px;
    line-height: 20px;
    transition: all .2s linear;
    border: none
}

.dialog-account-safe .dialog-footer .btns .btn-sure:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 1;
    width: 68px;
    height: 23px;
    background: url(https://img.bosszhipin.com/static/file/2022/jevk1jdude1656663924811.png) 0 -161px/460px auto no-repeat
}

.dialog-account-safe .dialog-footer .btns .btn-sure:hover {
    opacity: .8
}

.amap-common .amap-info {
    width: auto !important;
    max-width: 300px
}

.btn-v2 {
    display: inline-block;
    padding: 0 20px;
    border-radius: 4px;
    transition: none;
    border: 1px solid #5dd5c8;
    background-color: #62d5c8;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    transition: all .3s
}

.btn-v2.disabled {
    pointer-events: none;
    opacity: .5
}

.btn-v2 img {
    width: 16px;
    height: 16px;
    vertical-align: text-top
}

.btn-v2:last-child {
    margin-right: 0
}

.btn-v2.btn-outline-v2 {
    background-color: #fff;
    border-color: #00bebd;
    font-weight: 400;
    color: #00a6a7;
    vertical-align: middle
}

.btn-v2.btn-outline-v2:hover {
    background: #e5f9f8;
    border-width: 1px
}

.btn-v2.btn-sure-v2 {
    padding: 0 20px;
    background: #00bebd;
    border-color: #00bebd;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.btn-v2.btn-sure-v2:hover {
    background: #00a6a7;
    border-color: #00a6a7
}

.btn-v2.btn-light-v2 {
    padding: 0 20px;
    background: rgba(0, 190, 189, .1);
    border-color: transparent;
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7
}

.btn-v2.btn-light-v2:hover {
    background: rgba(0, 190, 189, .2)
}

.max-resume-dialog .dialog-container {
    padding: 20px;
    border-radius: 12px
}

.max-resume-dialog .dialog-container p {
    font-size: 12px;
    color: #222;
    line-height: 14px;
    margin-top: 10px
}

.max-resume-dialog .dialog-container img {
    margin-top: 10px;
    width: 460px
}

.max-resume-dialog .dialog-footer .btns .btn {
    padding: 0 15px;
    border-radius: 4px;
    line-height: 30px;
    height: 32px
}

.has-sid-mask .boss-login-dialog {
    z-index: 2000
}

.has-sid-mask .bl-dialog-wrap, .has-sid-mask .bl-toast {
    z-index: 2010
}

.sid-flow-mask {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .49);
    box-shadow: 0 9px 26px 0 rgba(31, 76, 214, .12), inset 1px 1px 1px 0 rgba(162, 180, 255, .5), inset -1px -1px 0 0 rgba(157, 227, 255, .5);
    z-index: 1800;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.sid-flow-mask .sid-flow-click {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1900;
    background: transparent
}

.sid-flow-mask .ad-tag {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 4px 8px;
    border-radius: 0 0 0 8px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 17px;
    background: hsla(0, 0%, 100%, .2)
}

.sid-flow-mask.can-click {
    cursor: pointer
}

.sid-flow-mask .sid-flow-inner {
    position: relative;
    width: 1184px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden
}

.sid-flow-mask .sid-flow-inner .sid-flow-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 58px;
    height: 22px;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2022/b39rmqjebx1663926963903.png) 0 0/58px auto no-repeat
}

.sid-flow-mask .sid-flow-inner .sid-flow-close:hover {
    background-position: 0 -22px
}

.sid-flow-mask .sid-flow-inner .sid-flow-slogan {
    float: left;
    height: 72px;
    margin-top: 14px;
    margin-left: 30px
}

.sid-flow-mask .sid-flow-inner .sid-flow-tagline {
    float: right;
    height: 68px;
    margin-top: 16px;
    margin-right: 78px
}

.continue-chat-dialog .dialog-header .title {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.continue-chat-dialog .dialog-container {
    border-radius: 8px;
    padding: 20px 30px;
    width: 470px;
    overflow: hidden
}

.continue-chat-dialog .dialog-container:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: -1;
    background: linear-gradient(181deg, #d6f9f7, #e5f9f8 28%, hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, 0) 0)
}

.continue-chat-dialog .dialog-body {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    word-break: break-all
}

.continue-chat-dialog .dialog-footer {
    padding-top: 30px;
    margin-top: 0
}

.continue-chat-dialog .dialog-footer .btns .btn {
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 6px 20px;
    height: auto;
    transition: all .2s linear;
    margin-left: 10px
}

.continue-chat-dialog .dialog-footer .btns .btn:hover {
    line-height: 20px;
    padding: 6px 20px;
    border: 1px solid #00bebd;
    background: rgba(0, 190, 189, .2)
}

.continue-chat-dialog .dialog-footer .btns .btn-sure {
    background: #00bebd;
    color: #fff
}

.continue-chat-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.boss-dialog__wrapper.dialog-icon .boss-dialog__header {
    margin-bottom: 10px
}

.boss-dialog__wrapper.dialog-icon .boss-dialog__footer {
    margin-top: 30px
}

.boss-dialog__wrapper.dialog-icon .boss-dialog__body {
    padding-left: 44px
}

.boss-dialog__wrapper.dialog-default {
    min-width: 400px;
    padding: 26px 30px 20px;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
    background: radial-gradient(400px 70px at top 0 right 130px, #d6f9f7 0, #e5f9f8 20%, hsla(0, 0%, 100%, 0) 100%);
    background-color: #fff
}

.boss-dialog__wrapper.dialog-default.dialog-icon__default .boss-dialog__body {
    color: #333;
    line-height: 24px;
    margin-top: 10px
}

.boss-dialog__wrapper.dialog-default .boss-dialog__header .boss-dialog_title h3 {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.boss-dialog__wrapper.dialog-default .boss-popup__close {
    width: 20px;
    height: 20px;
    right: 19px;
    top: 19px
}

.boss-dialog__wrapper.dialog-default .boss-popup__close:hover {
    background: rgba(2, 204, 191, .1)
}

.boss-dialog__wrapper.dialog-default .boss-popup__close:hover .icon-close:after, .boss-dialog__wrapper.dialog-default .boss-popup__close:hover .icon-close:before {
    background: #00a6a7
}

.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close {
    width: 20px;
    height: 20px
}

.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 2px;
    background: #d1d4db;
    left: 3px;
    top: 9px;
    transform: rotate(45deg)
}

.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 2px;
    background: #d1d4db;
    left: 3px;
    top: 9px;
    transform: rotate(-45deg)
}

.boss-dialog__wrapper.dialog-default .icon-dialog__error, .boss-dialog__wrapper.dialog-default .icon-dialog__warning {
    background: url(https://img.bosszhipin.com/static/file/2023/nzcgsxcysm1681898291454.png) no-repeat 50%/100% 100%
}

.boss-dialog__wrapper.dialog-default .icon-dialog__success {
    background: url(https://img.bosszhipin.com/static/file/2023/ay9b2ouy6y1681898253012.png) no-repeat 50%/100% 100%
}

.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button {
    padding: 0 20px;
    border-radius: 4px;
    background: #00bebd;
    color: #fff;
    border-color: #00bebd;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    box-sizing: border-box;
    margin-left: 10px
}

.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button:not(.disabled):hover {
    background-color: #00a6a7 !important;
    border-color: #00a6a7 !important
}

.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button.button-outline {
    border-color: #00bebd;
    font-weight: 400;
    color: #00a6a7;
    background: #fff
}

.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button.button-outline:hover {
    background: #e5f9f8 !important;
    border-width: 1px;
    line-height: 32px
}

.tooltip-v2 {
    z-index: 10;
    padding: 12px 16px 16px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .07);
    border-radius: 8px
}

.tooltip-v2, .tooltip-v2:after {
    position: absolute;
    background: #fff
}

.tooltip-v2:after {
    top: -6px;
    left: 50%;
    width: 12px;
    height: 12px;
    content: "";
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    border-color: transparent transparent #e7e9ee #e7e9ee;
    box-shadow: -5px 5px 8px -3px rgba(0, 0, 0, .1)
}

.tooltip-v2 .title {
    font-size: 15px;
    font-weight: 500;
    color: #171d26;
    line-height: 21px
}

.tooltip-v2 .sub-title {
    margin-top: 8px
}

.tooltip-v2 .content, .tooltip-v2 .sub-title {
    font-size: 13px;
    font-weight: 400;
    color: #7e8694;
    line-height: 18px
}

.tooltip-v2 .btns {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end
}

.sure-clear-expect-dialog .dialog-header .title {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.sure-clear-expect-dialog .dialog-header .close:hover {
    background: transparent
}

.sure-clear-expect-dialog .dialog-container {
    border-radius: 8px;
    padding: 20px 30px;
    width: 470px;
    overflow: hidden
}

.sure-clear-expect-dialog .dialog-container:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: -1;
    background: linear-gradient(181deg, #d6f9f7, #e5f9f8 28%, hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, 0) 0)
}

.sure-clear-expect-dialog .dialog-body {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    word-break: break-all
}

.sure-clear-expect-dialog .dialog-footer {
    padding-top: 30px;
    margin-top: 0
}

.sure-clear-expect-dialog .dialog-footer .btns .btn {
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 6px 20px;
    height: auto;
    transition: all .2s linear;
    margin-left: 10px
}

.sure-clear-expect-dialog .dialog-footer .btns .btn:hover {
    line-height: 20px;
    padding: 6px 20px;
    border: 1px solid #00bebd;
    background: rgba(0, 190, 189, .2)
}

.sure-clear-expect-dialog .dialog-footer .btns .btn-sure {
    background: #00bebd;
    color: #fff
}

.sure-clear-expect-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.power-use-dialog .dialog-container {
    width: 800px;
    border-radius: 12px;
    overflow: hidden;
    padding: 0
}

.power-use-dialog .dialog-header .close:hover {
    background: transparent
}

.power-use-dialog .dialog-body {
    max-height: none
}

@font-face {
    font-family: iboss;
    src: url(//img.bosszhipin.com/v2/upload/fonts/iboss/font_916585_venwuikj1i.woff2?t=1673441442396) format("woff2"), url(//img.bosszhipin.com/v2/upload/fonts/iboss/font_916585_venwuikj1i.woff?t=1673441442396) format("woff"), url(//img.bosszhipin.com/v2/upload/fonts/iboss/font_916585_venwuikj1i.ttf?t=1673441442396) format("truetype")
}

.iboss, [class*=" iboss-"], [class^=iboss-] {
    font-family: iboss !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iboss-shenqing:before {
    content: "\e7bb"
}

.iboss-bianzu6:before {
    content: "\e7b6"
}

.iboss-a-bianzu10:before {
    content: "\e7b7"
}

.iboss-a-bianzu9:before {
    content: "\e7b8"
}

.iboss-bianzu7:before {
    content: "\e7b9"
}

.iboss-bianzu8:before {
    content: "\e7ba"
}

.iboss-a-bangzhu3x:before {
    content: "\e7b3"
}

.iboss-a-shoucangjia3x:before {
    content: "\e7b4"
}

.iboss-a-guanzhugongzhonghao3x:before {
    content: "\e7b5"
}

.iboss-tianjiaduibi:before {
    content: "\e7b2"
}

.iboss-qiuzhiqiwang:before {
    content: "\e7b1"
}

.iboss-paixu1:before {
    content: "\e7b0"
}

.iboss-tuozhuai:before {
    content: "\e7af"
}

.iboss-jiantou:before {
    content: "\e7aa"
}

.iboss-fanzhuan:before {
    content: "\e7ab"
}

.iboss-qiwang:before {
    content: "\e7ac"
}

.iboss-a-2:before {
    content: "\e7ad"
}

.iboss-a-3:before {
    content: "\e7ae"
}

.iboss-weituo:before {
    content: "\e7a9"
}

.iboss-bianzu5:before {
    content: "\e7a8"
}

.iboss-shijian2:before {
    content: "\e7a7"
}

.iboss-dingyueshaixuan:before {
    content: "\e7a6"
}

.iboss-bianzu4:before {
    content: "\e7a5"
}

.iboss-rencaiceping1:before {
    content: "\e7a4"
}

.iboss-shanchu2:before {
    content: "\e79f"
}

.iboss-a-bendiwenjian3x:before {
    content: "\e7a1"
}

.iboss-a-fujianjianli3x:before {
    content: "\e7a2"
}

.iboss-a-zaixianjianli3x:before {
    content: "\e7a3"
}

.iboss-nimingbiaoqian:before {
    content: "\e7a0"
}

.iboss-a-erweima2:before {
    content: "\e79e"
}

.iboss-sousuofankui:before {
    content: "\e79c"
}

.iboss-zhaoniuren:before {
    content: "\e79d"
}

.iboss-a-zhiding3x:before {
    content: "\e79a"
}

.iboss-a-quxiaozhiding3x:before {
    content: "\e79b"
}

.iboss-shijian1:before {
    content: "\e799"
}

.iboss-youfujian:before {
    content: "\e798"
}

.iboss-a-xuanzhong23x:before {
    content: "\e793"
}

.iboss-a-xuanzhong33x:before {
    content: "\e794"
}

.iboss-a-xuanzhong43x:before {
    content: "\e795"
}

.iboss-a-xuanzhong53x:before {
    content: "\e796"
}

.iboss-a-xuanzhong13x:before {
    content: "\e797"
}

.iboss-a-jinrifabu3x:before {
    content: "\e790"
}

.iboss-a-3tianneifabu3x:before {
    content: "\e792"
}

.iboss-qiehuan1:before {
    content: "\e791"
}

.iboss-a-jingzhunsou3x:before {
    content: "\e78f"
}

.iboss-mianshijilu:before {
    content: "\e78e"
}

.iboss-a-meirirenwu3x1:before {
    content: "\e78d"
}

.iboss-fuzhi:before {
    content: "\e78c"
}

.iboss-a-quanyishengji3x:before {
    content: "\e78a"
}

.iboss-a-meirirenwu3x:before {
    content: "\e78b"
}

.iboss-gaoyu:before {
    content: "\e788"
}

.iboss-diyu:before {
    content: "\e789"
}

.iboss-shenqingyundianhua-mian:before {
    content: "\e784"
}

.iboss-shenqingyundianhua-jujue:before {
    content: "\e785"
}

.iboss-shenqingyundianhua-xian:before {
    content: "\e786"
}

.iboss-shenqingyundianhua-hui:before {
    content: "\e787"
}

.iboss-jixugoutong-mian:before {
    content: "\e782"
}

.iboss-jixugoutong-xian:before {
    content: "\e783"
}

.iboss-fujianjianli-mian:before {
    content: "\e780"
}

.iboss-fujianjianli-xian:before {
    content: "\e781"
}

.iboss-bianji01:before {
    content: "\e77f"
}

.iboss-jingzhunsoushuju:before {
    content: "\e77e"
}

.iboss-rencaiceping:before {
    content: "\e77d"
}

.iboss-bianzu3:before {
    content: "\e77c"
}

.iboss-a-bianzu2:before {
    content: "\e77b"
}

.iboss-fenxiang:before {
    content: "\e76a"
}

.iboss-close1:before {
    content: "\e76d"
}

.iboss-tianjiafenzu:before {
    content: "\e767"
}

.iboss-tianjiadaofenzu:before {
    content: "\e76c"
}

.iboss-chakangengduo:before {
    content: "\e76e"
}

.iboss-buheshi:before {
    content: "\e76f"
}

.iboss-shanchu1:before {
    content: "\e770"
}

.iboss-zhiding2:before {
    content: "\e771"
}

.iboss-jia:before {
    content: "\e772"
}

.iboss-liebiao:before {
    content: "\e773"
}

.iboss-liebiao-hover:before {
    content: "\e774"
}

.iboss-shaixuanrukou:before {
    content: "\e775"
}

.iboss-jian:before {
    content: "\e776"
}

.iboss-buheshi-hover:before {
    content: "\e777"
}

.iboss-gengduo1:before {
    content: "\e778"
}

.iboss-guanlifenzu:before {
    content: "\e779"
}

.iboss-zhidinghover:before {
    content: "\e77a"
}

.iboss-a-bianji3x:before {
    content: "\e76b"
}

.iboss-a-shuangyiliu3x:before {
    content: "\e768"
}

.iboss-a-QS2003x:before {
    content: "\e769"
}

.iboss-a-9853x:before {
    content: "\e766"
}

.iboss-a-2113x:before {
    content: "\e763"
}

.iboss-a-xingbie3x:before {
    content: "\e764"
}

.iboss-a-tongzhao3x:before {
    content: "\e765"
}

.iboss-a-zhuanchang3x:before {
    content: "\e760"
}

.iboss-a-fankuikuai3x:before {
    content: "\e761"
}

.iboss-a-HCduo3x:before {
    content: "\e762"
}

.iboss-a-dujia3x:before {
    content: "\e75e"
}

.iboss-a-wubaozhengqi3x:before {
    content: "\e75f"
}

.iboss-bianzu2:before {
    content: "\e75d"
}

.iboss-beitiao:before {
    content: "\e758"
}

.iboss-wenhao2:before {
    content: "\e75c"
}

.iboss-shiyi-hover:before {
    content: "\e75b"
}

.iboss-shiyi:before {
    content: "\e75a"
}

.iboss-bianzu1:before {
    content: "\e759"
}

.iboss-a-tianjia3x:before {
    content: "\e756"
}

.iboss-a-yichu3x:before {
    content: "\e757"
}

.iboss-a-yiguanbi3x:before {
    content: "\e754"
}

.iboss-a-kaifangzhong3x:before {
    content: "\e755"
}

.iboss-shouji-mian:before {
    content: "\e752"
}

.iboss-shouji:before {
    content: "\e753"
}

.iboss-niurenfenxiqi-xian:before {
    content: "\e74e"
}

.iboss-gongzuojingyan2:before {
    content: "\e74c"
}

.iboss-niurenfenxiqi-mian:before {
    content: "\e74d"
}

.iboss-goutongjindu-xian:before {
    content: "\e74f"
}

.iboss-goutongjindu-mian:before {
    content: "\e750"
}

.iboss-jiaoyujingli2:before {
    content: "\e751"
}

.iboss-jizhao:before {
    content: "\e74b"
}

.iboss-baocuo:before {
    content: "\e74a"
}

.iboss-a-qiangdanguanli3x:before {
    content: "\e749"
}

.iboss-a-01:before {
    content: "\e747"
}

.iboss-a-02:before {
    content: "\e748"
}

.iboss-gongsizhuye:before {
    content: "\e741"
}

.iboss-tuijianniuren1:before {
    content: "\e73e"
}

.iboss-gengduo:before {
    content: "\e73b"
}

.iboss-gongjuxiang1:before {
    content: "\e73c"
}

.iboss-goutong:before {
    content: "\e73d"
}

.iboss-louyishou:before {
    content: "\e73f"
}

.iboss-xiaozhaozhibo:before {
    content: "\e740"
}

.iboss-xinzichaxun:before {
    content: "\e742"
}

.iboss-daoju:before {
    content: "\e743"
}

.iboss-sousuoniuren:before {
    content: "\e744"
}

.iboss-qiyeguanli:before {
    content: "\e745"
}

.iboss-zhiweiguanli:before {
    content: "\e746"
}

.iboss-fabuzhiwei:before {
    content: "\e736"
}

.iboss-sousuo:before {
    content: "\e737"
}

.iboss-chakan:before {
    content: "\e738"
}

.iboss-meiyougengduole:before {
    content: "\e739"
}

.iboss-sanjiao:before {
    content: "\e73a"
}

.iboss-louyishou1:before {
    content: "\e734"
}

.iboss-xinchouchaxun1:before {
    content: "\e735"
}

.iboss-set:before {
    content: "\e733"
}

.iboss-more:before {
    content: "\e732"
}

.iboss-bianzubeifen:before {
    content: "\e731"
}

.iboss-miniicon-wechat:before {
    content: "\e730"
}

.iboss-icon_information_nor:before {
    content: "\e72d"
}

.iboss-Group3:before {
    content: "\e72e"
}

.iboss-icon_get_nor:before {
    content: "\e72f"
}

.iboss-question-hover:before {
    content: "\e72c"
}

.iboss-question-primary:before {
    content: "\e72b"
}

.iboss-shipinyuyin:before {
    content: "\e72a"
}

.iboss-mianshijieshu:before {
    content: "\e727"
}

.iboss-lianxiren:before {
    content: "\e728"
}

.iboss-dizhi1:before {
    content: "\e729"
}

.iboss-info2:before {
    content: "\e725"
}

.iboss-comments:before {
    content: "\e726"
}

.iboss-danrenhuizong:before {
    content: "\e722"
}

.iboss-renyuanhuoyue:before {
    content: "\e723"
}

.iboss-zhiweijinzhan:before {
    content: "\e724"
}

.iboss-yibohui:before {
    content: "\e721"
}

.iboss-time-fill:before {
    content: "\e720"
}

.iboss-bianzu31x:before {
    content: "\e71f"
}

.iboss-info1:before {
    content: "\e71e"
}

.iboss-invoice-cancel:before {
    content: "\e71d"
}

.iboss-cebianlangongsizhuye:before {
    content: "\e71c"
}

.iboss-Drag:before {
    content: "\e719"
}

.iboss-Personalsigned:before {
    content: "\e71a"
}

.iboss-Company-signed:before {
    content: "\e71b"
}

.iboss-quxiao:before {
    content: "\e716"
}

.iboss-xiugai:before {
    content: "\e717"
}

.iboss-zhuanfa1:before {
    content: "\e718"
}

.iboss-beizhu:before {
    content: "\e712"
}

.iboss-lianxifangshi:before {
    content: "\e713"
}

.iboss-zhiwei:before {
    content: "\e714"
}

.iboss-shijian:before {
    content: "\e715"
}

.iboss-xuanzhongbufen1:before {
    content: "\e711"
}

.iboss-dianhua1:before {
    content: "\e710"
}

.iboss-jianli2:before {
    content: "\e70f"
}

.iboss-jianli1:before {
    content: "\e70e"
}

.iboss-shipin1:before {
    content: "\e709"
}

.iboss-yuyin1:before {
    content: "\e70c"
}

.iboss-shipin-jinzhi:before {
    content: "\e70d"
}

.iboss-yuyin-jinyin:before {
    content: "\e70a"
}

.iboss-yaoqingren:before {
    content: "\e70b"
}

.iboss-jianli:before {
    content: "\e708"
}

.iboss-weixin1:before {
    content: "\e706"
}

.iboss-dianhua:before {
    content: "\e707"
}

.iboss-niurenguanli1:before {
    content: "\e705"
}

.iboss-meirichakanshu:before {
    content: "\e700"
}

.iboss-meirigoutongshu:before {
    content: "\e701"
}

.iboss-gaoduanzhiwei:before {
    content: "\e702"
}

.iboss-zhuanshurenwujiangli:before {
    content: "\e703"
}

.iboss-VIPtequan:before {
    content: "\e704"
}

.iboss-shenhezhongicon:before {
    content: "\e6ff"
}

.iboss-invoice-cancellation:before {
    content: "\e6fd"
}

.iboss-invoice-ing2:before {
    content: "\e6fe"
}

.iboss-succeed:before {
    content: "\e6f3"
}

.iboss-fullscreen1:before {
    content: "\e6fb"
}

.iboss-fullscreen-hover:before {
    content: "\e6fc"
}

.iboss-invoice-no:before {
    content: "\e6f6"
}

.iboss-invoice-ok:before {
    content: "\e6f7"
}

.iboss-invoice-ing:before {
    content: "\e6fa"
}

.iboss-calendar-delete:before {
    content: "\e6ef"
}

.iboss-accomplish:before {
    content: "\e6f0"
}

.iboss-calendar-line:before {
    content: "\e6f1"
}

.iboss-packup:before {
    content: "\e6f2"
}

.iboss-notice:before {
    content: "\e6f4"
}

.iboss-show:before {
    content: "\e6f5"
}

.iboss-tishi:before {
    content: "\e6ee"
}

.iboss-iconxiazai:before {
    content: "\e6ec"
}

.iboss-iconguanbi:before {
    content: "\e6ed"
}

.iboss-buchongcailiao:before {
    content: "\e6eb"
}

.iboss-huati:before {
    content: "\e6e6"
}

.iboss-shuaxin1:before {
    content: "\e6e7"
}

.iboss-wenti:before {
    content: "\e6e8"
}

.iboss-get:before {
    content: "\e6e9"
}

.iboss-dianzan1:before {
    content: "\e6ea"
}

.iboss-duihao:before {
    content: "\e6e5"
}

.iboss-shuaxin:before {
    content: "\e6e4"
}

.iboss-tianxie2x:before {
    content: "\e6e3"
}

.iboss-dianzan:before {
    content: "\e6e2"
}

.iboss-gongjuxiang:before {
    content: "\e6e1"
}

.iboss-xingzhuangjiehe1:before {
    content: "\e6e0"
}

.iboss-tianjia1:before {
    content: "\e6de"
}

.iboss-chexiao:before {
    content: "\e6df"
}

.iboss-rukou1:before {
    content: "\e6dd"
}

.iboss-unchecked:before {
    content: "\e6dc"
}

.iboss-checked:before {
    content: "\e6db"
}

.iboss-prop-position:before {
    content: "\e6da"
}

.iboss-prop-services:before {
    content: "\e6d9"
}

.iboss-yibohuizhiwei-xuanzhong:before {
    content: "\e6d7"
}

.iboss-yibohuizhiwei:before {
    content: "\e6d8"
}

.iboss-info:before {
    content: "\e6d6"
}

.iboss-countdown:before {
    content: "\e6d5"
}

.iboss-lieqiguanli:before {
    content: "\e6d3"
}

.iboss-bianzu9:before {
    content: "\e6d4"
}

.iboss-daoxu:before {
    content: "\e6d1"
}

.iboss-zhengxu:before {
    content: "\e6d2"
}

.iboss-daishenhezhiwei:before {
    content: "\e6cb"
}

.iboss-paixu:before {
    content: "\e6cc"
}

.iboss-shanchujilu:before {
    content: "\e6cd"
}

.iboss-zaizhaozhiwei:before {
    content: "\e6ce"
}

.iboss-lietouyuangong:before {
    content: "\e6cf"
}

.iboss-tianjiatongshi:before {
    content: "\e6d0"
}

.iboss-shezhi1:before {
    content: "\e6ca"
}

.iboss-biaoqian:before {
    content: "\e6c9"
}

.iboss-icon-video:before {
    content: "\e6c8"
}

.iboss-offline-interview:before {
    content: "\e6c7"
}

.iboss-video-interview:before {
    content: "\e6c6"
}

.iboss-tongzhishux:before {
    content: "\e6c5"
}

.iboss-hebingxingzhuangx:before {
    content: "\e6c4"
}

.iboss-icon-tiaochawenjuan:before {
    content: "\e6c3"
}

.iboss-shengyinkai:before {
    content: "\e6c2"
}

.iboss-shengyinguan:before {
    content: "\e6c1"
}

.iboss-xingzhuangjiehe:before {
    content: "\e6c0"
}

.iboss-bianzu:before {
    content: "\e6bf"
}

.iboss-weixin:before {
    content: "\e6be"
}

.iboss-guanli:before {
    content: "\e6bd"
}

.iboss-zhibo:before {
    content: "\e6bc"
}

.iboss-xiazai1:before {
    content: "\e6b5"
}

.iboss-shangchuanchenggong:before {
    content: "\e6b4"
}

.iboss-bofang:before {
    content: "\e6b1"
}

.iboss-quanping2:before {
    content: "\e6b3"
}

.iboss-guanbi2:before {
    content: "\e6b6"
}

.iboss-shenhezhong:before {
    content: "\e6b7"
}

.iboss-shangchuanshibai:before {
    content: "\e6b8"
}

.iboss-zanting:before {
    content: "\e6b9"
}

.iboss-suoxiaoquanping:before {
    content: "\e6ba"
}

.iboss-zhiding1:before {
    content: "\e6bb"
}

.iboss-yanjing1:before {
    content: "\e6b2"
}

.iboss-tuijianliyou:before {
    content: "\e6ae"
}

.iboss-niurenbeizhu:before {
    content: "\e6b0"
}

.iboss-xinxi-copy:before {
    content: "\e6f9"
}

.iboss-xinxi:before {
    content: "\e635"
}

.iboss-jingyingniuren:before {
    content: "\e633"
}

.iboss-circle:before {
    content: "\e6af"
}

.iboss-cloud-sync:before {
    content: "\e6f8"
}

.iboss-diandiandian:before {
    content: "\e6ad"
}

.iboss-cloud:before {
    content: "\e61f"
}

.iboss-unhappy-face:before {
    content: "\e601"
}

.iboss-normal-face:before {
    content: "\e602"
}

.iboss-smile-face:before {
    content: "\e636"
}

.iboss-loading:before {
    content: "\e62e"
}

.iboss-erweimashuaxin:before {
    content: "\e61b"
}

.iboss-qiyepinpailiebiao:before {
    content: "\e605"
}

.iboss-pinpaijieshao:before {
    content: "\e606"
}

.iboss-pinpaibaohuzhengce:before {
    content: "\e618"
}

.iboss-renyuanguishuguanxi:before {
    content: "\e619"
}

.iboss-left-fill:before {
    content: "\e6ab"
}

.iboss-right-fill:before {
    content: "\e6ac"
}

.iboss-map-solid:before {
    content: "\e603"
}

.iboss-gongsi:before {
    content: "\e6a9"
}

.iboss-gongzuo:before {
    content: "\e6aa"
}

.iboss-quanping1:before {
    content: "\e6a7"
}

.iboss-xiazai:before {
    content: "\e6a8"
}

.iboss-suokai:before {
    content: "\e6a3"
}

.iboss-ruzhiguanli:before {
    content: "\e6a4"
}

.iboss-shanchu:before {
    content: "\e6a5"
}

.iboss-suoguan:before {
    content: "\e6a6"
}

.iboss-jiaoyujingli1:before {
    content: "\e6a1"
}

.iboss-gongzuojingyan1:before {
    content: "\e6a2"
}

.iboss-meiyong:before {
    content: "\e69f"
}

.iboss-youyong:before {
    content: "\e6a0"
}

.iboss-wenbenicon:before {
    content: "\e69e"
}

.iboss-jianlizhushou:before {
    content: "\e604"
}

.iboss-dianhuaicon:before {
    content: "\e69d"
}

.iboss-niurendianhua:before {
    content: "\e69c"
}

.iboss-jingying:before {
    content: "\e69b"
}

.iboss-xingbiao-xian:before {
    content: "\e699"
}

.iboss-xingbiao-mian:before {
    content: "\e69a"
}

.iboss-kefu:before {
    content: "\e698"
}

.iboss-xiayi:before {
    content: "\e696"
}

.iboss-shangyi:before {
    content: "\e697"
}

.iboss-bianji:before {
    content: "\e695"
}

.iboss-shezhi:before {
    content: "\e694"
}

.iboss-sousuoicon:before {
    content: "\e693"
}

.iboss-guanbi1:before {
    content: "\e690"
}

.iboss-suoxiao1:before {
    content: "\e691"
}

.iboss-fangda:before {
    content: "\e692"
}

.iboss-gongzuojingyan:before {
    content: "\e68c"
}

.iboss-jiaoyujingyan:before {
    content: "\e68d"
}

.iboss-dizhi:before {
    content: "\e68e"
}

.iboss-qiwangzhiwei:before {
    content: "\e68f"
}

.iboss-niurenguanliv:before {
    content: "\e68b"
}

.iboss-niurenguanli:before {
    content: "\e68a"
}

.iboss-niurenmeilai:before {
    content: "\e689"
}

.iboss-daochu:before {
    content: "\e688"
}

.iboss-xiaoxitongzhi:before {
    content: "\e687"
}

.iboss-duanxin:before {
    content: "\e686"
}

.iboss-niurenfenxiicon:before {
    content: "\e685"
}

.iboss-xinzhaohusvg:before {
    content: "\e684"
}

.iboss-icon_indeterminacy:before {
    content: "\e681"
}

.iboss-icon_man:before {
    content: "\e682"
}

.iboss-icon_women:before {
    content: "\e683"
}

.iboss-changyongyu:before {
    content: "\e67f"
}

.iboss-biaoqing:before {
    content: "\e680"
}

.iboss-yuyin-miansvg:before {
    content: "\e67e"
}

.iboss-shipin-miansvg:before {
    content: "\e67d"
}

.iboss-guolvshezhi:before {
    content: "\e67c"
}

.iboss-quanping:before {
    content: "\e677"
}

.iboss-guanbi:before {
    content: "\e678"
}

.iboss-suoxiao:before {
    content: "\e679"
}

.iboss-shipin:before {
    content: "\e67a"
}

.iboss-yuyin:before {
    content: "\e67b"
}

.iboss-gongsirizhi:before {
    content: "\e676"
}

.iboss-warning-fill:before {
    content: "\e600"
}

.iboss-jiaoyujingli:before {
    content: "\e672"
}

.iboss-nianling:before {
    content: "\e673"
}

.iboss-gongzuojingli:before {
    content: "\e674"
}

.iboss-qiuzhizhuangtai:before {
    content: "\e675"
}

.iboss-quxiaobuheshi:before {
    content: "\e671"
}

.iboss-duiwoganxingqu:before {
    content: "\e669"
}

.iboss-guanjianci:before {
    content: "\e66a"
}

.iboss-kanguowo:before {
    content: "\e66b"
}

.iboss-shaixuan:before {
    content: "\e66c"
}

.iboss-tongshituijian:before {
    content: "\e66d"
}

.iboss-tuijianniuren:before {
    content: "\e66e"
}

.iboss-xinniuren:before {
    content: "\e66f"
}

.iboss-wokanguo:before {
    content: "\e670"
}

.iboss-duigou:before {
    content: "\e665"
}

.iboss-xia:before {
    content: "\e666"
}

.iboss-x:before {
    content: "\e667"
}

.iboss-shang:before {
    content: "\e668"
}

.iboss-wenhao:before {
    content: "\e664"
}

.iboss-bianlaing:before {
    content: "\e65f"
}

.iboss-fengjinjilu:before {
    content: "\e65d"
}

.iboss-job:before {
    content: "\e65e"
}

.iboss-zongliang:before {
    content: "\e660"
}

.iboss-ku:before {
    content: "\e661"
}

.iboss-shenfenguanli:before {
    content: "\e662"
}

.iboss-fenpei:before {
    content: "\e663"
}

.iboss-yuemian:before {
    content: "\e658"
}

.iboss-dacheng:before {
    content: "\e659"
}

.iboss-wancheng:before {
    content: "\e65a"
}

.iboss-kailiao:before {
    content: "\e65b"
}

.iboss-shuangliao:before {
    content: "\e65c"
}

.iboss-suo1:before {
    content: "\e657"
}

.iboss-lady:before {
    content: "\e655"
}

.iboss-man:before {
    content: "\e656"
}

.iboss-kaisuo:before {
    content: "\e653"
}

.iboss-suo:before {
    content: "\e654"
}

.iboss-tuding:before {
    content: "\e652"
}

.iboss-songda:before {
    content: "\e650"
}

.iboss-shibai:before {
    content: "\e651"
}

.iboss-jujueicon:before {
    content: "\e64e"
}

.iboss-jieshouicon:before {
    content: "\e64f"
}

.iboss-yidu:before {
    content: "\e64d"
}

.iboss-tianjia:before {
    content: "\e64c"
}

.iboss-down:before {
    content: "\e63e"
}

.iboss-up:before {
    content: "\e649"
}

.iboss-right:before {
    content: "\e64a"
}

.iboss-left:before {
    content: "\e64b"
}

.iboss-zhuanfa:before {
    content: "\e648"
}

.iboss-jubao:before {
    content: "\e646"
}

.iboss-zhiding:before {
    content: "\e647"
}

.iboss-goutongjilu:before {
    content: "\e644"
}

.iboss-mianshianpai:before {
    content: "\e645"
}

.iboss-plus-hollow:before {
    content: "\e643"
}

.iboss-light:before {
    content: "\e622"
}

.iboss-checked-solid:before {
    content: "\e61d"
}

.iboss-phone:before {
    content: "\e637"
}

.iboss-sentence:before {
    content: "\e638"
}

.iboss-editor-emoticon:before {
    content: "\e639"
}

.iboss-editor-resume:before {
    content: "\e63a"
}

.iboss-explain:before {
    content: "\e63b"
}

.iboss-interview:before {
    content: "\e63c"
}

.iboss-more-hollow:before {
    content: "\e63d"
}

.iboss-editor-exchange:before {
    content: "\e63f"
}

.iboss-wechat:before {
    content: "\e640"
}

.iboss-swap:before {
    content: "\e641"
}

.iboss-forward:before {
    content: "\e642"
}

.iboss-bell-solid:before {
    content: "\e634"
}

.iboss-fresh:before {
    content: "\e62c"
}

.iboss-filter:before {
    content: "\e62d"
}

.iboss-communication:before {
    content: "\e62f"
}

.iboss-checked-hollow:before {
    content: "\e630"
}

.iboss-Batch:before {
    content: "\e631"
}

.iboss-user:before {
    content: "\e632"
}

.iboss-menu-enterprise:before {
    content: "\e629"
}

.iboss-menu-viewed:before {
    content: "\e624"
}

.iboss-menu-prop:before {
    content: "\e627"
}

.iboss-menu-chat:before {
    content: "\e625"
}

.iboss-menu-search:before {
    content: "\e626"
}

.iboss-menu-recommend:before {
    content: "\e628"
}

.iboss-menu-job:before {
    content: "\e62a"
}

.iboss-menu-profile:before {
    content: "\e62b"
}

.iboss-close:before {
    content: "\e623"
}

.iboss-close-solid:before {
    content: "\e620"
}

.iboss-close-hollow:before {
    content: "\e61a"
}

.iboss-edit:before {
    content: "\e61c"
}

.iboss-delete:before {
    content: "\e61e"
}

.iboss-plus:before {
    content: "\e621"
}

.iboss-healthy:before {
    content: "\e616"
}

.iboss-bread:before {
    content: "\e617"
}

.iboss-rice:before {
    content: "\e607"
}

.iboss-medicine:before {
    content: "\e608"
}

.iboss-stock:before {
    content: "\e609"
}

.iboss-beach:before {
    content: "\e60a"
}

.iboss-schedule:before {
    content: "\e60b"
}

.iboss-traffic:before {
    content: "\e60c"
}

.iboss-medal:before {
    content: "\e60d"
}

.iboss-gift:before {
    content: "\e60e"
}

.iboss-bus:before {
    content: "\e60f"
}

.iboss-icecream:before {
    content: "\e610"
}

.iboss-clock:before {
    content: "\e611"
}

.iboss-building:before {
    content: "\e612"
}

.iboss-call:before {
    content: "\e613"
}

.iboss-tourism:before {
    content: "\e614"
}

.iboss-umbrella:before {
    content: "\e615"
}

#header {
    width: 100%;
    height: 49px;
    background: #202329;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .06);
    position: fixed;
    z-index: 105;
    top: 0;
    left: 0;
    right: 0
}

#header a {
    color: #fff
}

#header a:hover {
    color: #00bebd
}

.logo {
    float: left;
    padding: 15px 0 0
}

.logo a {
    display: block;
    width: 104px;
    height: 19px;
    background: url(../../resource/img/logo.png) 0 0 no-repeat;
    background-size: 104px 19px
}

.logo span {
    display: none
}

.nav, .user-nav {
    font-size: 0;
    float: left;
    height: 49px;
    line-height: 49px
}

.nav, .user-nav {
    margin-left: 14px
}

.nav ul, .user-nav ul {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}

.nav li, .user-nav li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 14px;
    margin: 0 5px
}

.nav li > a, .user-nav li > a {
    font-weight: 500
}

.user-nav li {
    position: relative
}

.user-nav li.nav-dot {
    color: #fff;
    font-size: 0;
    width: 1px;
    height: 8px;
    background: #fff;
    border-radius: 1px;
    margin: 21px 0 0
}

#header .inner {
    position: relative
}

#header .inner:before {
    content: " ";
    height: 49px;
    width: 726px;
    display: block;
    position: absolute;
    left: 196px;
    top: 0;
    z-index: -1;
    background: url(https://img.bosszhipin.com/static/file/2023/g3f9o7qs9z1679895399114.png) 0 0/auto 49px no-repeat
}

#header .school-nav-box {
    width: 450px;
    padding: 5px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    display: none
}

#header .school-nav-box:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 15px;
    left: 0;
    right: 0;
    top: -15px;
    margin: auto;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog-arrow-up.bf20805f.png)
}

#header .school-nav-box .img-box {
    height: 92px
}

#header .school-nav-box .img-box.xiaoyuan {
    margin-bottom: 5px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/banner-xiaoyuan.6d0c737d.jpg)
}

#header .school-nav-box .img-box.renshebu {
    margin-bottom: 5px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/banner-minying.563d9ace.jpg)
}

#header .school-nav-box .img-box.yangshi {
    margin-bottom: 5px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/banner-yangshi_v2.98a734d0.jpg)
}

#header .school-nav-box .img-box.fupin {
    margin-bottom: 0;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/banner-fupin@1.5x.ce18e44d.jpg) no-repeat;
    background-size: 100% 100%
}

#header .overseas-nav-box {
    box-sizing: border-box;
    width: 232px;
    height: 90px;
    padding: 18px 24px 0 82px;
    position: absolute;
    background: linear-gradient(270deg, #cbf1ed, #fff);
    box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .08);
    display: none;
    border-radius: 4px
}

#header .overseas-nav-box:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 15px;
    left: 25px;
    right: 0;
    top: -11px;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/dialog-arrow-up.bf20805f.png);
    transform: scale(.5)
}

#header .overseas-nav-box .close {
    cursor: pointer;
    width: 8px;
    height: 8px;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-close.8bc8e12a.png);
    background-size: 100% auto;
    background-position: bottom;
    position: absolute;
    right: 9px;
    top: 9px
}

#header .overseas-nav-box .close:hover {
    background-position: top
}

#header .overseas-nav-box img {
    width: 73px;
    height: auto;
    position: absolute;
    left: 3px;
    top: 18px
}

#header .overseas-nav-box h4 {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 13px
}

#header .overseas-nav-box a {
    background-color: #00bebd;
    border-radius: 10.5px;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    float: right;
    color: #fff;
    cursor: pointer
}

#header .overseas-nav-box a:hover {
    color: #fff
}

.nav li:last-of-type {
    margin-right: 0
}

.nav li a, .user-nav li a {
    display: block;
    padding: 0 5px;
    position: relative;
    *font-family: PingFang SC, HanHei SC, STHeitiSC-Light, Microsoft Yahei, arial, verdana, helvetica, sans-serif
}

.nav li a:hover, .user-nav li a:hover {
    color: #00bebd
}

.nav li.cur a, .nav li.cur a:hover {
    color: #00bebd !important
}

#header .user-nav li.cur a, #header .user-nav li.cur a:hover {
    color: #00bebd
}

.user-nav {
    float: right;
    margin-left: 5px
}

.user-nav .btn {
    display: inline-block;
    min-width: 112px;
    box-sizing: content-box;
    height: 36px;
    line-height: 36px;
    border: 1px solid #00bebd;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    background: #00bebd;
    text-align: center;
    cursor: pointer
}

.user-nav .btns .vline {
    margin-top: -8px;
    background: none
}

.user-nav .btns .link-scan {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px
}

.user-nav .btns .link-apply-job .new {
    line-height: 13px
}

.user-nav .btns .link-publish {
    display: inline-block;
    font-size: 13px
}

.user-nav .btns .btn-outline {
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 0 11px;
    min-width: 0;
    margin-left: 14px;
    color: #fff;
    vertical-align: inherit;
    background: transparent
}

.user-nav .btns .btn-outline:hover {
    background: rgba(0, 190, 189, .2)
}

.user-nav li.nav-figure {
    margin-right: 0;
    margin-left: 5px;
    position: relative;
    padding: 7px 0 6px
}

.user-nav li.nav-figure > a {
    border-radius: 6px;
    padding: 0 5px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear
}

.user-nav li.nav-figure:hover > a {
    background: hsla(0, 0%, 100%, .2)
}

.user-nav li.nav-figure:hover:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 4px;
    background: transparent;
    z-index: 2
}

#header .user-nav li.nav-figure:hover > a {
    color: #fff
}

.user-nav a {
    font-size: 14px
}

.user-nav .link-sign-resume {
    position: relative;
    margin-right: 20px
}

.user-nav .new {
    display: none;
    position: absolute;
    top: -9px;
    right: -24px;
    height: 14px;
    padding: 0 4px;
    line-height: 13px;
    background-color: #ef505e;
    color: #fff;
    font-size: 12px;
    border-radius: 7px
}

.user-nav .btns-tip {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #fd896b;
    margin-left: 2px;
    position: absolute;
    top: 15px
}

.nav-figure .label-text {
    margin-top: -2px;
    line-height: 20px;
    padding-right: 4px;
    vertical-align: middle;
    max-width: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap
}

.nav-figure img {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    vertical-align: middle;
    *margin-top: -2px
}

.nav-figure .dropdown {
    display: none !important
}

.nav-figure.selected .dropdown {
    display: block !important
}

.nav-city {
    float: left;
    position: relative;
    cursor: pointer;
    height: 49px;
    line-height: 49px;
    color: #00bebd
}

.nav-city .icon-poi {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 23px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-poi.537f6cce.png) 0 -165px;
    margin: 17px 3px 0 12px
}

.nav-city .switchover-city {
    font-size: 12px;
    color: #fff;
    margin-left: 10px
}

.nav-city .city-box {
    font-size: 14px;
    display: none
}

.user-nav .nav-chat-num {
    display: none;
    position: absolute;
    top: 7px;
    left: 32px;
    padding: 0 4px;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    height: 16px;
    background: #fe574a;
    border-radius: 9px 9px 9px 0;
    z-index: 1
}

#header .nav-figure.selected a {
    color: #00c2b3
}

.nav-figure .dropdown {
    display: none;
    position: absolute;
    width: 234px;
    left: auto;
    right: 0;
    top: 53px;
    z-index: 2;
    padding: 4px;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed
}

#header .nav-figure .dropdown a {
    position: relative;
    padding: 12px 20px;
    line-height: 20px;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    border-radius: 4px;
    transition: all .2s linear
}

#header .nav-figure .dropdown a span {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    margin-top: 4px
}

#header .nav-figure .dropdown a:hover {
    color: #00a6a7;
    background: #f8f8f8;
    font-weight: 500
}

#header .nav-figure .dropdown a.link-logout:after, #header .nav-figure .dropdown a.link-recruit:after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #f2f5fa;
    z-index: 1
}

#header .nav-figure .dropdown a.link-logout, #header .nav-figure .dropdown a.link-recruit {
    margin-top: 4px;
    padding-top: 16px
}

#header .nav-figure .dropdown a.link-logout:hover, #header .nav-figure .dropdown a.link-recruit:hover {
    background-color: #fff;
    color: #00bebd
}

#header .header-resume-new {
    position: relative;
    margin-right: 10px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}

#header .header-resume-new a {
    display: block;
    cursor: pointer
}

#header .header-resume-new a:hover .header-resume-tip {
    display: block
}

#header .header-resume-new a .new {
    top: 8px;
    right: -24px
}

#header .header-resume-new .header-resume-tip {
    display: none;
    position: absolute;
    height: 30px;
    right: -38px;
    white-space: nowrap;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    background: #5e96f2;
    line-height: 30px;
    padding: 0 20px;
    top: 37px
}

#header .header-resume-new .header-resume-tip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #5e96f2;
    border-style: solid;
    border-width: 0 6px 6px;
    top: -4px;
    right: 70px
}

#header .header-resume-new .header-resume-tip .header-resume-btn {
    display: inline-block;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #fff;
    line-height: 18px;
    margin-left: 20px;
    padding: 0 2px;
    font-size: 12px
}

#header .header-resume-new .header-resume-tip .header-resume-btn:hover {
    background: #fff;
    color: #5e96f2
}

.nav-search {
    float: left;
    position: relative;
    width: 160px !important;
    padding-top: 10px !important;
    box-sizing: border-box;
    margin-left: 15px
}

.nav-search .btn-search {
    width: 16px;
    height: 16px;
    background-color: transparent;
    position: absolute;
    top: 16px;
    right: 8px;
    *top: 11px;
    background: url(https://img.bosszhipin.com/static/file/2023/umua62pczi1679922532668.png) 0 0/16px auto no-repeat
}

.nav-search .ipt-search {
    border: 1px solid transparent;
    width: 100%;
    padding: 3px 12px;
    line-height: 20px;
    border-radius: 6px;
    font-size: 12px;
    background: hsla(0, 0%, 100%, .2);
    color: #fff;
    box-sizing: border-box;
    transition: all .2s linear
}

.nav-search .ipt-search:focus, .nav-search .ipt-search:hover {
    border-color: #00bebd
}

.nav-search .suggest-result {
    width: auto;
    left: 24px;
    top: 49px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed;
    overflow: hidden;
    z-index: 9
}

.nav-search .search-find-box {
    width: 300px;
    left: 30px;
    top: 49px
}

.nav-search .suggest-result ul {
    max-height: 200px;
    overflow: auto;
    padding: 4px
}

.nav-search .suggest-result li {
    width: 172px;
    line-height: 20px;
    padding: 8px 12px;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.nav-search .suggest-result li:hover {
    background: #f8f8f8
}

.nav-search .ipt-wrap {
    margin-top: 0 !important
}

#header .nav-search .search-find-box .search-find-title .clear-search-btn {
    color: #999
}

#header .nav-search .search-find-box .search-find-title .clear-search-btn:hover {
    color: #00a6a7
}

#header .nav-search .search-find-box .search-find-list a {
    background: #f8f8f8;
    border-radius: 6px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 2px 8px;
    float: left;
    margin: 4px 6px;
    transition: all .2s linear
}

#header .nav-search .search-find-box .search-find-list a:hover {
    color: #fff;
    background: #00bebd
}

#header .nav-search .search-find-box .switch-find-btn {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    transition: all .2s linear
}

#header .nav-search .search-find-box .switch-find-btn:hover {
    opacity: .8
}

.recruit-tip {
    display: none;
    position: absolute;
    white-space: normal;
    bottom: 0;
    left: -315px;
    width: 298px;
    height: 280px;
    text-align: center;
    border: 1px solid #f6f6f6;
    line-height: 20px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .08)
}

.recruit-tip img {
    width: 280px;
    height: 180px;
    border-radius: 0;
    margin-top: 8px
}

.recruit-tip span {
    display: block;
    padding: 0 30px;
    margin-top: 12px
}

.recruit-tip:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 205px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    transform: rotate(45deg)
}

.user-nav .dropdown-help-and-feedback {
    margin: 0 10px;
    cursor: pointer;
    position: relative;
    color: #fff
}

.user-nav .dropdown-help-and-feedback .dropdown-select {
    font-weight: 500
}

.user-nav .dropdown-help-and-feedback .dropdown-select:hover {
    color: #00bebd
}

.user-nav .dropdown-help-and-feedback .dropdown-menu {
    background: #fff;
    position: absolute;
    top: 53px;
    left: 0;
    z-index: 2;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    padding: 4px;
    border: 1px solid #ededed;
    display: none
}

.user-nav .dropdown-help-and-feedback .dropdown-menu .dropdown-menu-item {
    width: 114px;
    line-height: 44px;
    border-radius: 4px;
    cursor: pointer;
    color: #222;
    z-index: 2;
    transition: all .2s linear
}

.user-nav .dropdown-help-and-feedback .dropdown-menu .dropdown-menu-item:hover {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 500
}

.not-chat-router .user-nav .dropdown-help-and-feedback {
    display: none
}

.pop-feedback textarea {
    margin-left: 10px;
    height: 119px;
    width: 440px;
    padding: 10px 12px !important;
    border: 1px solid #d4d5d6;
    resize: none;
    display: block;
    color: #414a60;
    border-radius: 8px;
    box-sizing: border-box
}

.pop-feedback a {
    color: inherit;
    *color: #9fa3b0
}

.pop-feedback .btn {
    min-width: 30px;
    padding: 0 30px;
    height: 32px;
    line-height: 32px;
    color: #5dd5c8;
    font-size: 14px
}

.pop-feedback .tips {
    position: static
}

.pop-feedback .dialog-container {
    width: 610px;
    border-radius: 12px;
    padding: 0
}

.pop-feedback .dialog-title {
    height: 122px;
    border-radius: 12px 12px 0 0;
    background: url(https://img.bosszhipin.com/static/file/2023/gmezozfxzi1675678429486.png) 0 0/610px auto no-repeat
}

.pop-feedback .icon-close:after, .pop-feedback .icon-close:before {
    background: #999
}

.pop-feedback .dialog-title .title {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    line-height: 33px;
    padding: 30px 40px 0
}

.pop-feedback .dialog-title .tips {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    margin-top: 10px
}

.pop-feedback .dialog-title .close {
    top: 15px;
    right: 16px
}

.pop-feedback .dialog-con {
    width: 610px;
    padding: 0 40px
}

.pop-feedback .dialog-con span:last-child {
    display: block;
    line-height: 17px;
    margin-top: 4px
}

.pop-feedback .sub-title {
    float: left;
    width: 70px;
    margin-right: 10px;
    color: #333;
    font-weight: 500;
    text-align: left
}

.pop-feedback .sub-title .required-icon {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #fe574c;
    line-height: 20px;
    margin-right: 4px
}

.pop-feedback .sub-content {
    margin-left: 80px;
    font-size: 13px
}

.pop-feedback .text-error {
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 4px auto 6px;
    color: #fc6c38;
    font-size: 12px;
    padding-left: 80px
}

.pop-feedback .text-error .tips {
    font-size: 12px;
    color: #d1d4db
}

.pop-feedback .upload {
    margin-bottom: 30px
}

.pop-feedback .upload .upload-tips {
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 10px
}

.pop-feedback .upload .sub-content {
    padding: 10px;
    border-radius: 8px;
    transition: all .2s linear
}

.pop-feedback .upload .sub-content:hover {
    background: #f7f7f7
}

.pop-feedback .upload.has-upload .sub-content:hover {
    background: #fff
}

.pop-feedback .upload .upload-pics {
    font-size: 0;
    line-height: 98px
}

.pop-feedback .upload .upload-pic {
    display: inline-block;
    position: relative;
    z-index: 6;
    width: 98px;
    height: 98px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    border: 1px solid #dedfe0;
    background: url(https://static.zhipin.com/v2/web/geek/images/icon-add.png) no-repeat 50%/20px;
    cursor: pointer;
    text-align: center
}

.pop-feedback .upload .upload-pic img {
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    vertical-align: middle
}

.pop-feedback .upload .upload-pic .remove-pic {
    position: absolute;
    z-index: 7;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    background: url(https://static.zhipin.com/zhipin-geek/chat/v239/static/images/icon-close.d627ffbd.png) no-repeat 0 0/100% auto
}

.pop-feedback .upload .upload-pic .remove-pic:hover {
    background-position: 0 -32px
}

.pop-feedback .upload .upload-pic-btn-wrapper {
    display: inline-block;
    position: relative;
    z-index: 6;
    width: 98px;
    height: 98px;
    border-radius: 8px;
    border: 1px solid #00bebd;
    background: #fff;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden
}

.pop-feedback .upload .upload-pic-btn-wrapper:hover {
    background-color: rgba(0, 166, 167, .1)
}

.pop-feedback .upload .upload-pic-btn-wrapper .iboss-plus {
    display: block;
    font-size: 20px;
    color: #00bebd;
    margin: 25px auto 12px;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.pop-feedback .upload .upload-pic-btn-wrapper em {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    font-style: normal
}

.pop-feedback .upload .upload-pic-btn {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 200%;
    background: none;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.upload-complate .dialog-container {
    margin: -227px 0 0 -189px
}

.pop-feedback .verify-box .sub-content {
    font-size: 0
}

.pop-feedback .verify-box .ipt {
    width: 287px;
    min-width: 212px;
    height: 32px;
    padding: 0 0 0 40px;
    font-size: 14px;
    border: 1px solid #eee;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-sign.66eb1d7e.png) 11px -39px no-repeat;
    vertical-align: middle
}

.pop-feedback .verify-box img {
    width: 102px;
    height: 32px;
    border: 1px solid #eee;
    border-left: none;
    vertical-align: middle
}

.pop-feedback .dialog-footer {
    padding: 0 0 24px;
    margin: 0 40px
}

.pop-feedback .dialog-footer .btn {
    border-radius: 4px;
    padding: 0 20px
}

.pop-feedback .dialog-footer .btn.btn-cancel {
    color: #5c5e66;
    border: 1px solid #c1c6cc;
    transition: all .2s linear
}

.pop-feedback .dialog-footer .btns .btn-outline.btn-cancel:hover {
    border: 1px solid #00b8bf;
    padding: 0 20px;
    line-height: 32px;
    height: 34px;
    color: #00a6a7
}

.pop-feedback .dialog-footer .btn-sure {
    color: #fff;
    background: #00b8bf;
    transition: all .2s linear;
    border: 1px solid #00b8bf
}

.pop-feedback .dialog-footer .btn-sure:hover {
    background: rgba(0, 166, 167, .8);
    border: 1px solid rgba(0, 166, 167, .8)
}

.pop-feedback input:focus, .pop-feedback textarea:focus {
    box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
    border-color: #00d7c6
}

.pop-feedback .verify-box-new input {
    top: 0 !important
}

.pop-feedback .verify-box-new {
    position: relative;
    min-height: 44px;
    background: #e8e8e8;
    border-radius: 4px;
    width: 440px;
    margin-left: 90px
}

.pop-feedback .verify-box-new .verify-init-btn {
    line-height: 42px;
    height: 44px;
    border-radius: 4px
}

.pop-feedback .verify-box-new .verify-init-btn .verify-init-dot {
    top: 10px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind {
    height: 44px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
    top: 8px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_wait {
    margin: 8px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar {
    margin: 6px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar_btn {
    border-radius: 4px
}

.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar_tip, .pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_success_radar_tip {
    height: 44px;
    line-height: 42px;
    border-radius: 4px
}

.pop-feedback .verify-box-new:before {
    position: absolute;
    left: 50%;
    margin-left: -42px;
    content: "正在加载中";
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) 100% no-repeat;
    background-size: 16px;
    padding-right: 20px;
    line-height: 44px;
    color: #969696
}

.pop-feedback .ipt:focus, .pop-feedback textarea:focus {
    box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
    border-color: #00d7c6
}

#footer {
    background: #fff;
    padding: 20px 0 10px;
    z-index: 22;
    color: #8d92a1
}

#footer, #footer .home-inner {
    position: relative
}

.page-white #footer {
    margin-top: 0;
    position: static
}

.footer-icon {
    margin-top: 20px
}

.footer-social {
    position: absolute;
    font-size: 12px;
    text-align: right;
    right: 0;
    top: 0
}

.footer-social img {
    margin: 6px 0 7px;
    width: 88px;
    height: 16px
}

.footer-social p img {
    width: 100px;
    height: 100px
}

.footer-social p {
    text-align: right;
    padding: 0;
    font-size: 13px
}

.footer-social p span {
    font-size: 13px;
    padding-left: 5px
}

.footer-social a {
    -webkit-transition: none;
    transition: none
}

.icon-app, .icon-weibo, .icon-weixin {
    display: inline-block;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons.69b3aa96.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #eaebee;
    border-radius: 100%;
    margin-left: 23px;
    vertical-align: top
}

.icon-weibo {
    background-position: 10px -190px
}

.icon-app span, .icon-weibo span, .icon-weixin span {
    display: none
}

.icon-app:hover, .icon-weibo:hover, .icon-weixin:hover {
    border-color: #cbcdd4
}

.icon-weixin {
    background-position: 10px -254px;
    position: relative
}

.icon-app {
    background-position: 6px -313px
}

.qrcode-weixin {
    display: none;
    position: absolute;
    right: -25px;
    bottom: 50px;
    width: 100px;
    height: 100px;
    background: #fff
}

.icon-weixin:hover .qrcode-weixin {
    display: block
}

.copyright {
    color: #eeeff3;
    font-size: 12px;
    margin-top: 20px;
    max-width: 900px
}

.copyright img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -5px 0 0
}

.copyright span {
    color: #8d92a1;
    display: inline-block;
    margin-right: 15px
}

.copyright span.renshe-phone {
    cursor: pointer
}

.copyright span.netpolice {
    margin-left: -10px
}

.copyright .link-beian:hover {
    color: #ddd
}

.copyright .link-chengxin {
    display: inline-block;
    margin-left: 10px
}

.copyright .link-chengxin img {
    height: 30px;
    display: inline-block;
    margin-bottom: -10px
}

.footer-logo {
    padding: 12px 0;
    width: 200px
}

.ie7 .footer-social a {
    margin-left: 0;
    margin-right: 23px
}

.ie7 .footer-social a.icon-app {
    margin-right: 0
}

#footer .icon-client-app {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #eaebee;
    border-radius: 100%;
    margin-left: 23px;
    vertical-align: top
}

#footer .icon-client-app:hover {
    border-color: #cbcdd4
}

#footer .icon-client-app:hover .download-app-tip {
    display: block
}

#footer .icon-client-app img.icon-image {
    width: 18px;
    height: auto;
    vertical-align: middle
}

#footer .icon-client-app .download-app-tip {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -48px;
    background: #707070;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    padding: 1px 6px;
    white-space: nowrap
}

.footer-about dl {
    width: 192px;
    float: left
}

.footer-about dl dt {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #414a60;
    margin-bottom: 10px
}

.footer-about dl dd a, .footer-about dl dd p {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #8d92a1;
    height: 24px;
    line-height: 24px;
    white-space: nowrap
}

.footer-about dl dd .report-mail {
    display: inline;
    font-size: 12px;
    color: #8d92a1;
    height: 24px;
    line-height: 24px;
    white-space: nowrap
}

.footer-about dl dd a:hover {
    color: #00d7c6
}

.sider-box {
    background: #fff;
    padding: 20px;
    margin-bottom: 16px;
    position: relative;
    border-radius: 12px
}

.sider-box .sider-title {
    height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    align-items: center;
    display: flex
}

.sider-box .sider-title em {
    font-style: normal;
    flex: 1
}

.sider-box .sider-title span {
    font-size: 13px;
    color: #666;
    margin-left: 4px
}

.sider-box .sider-title span.max-num-tip {
    margin-left: 4px;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.sider-box .btns {
    text-align: center;
    margin: 16px 0 0
}

.sider-box .btns .btn {
    width: 100%
}

.sider-box .btns .btn:first-child {
    margin-top: 0
}

.vip-guide {
    position: relative;
    width: 100%;
    height: 160px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/vip-guide.37b15982.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    overflow: hidden
}

.vip-guide:hover:after {
    opacity: 1
}

.vip-guide:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .1);
    opacity: 0;
    transition: all .2s linear
}

.vip-guide .title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 25px
}

.vip-guide .desc {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    opacity: .85;
    margin-top: 4px
}

.vip-guide .btn {
    margin-top: 13px;
    background-color: #ffba54;
    font-size: 14px;
    font-weight: 400;
    color: #120f0a;
    border: 1px solid #ffba54;
    padding: 0;
    line-height: 28px;
    width: 78px;
    height: 28px
}

.prop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.prop .title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.prop .link-mall {
    font-size: 12px;
    color: #666;
    display: flex;
    align-items: center
}

.prop .link-mall:hover {
    color: #00a6a7
}

.prop .link-mall:hover .arrow {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.prop .link-mall .arrow {
    width: 4px;
    height: 7px;
    margin-left: 8px;
    margin-top: -1px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

#siderbar {
    position: fixed;
    top: 49px;
    right: 0;
    background-color: #fff;
    box-shadow: -1px 0 8px rgba(0, 0, 0, .03);
    height: 100%;
    z-index: 104
}

#siderbar .siderbar-bottom li, #siderbar .siderbar-top li {
    display: block;
    position: relative;
    font-size: 12px;
    color: #9fa3b0;
    line-height: 14px
}

#siderbar .siderbar-top li a {
    color: #fff;
    transition: all .2s
}

#siderbar .siderbar-bottom li a, #siderbar .siderbar-top li a {
    padding: 15px 0;
    display: block
}

#siderbar .siderbar-top li a i {
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 auto 10px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/siderbar.3af81c0a.png) no-repeat;
    -webkit-background-size: 42px auto;
    background-size: 42px auto
}

.ie #siderbar .siderbar-top li a i {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/siderbar-ie.79daf4f4.png)
}

#siderbar .siderbar-top .icon-sider-interest {
    background-position: 0 -62px
}

#siderbar:hover .sider-template li:hover a, #siderbar:hover .siderbar-top li.active a, #siderbar:hover .siderbar-top li a:hover {
    color: #54cbc4;
    cursor: pointer
}

#siderbar .siderbar-top li.active a .icon-sider-interest, #siderbar .siderbar-top li:hover a .icon-sider-interest {
    background-position: -21px -62px
}

#siderbar .siderbar-top .icon-sider-chat {
    background-position: 0 -21px
}

#siderbar .siderbar-top li.active a .icon-sider-chat, #siderbar .siderbar-top li:hover a .icon-sider-chat {
    background-position: -21px -21px
}

#siderbar .siderbar-top .icon-sider-resume {
    background-position: 0 -42px
}

#siderbar .siderbar-top li.active a .icon-sider-resume, #siderbar .siderbar-top li:hover a .icon-sider-resume {
    background-position: -21px -42px
}

#siderbar .siderbar-top .icon-sider-interview {
    background-position: 0 -84px
}

#siderbar .siderbar-top li.active a .icon-sider-interview, #siderbar .siderbar-top li:hover a .icon-sider-interview {
    background-position: -21px -84px
}

#siderbar .siderbar-back-top:after {
    content: "";
    display: block !important;
    width: 21px;
    height: 13px;
    margin: 0 auto;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/siderbar.3af81c0a.png) no-repeat;
    background-size: 42px auto;
    background-position: 0 0
}

#siderbar .siderbar-bottom li:hover .siderbar-back-top:after {
    background-position: -21px 0
}

.siderbar-top {
    width: 100%;
    float: left;
    padding-top: 15px;
    text-align: center
}

.siderbar-bottom {
    position: absolute;
    width: 100%;
    bottom: 140px;
    text-align: center
}

#siderbar .qrcode-layer i {
    width: 12px;
    height: 21px;
    background-position: 0 -697px;
    position: absolute;
    top: 90px;
    right: -12px
}

.qrcode-layer {
    display: none;
    position: absolute;
    right: 55px;
    top: -80px;
    width: 196px;
    height: 196px;
    border: 1px solid #eee;
    background: #fff;
    z-index: 10
}

.qrcode-layer img {
    display: block;
    width: 134px;
    height: 134px;
    margin: 16px auto 0
}

#siderbar li:hover .siderbar-app .qrcode-layer, #siderbar li:hover .siderbar-wechat .qrcode-layer {
    display: block
}

#siderbar .siderbar-app .qrcode-layer {
    top: -78px
}

.page-loading .component-b, .page-loading .component-o, .page-loading .component-s1, .page-loading .component-s2 {
    display: inline-block;
    width: 40px;
    height: 42px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-boss.f2acc91b.png) no-repeat;
    vertical-align: middle;
    -webkit-animation-fill-mode: both;
    -webkit-animation: bossLoading .6s linear infinite alternate;
    -moz-animation: bossLoading .6s infinite linear alternate;
    animation: bossLoading .6s linear infinite alternate
}

.data-tips .page-loading {
    white-space: nowrap;
    margin-top: -20px;
    margin-left: -79px
}

.page-loading .component-b {
    background-position: 0 0
}

.page-loading .component-o {
    content: "";
    background-position: 0 -68px;
    margin-left: -4px;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

.page-loading .component-s1 {
    background-position: 0 -141px;
    margin-left: 6px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

.page-loading .component-s2 {
    content: "";
    background-position: 0 -141px;
    margin-left: -4px;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

#siderbar .sider-title {
    height: 70px;
    padding: 30px 22px 20px 20px;
    background: #fbfbfd;
    color: #414a60;
    zoom: 1
}

#siderbar .sider-title:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

#siderbar .sider-title a {
    font-size: 12px;
    color: #9fa3b0;
    float: right
}

#siderbar .opacity {
    opacity: .5
}

#siderbar .user-avatar {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    vertical-align: middle
}

#siderbar .sider-detail {
    position: relative;
    height: 100%;
    float: right;
    border-left: 1px solid #eee;
    background: #fbfbfd;
    overflow-y: auto;
    overflow-x: hidden
}

#siderbar .sider-detail ul {
    background-color: #fff
}

#siderbar .sider-detail ul li:hover {
    background: #f8f9fb
}

#siderbar .sider-detail .sider-template li a {
    padding: 20px 0 11px;
    display: block;
    margin: 0 20px;
    border-bottom: 1px dotted #e3e7ed
}

#siderbar .sider-detail ul li:last-child a {
    border: none
}

#siderbar .sider-detail ul li h4 {
    font-size: 14px;
    color: #61687c;
    line-height: 20px;
    zoom: 1
}

#siderbar .sider-detail ul li h4:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

#siderbar .user-text {
    font-size: 12px;
    color: #9fa3af;
    padding-left: 10px;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle
}

.sider-position-title {
    width: 165px;
    height: 20px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.sider-position-title .title-text {
    max-width: 98px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sider-position-title .title-text.no-medium {
    max-width: 165px
}

.sider-position-title .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.sider-position-title .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 10px
}

.sider-position-title .job-medium-icon.after-icon {
    margin-right: 0;
    margin-left: 10px
}

.sider-degree {
    color: #fd7240;
    float: right
}

#siderbar .company-info {
    font-size: 12px;
    color: #9fa3af;
    padding: 10px 0 15px;
    line-height: 12px
}

#siderbar .siderbar-more {
    display: block;
    font-size: 12px;
    color: #9fa3b0;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 10px
}

#siderbar .interview-time {
    height: 40px;
    padding-left: 20px;
    background-color: #fbfbfd;
    font-size: 14px;
    color: #414a60;
    line-height: 40px
}

#siderbar .interview-time span {
    font-size: 12px;
    color: #9fa3af;
    padding-left: 10px
}

#siderbar .interview-info {
    display: block;
    font-size: 12px;
    color: #9fa3af;
    line-height: 24px;
    padding-top: 3px
}

#siderbar .interview-info span {
    color: #002c00
}

#siderbar .interview-user-info {
    padding-top: 14px
}

#siderbar .interview-user-info img {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    vertical-align: middle
}

#siderbar .interview-user-info .user-text {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis
}

.interview-list li .sub-title .interview-status {
    float: right;
    color: #fd7240
}

.interview-list li .sub-title .company-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.interview-user-info .btn {
    min-width: 46px;
    width: 46px;
    height: 24px;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    outline: 1px solid #5dd5c8;
    background: #5dd5c8;
    border-color: transparent;
    padding: 0
}

.interview-user-info .btn:hover {
    opacity: .85
}

.interview-user-info .btns-sider-interview {
    display: none;
    vertical-align: top;
    float: right
}

#siderbar .sider-detail ul li:hover .btns-sider-interview {
    display: inline-block
}

.interview-user-info .btn.btn-cancel {
    background-color: #fff;
    color: #5dd5c8;
    margin-right: 4px
}

.interview-user-info .btn.btn-cancel:hover {
    border-color: #5dd5c8
}

#siderbar .not-have {
    display: block;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/not-have.87b15618.png) no-repeat 50%;
    width: 310px;
    height: 60px;
    background-size: 116px 60px
}

#siderbar .not-login {
    display: block;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/not-login.5ffa3cf2.png) no-repeat 50%;
    width: 310px;
    height: 72px;
    background-size: 90px 72px
}

.sider-error-tip {
    text-align: center;
    height: 200px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.sider-error-tip p {
    font-size: 15px;
    line-height: 15px;
    color: #9fa3b0;
    padding: 30px 0 26px
}

#siderbar .sider-template button {
    width: 68px;
    height: 26px;
    min-width: 68px;
    line-height: 26px;
    font-size: 12px;
    float: right;
    display: none
}

#siderbar .sider-detail ul li:hover button {
    display: block
}

#siderbar .sider-template .btn-sider-interest {
    line-height: normal;
    padding: 0 5px
}

#siderbar .interview-container {
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px dotted #e3e7ed
}

#siderbar .interview-list li:last-child .interview-container {
    border: none
}

#siderbar .sider-load {
    text-align: center;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

#siderbar .sider-load i {
    display: block;
    width: 310px;
    height: 29px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/loading.0e6e0f46.gif) no-repeat 50%;
    background-size: 29px 29px
}

#siderbar .sider-load p {
    padding-top: 20px;
    font-size: 15px;
    color: #9fa3b0
}

#siderbar .sider-index {
    width: 40px;
    height: 100%;
    float: left;
    position: relative;
    transition: width .2s
}

#siderbar .btn-sider-more {
    width: 138px;
    font-size: 14px
}

#siderbar:hover .sider-index {
    width: 60px
}

#siderbar:hover .siderbar-top li a {
    color: #414a60
}

@media (max-height: 780px) {
    #siderbar .siderbar-bottom li a, #siderbar .siderbar-top li a {
        padding: 10px 0
    }

    .siderbar-bottom {
        bottom: 80px
    }

    #siderbar .siderbar-app .qrcode-layer {
        top: -128px
    }

    #siderbar .qrcode-layer i {
        top: 132px
    }

    #siderbar .siderbar-wechat .qrcode-layer {
        top: -128px
    }
}

.side-bar-box {
    position: fixed;
    bottom: 40px;
    right: 24px;
    z-index: 104
}

.side-bar-box.is-open {
    right: 324px
}

.side-bar-box .sider-title {
    position: relative;
    padding: 24px 16px 16px;
    background: #fbfbfd;
    color: #12141a;
    font-size: 16px;
    line-height: 22px
}

.side-bar-box .sider-title:before {
    content: " ";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 1px;
    background: #f5f5f5;
    z-index: 1
}

.side-bar-box .sider-title:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.side-bar-box .sider-title a {
    font-size: 14px;
    color: #00a6a7;
    float: right
}

.side-bar-box .sider-title a:hover {
    opacity: .8
}

.side-bar-box .btn {
    background-color: #5dd5c8;
    border-color: #5dd5c8;
    color: #fff
}

.side-bar-box .btn:hover {
    background: #6adbcf
}

.side-bar-box .opacity {
    opacity: .5
}

.side-bar-box .user-avatar {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    vertical-align: middle
}

.side-bar-box .sider-detail {
    position: fixed;
    top: 49px;
    bottom: 0;
    right: 0;
    width: 300px;
    background: #fbfbfd;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 8px 40px 0 hsla(0, 0%, 60%, .3)
}

.side-bar-box .sider-detail ul {
    background-color: #fff
}

.side-bar-box .sider-detail ul li {
    transition: all .2s linear
}

.side-bar-box .sider-detail ul li:hover {
    background: #f7f7f7
}

.side-bar-box .sider-detail ul li:hover .btns-sider-interview {
    display: inline-block
}

.side-bar-box .sider-detail ul li:hover button {
    display: block
}

.side-bar-box .sider-detail ul li:last-child a {
    border: none
}

.side-bar-box .sider-detail ul li h4 {
    font-size: 14px;
    color: #222;
    line-height: 22px;
    height: 22px;
    white-space: nowrap
}

.side-bar-box .user-text {
    font-size: 13px;
    color: #666;
    padding-left: 8px;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle
}

.side-bar-box .sider-position-title {
    width: 165px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.side-bar-box .sider-position-title .title-text {
    max-width: 98px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.side-bar-box .sider-position-title .title-text.no-medium {
    max-width: 165px
}

.side-bar-box .sider-position-title .title-text .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-left: 10px
}

.side-bar-box .sider-position-title .title-text .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 10px
}

.side-bar-box .sider-position-title .title-text .job-medium-icon.after-icon {
    margin-right: 0;
    margin-left: 10px
}

.side-bar-box .sider-degree {
    float: right;
    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    line-height: 22px
}

.side-bar-box .company-info {
    font-size: 13px;
    color: #999;
    padding: 8px 0;
    line-height: 18px
}

.side-bar-box .siderbar-more {
    display: block;
    font-size: 12px;
    color: #999;
    text-align: center;
    padding-top: 18px
}

.side-bar-box .interview-time {
    height: 40px;
    padding-left: 20px;
    background: #fbfbfd;
    font-size: 14px;
    color: #222;
    line-height: 40px
}

.side-bar-box .interview-time span {
    font-size: 12px;
    color: #999;
    padding-left: 10px
}

.side-bar-box .interview-info {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 24px;
    padding-top: 3px
}

.side-bar-box .interview-info span {
    color: #002c00
}

.side-bar-box .interview-user-info {
    padding-top: 14px
}

.side-bar-box .interview-user-info img {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    vertical-align: middle
}

.side-bar-box .interview-user-info .user-text {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis
}

.side-bar-box .interview-list li .sub-title .interview-status {
    float: right;
    color: #fd7240
}

.side-bar-box .interview-list li .sub-title .company-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.side-bar-box .interview-list li:last-child .interview-container {
    border: none
}

.side-bar-box .interview-user-info .btn {
    min-width: 46px;
    width: 46px;
    height: 24px;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    outline: 1px solid #5dd5c8
}

.side-bar-box .interview-user-info .btn.btn-cancel {
    background-color: #fff;
    color: #5dd5c8;
    margin-right: 4px
}

.side-bar-box .interview-user-info .btn.btn-cancel:hover {
    border-color: #5dd5c8
}

.side-bar-box .interview-user-info .btns-sider-interview {
    display: none;
    vertical-align: top;
    float: right
}

.side-bar-box .not-have, .side-bar-box .not-login {
    display: block;
    margin: 0 auto;
    background: url(https://img.bosszhipin.com/static/file/2022/pooxhxtvvc1653361386961.png) no-repeat 50%;
    width: 200px;
    height: 120px;
    background-size: 200px 120px
}

.side-bar-box .sider-error-tip {
    width: 100%;
    height: 228px
}

.side-bar-box .sider-error-tip p {
    color: #666;
    font-size: 14px
}

.side-bar-box .sider-template button {
    width: 68px;
    height: 26px;
    min-width: 68px;
    line-height: 24px;
    font-size: 12px;
    float: right;
    padding: 0;
    display: none
}

.side-bar-box .sider-template a {
    padding: 20px 0 11px;
    display: block;
    margin: 0 20px;
    border-bottom: 1px dotted #f5f5f5
}

.side-bar-box .interview-container {
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px dotted #e3e7ed
}

.side-bar-box .sider-load {
    text-align: center;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.side-bar-box .sider-load i {
    display: block;
    width: 310px;
    height: 29px;
    background: url(https://img.bosszhipin.com/static/file/2022/aue6ylox6q1653361437125.gif) no-repeat 50%;
    background-size: 29px 29px
}

.side-bar-box .sider-load p {
    padding-top: 20px;
    font-size: 15px;
    color: #9fa3b0
}

.side-bar-box .sider-index {
    width: 40px;
    height: 100%;
    float: left;
    position: relative;
    transition: width .2s
}

.side-bar-box .btn-sider-more {
    width: 138px;
    font-size: 14px
}

.side-bar-box .side-bar-wrapper .back-top {
    display: none;
    width: 44px;
    height: 44px;
    padding: 10px 0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06)
}

.side-bar-box .side-bar-wrapper .back-top:before {
    content: " ";
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background: url(https://img.bosszhipin.com/static/file/2022/9iumhezupm1651820282511.png) -312px 0/auto 24px no-repeat
}

.side-bar-box .side-bar-wrapper .back-top.show {
    display: block
}

.side-bar-box .side-bar-wrapper .back-top:hover:before {
    background-position: -72px 0
}

.side-bar-box .side-bar-wrapper .side-bar-bottom, .side-bar-box .side-bar-wrapper .side-bar-top {
    margin-top: 12px;
    padding: 6px 0;
    width: 44px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06);
    border-radius: 22px
}

.side-bar-box .side-bar-wrapper > ul > li {
    position: relative;
    height: 44px;
    width: 44px;
    padding: 6px 0
}

.side-bar-box .side-bar-wrapper > ul > li:hover .side-attr {
    color: #00a6a7
}

.side-bar-box .side-bar-wrapper > ul > li:hover .side-popper {
    display: block
}

.side-bar-box .side-bar-wrapper > ul > li > a {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background: url(https://img.bosszhipin.com/static/file/2022/9iumhezupm1651820282511.png) 0 0/auto 24px no-repeat;
    transition: none
}

.side-bar-box .side-bar-wrapper > ul > li.side-feedback {
    height: auto;
    cursor: pointer
}

.side-bar-box .side-bar-wrapper > ul > li .side-attr {
    display: block;
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin-top: 6px;
    text-align: center;
    transition: all .2s linear
}

.side-bar-box .side-bar-wrapper > ul > li .side-popper {
    display: none;
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -11px;
    white-space: nowrap;
    background: #707070;
    border-radius: 4px;
    padding: 2px 7px;
    font-size: 13px;
    font-weight: 400;
    color: #fbfbfb;
    line-height: 18px
}

.side-bar-box .side-bar-wrapper > ul > li.side-interest a {
    background-position: -264px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-interest.active a, .side-bar-box .side-bar-wrapper > ul > li.side-interest:hover a {
    background-position: -120px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-chat a {
    background-position: -360px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-chat.active a, .side-bar-box .side-bar-wrapper > ul > li.side-chat:hover a {
    background-position: -168px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-deliver a {
    background-position: -336px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-deliver.active a, .side-bar-box .side-bar-wrapper > ul > li.side-deliver:hover a {
    background-position: -48px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-interview a {
    background-position: -288px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-interview.active a, .side-bar-box .side-bar-wrapper > ul > li.side-interview:hover a {
    background-position: -144px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-service a {
    background-position: -240px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-service:hover a {
    background-position: -24px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-feedback a {
    background-position: -192px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-feedback:hover a {
    background-position: -96px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-other > a {
    background-position: -216px 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-other:hover > a {
    background-position: 0 0
}

.side-bar-box .side-bar-wrapper > ul > li.side-other:hover .other-list {
    display: block
}

.side-bar-box .side-bar-wrapper .other-list {
    display: none;
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -20px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06);
    border-radius: 12px;
    padding: 0 4px;
    white-space: nowrap;
    z-index: 1
}

.side-bar-box .side-bar-wrapper .other-list:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
    width: 4px;
    z-index: 1
}

.side-bar-box .side-bar-wrapper .other-list li {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 10px
}

.side-bar-box .side-bar-wrapper .other-list li a {
    display: block;
    color: #333
}

.side-bar-box .side-bar-wrapper .other-list li a:hover {
    color: #00a6a7
}

.side-bar-box .side-bar-wrapper .other-list li a:hover .qrcode-layer {
    display: block
}

.side-bar-box .side-bar-wrapper .other-list .qrcode-layer {
    bottom: 44px;
    right: 50%;
    top: auto;
    margin-right: -98px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    color: #666;
    overflow: hidden;
    font-size: 13px
}

.side-bar-box .side-bar-wrapper .other-list .qrcode-layer img {
    margin: 16px auto 0
}

.interview-pop .dialog-container {
    width: 500px
}

.interview-pop .dialog-header h3.title {
    font-size: 18px;
    color: #5dd5c8;
    font-weight: 400;
    margin-bottom: 10px
}

.interview-pop .dialog-footer .btns {
    text-align: center
}

.icon-svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    fill: #333
}

.icon-svg:hover {
    fill: #5dd5c8
}

.dialog-status {
    text-align: center
}

.dialog-status .dialog-container {
    width: 300px;
    padding-top: 26px;
    padding-bottom: 0
}

.dialog-status .dialog-body {
    overflow: visible;
    max-height: none
}

.dialog-status .dialog-footer {
    padding-top: 0
}

.dialog-status .dialog-status-icon {
    display: block;
    margin: 0 auto 15px;
    width: 34px;
    height: 34px
}

.dialog-status .dialog-status-title {
    font-size: 14px;
    font-weight: 400;
    color: #414a60;
    line-height: 20px;
    margin-bottom: 14px
}

.dialog-status .dialog-status-desc {
    font-size: 12px;
    font-weight: 400;
    color: #61687c;
    line-height: 17px
}

.dialog-status .dialog-status-btns {
    margin-top: 17px
}

.dialog-status .dialog-status-btns .dialog-status-btn {
    background: #fff;
    border: 0;
    border-top: 1px solid #eef0f5;
    height: 41px;
    line-height: 40px;
    display: inline-block;
    padding: 0 24px;
    cursor: pointer;
    color: #00c2b3;
    font-size: 12px
}

.dialog-status-loading .data-tips {
    height: auto;
    min-height: 200px
}

.dialog-text-content .dialog-container {
    padding: 30px 30px 20px;
    width: 760px;
    box-sizing: content-box;
    border-radius: 12px;
    overflow: hidden
}

.dialog-text-content .dialog-title {
    display: none
}

.dialog-text-content .dialog-title .title {
    font-size: 16px;
    font-weight: 700;
    color: #0e1726;
    line-height: 22px
}

.dialog-text-content .dialog-con {
    max-height: 370px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 13px;
    color: #666;
    line-height: 1.7;
    margin-right: -30px;
    margin-top: -30px;
    padding-right: 30px
}

.dialog-text-content .dialog-con p {
    margin: .7em 0
}

.dialog-text-content .dialog-con h1 {
    font-size: 1.5em;
    text-align: center;
    margin: 2em 0 .7em
}

.dialog-text-content .dialog-con::-webkit-scrollbar-track-piece {
    background-color: #f1f1f1;
    border-radius: 0;
    -webkit-border-radius: 0
}

.dialog-text-content .dialog-con::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.dialog-text-content .dialog-con::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #ddd;
    border-radius: 10px
}

.dialog-text-content .dialog-con::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #ccc
}

.dialog-text-content .dialog-con::-webkit-scrollbar-corner {
    background-color: #f1f1f1
}

.dialog-text-content .dialog-footer {
    margin-top: 24px;
    padding: 0
}

.dialog-text-content .dialog-footer .btns {
    text-align: center
}

.dialog-text-content .dialog-footer .btns .btn-sure {
    background: #00bebd;
    border-color: #00bebd;
    transition: all .2s linear;
    border-radius: 4px
}

.dialog-text-content .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.dialog-map .dialog-container {
    width: 660px;
    height: 501px;
    padding: 0
}

.dialog-map .title {
    display: block;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons.69b3aa96.png) no-repeat 15px -420px;
    color: #62687a;
    padding: 13px 15px 11px 35px;
    font-size: 15px;
    border-bottom: 1px solid #ecedef
}

.dialog-map .map-container {
    min-width: 360px;
    height: 450px
}

.dialog-icons-default .dialog-header .icon-dialog {
    margin-top: 3px
}

.dialog-icons-default.dialog-icons-warning .dialog-body {
    padding-left: 0
}

.dialog-icons-default.dialog-icons-warning .dialog-body .tip-text {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 16px 0 9px
}

.dialog-icons-default.dialog-icons-warning .dialog-header {
    min-height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 25px
}

.dialog-icons-default.dialog-icons-warning .dialog-header:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 30px;
    height: 25px;
    width: 25px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-dialog-warning.3f184c32.png) no-repeat;
    background-size: 25px 25px
}

.dialog-icons-default.dialog-icons-warning .dialog-header .icon-dialog.icon-dialog-warning {
    display: none
}

.dialog-icons-default.dialog-icons-warning .dialog-header h3.title {
    margin-left: 33px;
    font-size: 18px
}

.boss-dialog__wrapper.dialog-wrapV2 {
    border-radius: 12px
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__header .boss-dialog_title h3 {
    color: #444;
    line-height: 20px;
    font-weight: 500;
    font-size: 20px
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close {
    right: 19px;
    top: 19px;
    width: 20px;
    height: 20px
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:hover {
    background: rgba(2, 204, 191, .1)
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:hover .icon-close:after, .boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:hover .icon-close:before {
    background: #00a6a7
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close .icon-close {
    width: 20px;
    height: 20px;
    position: relative
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close .icon-close:after, .boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close .icon-close:before {
    background: #999;
    width: 16px;
    height: 2px;
    top: 9px;
    left: 2px
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:after, .boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:before {
    background: #999;
    width: 16px;
    height: 2px;
    top: 9px;
    left: 3px
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button {
    padding: 0 20px;
    border-radius: 4px;
    line-height: 32px;
    text-align: center
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.disabled {
    pointer-events: none
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button:not(.disabled):not(.button-outline) {
    background: #00bebd;
    border-color: #00bebd
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button:not(.disabled):not(.button-outline):hover {
    background: #00a6a7;
    border-color: #00a6a7
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.button-outline {
    background: transparent;
    color: #00a6a7;
    border-radius: 4px
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.button-outline.disabled {
    opacity: .4;
    pointer-events: none
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.button-outline:hover {
    background: #e5f9f8;
    border-color: #00a6a7;
    border-width: 1px
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.button-outline:active {
    box-shadow: none
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button:last-child {
    margin-left: 10px
}

.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__body {
    color: #757575;
    line-height: 24px;
    margin-top: 20px
}

.fl {
    float: left
}

.fr {
    float: right
}

.gray {
    color: #9fa3b0
}

.text-small {
    font-size: 12px
}

.chat-record .article, .chat-user .article {
    line-height: 44px;
    height: 46px;
    margin-top: -46px;
    border-bottom: 2px solid #f2f2f5
}

.chat-record .article, .chat-user .article {
    padding-left: 22px;
    color: #9fa3b0;
    background-color: #fbfbfc;
    white-space: nowrap
}

.chat-user .article {
    line-height: 48px;
    height: 48px;
    margin-top: -48px;
    border-bottom: none
}

.chat-user {
    box-sizing: border-box;
    width: 360px;
    height: 100%;
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    flex-direction: column
}

.chat-user .article {
    display: flex;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa)
}

.chat-user .article span.article-tab {
    cursor: pointer;
    margin-right: 27px
}

.chat-user .article span.article-tab:last-child {
    margin-right: 0
}

.chat-user .article span.article-tab.cur {
    color: #414a60;
    cursor: default;
    margin-bottom: -2px;
    border-bottom: 2px solid #5dd5c8
}

.user-blank {
    position: relative;
    height: 100%;
    background-color: #f7f8fa
}

.user-blank p {
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    color: #d1d4db
}

.user-list {
    position: relative;
    height: 100%
}

.user-list .user-list-content {
    overflow-y: auto;
    height: 100%;
    padding: 6px 0
}

.user-list .user-list-content::-webkit-scrollbar-track-piece {
    background-color: #fff
}

.user-list .data-tips {
    height: 100%
}

.user-list .data-tips .page-loading {
    margin-left: 0
}

.chat-user .chat-content {
    position: relative;
    overflow-y: auto;
    min-height: 0;
    flex: 1
}

.chat-user .user-list li .vline {
    margin: 0 6px
}

.user-list .icon-group-inner {
    padding: 4px;
    font-size: 12px;
    font-style: normal;
    color: #5e96f2;
    background: rgba(94, 150, 242, .1);
    border-radius: 3px;
    overflow: hidden;
    float: right;
    line-height: 14px;
    vertical-align: top;
    margin-top: -2px;
    transform: scale(.9)
}

.user-list .figure {
    position: relative;
    float: left;
    width: 46px;
    height: 46px
}

.user-list .figure .notice-badge {
    position: absolute;
    top: -4px;
    left: 8px;
    text-align: center;
    height: 17px;
    font-size: 12px;
    color: #fff;
    line-height: 11px;
    display: inline-block;
    background: #fe574a;
    border-radius: 9px;
    border: 1px solid #fff;
    min-width: 17px;
    padding: 2px;
    z-index: 1
}

.user-list .top-list li:after, .user-list ul li .friend-top:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    content: "";
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-stick.8000917c.png) 100% 0 no-repeat
}

.user-list .figure img {
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 100%
}

.user-list .text {
    margin-left: 58px;
    font-size: 14px;
    color: #414a60
}

.user-list .text .label {
    overflow: hidden;
    margin: 0 5px;
    flex-shrink: 0
}

.user-list .text .label .filtered-label {
    display: inline-block;
    max-width: 58px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 14px;
    padding: 1px 4px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    vertical-align: middle
}

.user-list .text .title-box {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 16px;
    display: flex
}

.user-list .text .title-box .name-box {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.user-list .text .title-box .name-text {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    margin-right: 10px
}

.user-list .text .title-box .identity {
    font-size: 12px;
    font-weight: 400;
    color: #666
}

.user-list .text .title-box .vline {
    margin: 0 4px
}

.user-list .topwx .text .name {
    font-weight: 500
}

.user-list .topwx {
    border-bottom: 1px solid #f2f2f5;
    height: 75px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 14px 12px;
    cursor: pointer;
    margin: 2px 8px;
    border-radius: 4px
}

.user-list .topwx.selected {
    background-color: #f2f2f2
}

.popover-wrap .popover-content .filtered-content {
    display: block;
    white-space: nowrap;
    padding: 5px;
    font-size: 13px;
    color: #61687c;
    line-height: 24px
}

.user-list .text .time {
    font-size: 13px;
    float: right;
    color: #b3b3b3
}

.user-list .text .user-operation {
    display: none;
    font-size: 12px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    height: 20px
}

.user-list .text .user-operation .icon-operate {
    width: 18px;
    height: 18px
}

.user-list .text .user-operation .list-operate-hover, .user-list .text .user-operation:hover .list-operate {
    display: none
}

.user-list .text .user-operation.hover-active, .user-list .text .user-operation:hover .list-operate-hover {
    display: block
}

.user-list .text .user-operation ul {
    position: absolute
}

.user-list .text .prop-label {
    font-size: 12px;
    line-height: 1.4;
    float: right;
    margin-right: 5px;
    padding: 1px 5px 0;
    color: #00a6a7;
    position: relative;
    height: 19px;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px
}

.user-list .text .prop-label .source-tip {
    display: none;
    position: absolute;
    right: -30px;
    top: 20px;
    width: 190px;
    background: #707070;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    padding: 10px;
    white-space: normal;
    z-index: 2
}

.user-list .text .prop-label:hover .source-tip {
    display: block
}

.gray, .time {
    color: #9fa3b0
}

.draft {
    color: #ff941c
}

.user-list .text .last-msg {
    margin-top: 9px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.user-list .text .last-msg .last-msg-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    padding-right: 30px
}

.user-list .text .last-msg .gold-boss {
    color: #ed7e07
}

.user-list .text .last-msg .green-boss {
    color: #00c2b3
}

.notice-badge {
    line-height: 17px;
    display: inline-block;
    min-width: 15px;
    margin-left: 20px;
    padding: 0 4px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 12px;
    background-color: #fa6a43
}

.user-list .text .notice-badge {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 44px;
    right: 20px;
    min-width: 8px;
    text-align: center
}

.user-list li {
    height: 78px
}

.user-list li .friend-content {
    position: relative;
    display: block;
    padding: 14px 12px;
    cursor: pointer;
    margin: 0 8px;
    border-radius: 4px
}

.user-list li .friend-content:not(.selected) .figure:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 46px;
    height: 46px;
    content: "";
    border-radius: 100%;
    background: rgba(84, 91, 109, .3)
}

.user-list li .friend-content.drawer .figure:after {
    background: transparent !important
}

.user-list li .friend-content.selected {
    background-color: #f2f2f2
}

.user-list li .friend-content:hover {
    background-color: #f8f8f8
}

.user-list li .friend-content:hover .user-operation {
    display: block
}

.friend-content .status {
    width: 16px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/send-status.5df921ac.png) no-repeat -5px -5px;
    background-size: 104px 26px;
    margin-right: 2px;
    display: inline-block;
    flex-shrink: 0
}

.friend-content .status-loading.status {
    animation: send-loading 2s linear infinite;
    background-position: -5px -5px
}

.friend-content .status-error.status {
    background-position: -83px -5px
}

.friend-content .status-read.status {
    background-position: -57px -5px
}

.friend-content .status-delivery.status {
    background-position: -31px -5px
}

.chat-record {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.chat-record .chat-helper {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    margin-top: 4px;
    padding-left: 46px
}

.chat-record .article a.op-settop {
    display: inline-block;
    width: 36px;
    height: 32px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-chat-input.4d08afa6.png) 11px -167px no-repeat
}

.chat-record .article .op-settop.selected {
    background-position: -35px -167px
}

.chat-record .popover span {
    color: #414a60;
    cursor: pointer
}

.chat-record .popover span:hover {
    color: #00c2b3
}

.chat-record .article .popover-wrap {
    top: calc(100% + 5px)
}

.chat-record .article .popover-content {
    line-height: 24px;
    color: #414a60;
    min-width: 130px;
    text-align: center
}

.chat-record .chat-message {
    position: relative;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-bottom: 35px
}

.chat-record .tooltip-analyzer {
    width: 280px;
    margin-top: 15px;
    left: 236px
}

.chat-wrap .chat-record .article span {
    margin: 0 9px
}

.chat-wrap .chat-record .article .vline {
    margin: 0 5px
}

.chat-record .im-list {
    padding: 0 30px 20px
}

.chat-record .im-list li {
    margin-top: 20px;
    color: #333
}

.chat-record .im-list .message-edit, .chat-record .im-list .message-edit:hover {
    font-style: normal;
    color: #62d5c8;
    margin-left: 5px;
    text-decoration: none
}

.chat-record li:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    content: ""
}

.chat-record li .figure {
    display: inline-block;
    width: 36px;
    margin-right: 10px;
    vertical-align: top
}

.chat-record li .figure img {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.chat-record li .prop-text, .chat-record li .text {
    line-height: 22px;
    position: relative;
    display: inline-block;
    max-width: 420px;
    padding: 8px 12px;
    vertical-align: top;
    word-break: break-all;
    border-radius: 8px;
    background-color: #f8f8f8;
    color: #333
}

.chat-record li .job-guide {
    background-color: transparent;
    padding: 1px;
    border: 1px solid #eef0f5;
    width: 245px;
    box-sizing: border-box
}

.chat-record li .job-guide img {
    display: block;
    width: 100%;
    border-radius: 6px;
    cursor: pointer
}

.chat-record li .job-guide p {
    font-size: 13px;
    color: #00c2b3;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.chat-record li.item-resume .text, .chat-record li.item-video-resume .text {
    padding: 0;
    background-color: transparent
}

.chat-record li.item-center, .chat-record li.item-question {
    text-align: center
}

.chat-record li.item-question {
    border-radius: 8px;
    background: linear-gradient(180deg, #f2f7ff, #fff 50%);
    border: 1px solid rgba(40, 126, 255, .2)
}

.chat-record li .message-dialog {
    border: 1px solid #e6e8eb;
    border-radius: 6px
}

.chat-record li .message-dialog.boss-green {
    background: linear-gradient(180deg, rgba(21, 179, 179, .12), #fff 60%);
    border: 1px solid rgba(21, 179, 179, .2)
}

.chat-record li .message-dialog.boss-green .card-btn:last-child {
    background: rgba(21, 179, 179, .12)
}

.chat-record li .message-dialog.boss-green .card-btn:last-child:hover {
    background: rgba(21, 179, 179, .2)
}

.chat-record li .message-dialog.green {
    background: linear-gradient(180deg, rgba(103, 204, 53, .12), #fff 60%);
    border: 1px solid rgba(103, 204, 53, .2)
}

.chat-record li .message-dialog.green .card-btn:last-child {
    background: rgba(103, 204, 53, .12)
}

.chat-record li .message-dialog.green .card-btn:last-child:hover {
    background: rgba(103, 204, 53, .2)
}

.chat-record li .message-dialog.blue {
    background: linear-gradient(180deg, rgba(41, 126, 255, .12), #fff 60%);
    border: 1px solid rgba(41, 126, 255, .2)
}

.chat-record li .message-dialog.blue .card-btn:last-child {
    background: rgba(41, 126, 255, .12)
}

.chat-record li .message-dialog.blue .card-btn:last-child:hover {
    background: rgba(41, 126, 255, .2)
}

.chat-record li .message-dialog.orange {
    background: linear-gradient(180deg, rgba(255, 120, 71, .12), #fff 60%);
    border: 1px solid rgba(255, 120, 71, .2)
}

.chat-record li .message-dialog.orange .card-btn:last-child {
    background: rgba(255, 120, 71, .12)
}

.chat-record li .message-dialog.orange .card-btn:last-child:hover {
    background: rgba(255, 120, 71, .2)
}

.chat-record li .message-dialog.blue-intention {
    background: linear-gradient(180deg, rgba(41, 126, 255, .12), #fff 80%);
    border: 1px solid rgba(41, 126, 255, .2)
}

.chat-record li .message-dialog.blue-intention .card-btn:last-child {
    background: rgba(41, 126, 255, .12)
}

.chat-record li .message-dialog.blue-intention .card-btn:last-child:hover {
    background: rgba(41, 126, 255, .2)
}

.chat-record li .message-dialog .card-btn {
    display: inline-block;
    height: 34px;
    background: rgba(240, 242, 245, .8);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 34px;
    padding: 0 5px;
    cursor: pointer;
    flex: 1;
    margin-right: 12px;
    overflow: hidden;
    text-align: center;
    transition: background .2s
}

.chat-record li .message-dialog .card-btn.disabled {
    color: #b3b3b3;
    pointer-events: none
}

.chat-record li .message-dialog .card-btn:hover {
    background: #f0f2f5
}

.chat-record li .message-dialog .card-btn:last-child {
    margin-right: 0;
    background: rgba(21, 179, 179, .12)
}

.chat-record li .message-dialog .card-btn:last-child:hover {
    background: rgba(21, 179, 179, .2)
}

.chat-record li.item-center .message-dialog .btn-v2.btn-light-v2, .chat-record li.item-question {
    color: #333;
    line-height: 35px;
    height: 36px;
    background: rgba(40, 126, 255, .1)
}

.chat-record li.item-center .message-dialog .btn-v2.btn-light-v2:hover, .chat-record li.item-question:hover {
    color: #333;
    background: rgba(40, 126, 255, .2)
}

.chat-record li .message-item-content {
    display: inline-block
}

.chat-record li .message-dialog.message-dialog-reset {
    background: transparent;
    border: none
}

.chat-record li.item-system .hyperlink-center a {
    text-decoration: none
}

.chat-record li.item-center .dialog-content {
    text-align: left
}

.chat-record li .hello-question {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #5dd5c8;
    padding: 10px 15px;
    text-align: left;
    min-width: 200px;
    border-radius: 4px
}

.chat-record li .hello-question p.gray {
    font-size: 12px
}

.chat-record .text .link a, .chat-record .text .link a:hover {
    color: #62d5c8
}

.chat-record .item-myself .link a, .chat-record .item-myself .link a:hover {
    color: #fff
}

.chat-record .image {
    line-height: 0;
    overflow: hidden
}

.chat-record .image .message-emoji {
    height: 142px;
    max-width: 270px;
    max-height: 300px
}

.chat-record .image .message-image-content {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f8f8f8
}

.chat-record .btn-store {
    display: none;
    position: absolute;
    width: 110px;
    padding: 15px 0;
    bottom: 0;
    right: -50px;
    background: #f9fafb;
    color: #414a60;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    border-radius: 4px;
    cursor: pointer
}

.chat-record .text:hover .btn-store {
    display: block
}

.chat-record .item-myself .btn-store {
    right: auto;
    left: -50px
}

.chat-record em, .chat-record i {
    font-style: normal
}

.chat-record .item-time .time {
    display: block;
    width: 130px;
    margin: 20px auto 0;
    text-align: center;
    color: #b3b3b3;
    background: #fff
}

.chat-record .item-time .time:after {
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.chat-record li .text .hyper-link {
    text-align: left
}

.chat-record li .text .hyper-link a {
    text-decoration: none;
    color: #00a6a7
}

.chat-record li .text .hyper-link a:hover {
    color: #00a6a7
}

.chat-record li .text a {
    text-decoration: underline;
    color: #00a6a7;
    margin-left: 10px
}

.chat-record li .text a:hover {
    color: #414a60
}

.chat-record .item-myself .text {
    float: right;
    color: #333;
    border-top-right-radius: 0;
    background-color: rgba(0, 190, 189, .2)
}

.chat-record .item-image.text {
    padding: 0;
    cursor: pointer;
    background-color: #fff
}

.chat-record .item-friend .text {
    border-top-left-radius: 0
}

.chat-record .text .icon-respond {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-left: -1px;
    padding: 0;
    vertical-align: middle;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-respond.1a64627a.png) no-repeat
}

.chat-record .text .op .link-agree {
    display: inline-block;
    padding: 0 8px;
    color: #5e96f2
}

.chat-record .disabled {
    pointer-events: none
}

.chat-record .text .icon-arrow-right {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px -5px 0 7px;
    vertical-align: middle;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-respond.1a64627a.png) -51px 0 no-repeat
}

.chat-record .text .op .link-refuse {
    display: inline-block;
    padding: 0 4px;
    color: #9fa3b0
}

.chat-record .text .weixin {
    background-position: 0 -34px
}

.chat-record .text .resume {
    background-position: 0 -70px;
    min-width: 0
}

.chat-record .item-prop, .chat-record .item-safe, .chat-record .item-system {
    text-align: center
}

.chat-record .item-prop a {
    text-decoration: underline;
    color: #00a6a7
}

.chat-record .item-system .text {
    font-size: 12px;
    line-height: 24px;
    padding: 1px 15px 0;
    border-radius: 15px;
    max-width: 420px
}

.chat-record .item-safe .text {
    background: #fff;
    width: 280px;
    font-size: 12px;
    color: #666;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(40, 126, 255, .2);
    background: linear-gradient(180deg, #f2f7ff, #fff 50%)
}

.chat-record .item-safe .text .hyperlink-title {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    justify-content: center
}

.chat-record .item-safe .text .hyperlink-title img {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.chat-record .item-safe .text .hyperlink-title span {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

.chat-record .item-safe .text .hyperlink-content {
    text-align: left;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 20px
}

.chat-record .item-safe .text .hyperlink-content a {
    color: #00bebd;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500
}

.chat-record .item-system .message-system-promote {
    margin: 0 8px;
    color: #62d5c8
}

.chat-record .icon-interview-accept, .chat-record .icon-interview-cancel, .chat-record .icon-interview-reject, .chat-record .icon-interview-send, .dialog-interview .icon-interview-address, .dialog-interview .icon-interview-job, .dialog-interview .icon-interview-note, .dialog-interview .icon-interview-time {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-interview.db38c13f.png) no-repeat
}

.dialog-interview .icon-interview-address, .dialog-interview .icon-interview-job, .dialog-interview .icon-interview-time, .icon-interview-note {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    flex: none
}

.chat-record .item-friend .icon-interview-send {
    margin-right: 10px;
    background-position: -35px -100px
}

.chat-record .item-friend .icon-offer-send {
    display: inline-block;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/geek-get-offer@2x.860d9356.png) no-repeat;
    background-size: contain
}

.chat-record .item-friend .to-offer-detail {
    color: #00c2b3;
    margin-left: 10px;
    cursor: pointer
}

.chat-record .item-friend .icon-interview-cancel {
    margin-right: 10px;
    background-position: -25px -25px
}

.chat-record .item-friend .icon-interview-reject {
    margin-right: 10px;
    background-position: -25px -75px
}

.chat-record .item-myself .icon-interview-accept {
    margin-left: 10px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/offer-tick.d1268586.png) no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px
}

.chat-record .item-myself .icon-interview-reject {
    margin-left: 10px;
    background-position: -25px -25px
}

.dialog-interview .icon-interview-job {
    background-position: 0 -50px
}

.dialog-interview .icon-interview-time {
    background-position: 0 -75px
}

.dialog-interview .icon-interview-address {
    background-position: -1px -100px
}

.dialog-interview .icon-interview-note {
    background-position: 0 -125px
}

.chat-record li .status {
    position: absolute;
    bottom: 0;
    left: -20px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/send-status.5df921ac.png) no-repeat -5px -5px;
    background-size: 104px 26px
}

@keyframes send-loading {
    to {
        transform: rotate(1turn)
    }
}

.chat-record .status-loading.status {
    animation: send-loading 2s linear infinite;
    background-position: -5px -5px
}

.chat-record .status-error.status {
    background-position: -83px -5px;
    cursor: pointer
}

.chat-record .status-read.status {
    background-position: -57px -5px
}

.chat-record .status-delivery.status {
    background-position: -31px -5px
}

.chat-record li.com-desc .text {
    background: #fff;
    border: none;
    padding: 0
}

.chat-record li.item-dialog .text {
    background: #fff;
    border-radius: 0 8px 8px 8px;
    border: 1px solid #ededed;
    max-width: 500px;
    padding: 12px
}

.chat-record li.item-dialog .msg-dialog-img {
    border-radius: 0 6px 0 0;
    width: 100%;
    height: 0;
    cursor: pointer;
    padding-top: 68%;
    background: no-repeat 50%;
    background-size: cover;
    margin-top: 16px;
    border-radius: 8px
}

.chat-record li.item-dialog .msg-dialog-position {
    width: 274px
}

.chat-record li.item-dialog .msg-dialog-position a {
    margin-left: 0
}

.chat-record li.item-dialog .msg-dialog-info {
    padding: 10px 0;
    line-height: 25px
}

.chat-record li.item-dialog .msg-dialog-info img {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom
}

.chat-record li.item-dialog .msg-dialog-innertext {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 22px
}

.chat-record li.item-dialog .msg-dialog-title {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.chat-record li.item-dialog .msg-dialog-desc {
    width: 100%;
    display: block;
    font-size: 13px;
    color: #8d92a1
}

.chat-record li.item-dialog .msg-dialog-footer {
    border-top: 1px solid #eef0f5;
    display: flex;
    text-align: center
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn {
    height: 43px;
    line-height: 43px;
    flex: 1;
    width: 0;
    font-size: 14px;
    color: #00c2b3;
    text-decoration: none
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn:hover {
    opacity: .8
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn + .msg-dialog-btn {
    border-left: 1px solid #eef0f5
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn-gray {
    color: #8d92a1
}

.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn-disabled {
    pointer-events: none;
    color: #d1d4db
}

.chat-record li.item-dialog.item-myself .msg-dialog-img {
    border-radius: 6px 0 0 0
}

.chat-record li.item-dialog .msg-dialog-footer-v2 {
    text-align: right
}

.chat-im {
    margin-bottom: -152px
}

.chat-editor {
    position: relative;
    padding: 0 30px;
    border-top: 1px solid #e6e8eb
}

.chat-controls {
    user-select: none;
    padding: 15px 0 0
}

.chat-controls .vline {
    height: 16px;
    margin-right: 20px;
    margin-left: 0;
    margin-top: 5px;
    vertical-align: top
}

.chat-dz-emotion.emotion .emotion-tab .emotion-sort {
    display: none
}

.chat-dz-emotion.emotion .emotion-tab .emotion-sort.emition-default {
    display: inline-block
}

.chat-controls a {
    position: relative;
    z-index: 20
}

.chat-controls div.icon {
    width: 24px;
    height: 24px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-chat-input-new.ca8e289b.png) no-repeat;
    transition: none;
    background-size: 102px 102px;
    margin-right: 20px;
    cursor: pointer
}

.chat-controls div.toolbar-btn {
    height: 24px;
    border-radius: 4px;
    border: 1px solid #e6e8eb;
    padding: 0 10px;
    line-height: 22px;
    vertical-align: top;
    margin-right: 10px;
    cursor: pointer
}

.chat-controls div.toolbar-btn:not(.unable):hover {
    border-color: transparent;
    color: #00a6a7;
    background-color: rgba(0, 190, 189, .1)
}

.chat-controls div.btn-emotion {
    background-position: -5px -5px
}

.chat-controls div.btn-dict {
    background-position: -5px -39px
}

.chat-controls div.btn-emotion:not(.unable):hover {
    background-position: -39px -5px
}

.chat-controls div.btn-dict:not(.unable):hover {
    background-position: -39px -39px
}

.chat-controls div.btn-online:hover {
    background-position: -73px -39px
}

.chat-controls div.btn-online {
    background-position: -73px -5px
}

.chat-controls div.btn-sendimg:hover {
    background-position: -39px -73px
}

.chat-controls div.btn-sendimg {
    background-position: -5px -73px
}

.chat-controls div.btn-sendimg input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 24px
}

.chat-controls .unable {
    cursor: default;
    color: #999
}

.chat-controls .tooltip:hover:after {
    transform: translateX(-50%) translateY(-16px)
}

.chat-controls .tooltip:hover:before {
    transform: translateY(-16px)
}

.image-wrap {
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(37, 40, 48, .7)
}

.chat-input {
    user-select: none;
    overflow: auto;
    overflow-x: hidden;
    height: 75px;
    color: #000;
    outline: none
}

.chat-input img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle
}

.chat-op {
    user-select: none;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: right
}

.chat-op .tip {
    padding-right: 20px;
    color: #ccc
}

.chat-op .error-tip {
    color: red
}

.chat-op .btn-send {
    font-size: 14px;
    line-height: 26px;
    min-width: auto;
    height: 28px;
    margin-right: 0;
    padding: 0 16px;
    border-radius: 6px
}

.chat-op .disabled, .chat-op .disabled:hover {
    cursor: default;
    color: #ededed;
    border-color: #ededed;
    background-color: #fff
}

.chat-position {
    line-height: 26px;
    float: right;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 100%;
    padding: 20px;
    background-color: #fbfbfc
}

.chat-position .basic {
    padding-top: 4px
}

.chat-position .article, .chat-position .salary {
    font-size: 18px;
    line-height: 35px;
    word-wrap: break-word;
    word-break: break-all
}

.chat-position .article {
    min-width: 35px
}

.chat-position .salary {
    color: #fc6c38
}

.chat-position .basic .vline {
    margin: 0 16px
}

.chat-position .description {
    padding-top: 15px
}

.chat-position .description .article {
    font-size: 16px
}

.chat-position .under-line {
    overflow: hidden;
    width: 20px;
    height: 2px;
    margin: 14px 0;
    background-color: #5dd5c8
}

.chat-position .description .text {
    color: #72798d
}

.chat-position .subtitle {
    line-height: 40px;
    height: 40px
}

.chat-weclcome {
    position: relative;
    height: 100%;
    margin-top: 76px;
    text-align: center;
    background: #fff url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-welcome.16c2a037.png) center 40% no-repeat
}

.welcome-tips {
    font-size: 20px;
    font-size: 13px;
    width: 100%;
    margin-top: 30px;
    color: #666
}

.welcome-tips b, .welcome-tips span {
    font-weight: 400;
    color: #414a60
}

.sentence-popover {
    position: absolute;
    z-index: 15;
    bottom: 160px;
    left: 30px;
    max-width: 378px;
    background: #fff;
    -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    padding: 16px 20px;
    bottom: 40px
}

.sentence-popover:after {
    position: absolute;
    bottom: -5px;
    left: 50px;
    width: 10px;
    height: 10px;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #fff;
    box-shadow: 16px 3px 11px 0 rgba(0, 0, 0, .1)
}

.sentence-popover .title {
    margin-bottom: 10px;
    text-align: left;
    min-width: 160px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.sentence-popover.panel-resume .highlight-tip {
    margin-top: 0
}

.sentence-popover .content {
    text-align: center
}

.sentence-popover .btns {
    text-align: right;
    margin-top: 16px
}

.sentence-popover .btn-outline, .sentence-popover .btns .btn-v2 {
    line-height: 22px;
    font-size: 12px
}

.sentence-popover .btn-outline:not(.disabled):hover {
    padding: 0 27px
}

.sentence-popover:after {
    left: 50%;
    margin-left: -5px
}

.sentence-popover.panel-resume .title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.sentence-popover.panel-resume .content {
    font-size: 13px;
    color: #666;
    text-align: left;
    width: 320px;
    line-height: 21px
}

.sentence-popover.panel-wechat .tip-text {
    margin-bottom: 16px;
    margin-top: 8px;
    font-size: 12px;
    width: 320px
}

.respond-chat.sentence-popover .title {
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    color: #222
}

.respond-chat .tip-text {
    line-height: 17px;
    color: #999
}

.respond-chat.sentence-popover input {
    width: 100%;
    padding: 8px 14px;
    box-sizing: border-box;
    min-height: 22px;
    line-height: 22px;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: 1px;
    font-size: 14px;
    line-height: 26px;
    color: #414a60;
    outline: 0;
    background: #f8f8f8;
    border-radius: 4px
}

.respond-chat.sentence-popover input:hover {
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00bebd
}

.respond-chat.sentence-popover input:focus {
    background: #fff;
    border: 1px solid #00bebd;
    outline: 0
}

.respond-chat:after {
    left: 50%
}

.interview-modal {
    position: absolute;
    z-index: 999;
    top: 45%;
    left: 50%;
    width: 460px;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3)
}

.interview-loading {
    padding: 100px 0;
    text-align: center
}

.interview-loading .icon-toast-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 13px;
    margin-top: -2px;
    vertical-align: middle;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-toast.82bcc73c.png);
    background-repeat: no-repeat;
    background-position: 0 -232px;
    -webkit-animation: semicircle .8s linear infinite;
    animation: semicircle .8s linear infinite
}

@-webkit-keyframes semicircle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes semicircle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.dialog-interview-default .icon-believable {
    display: inline-block;
    width: 12px;
    height: 15px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-interview.db38c13f.png) 0 0 no-repeat
}

.dialog-interview-default .icon-unbelievable {
    display: inline-block;
    width: 12px;
    height: 15px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-interview.db38c13f.png) 0 -25px no-repeat
}

.interview-notice {
    font-size: 12px;
    line-height: 36px;
    height: 38px;
    text-align: center;
    color: #9fa3b0;
    padding: 0 30px
}

.interview-notice p {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f1f5f9
}

.interview-notice p img {
    margin-right: 5px
}

.interview-wrap .interview-article {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: linear-gradient(90deg, #f2fafa, #fcfbfa);
    border-radius: 16px 16px 0 0;
    font-weight: 500
}

.data-manage .interview-audio-icon img {
    width: 100%;
    height: auto;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: -3px;
    margin-left: 5px
}

.interview-page-footer {
    font-size: 12px;
    padding: 0 24px 25px;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.interview-page-footer .btns a {
    padding: 0 30px;
    line-height: 30px;
    border-radius: 4px
}

.interview-wrap.interview-waitreply .interview-article {
    padding-bottom: 0;
    border: 0
}

.interview-fail .interview-article, .interview-waitreply .interview-article {
    color: #fc6c38
}

.data-manage i {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    vertical-align: middle
}

.interview-fail .data-manage i, .interview-waitreply .data-manage i {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-interview-success.8623656b.png) no-repeat 50%/100%
}

.interview-success .interview-article, .interview-waiting .interview-article {
    color: #00a6a7
}

.interview-status0 .data-manage i, .interview-success .data-manage i, .interview-waiting .data-manage i {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-interview-success.8623656b.png) no-repeat 50%/100%
}

.interview-cancel .interview-article {
    color: #999
}

.interview-cancel .data-manage i {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-interview-success.8623656b.png) no-repeat 50%/100%
}

.interview-status0 .interview-article {
    color: #222
}

.interview-modal .btns {
    margin-top: 20px
}

.interview-modal .btns .btn {
    width: 60px;
    padding: 7px 16px;
    font-size: 13px;
    border-radius: 2px;
    display: initial
}

.interview-modal .btns .btn-default {
    border: 1px solid #00bebd;
    color: #00a6a7
}

.interview-modal .btns .btn-default:hover {
    border: 1px solid #00a6a7;
    color: #00a6a7;
    background-color: transparent;
    background: transparent
}

.interview-modal .btns .btn-primary {
    background: #00bebd;
    border-color: #00bebd
}

.interview-modal .btns .btn-primary:hover {
    background: #00a6a7;
    border-color: #00a6a7
}

.interview-wrap .icon-interview {
    display: inline-block;
    width: 15px;
    height: 16px;
    margin-top: 2px;
    vertical-align: top;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-interview.db38c13f.png) 0 0 no-repeat
}

.interview-wrap .icon-description {
    background-position: -1px -125px
}

.interview-wrap .icon-time {
    background-position: 0 -75px
}

.interview-wrap .icon-address {
    background-position: -1px -100px
}

.interview-wrap .icon-position {
    background-position: -1px -50px
}

.contact-line {
    margin: 0 3px
}

.interview-contact-name {
    max-width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.interview-contactor {
    word-break: break-all
}

.virtual-tip {
    color: #61687c;
    font-size: 14px
}

.icon-contactor {
    vertical-align: top;
    margin-left: -2px;
    display: inline-block;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-contact.031f2495.png) no-repeat 50%/100% 100%;
    width: 18px;
    height: 18px
}

.interview-wrap .btn-block {
    line-height: 38px;
    display: block;
    width: 100%;
    height: 38px;
    margin: 15px 0 5px;
    padding: 0;
    text-align: center;
    color: #414a60;
    border: 1px solid #d1d4db;
    background: #fff
}

.interview-wrap .btn-block:hover {
    color: #5dd5c8;
    border-color: #5dd5c8;
    background: #fff
}

.interview-addition {
    overflow: auto;
    max-height: 120px;
    word-wrap: break-word;
    word-break: break-all
}

.interview-tip {
    margin-bottom: 10px;
    font-size: 12px;
    color: #8d92a1;
    margin-top: 10px
}

.red-boss {
    font-size: 13px;
    font-weight: 400;
    color: #f53d47;
    line-height: 18px
}

.interview-job-name {
    font-weight: 500;
    color: #333
}

.interview-hint-wrap .dialog-container {
    padding: 15px 30px 20px
}

.interview-hint {
    width: 400px
}

.interview-hint ul {
    margin-left: 20px;
    padding-bottom: 20px
}

.interview-hint li {
    list-style: square
}

.interview-hint dl {
    position: relative;
    padding: 3px 0 20px 45px
}

.interview-hint dl dt {
    padding: 5px 0
}

.interview-invitation .dialog-footer {
    padding-bottom: 25px
}

.interview-hint .article {
    font-size: 18px;
    padding: 12px 0 18px;
    color: #414a60
}

.dialog-interview-default .data-manage td {
    padding: 8px 0;
    font-size: 13px
}

.dialog-interview-default .data-manage p {
    padding: 0
}

.dialog-interview-default .data-manage .tip-address {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 20px
}

.dialog-interview-default .data-manage .t {
    width: 65px;
    vertical-align: top;
    color: #9fa3b0;
    font-size: 13px;
    display: flex;
    margin-right: 10px
}

.dialog-interview-default .data-manage .t span {
    width: 52px;
    height: 20px;
    text-align: justify;
    text-align-last: justify;
    display: inline-block
}

.dialog-interview-default .data-manage .t span:after {
    content: " ";
    display: inline-block;
    width: 100%
}

.dialog-interview-default .data-manage .icon-post {
    height: 16px;
    vertical-align: middle;
    margin: -2px 0 0 10px
}

.interview-modal .btns .btn-outline {
    float: right
}

.interview-modal .btns {
    text-align: center
}

.interview-modal .btn {
    margin-right: 10px
}

.interview-modal .btn:last-of-type {
    margin-right: 0
}

.chat-position-bar {
    font-size: 13px;
    line-height: 40px;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: hsla(0, 0%, 98%, .9)
}

.chat-position-bar .dz-boss-notice {
    color: #19d7c8;
    font-size: 12px;
    margin-right: 20px;
    cursor: pointer
}

.chat-zdboss-notice .dialog-container {
    padding: 30px 30px 40px;
    font-size: 13px;
    line-height: 26px
}

.chat-zdboss-notice .dialog-container .article {
    font-weight: 400;
    font-size: 16px
}

.chat-zdboss-notice .dialog-container .gray {
    padding: 8px 0 5px
}

.chat-zdboss-notice .dialog-container dt {
    font-size: 14px;
    padding-bottom: 3px
}

.chat-zdboss-notice .dialog-footer .btns {
    padding-top: 10px
}

.chat-zdboss-notice .dialog-container dd {
    text-indent: .5em;
    color: #9fa3b0
}

.chat-position-bar a {
    display: inline-block;
    width: auto;
    padding-right: 24px;
    text-indent: 33px;
    color: #61687c
}

.chat-position-bar a:hover {
    color: #61687c
}

.chat-position-bar .bar-position-name {
    margin: 0 12px;
    color: #00c2b3
}

.inner-notice {
    font-size: 13px;
    line-height: 40px;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 33px;
    color: #5e96f2;
    text-align: left;
    background: #eef4fd
}

.inner-notice .icon-bell {
    margin: 0 12px;
    width: 11px;
    height: 13px
}

.chat-tips {
    line-height: 2.5;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    animation: chatTipsFadeIn .3s both;
    text-align: center;
    color: #fff;
    background: rgba(255, 0, 0, .5)
}

.chat-tips-show {
    display: block
}

@keyframes chatTipsFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.dialog-upload-guid {
    width: 330px
}

.dialog-upload-guid .dialog-title {
    padding: 0 0 12px
}

.dialog-upload-guid .dialog-title h3 {
    font-size: 16px;
    font-weight: 400
}

.dialog-upload-guid .header a:hover {
    background: #ddd
}

.dialog-upload-guid .content {
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px 20px 0
}

.dialog-upload-guid .footer {
    text-align: center
}

.dialog-upload-guid .footer .btn {
    position: relative;
    margin: 0
}

.dialog-upload-guid .footer .btn:hover {
    opacity: .8
}

.dialog-upload-guid .footer .btn input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100px;
    height: 34px;
    cursor: pointer;
    opacity: 0
}

.dialog-resume-preview #pop-resume, .dialog-resume-preview #pop-resume .pop-item {
    display: block
}

.dialog-resume-preview .modify-resume {
    position: relative;
    margin-top: 20px
}

.dialog-resume-preview .reupload-resume {
    position: relative
}

.dialog-resume-preview .modify-resume input, .dialog-resume-preview .reupload-resume input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 32px;
    opacity: 0
}

.dialog-resume-preview .pop-success img {
    display: block;
    width: 810px;
    margin: 0 auto
}

.dialog-resume-preview #pop-resume .pop-success .content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 0;
    background: none
}

.dialog-resume-preview #pop-resume .pop-item .content {
    height: -100vh
}

.choose-resume-dialog .dialog-header {
    padding: 0 30px
}

.choose-resume-dialog .dialog-header .title {
    font-size: 20px;
    line-height: 24px;
    color: #414a60
}

.choose-resume-dialog .dialog-container {
    padding: 30px 0
}

.choose-resume-dialog .resume-title {
    margin-top: 20px;
    color: #414a60;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px
}

.choose-resume-dialog .resume-title .sub-title {
    color: #8d92a1;
    font-size: 12px
}

.choose-resume-dialog .pl30 {
    padding: 0 30px
}

.choose-resume-dialog .resume-top-tip {
    padding: 0 20px;
    background-color: #fff3e7;
    height: 34px;
    border-radius: 2px;
    line-height: 34px;
    color: #f8a120;
    font-size: 13px;
    margin-top: 4px;
    margin-bottom: 10px
}

.choose-resume-dialog .resume-top-tip .btn-upload {
    width: 56px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    height: 22px;
    border-radius: 12px;
    background-color: #ffaa32;
    box-shadow: 0 2px 4px 0 rgba(248, 161, 32, .38);
    float: right;
    margin-top: 6px;
    cursor: pointer
}

.choose-resume-dialog .resume-top-tip .icon-xinxi-tip {
    margin-right: 8px;
    float: left;
    margin-top: 8px;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-error.4af2d3d7.png) no-repeat;
    background-size: cover
}

.choose-resume-dialog .resume-video {
    position: relative;
    margin-right: 10px
}

.choose-resume-dialog .resume-video, .choose-resume-dialog .resume-video img {
    width: 44px;
    height: 52px;
    border-radius: 4px
}

.choose-resume-dialog .resume-video .video-mask {
    border-radius: 4px;
    position: absolute;
    background-color: #d8d8d8;
    background: rgba(0, 0, 0, .3);
    width: 44px;
    height: 52px;
    left: 0;
    top: 0
}

.choose-resume-dialog .resume-video .icon-video-play {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -8px;
    display: inline-block;
    width: 12px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/video-play-shadow.7f092725.png) no-repeat 50%/100% 100%
}

.choose-resume-dialog .resume-video.disabled {
    background-color: #000
}

.choose-resume-dialog .btn-confirm {
    float: right;
    width: 102px;
    height: 40px
}

.choose-resume-dialog .resume-list {
    margin-bottom: 15px
}

.choose-resume-dialog .resume-list .list-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 44px;
    padding: 0 65px 0 30px;
    cursor: pointer;
    color: #62687a;
    margin-right: 0
}

.choose-resume-dialog .resume-list .list-item:hover {
    background-color: #f2f5fa
}

.choose-resume-dialog .resume-list .list-item .sensitive-words {
    color: #f8a120;
    background: #fff5ed;
    font-size: 12px;
    padding: 4px 6px;
    transform: scale(.8);
    display: inline-block;
    height: 20px;
    line-height: 12px;
    margin-top: 0;
    margin-left: 10px
}

.choose-resume-dialog .resume-list .list-item .radio-inner {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0
}

.choose-resume-dialog .resume-list .list-item .item-body {
    flex: 1;
    color: #414a60
}

.choose-resume-dialog .resume-list .list-item .item-body .resume-name {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis
}

.choose-resume-dialog .resume-list .list-item .item-body .resume-label {
    padding: 0 5px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #00c2b3;
    background: #eaf9f7;
    border-radius: 2px;
    margin-left: 10px
}

.choose-resume-dialog .resume-list .list-item .item-desc {
    flex: none;
    color: #61687c
}

.choose-resume-dialog .resume-list .list-item .item-desc .resume-size {
    display: inline-block;
    min-width: 60px;
    text-align: right;
    margin-left: 10px
}

.choose-resume-dialog .resume-list .radio-disabled {
    color: #8d92a1;
    cursor: default
}

.choose-resume-dialog .resume-list .radio-disabled:hover {
    background-color: transparent
}

.choose-resume-dialog .resume-list .radio-disabled .item-body, .choose-resume-dialog .resume-list .radio-disabled .item-desc {
    color: #8d92a1
}

.choose-resume-dialog .resume-list .radio-disabled .resume-video img {
    filter: grayscale(100%);
    filter: gray
}

.choose-resume-dialog .resume-list .video-list-item {
    padding: 8px 65px 8px 30px
}

.choose-resume-dialog .icon-file {
    flex: none;
    width: 19px;
    height: 25px;
    margin-right: 10px;
    background: no-repeat;
    background-size: 100%
}

.choose-resume-dialog .icon-doc {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-doc.a04b14a5.png)
}

.choose-resume-dialog .icon-pdf {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-pdf.bd26c623.png);
    background-size: 125%;
    background-position: bottom
}

.choose-resume-dialog .icon-png {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-png.f92d3b25.png)
}

.choose-resume-dialog .icon-jpeg, .choose-resume-dialog .icon-jpg {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-jpg.95dfcb8b.png)
}

.choose-resume-dialog .icon-docx {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-docx.f5ae5883.png)
}

.honesy-dialog .dialog-container {
    width: 500px
}

.honesy-dialog .dialog-header, .honesy-dialog .dialog-title {
    font-weight: 400;
    margin-bottom: 15px;
    color: #5dd5c8
}

.honesy-dialog .title {
    font-size: 20px
}

.honesy-dialog .dialog-con {
    padding-top: 0;
    padding-bottom: 0
}

.honesy-dialog .dialog-footer {
    padding-right: 0
}

.honesy-dialog .dialog-footer .btns {
    text-align: center
}

.chat-record .item-card {
    display: flex;
    justify-content: center
}

.chat-record .item-card .card {
    user-select: none;
    background: #fff;
    border: 1px solid #ecedee;
    border-radius: 6px;
    min-width: 230px
}

.chat-record .item-card .card .card-info {
    padding: 20px 30px;
    display: flex;
    align-items: center
}

.chat-record .item-card .card .card-info .card-icon {
    width: 38px;
    margin-right: 10px
}

.chat-record .item-card .card .card-info .card-icon img {
    width: 100%;
    vertical-align: top
}

.chat-record .item-card .card .card-body {
    flex: 1
}

.chat-record .item-card .card .card-body .card-desc, .chat-record .item-card .card .card-body .card-title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chat-record .item-card .card .card-body .card-title {
    font-size: 15px;
    font-weight: 500;
    color: #414a60;
    line-height: 23px
}

.chat-record .item-card .card .card-body .card-desc {
    font-size: 12px;
    color: #8d92a1;
    line-height: 17px
}

.chat-record .item-card .card .card-footer {
    display: flex;
    border-top: 1px solid #ecedee
}

.chat-record .item-card .card .card-footer .card-btn {
    display: block;
    flex: 1;
    height: 42px;
    line-height: 42px;
    width: 56px;
    font-size: 14px;
    color: #00c2b3;
    text-align: center
}

.dialog-interview .dialog-container {
    width: 360px;
    padding-top: 20px
}

.dialog-interview .close {
    display: none
}

.dialog-interview .dialog-body {
    overflow: visible;
    max-height: none
}

.dialog-interview .interview-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f5f9;
    text-align: center;
    font-size: 16px;
    color: #414a60;
    line-height: 22px
}

.dialog-interview .form .form-item {
    margin-bottom: 0
}

.dialog-interview .form .input-wrap-textarea {
    min-width: 0;
    width: 100%
}

.dialog-interview .form .input-wrap-textarea .input {
    min-height: 80px;
    max-height: 160px
}

.dialog-interview .form .ui-dropmenu {
    width: 80px;
    margin-left: 80px
}

.dialog-interview .form .datepicker-wrap .input-wrap {
    display: block
}

.dialog-interview .form .datepicker-wrap .input, .dialog-interview .form .datepicker-wrap .input-wrap {
    min-width: auto;
    width: 100%
}

.dialog-interview .form .ui-select {
    display: block;
    width: 110px
}

.dialog-interview .interview-list {
    margin-top: 15px
}

.dialog-interview .interview-list .interview-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #414a60;
    margin: 20px 0
}

.dialog-interview .interview-list .interview-item .flex-1 {
    flex: 1
}

.dialog-interview .interview-list .interview-item .btn-switch {
    color: #00c2b3;
    cursor: pointer;
    user-select: none
}

.dialog-interview .dialog-footer {
    margin: 20px 0 0;
    padding-right: 0;
    padding-top: 0
}

.dialog-interview .dialog-footer .btns {
    text-align: center
}

.dialog-remind .dialog-container {
    width: 360px;
    padding: 20px 20px 30px
}

.dialog-remind .close {
    display: none
}

.dialog-remind .remind-wrap h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 6px
}

.dialog-remind .remind-wrap .remind-text {
    font-size: 12px;
    line-height: 17px;
    color: #8d92a1
}

.dialog-remind .remind-wrap ul {
    margin: 30px 0
}

.dialog-remind .remind-wrap ul li {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.dialog-remind .remind-wrap ul li:last-child {
    margin-bottom: 0
}

.dialog-remind .remind-wrap ul li img {
    flex: none;
    width: 70px;
    height: 70px;
    margin-right: 15px
}

.nlp-dot {
    cursor: pointer;
    user-select: none;
    position: absolute;
    height: 34px;
    line-height: 34px;
    background: #6097ef;
    border-radius: 17px;
    color: #fff;
    bottom: 4px;
    left: 10px;
    z-index: 11;
    padding: 0 27px 0 20px;
    font-size: 14px;
    white-space: nowrap
}

.nlp-dot .nlp-dot-close {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -2px
}

.nlp-dot .nlp-dot-close img {
    width: 100%;
    vertical-align: top
}

.card-box {
    margin-left: 46px
}

.card-box .card-top {
    color: #9fa3b0;
    font-size: 12px;
    padding-top: 5px;
    line-height: 20px
}

.card-box .list-card {
    display: inline-block;
    border-radius: 0 6px 6px 6px;
    padding: 0 20px 16px;
    background: #f3f5fb;
    max-width: 544px
}

.card-box .list-card .card-title {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #e3e7ed;
    color: #414a60;
    font-size: 12px
}

.card-box .list-card ul li {
    max-width: 400px;
    color: #00c2b3;
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
    cursor: pointer
}

.card-box .list-card ul li:hover {
    color: #19d7c8
}

.guide-download-app-chat-v62 {
    display: inline-block;
    align-items: center;
    font-size: 14px;
    color: #00c2b3;
    margin-right: 10px;
    cursor: pointer
}

.guide-download-app-chat-v62 .guide-icon {
    width: 11px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/phone2x.b3936c29.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-right: 6px
}

.guide-download-app-chat-v62 div {
    display: inline-block
}

.guide-download-app-chat-v62:hover .guide-icon {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/phone2x-hover.e2b7d8f9.png) no-repeat;
    background-size: 100% 100%
}

.guide-download-app-chat-qrcode-v62 {
    display: none;
    position: fixed;
    top: 122px;
    left: 112px;
    z-index: 9999;
    padding: 14px;
    width: 160px;
    height: 205px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: 1px solid #ededed;
    border-radius: 10px
}

.guide-download-app-chat-qrcode-v62 .app-icon-v62 {
    width: 130px;
    height: 130px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/download-app-v63.f7677295.png) no-repeat;
    background-size: 100% 100%
}

.guide-download-app-chat-qrcode-v62 .app-icon-arrow {
    position: absolute;
    top: -5px;
    left: 76px;
    width: 8px;
    height: 8px;
    border: 1px solid #e3e7ed;
    border-top: none;
    border-right: none;
    transform: rotate(135deg);
    background: #fff
}

.guide-download-app-chat-qrcode-v62 .text {
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    width: 100%;
    display: inline-block;
    margin-top: 3px;
    text-align: center
}

.floatRight {
    margin-right: 20px;
    float: right;
    color: #414a60
}

.dialog-virtual-container {
    padding: 15px 0 0;
    box-sizing: border-box;
    width: 330px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
    border-radius: 2px
}

.dialog-virtual-container:after, .dialog-virtual-container:before {
    display: none
}

.dialog-virtual-container .virtual-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    padding: 0 30px
}

.virtual-container {
    margin-top: 10px;
    padding: 0 30px
}

.virtual-container .virtual-switch {
    color: #414a60;
    font-size: 14px;
    display: flex;
    align-items: center
}

.virtual-container .virtual-switch img {
    margin-right: 6px;
    width: 20px
}

.virtual-container .virtual-switch .flex-right {
    flex: 1;
    text-align: right
}

.virtual-container .virtual-switch .flex-right .btn-switch:not(.ui-switch-checked) {
    background: #d1d4db;
    border: 1px solid #d1d4db;
    box-sizing: border-box;
    text-align: right
}

.virtual-container .virtual-switch .flex-right .btn-switch:not(.ui-switch-checked):hover {
    background: #b5b8bf;
    border-color: #b5b8bf
}

.virtual-container .virtual-switch .flex-right .ui-switch-checked:not(.ui-switch-disabled):hover {
    background: #00d7c6;
    border-color: #00d7c6
}

.virtual-container .virtual-switch .flex-right .ui-switch-disabled {
    background: #b8e7e6;
    border: 1px solid #b8e7e6
}

.virtual-container .virtual-switch .flex-right .checkbox-disabled .checkbox-inner {
    border-color: #b8e7e6
}

.virtual-container .virtual-switch .flex-right .checkbox-disabled .checkbox-edging {
    background-color: #b8e7e6
}

.virtual-container .virtual-switch .flex-right .popover-content {
    width: 184px;
    box-sizing: border-box;
    background-color: #444;
    border-color: #444;
    font-size: 13px;
    line-height: 20px;
    text-align: left
}

.virtual-container .virtual-switch .checkbox-inner {
    border-radius: 50%;
    width: 16px;
    height: 16px
}

.virtual-container .virtual-switch .checkbox-edging {
    border-radius: 50%
}

.virtual-container .virtual-switch .checkbox-edging:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px
}

.virtual-container .virtual-switch .checkbox-inner {
    margin-right: 0
}

.virtual-container .virtual-content {
    font-size: 12px;
    line-height: 20px;
    color: #8d92a1;
    margin-top: 8px
}

.virtual-footer {
    border-top: 1px solid #f6f6f6;
    height: 43px;
    margin-top: 10px
}

.virtual-footer span {
    float: left;
    display: inline-block;
    height: 43px;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    line-height: 43px;
    color: #00c2b3;
    position: relative;
    cursor: pointer
}

.virtual-footer span:hover {
    color: #00d7c6
}

.virtual-footer .virtual-cancel:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    width: 1px;
    height: 20px;
    background: #f6f6f6
}

.chat-record li .text .link a {
    margin-left: 0
}

.chat-record li .text .message-card-hyperlink {
    display: block;
    text-decoration: none !important;
    font-size: 15px;
    max-width: 245px;
    padding-top: 5px;
    color: #fff;
    margin-left: 0;
    cursor: auto
}

.chat-record li .text .message-card-hyperlink:hover {
    color: #fff
}

.chat-record li .text .message-card-hyperlink .web-content {
    display: flex;
    align-items: center;
    border-top: 1px solid #eee;
    padding-top: 5px;
    margin-top: 5px;
    font-size: 14px
}

.chat-record li .text .message-card-hyperlink .web-content img {
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.chat-record li .text .message-card-hyperlink .web-title {
    margin-bottom: 5px;
    font-size: 14px
}

.chat-record li.item-friend .text .message-card-hyperlink, .chat-record li.item-friend .text .message-card-hyperlink:hover {
    color: #414a60
}

.chat-record li.item-friend .text .message-card-hyperlink .web-content {
    border-top: 1px solid rgba(65, 74, 96, .3)
}

.chat-record .contact-copy .user-select-none {
    user-select: none;
    cursor: default;
    margin: 0 !important
}

.chat-record .contact-copy .user-select-none::selection {
    color: #61687c;
    background: none
}

.chat-record .contact-copy i {
    font-style: normal;
    color: #00c2b3;
    cursor: pointer;
    margin-left: 5px
}

.chat-record .popover .user-select-none:hover {
    color: #414a60
}

.chat-record .popover .user-select-none::selection {
    color: #414a60
}

.filter-box {
    width: 100%;
    height: 75px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/filter-bg.f0bebc83.png) no-repeat 50%/100%;
    position: relative;
    padding: 15px 32px 15px 50px;
    cursor: pointer;
    margin-bottom: 5px
}

.filter-box .filter-title {
    font-size: 16px;
    font-weight: 600;
    color: #414a60;
    line-height: 20px
}

.filter-box .iboss-left {
    font-size: 12px
}

.filter-box .filter-subtitle {
    font-size: 12px;
    font-weight: 400;
    color: #61687c;
    line-height: 20px;
    margin-top: 6px
}

.filter-box .filter-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 18px;
    cursor: pointer
}

.filter-box .filter-close img {
    display: block;
    width: 22px;
    height: 18px
}

.filter-box .filter-close .hover {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: none
}

.filter-box .filter-close:hover .hover {
    display: block
}

.highlight a, .highlight u {
    color: #00a6a7
}

.highlight u {
    text-decoration: none
}

.highlight-tip {
    margin: 5px 0;
    color: #9fa3b0;
    font-size: 12px
}

.privilege-guide-dialog .dialog-container {
    width: 466px;
    padding: 30px;
    border-radius: 4px
}

.privilege-guide-dialog h3 {
    font-size: 20px;
    font-weight: 500 !important;
    color: #444;
    line-height: 20px
}

.privilege-guide-dialog .privilege-guide .content {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 20px
}

.privilege-guide-dialog .privilege-guide img {
    width: 100%;
    display: block
}

.footer-secret {
    display: flex;
    align-items: flex-end;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    margin-bottom: 7px
}

.resume-secret {
    margin-top: 5px;
    color: #61687c;
    line-height: 18px
}

.h {
    color: #00c2b3;
    text-decoration: none
}

.chat-online-stats {
    vertical-align: middle
}

.frame-h5-dialog .dialog-container {
    padding: 0
}

.frame-h5-dialog .dialog-body {
    max-height: 100vh
}

.frame-h5-dialog .frame-container iframe {
    display: block;
    border: 0;
    width: 375px;
    min-height: 600px
}

.prop-container {
    display: flex;
    padding-top: 20px
}

.prop-content {
    flex: 1;
    width: 884px
}

.prop-content .title {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 26px;
    background: #fff;
    padding: 22px 30px;
    border-radius: 4px 4px 0 0
}

.prop-content .vip-desc {
    height: 32px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/vip-desc-bg.d6f00548.png) no-repeat #fff;
    background-size: 100%;
    justify-content: space-between;
    padding: 0 40px;
    font-size: 14px;
    font-weight: 500;
    color: #c1773f
}

.prop-content .vip-desc, .prop-content .vip-desc .desc {
    display: flex;
    align-items: center
}

.prop-content .vip-desc .pic-vip {
    width: 67px;
    height: 16px;
    margin-right: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/vip.d0afdf47.png) no-repeat;
    background-size: 100%;
    display: inline-block
}

.prop-content .vip-desc .link {
    display: flex;
    cursor: pointer;
    align-items: center;
    color: #c1773f
}

.prop-content .vip-desc .link:hover {
    opacity: .8
}

.prop-content .vip-desc .link .icon {
    width: 20px;
    height: 20px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/row-right.ad93ff09.png) no-repeat;
    background-size: 100%
}

.prop-list li {
    background: #fff
}

.prop-list li:last-of-type {
    margin-bottom: 0
}

.prop-list li:last-child .item-header {
    border-bottom: none
}

.prop-list .item-header {
    display: flex;
    padding: 0 30px;
    height: 119px;
    border-bottom: 1px solid #f2f3f3
}

.prop-list .item-header .figure img {
    width: 60px;
    height: 60px;
    display: block;
    margin-top: 30px
}

.prop-list .item-header .text {
    margin-left: 15px;
    padding-top: 33px;
    flex: 1
}

.prop-list .item-header .text h4 {
    font-size: 18px
}

.prop-list .item-header .text p {
    margin-top: 6px;
    font-size: 14px;
    color: #999
}

.prop-list .item-header .op {
    display: flex;
    align-items: center
}

.prop-list .item-header .op .btn-buy {
    width: 90px;
    height: 28px;
    padding: 0;
    background: linear-gradient(270deg, #ff8554, #ff394b);
    border-radius: 2px;
    color: #fff;
    font-size: 14px
}

.prop-list .item-header .op .btn-buy:hover {
    opacity: .8
}

.prop-list .item-intro {
    margin: 0 -40px;
    display: flex;
    justify-content: space-between
}

.prop-list .item-intro .item-img {
    width: 220px;
    text-align: center
}

.prop-list .item-intro .item-img img {
    vertical-align: top
}

.prop-list .item-intro .item-img .normal-content {
    padding-top: 30px;
    line-height: 22px
}

.prop-list .item-intro .item-img .normal-content img {
    width: 60px;
    margin-bottom: 6px
}

.prop-list .item-intro .item-img .hover-content {
    display: none
}

.prop-list .item-intro .item-img .hover-content img {
    width: 210px;
    margin-bottom: 2px
}

.prop-list .item-intro .item-img .gray {
    color: #8d92a1;
    font-size: 12px
}

.prop-list .item-intro .item-img:hover .normal-content {
    display: none
}

.prop-list .item-intro .item-img:hover .hover-content {
    display: block
}

.prop-list .data-tips {
    height: calc(100vh - 320px);
    min-height: 433px
}

.prop-refresh-success .dialog-container {
    padding: 66px 30px
}

.prop-refresh-success .dialog-body img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 18px
}

.prop-refresh-success .dialog-body h4 {
    text-align: center;
    font-size: 18px;
    color: #414a60;
    line-height: 25px;
    font-weight: 400
}

.prop-refresh-success .dialog-footer {
    padding: 0;
    margin-top: 30px
}

.prop-refresh-success .dialog-footer .btns {
    text-align: center
}

.prop-refresh-success .dialog-footer .btns .btn {
    width: 140px
}

.prop-sider {
    width: 284px;
    margin-left: 16px
}

.prop-nav {
    padding: 0 30px
}

.prop-nav li {
    border-bottom: 1px solid #f2f2f5
}

.prop-nav li:last-of-type {
    border-bottom: 0
}

.prop-nav a {
    display: block;
    line-height: 50px
}

.prop-nav a.router-link-active {
    color: #00a6a7
}

.prop-total .icon-help {
    width: 24px;
    height: 24px;
    margin-right: -5px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-help.a10fb895.png) 4px 4px no-repeat;
    cursor: pointer
}

.prop-total .icon-help:hover {
    background-position: -21px 4px
}

.prop-total .promotion-text {
    font-size: 12px;
    font-weight: 400;
    color: #61687c;
    line-height: 17px;
    padding-bottom: 14px
}

.prop-total .text {
    display: flex;
    padding: 10px 0 14px
}

.prop-total .text .total {
    flex: 1
}

.prop-total .text .total img {
    width: 25px;
    height: 24px;
    vertical-align: middle;
    margin-right: 3px
}

.prop-total .text .total b {
    font-size: 24px;
    color: #ff6223;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

.prop-total .text .more {
    padding-top: 7px;
    cursor: pointer
}

.prop-total .text .more:hover {
    color: #5dd5c8
}

.prop-total .text .more i {
    margin-right: -4px
}

.prop-total .btn-buy {
    width: 100%
}

.prop-total ul {
    margin: 20px -30px 0
}

.prop-total ul:last-child {
    margin-bottom: -15px
}

.prop-total li {
    line-height: 44px;
    border-top: 1px solid #f2f5fa;
    padding: 0 30px;
    cursor: pointer
}

.prop-total li:hover {
    background-color: #f2f5fa;
    transition: all .2s linear
}

.prop-total li .count {
    float: right
}

.prop-intro-dialog .dialog-header {
    padding: 24px 30px 16px
}

.prop-intro-dialog .dialog-header .title {
    font-size: 20px;
    font-weight: 500;
    color: #171d26;
    line-height: 28px
}

.prop-intro-dialog .dialog-container {
    width: 570px;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff url(https://img.bosszhipin.com/static/file/2023/1emwi1ifgt1681699105527.png) 100% 0/auto 170px no-repeat
}

.prop-intro-dialog .dialog-body {
    height: calc(100vh - 128px);
    max-height: 420px;
    padding: 0 30px
}

.prop-intro-dialog .bean-question dl {
    padding-left: 14px
}

.prop-intro-dialog .bean-question dt {
    position: relative;
    margin-bottom: 5px
}

.prop-intro-dialog .bean-question dt:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #18c3b1;
    position: absolute;
    left: -10px;
    top: 8px
}

.prop-intro-dialog .bean-question dd {
    margin-bottom: 30px;
    color: #999
}

.prop-intro-dialog .bean-tab {
    margin-top: 24px
}

.prop-intro-dialog .bean-tab span {
    display: inline-block;
    font-size: 13px;
    color: #303640;
    line-height: 18px;
    cursor: pointer;
    padding: 6px 15px;
    border-radius: 4px;
    transition: all .2s linear
}

.prop-intro-dialog .bean-tab span:hover {
    color: #00a6a7;
    font-weight: 500
}

.prop-intro-dialog .bean-tab span.selected {
    background: rgba(2, 204, 191, .1);
    color: #00a6a7;
    font-weight: 500
}

.prop-intro-dialog .bean-detail .bean-history .bean-history-table li {
    display: flex;
    align-items: center;
    line-height: 20px;
    font-size: 14px;
    color: #171d26;
    justify-content: space-between
}

.prop-intro-dialog .bean-detail .bean-history .bean-history-table li > span {
    padding: 10px 15px
}

.prop-intro-dialog .bean-detail .bean-history .bean-history-table li .desc-info {
    word-break: break-all
}

.prop-intro-dialog .bean-detail .bean-history .bean-history-table li .bean-info {
    white-space: nowrap;
    text-align: right
}

.prop-intro-dialog .bean-detail .bean-history .bean-history-table li.bean-history-table__header {
    background: #f5f7fa;
    border-radius: 4px 4px 0 0;
    font-weight: 500;
    color: #363f4d
}

.prop-intro-dialog .bean-detail .bean-history .bean-history-table li .time-desc {
    font-size: 12px;
    color: #8d97a6;
    line-height: 16px;
    margin-top: 4px
}

.prop-intro-dialog .bean-detail .bean-history .bean-history-table .more-order-btn {
    display: block;
    margin-top: 6px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 12px;
    color: #00a6a7;
    line-height: 16px;
    padding: 4px 9px;
    transition: all .2s linear
}

.prop-intro-dialog .bean-detail .bean-history .bean-history-table .more-order-btn:hover {
    background: rgba(0, 190, 189, .2)
}

.prop-intro-dialog .bean-detail .bean-history table {
    width: 100%
}

.prop-intro-dialog .bean-detail .bean-history tr:first-child {
    background: #f5f7fa;
    border-radius: 4px 4px 0 0
}

.prop-intro-dialog .bean-detail .bean-history td, .prop-intro-dialog .bean-detail .bean-history th {
    padding: 10px 15px;
    border-bottom: 1px solid #edf0f2;
    vertical-align: middle;
    text-align: center
}

.prop-intro-dialog .bean-detail .bean-history td:first-of-type, .prop-intro-dialog .bean-detail .bean-history th:first-of-type {
    width: 140px
}

.prop-intro-dialog .bean-detail .bean-history td span:last-of-type, .prop-intro-dialog .bean-detail .bean-history th span:last-of-type {
    display: inline-block;
    width: 80px
}

.prop-intro-dialog .bean-detail .bean-history td:first-of-type {
    text-align: left
}

.prop-intro-dialog .bean-detail .bean-history .status-tag {
    display: inline-block;
    width: auto !important;
    font-size: 12px;
    border-radius: 2px;
    line-height: 17px;
    padding: 1px 6px;
    margin-left: 6px;
    vertical-align: middle
}

.prop-intro-dialog .bean-detail .bean-history .status-tag.success {
    color: #12ada9;
    border: 1px solid #12ada9
}

.prop-intro-dialog .bean-detail .bean-history .status-tag.fail {
    color: #ff4a55;
    border: 1px solid #ff4a55
}

.prop-intro-dialog .bean-detail .bean-history .status-tag.doing {
    color: #ffaa32;
    border: 1px solid #ffaa32
}

.prop-intro-dialog .bean-detail .bean-history .status-tag.cancel {
    color: #61687c;
    border: 1px solid #61687c
}

.prop-intro-dialog .bean-detail .bean-history .price {
    color: #fa6a43
}

.prop-intro-dialog .bean-detail .bean-history .loading-more-container {
    text-align: center;
    padding: 10px 0
}

.prop-intro-dialog .bean-detail .bean-history .loading-more-container span {
    font-size: 12px;
    color: #999
}

.prop-intro-dialog .bean-detail .bean-history .data-tips {
    background: none;
    height: 340px;
    min-height: 0
}

.coupon-sider-dialog .dialog-header .title {
    color: #fff;
    font-size: 18px;
    text-indent: 30px;
    line-height: 60px;
    height: 60px;
    background: #28c3b1
}

.coupon-sider-dialog .dialog-header .close {
    display: none
}

.coupon-frame iframe {
    border: 0;
    width: 100%;
    height: 100vh
}

.withdraw-qrcode-dialog .dialog-header .title {
    font-size: 20px;
    text-align: center;
    font-weight: 700
}

.withdraw-qrcode-dialog .qrcode-withdraw {
    padding-top: 15px
}

.withdraw-qrcode-dialog .qrcode-withdraw img {
    width: 168px;
    height: 168px;
    display: block;
    margin: 0 auto
}

.withdraw-qrcode-dialog .qrcode-withdraw p {
    width: 150px;
    text-align: center;
    margin: 5px auto 0
}

.record-content {
    flex: 1;
    background-color: #fff;
    display: flex
}

.record-content .data-tips {
    height: auto;
    flex: 1
}

.prop-tab {
    width: 220px;
    background: #f8f9fb
}

.prop-tab .current {
    background: #fff
}

.prop-tab .prop-tab-item {
    display: flex;
    padding: 24px 0 24px 20px;
    align-items: center;
    cursor: pointer
}

.prop-tab .prop-tab-item:hover {
    background: rgba(0, 0, 0, .02)
}

.prop-tab .prop-tab-item img {
    width: 42px;
    height: 42px;
    margin-right: 15px;
    display: block
}

.prop-tab .prop-tab-body {
    flex: 1
}

.prop-tab .prop-tab-name {
    height: 20px;
    font-size: 14px;
    color: #50586c;
    width: 100%;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap
}

.prop-tab .prop-tab-desc {
    height: 17px;
    font-size: 12px;
    color: #838997;
    line-height: 17px;
    margin-top: 4px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.prop-tab .prop-tab-desc span {
    display: inline-block;
    position: relative;
    padding: 0 5px 0 6px
}

.prop-tab .prop-tab-desc span:before {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    border-left: 1px solid #dbdfe8;
    left: 0;
    top: 50%;
    margin-top: -5px
}

.prop-tab .prop-tab-desc span:first-child {
    padding-left: 0
}

.prop-tab .prop-tab-desc span:first-child:before {
    display: none
}

.prop-tab .prop-tab-desc span .icon-item-vip {
    display: inline-block;
    width: 36px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-vip.4c518c13.png) no-repeat 50%;
    vertical-align: middle;
    margin-top: -2px
}

.mall-items-tab {
    border-bottom: 1px solid #eef0f5;
    white-space: nowrap
}

.mall-items-tab a {
    display: inline-block;
    padding: 0 2px;
    height: 42px;
    line-height: 40px;
    font-size: 14px;
    margin-right: 40px;
    vertical-align: top
}

.mall-items-tab a.cur {
    color: #00c2b3;
    border-bottom: 2px solid #5dd5c8
}

.mall-items-list {
    flex: 1;
    padding: 0 30px;
    min-height: 640px;
    width: 0;
    font-size: 13px;
    display: flex;
    flex-direction: column
}

.mall-items-list li {
    display: flex;
    border-bottom: 1px solid #eef0f5;
    padding: 16px 0;
    align-items: center;
    line-height: 24px
}

.mall-items-list li a {
    color: #00c2b3
}

.mall-items-list li input.item-input-read {
    padding: 0;
    border: 0;
    margin: 0
}

.mall-items-list li input.item-input-read.item-input-name {
    width: 178px
}

.mall-items-list li input.item-input-read.item-input-pwd {
    width: 54px
}

.mall-items-list li input.item-input-read .icon-item-vip {
    display: inline-block;
    width: 36px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-vip.4c518c13.png) no-repeat 50%;
    vertical-align: middle;
    margin: -2px 0 0 10px
}

.mall-items-list li .item-label {
    color: #8d92a1
}

.mall-items-list li .item-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mall-items-list li .item-fn {
    text-align: right;
    flex: 1;
    color: #8d92a1
}

.mall-items-list li .item-fn span {
    float: left
}

.mall-items-list li .item-fn .btn-small {
    width: 50px;
    margin-left: 20px;
    vertical-align: top
}

.mall-items-list li .item-fn .btn-small:first-child {
    margin-left: 0
}

.mall-items-list li .icon-item-vip {
    display: inline-block;
    overflow: hidden;
    width: 36px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-vip.4c518c13.png) no-repeat 50%;
    text-indent: -9999em;
    vertical-align: middle;
    margin-top: -2px
}

.mall-items-list li .item-title {
    flex: 1;
    width: 40.98039215686274%
}

.mall-items-list li .item-title .label-tag {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    padding: 1px 4px;
    background-color: #f2f2f2;
    border-radius: 2px;
    margin-left: 4px
}

.mall-items-list li .item-time {
    width: 32.94117647058823%
}

.mall-items-list li .item-send-title {
    width: 21.96078431372549%
}

.mall-items-list li .item-send-time {
    width: 36.666666666666664%
}

.mall-items-list li .item-send-position {
    width: 31.56862745098039%
}

.mall-items-list li .item-test-body {
    width: 84%;
    display: flex;
    flex-wrap: wrap
}

.mall-items-list li .item-test-body .icon-item-vip {
    position: absolute;
    margin-top: -13px
}

.mall-items-list li .item-test-name {
    width: 66.1214953271028%
}

.mall-items-list li .item-test-pwd {
    width: 33.8785046728972%
}

.mall-items-blank {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 20%;
    color: #00a6a7;
    user-select: none
}

.prop-blank {
    padding: 30px 90px;
    flex: 1
}

.prop-blank .tip-inner {
    display: flex;
    height: 266px;
    border-bottom: 1px solid #f2f2f5;
    align-items: center;
    justify-content: center
}

.prop-blank .tip-inner .figure {
    width: 194px
}

.prop-blank .tip-inner .text h4 {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 5px;
    margin-top: -10px
}

.prop-blank .tip-inner .text p {
    padding: 1px 0
}

.prop-blank .tip-inner .text p a {
    color: #00c2b3
}

.prop-blank .tip-inner .text p a:hover {
    color: #6adbcf
}

.prop-blank .tip-inner .text p.gray {
    font-size: 13px
}

.prop-blank ul {
    display: flex;
    align-items: center;
    padding: 70px 0 20px
}

.prop-blank ul li {
    display: flex;
    flex: 1
}

.prop-blank ul li .figure {
    width: 74px
}

.prop-blank ul li .text {
    margin-left: 25px
}

.prop-blank ul li .text h4 {
    font-weight: 400;
    padding-top: 7px
}

.prop-blank ul li .text p {
    font-size: 13px;
    color: #999
}

.prop-blank ul li:last-of-type .figure {
    margin-left: 30px
}

.prop-container .job-pannel, .prop-job-dialog .job-pannel {
    margin-top: 17px;
    border-top: 1px solid #5dd5c8;
    background-color: #f8f9fb
}

.prop-container .job-pannel li, .prop-job-dialog .job-pannel li {
    display: flex;
    border-bottom: 1px solid #f1f3f5;
    padding: 15px 30px;
    cursor: pointer;
    position: relative
}

.prop-container .job-pannel li:last-of-type, .prop-job-dialog .job-pannel li:last-of-type {
    border-bottom: 0
}

.prop-container .job-pannel li.selected, .prop-job-dialog .job-pannel li.selected {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-checked.0550d50c.png) 100% 0 no-repeat
}

.prop-container .job-pannel li:hover, .prop-job-dialog .job-pannel li:hover {
    background-color: #f1f3f5;
    border-bottom-color: #ededed
}

.prop-container .job-pannel li h3, .prop-job-dialog .job-pannel li h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.prop-container .job-pannel li .info-primary, .prop-job-dialog .job-pannel li .info-primary {
    width: 260px
}

.prop-container .job-pannel li .info-company, .prop-job-dialog .job-pannel li .info-company {
    width: 218px
}

.prop-container .job-pannel li .info-publis, .prop-job-dialog .job-pannel li .info-publis {
    text-align: right
}

.prop-container .job-pannel li .info-publis .name img, .prop-job-dialog .job-pannel li .info-publis .name img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px
}

.prop-container .job-pannel li .info-publis .name span, .prop-job-dialog .job-pannel li .info-publis .name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
    vertical-align: middle;
    display: inline-block
}

.prop-container .job-pannel li .info-publis .gray, .prop-job-dialog .job-pannel li .info-publis .gray {
    max-width: 80px
}

.prop-container .job-pannel li p.gray, .prop-job-dialog .job-pannel li p.gray {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.prop-container .job-pannel li p.gray.gray-wrapper .pre-line, .prop-job-dialog .job-pannel li p.gray.gray-wrapper .pre-line {
    max-width: 64px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.prop-container .job-pannel li p.gray.gray-wrapper .pre-line + .pre-line, .prop-job-dialog .job-pannel li p.gray.gray-wrapper .pre-line + .pre-line {
    max-width: 82px
}

.prop-container .job-pannel li .red, .prop-job-dialog .job-pannel li .red {
    color: #ff6223;
    font-size: 15px
}

.prop-container .job-pannel .tip-loading, .prop-job-dialog .job-pannel .tip-loading {
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 50px 0
}

.prop-container .job-pannel .tip-loading .ui-icon-loading, .prop-job-dialog .job-pannel .tip-loading .ui-icon-loading {
    font-size: 14px;
    margin-top: -2px;
    margin-right: 3px;
    vertical-align: middle
}

.prop-container .job-pannel li {
    display: block;
    padding: 0
}

.prop-container .job-pannel li > a {
    display: flex;
    border-bottom: 1px solid #f1f3f5;
    padding: 15px 30px;
    cursor: pointer
}

.prop-container .job-pannel li > a:hover {
    color: #333
}

.prop-job-dialog .dialog-body {
    max-height: 460px
}

.prop-job-dialog .job-pannel {
    width: 590px;
    border: 1px solid #eee;
    background: none;
    min-height: 260px
}

.prop-job-dialog .job-pannel li {
    padding: 10px 15px
}

.prop-job-dialog .job-pannel li .stop-job {
    position: absolute;
    left: 350px;
    top: 15px
}

.prop-job-dialog .job-pannel li .info-primary {
    width: 204px
}

.prop-job-dialog .job-pannel li .info-primary .started {
    display: inline-block;
    padding: 0 5px;
    height: 19px;
    background: rgba(0, 194, 179, .1);
    border-radius: 2px;
    margin-left: 10px;
    line-height: 19px;
    text-align: center;
    font-size: 12px;
    color: #00c2b3;
    font-style: normal;
    vertical-align: middle
}

.prop-job-dialog .job-pannel li .info-primary .name {
    line-height: 30px;
    margin-bottom: 5px;
    display: flex
}

.prop-job-dialog .job-pannel li .info-primary .name .job-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.prop-job-dialog .job-pannel li .info-primary .job-postimg {
    width: 26px;
    height: 14px;
    margin: 0 10px;
    vertical-align: middle
}

.prop-job-dialog .job-pannel li .info-company {
    width: 290px;
    padding: 0 20px
}

.prop-job-dialog .job-pannel li .info-company .company-text em {
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
    vertical-align: middle
}

.prop-job-dialog .job-pannel li .info-company .company-text .stop-tag {
    display: inline-block;
    padding: 0 5px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    font-size: 12px;
    color: #8d92a1;
    background: #eef0f5;
    border-radius: 2px;
    margin-left: 10px;
    vertical-align: middle
}

.prop-job-dialog .job-pannel li .info-publis .gray, .prop-job-dialog .job-pannel li .info-publis .name {
    display: inline-block
}

.prop-job-dialog .dialog-footer {
    border: 0
}

.prop-job-dialog .dialog-footer .btn-disabled, .prop-job-dialog .dialog-footer .btn-disabled:hover {
    color: #9fa3b0;
    background-color: #fff;
    border-color: #d1d4db
}

.dialog-resume-send .data-tips {
    height: 450px
}

.dialog-resume-send .dialog-header h3.title {
    font-size: 18px;
    color: #51586d
}

.dialog-resume-send .dialog-container {
    width: 460px
}

.dialog-resume-send .dialog-body {
    max-height: none;
    overflow: visible
}

.dialog-resume-send .resume-send-title {
    margin: 20px 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: #51586d;
    line-height: 20px
}

.dialog-resume-send .ui-dropmenu-list {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    margin-top: -1px;
    border: 1px solid #e3e7ed
}

.dialog-resume-send .ui-dropmenu-list:before {
    display: none
}

.dialog-resume-send .expect-menu {
    display: block
}

.dialog-resume-send .expect-menu .ui-dropmenu-label {
    display: block;
    height: 35px;
    background: #fff;
    border: 1px solid #e3e7ed
}

.dialog-resume-send .expect-menu .ui-dropmenu-list {
    max-height: 260px
}

.dialog-resume-send .expect-item {
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    color: #61687c;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis
}

.dialog-resume-send .expect-item.selected {
    color: #00c2b3
}

.dialog-resume-send .expect-item.disabled {
    color: #8d92a1
}

.dialog-resume-send .expect-item.disabled:hover {
    cursor: default;
    background: #fff
}

.dialog-resume-send .expect-item span {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    white-space: nowrap
}

.dialog-resume-send .expect-item span:before {
    content: "";
    position: absolute;
    height: 13px;
    width: 0;
    border-left: 1px solid #e0e0e0;
    left: 0;
    top: 50%;
    margin-top: -6px
}

.dialog-resume-send .expect-item span:first-child {
    padding-left: 0
}

.dialog-resume-send .expect-item span:first-child:before {
    display: none
}

.dialog-resume-send .expect-item small {
    display: block;
    flex: 1;
    text-align: right
}

.dialog-resume-send .expect-menu-group-title {
    padding: 12px;
    font-size: 12px;
    color: #61687c;
    position: relative;
    cursor: pointer
}

.dialog-resume-send .expect-menu-group-title .ui-icon-arrow-down {
    transform: rotate(0)
}

.dialog-resume-send .expect-menu-group-title + .expect-menu-group-wrap {
    display: none
}

.dialog-resume-send .expect-menu-group-title.expect-menu-group-visible .ui-icon-arrow-down {
    transform: rotate(180deg)
}

.dialog-resume-send .expect-menu-group-title.expect-menu-group-visible + .expect-menu-group-wrap {
    display: block
}

.dialog-resume-send .resume-send-jobinfo {
    display: flex;
    flex-wrap: wrap
}

.dialog-resume-send .resume-send-jobinfo li {
    width: 50%;
    line-height: 30px;
    font-size: 14px;
    color: #9fa3b0
}

.dialog-resume-send .resume-item-wrap {
    display: block;
    overflow: hidden;
    position: relative;
    padding-right: 30px;
    margin: 0
}

.dialog-resume-send .resume-item-wrap + .resume-item-wrap {
    margin-top: 20px
}

.dialog-resume-send .resume-item-wrap .radio-inner {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -8px 0 0;
    width: 16px;
    height: 16px;
    border: 1px solid #d1d4db;
    overflow: hidden
}

.dialog-resume-send .resume-item-wrap .radio-inner .radio-edging, .dialog-resume-send .resume-item-wrap .radio-inner:after {
    display: none
}

.dialog-resume-send .resume-item-wrap.radio-checked .radio-inner {
    background: #53cac3;
    border-color: #53cac3
}

.dialog-resume-send .resume-item-wrap.radio-checked .radio-inner:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 5px;
    top: 3px;
    left: 3px;
    transform: rotate(-45deg);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.dialog-resume-send .resume-item-wrap .resume-item {
    overflow: hidden;
    display: flex;
    align-items: center
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-file {
    float: left;
    width: 29px;
    height: 38px;
    margin-right: 13px;
    background: no-repeat;
    background-size: 100%
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-doc {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-doc.a04b14a5.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-pdf {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-pdf.bd26c623.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-png {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-png.f92d3b25.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-jpeg, .dialog-resume-send .resume-item-wrap .resume-item .icon-jpg {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-jpg.95dfcb8b.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .icon-docx {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-docx.f5ae5883.png)
}

.dialog-resume-send .resume-item-wrap .resume-item .resume-item-body {
    flex: 1;
    overflow: hidden
}

.dialog-resume-send .resume-item-wrap .resume-item .resume-item-name {
    width: 100%;
    font-size: 13px;
    color: #61687c;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis
}

.dialog-resume-send .resume-item-wrap .resume-item .resume-item-desc {
    width: 100%;
    font-size: 12px;
    color: #9fa3b0;
    line-height: 17px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.dialog-resume-send .dialog-footer {
    margin-top: 30px
}

.dialog-resume-send.resume-send-loading .dialog-footer {
    display: none
}

.dialog-resume-send.resume-send-disabled .dialog-footer .btn-sure {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.flex-sider-dialog .dialog-container {
    display: flex;
    flex-direction: column;
    width: 375px
}

.flex-sider-dialog .dialog-container .dialog-body {
    flex: 1;
    height: auto;
    max-height: none
}

.flex-sider-dialog .dialog-container .dialog-body .flex-frame {
    width: 100%;
    height: 100%
}

.flex-sider-dialog .dialog-container .dialog-body .flex-frame iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.prop-container-new .mall-items-tab a.cur {
    color: #00a6a7;
    border-bottom: 2px solid #00a6a7;
    font-weight: 700
}

.prop-container-new a {
    color: #333
}

.prop-container-new a:hover {
    color: #00a6a7;
    text-decoration: none
}

.prop-container-new .mall-items-list li {
    justify-content: space-between
}

.prop-container-new .mall-items-list li .item-text {
    color: #757575
}

.prop-container-new .mall-items-list li .item-text .name {
    font-weight: 700;
    color: #333;
    margin-right: 10px;
    font-size: 14px
}

.prop-container-new .mall-items-list li .item-text .desc {
    margin-top: 9px
}

.prop-container-new .mall-items-list li .item-text .status-desc {
    font-size: 13px;
    color: #757575;
    line-height: 18px;
    margin-top: 10px
}

.prop-container-new .mall-items-list li .item-label, .prop-container-new .mall-items-list li .item-title {
    color: #757575
}

.prop-container-new .mall-items-list li .item-title .flex {
    display: flex;
    align-items: center
}

.prop-container-new .mall-items-list li .item-title .label-tag {
    background-color: #e6eeff;
    color: #4b87ff;
    padding: 3px 8px;
    margin-right: 6px;
    border-radius: 4px;
    margin-left: 0
}

.prop-container-new .mall-items-list li .item-title .label-tag.resume-pro-tag {
    color: #00a6a7;
    background: #e5f8f8;
    margin-left: 0
}

.prop-container-new .mall-items-list li .item-title .label-tag-overdue {
    background-color: #feeeec;
    color: #fe574a;
    padding: 0 8px;
    border-radius: 4px
}

.prop-container-new .label-tag-name {
    background-color: #e6eeff;
    color: #4b87ff;
    padding: 0 8px;
    margin-right: 6px;
    border-radius: 4px
}

.prop-container-new .label-tag-name-gary {
    background-color: #f2f2f2;
    color: #757575;
    padding: 0 8px;
    margin-right: 6px;
    border-radius: 4px
}

.prop-container-new .label-tag-vip {
    width: 68px;
    height: 24px;
    display: inline-block;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/vip-tag.1b45caeb.png) no-repeat;
    background-size: 100%;
    margin-right: 6px
}

.prop-container-new .mall-items-list li .item-time {
    margin-top: 32px
}

.prop-container-new .btn-primary {
    background-color: #00bebd;
    border-color: #00bebd
}

.prop-container-new .btn-primary:hover {
    background-color: #00a6a7;
    border-color: #00a6a7
}

.prop-container-new .mall-items-list li .item-fn {
    flex-shrink: 0;
    flex: none
}

.prop-container-new .mall-items-list li .item-fn .btn-small {
    width: 72px;
    padding: 7px;
    border-radius: 2px
}

.prop-container-new .mall-items-list li .item-fn .btn-small.out-line {
    border: 1px solid #00a6a7;
    color: #00a6a7
}

.prop-container-new .mall-items-list li .item-fn .btn-small.out-line.btn:hover {
    padding: 6px;
    background-color: #fff;
    border: 2px solid #00a6a7
}

.prop-container-new .mall-items-list li a {
    color: #00a6a7
}

.prop-container-new .mall-items-list li a.btn-use {
    background-color: #00bebd;
    border-color: #00bebd;
    color: #fff
}

.prop-container-new .mall-items-list li a.btn-use:hover {
    background-color: #00a6a7;
    border-color: #00a6a7
}

.prop-container-new .mall-items-list li .item-test-body {
    display: block
}

.prop-container-new .mall-items-list li .item-test-body > div {
    display: flex;
    align-items: center
}

.prop-container-new .mall-items-list li .item-test-body .name {
    color: #333;
    font-weight: 700;
    margin-right: 10px
}

.prop-container-new .row-pwd {
    margin-top: 9px
}

.pagination-area {
    margin-top: 32px;
    padding-bottom: 30px;
    text-align: center
}

.pagination-area .pager a {
    margin: 0 4px;
    height: 26px;
    min-width: 26px;
    line-height: 26px;
    border-radius: 6px;
    border: none;
    background: #fff;
    color: #333;
    transition: all .2s linear
}

.pagination-area .pager a.selected, .pagination-area .pager a:hover {
    color: #fff;
    background: #00bebd
}

.pagination-area .pager a.disabled {
    background: #fff;
    color: #666;
    cursor: not-allowed
}

.pagination-area .pager .fast-next-btn.disabled, .pagination-area .pager .fast-prev-btn.disabled {
    color: #333;
    background: transparent;
    cursor: default
}

.prop-buy-dialog .dialog-container {
    overflow: visible
}

.prop-buy-dialog .dialog-body {
    overflow: visible;
    max-height: 100vh
}

.prop-buy-dialog .dialog-body .data-tips {
    height: 420px
}

.prop-buy-dialog .competitive-buy {
    width: 420px;
    min-height: 340px
}

.prop-buy-dialog .competitive-buy h3.name {
    position: relative;
    text-align: center;
    font-size: 20px;
    color: #61687c;
    font-weight: 400
}

.prop-buy-dialog .competitive-buy h3.name img {
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -38px;
    width: 74px;
    height: 74px
}

.prop-buy-dialog .competitive-buy h3.name span {
    display: inline-block;
    margin-top: 25px
}

.prop-buy-dialog .competitive-buy h3.name em {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    padding-left: 4px
}

.prop-buy-dialog .competitive-buy .sub-title {
    margin-top: 5px;
    font-size: 12px;
    color: #9fa3b0;
    text-align: center;
    line-height: 26px
}

.prop-buy-dialog .competitive-buy .prop-list {
    margin-top: 20px
}

.prop-buy-dialog .competitive-buy .prop-list li {
    display: flex;
    min-height: 66px;
    padding: 20px;
    border: 1px solid #e3e7ed;
    cursor: pointer;
    transition: all .1s linear
}

.prop-buy-dialog .competitive-buy .prop-list li + li {
    margin-top: 20px
}

.prop-buy-dialog .competitive-buy .prop-list li.selected, .prop-buy-dialog .competitive-buy .prop-list li:hover {
    border-color: #5dd5c8;
    box-shadow: 2px 4px 6px rgba(93, 213, 200, .2)
}

.prop-buy-dialog .competitive-buy .prop-list li.show-advice-icon {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-advice.3913e3ee.png);
    background-position: right 0;
    background-repeat: no-repeat
}

.prop-buy-dialog .competitive-buy .prop-list li .cell-name {
    flex: 1
}

.prop-buy-dialog .competitive-buy .prop-list li .discount {
    display: inline-block;
    margin-left: 20px;
    font-style: normal
}

.prop-buy-dialog .competitive-buy .prop-list li .price {
    font-size: 16px;
    color: #ff6223
}

.prop-buy-dialog .competitive-buy .discount-info {
    position: relative;
    margin-top: 5px;
    padding: 15px 0;
    border-bottom: 1px solid #e3e7ec
}

.prop-buy-dialog .competitive-buy .discount-info .info-label {
    display: inline-block;
    font-size: 13px;
    color: #414b60;
    height: 18px;
    line-height: 18px;
    margin-right: 10px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-list {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-left: -10px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-list li {
    display: inline-block;
    font-size: 13px;
    color: #61687c;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    margin: 5px 10px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-list li img {
    position: relative;
    top: -2px;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: middle
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more {
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
    margin-top: -7px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more:hover .discount-more-btn {
    transform: rotate(-90deg)
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more:hover .discount-more-container {
    display: block
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-btn {
    width: 14px;
    height: 14px;
    transition: all .2s linear
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container {
    display: none;
    position: absolute;
    right: -18px;
    top: -7px;
    z-index: 99;
    background-color: #fff;
    width: 361px;
    padding: 15px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    transform: translateY(-100%)
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container:after {
    content: " ";
    position: absolute;
    right: 19px;
    bottom: -12px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li {
    height: 18px;
    line-height: 18px;
    font-size: 13px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li + li {
    margin-top: 10px
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li .label-icon {
    display: inline-block;
    margin-right: 10px;
    width: 38px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: linear-gradient(270deg, #f4cba7, #e9b489);
    border-radius: 2px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li em {
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    max-width: 212px;
    color: #61687c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li a {
    color: #00cec5;
    text-decoration: underline;
    float: right
}

.prop-buy-dialog .competitive-buy .total-price {
    position: absolute;
    left: 30px;
    bottom: 40px;
    height: 48px
}

.prop-buy-dialog .competitive-buy .total-price .cell-price {
    margin-right: 20px
}

.prop-buy-dialog .competitive-buy .total-price .cell-price:last-of-type {
    margin-right: 0
}

.prop-buy-dialog .competitive-buy .total-price .cell-exact {
    flex: 1;
    text-align: right
}

.prop-buy-dialog .competitive-buy .total-price .cell-exact .price {
    font-style: normal;
    color: #ff6223
}

.prop-buy-dialog .competitive-buy .total-price .discount-price {
    color: #fc6c38;
    font-size: 24px;
    display: block;
    height: 30px;
    line-height: 30px
}

.prop-buy-dialog .competitive-buy .total-price .origin-price {
    color: #8d92a1;
    font-size: 13px;
    display: block;
    height: 18px;
    line-height: 18px;
    text-decoration: line-through
}

.prop-buy-dialog .competitive-buy .btns {
    text-align: right;
    margin-top: 37px;
    margin-bottom: 23px
}

.prop-buy-dialog .competitive-buy .btns .btn-primary {
    min-width: 108px
}

.prop-buy-dialog .competitive-buy .btns .cancel-btn {
    min-width: 80px
}

.prop-buy-dialog .competitive-buy .btns .buy-btn {
    min-width: 108px;
    margin-left: 10px
}

.prop-buy-dialog .data-tips {
    width: 420px
}

.prop-recharge-dialog .dialog-body {
    overflow: initial;
    max-height: 100vh
}

.prop-recharge-dialog .dialog-body .data-tips {
    width: 400px;
    height: 197px;
    min-height: 0
}

.prop-recharge-dialog .bean-buy {
    width: 400px
}

.prop-recharge-dialog .bean-buy h3.name {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px
}

.prop-recharge-dialog .bean-buy li {
    display: flex
}

.prop-recharge-dialog .bean-buy li .cell-name, .prop-recharge-dialog .bean-buy li .cell-num {
    flex: 1;
    align-self: center;
    padding: 10px 0;
    color: #61687c
}

.prop-recharge-dialog .bean-buy li .cell-num {
    text-align: right
}

.prop-recharge-dialog .bean-buy li .cell-num .inputnumber-wrap {
    width: 150px
}

.prop-recharge-dialog .bean-buy li .cell-num .input {
    border: 0;
    background-color: #f2f5fa;
    height: 40px;
    text-align: right;
    font-size: 18px
}

.prop-recharge-dialog .bean-buy li .cell-num .input:focus {
    box-shadow: none
}

.prop-recharge-dialog .bean-buy li .cell-num .inputnumber-down, .prop-recharge-dialog .bean-buy li .cell-num .inputnumber-up {
    right: auto;
    left: 5px
}

.prop-recharge-dialog .bean-buy .btns {
    text-align: right;
    padding: 20px 0 5px
}

.prop-recharge-dialog .bean-buy .btns .btn {
    min-width: 100px
}

.confirm-order-dialog .dialog-container {
    background: #fafafa
}

.confirm-order-dialog .pay-title {
    height: 60px;
    line-height: 56px;
    padding: 0 30px
}

.confirm-order-dialog .pay-title img {
    margin: 0 10px
}

.confirm-order-dialog .pay-preorder .title-way {
    padding: 15px 0;
    line-height: 20px;
    color: #61687c;
    font-size: 14px
}

.confirm-order-dialog .pay-preorder .text-protocol {
    font-size: 13px;
    line-height: 18px;
    color: #61687c
}

.confirm-order-dialog .pay-preorder .text-protocol a {
    color: #00c2b3
}

.confirm-order-dialog .pay-preorder .pay-result .gray {
    color: #999
}

.confirm-order-dialog .pay-preorder .pay-result a {
    color: #00c2b3;
    margin-left: 8px
}

.confirm-order-dialog .order-info-container {
    padding: 10px 30px 20px;
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .04);
    overflow: hidden
}

.confirm-order-dialog .order-info-container li.item-info {
    position: relative
}

.confirm-order-dialog .order-info-container li.item-info:after, .confirm-order-dialog .order-info-container li.item-info:before {
    content: " ";
    position: absolute;
    bottom: -10px;
    background-color: #fafafa;
    width: 20px;
    height: 20px;
    border-radius: 100%
}

.confirm-order-dialog .order-info-container li.item-info:before {
    left: -40px
}

.confirm-order-dialog .order-info-container li.item-info:after {
    right: -40px
}

.confirm-order-dialog .order-info-container li.item-info .cell-name img {
    width: 56px;
    height: 56px
}

.confirm-order-dialog .order-info-container li.item-info .cell-name p {
    margin-left: 8px;
    padding-top: 8px
}

.confirm-order-dialog .order-info-container li.item-info .cell-name p b {
    font-weight: 500;
    line-height: 20px;
    height: 20px
}

.confirm-order-dialog .order-info-container li.item-info .cell-name p span {
    display: block;
    line-height: 20px;
    height: 20px
}

.confirm-order-dialog .order-info-container li.discount-info {
    display: block;
    min-height: auto
}

.confirm-order-dialog .order-info-container li.discount-info .discount-info-item {
    width: 100%;
    height: 17px;
    line-height: 17px;
    color: #9fa3b0;
    font-size: 12px;
    overflow: hidden
}

.confirm-order-dialog .order-info-container li.discount-info .discount-info-item + .discount-info-item {
    margin-top: 10px
}

.confirm-order-dialog .order-info-container li.discount-info .discount-info-item .desc {
    float: left;
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.confirm-order-dialog .order-info-container li.discount-info .discount-info-item .price {
    float: right;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.confirm-order-dialog .pay-preorder li {
    padding: 10px 0
}

.confirm-order-dialog .pay-preorder li .cell-name {
    line-height: 20px
}

.confirm-order-dialog .pay-preorder li .cell-price {
    line-height: 20px;
    height: 20px
}

.props-buy-dialog {
    min-width: 940px
}

.props-buy-dialog .dialog-container {
    padding: 0;
    background: #fafafa;
    border-radius: 8px;
    overflow: hidden
}

.props-buy-dialog .dialog-container .dialog-body {
    overflow-y: auto;
    overflow-x: hidden
}

.page-refrech {
    position: relative;
    display: flex;
    max-height: calc(100vh - 128px);
    overflow-y: hidden
}

.page-refrech .content {
    width: 640px;
    padding: 24px 30px;
    background-color: #fff;
    overflow-y: auto
}

.page-refrech .content::-webkit-scrollbar {
    width: 0
}

.page-refrech .content .type-name {
    position: sticky;
    top: 0;
    background: #fff;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
    color: #171d26;
    margin-bottom: 24px
}

.page-refrech .content .type-name .desc {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #7e8694
}

.page-refrech .content .same {
    padding-top: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #171d26
}

.page-refrech .content .same .row-title {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #171d26;
    line-height: 20px
}

.page-refrech .content .same .icon {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.page-refrech .content .same .icon-selected {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/select-server.579825c1.png) no-repeat;
    background-size: 100%
}

.page-refrech .content .same .icon-desc {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/server-desc.395a8267.png) no-repeat;
    background-size: 100%
}

.page-refrech .content .type-server ul > li {
    width: 280px;
    height: 66px;
    background: #fff;
    border: 1px solid #e3e7ed;
    float: left;
    margin-bottom: 18px;
    position: relative;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500
}

.page-refrech .content .type-server ul > li.right {
    margin-left: 20px
}

.page-refrech .content .type-server ul > li:hover {
    border: 1px solid #5dd5c8
}

.page-refrech .content .type-server ul > li .discount {
    padding: 0 10px;
    height: 20px;
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    left: -1px;
    top: -10px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/discount-bg.372d9e73.png) no-repeat;
    background-size: 100% 100%
}

.page-refrech .content .type-server ul > li.current {
    border: 1px solid #5dd5c8;
    background-color: #f2fcfb
}

.page-refrech .content .type-server ul > li.current .selected {
    display: block
}

.page-refrech .content .type-server ul > li .selected {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -1px;
    right: -1px;
    display: none;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/server-selected.48663db1.png) no-repeat;
    background-size: 100%
}

.page-refrech .content .type-server ul > li.vip {
    border: 1px solid #e3e7ed
}

.page-refrech .content .type-server ul > li.vip.current {
    border: 1px solid #e08c5a;
    background: #fff2ea
}

.page-refrech .content .type-server ul > li.vip:hover {
    border: 1px solid #e08c5a
}

.page-refrech .content .type-server ul > li.vip .discount {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/vip-icon-bg.4babdaa1.png) no-repeat;
    background-size: 100%
}

.page-refrech .content .type-server ul > li.vip .selected {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/vip-selected.b1d9254c.png) no-repeat;
    background-size: 100%
}

.page-refrech .content .type-server ul > li.vip .hight, .page-refrech .content .type-server ul > li.vip .vip-price {
    color: #c25b27
}

.page-refrech .content .type-server ul > li.vip .intro-content .amount {
    width: 50px
}

.page-refrech .content .type-server ul > li .spec {
    display: flex;
    height: 100%;
    align-items: center
}

.page-refrech .content .type-server ul > li .spec .amount {
    width: 50px;
    display: inline-block;
    vertical-align: bottom
}

.page-refrech .content .type-server ul > li .spec .price {
    margin-top: 7px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #6d7380
}

.page-refrech .content .type-server ul > li .spec .price .hight-light {
    color: #00a6a7
}

.page-refrech .content .type-server ul > li .spec .has-tip {
    margin-top: 0
}

.page-refrech .content .type-server ul > li .hight {
    font-size: 24px;
    color: #171d26;
    font-family: kanzhun-Regular, kanzhun
}

.page-refrech .content .type-server ul > li .intro-content {
    display: flex;
    color: #c25b27
}

.page-refrech .content .type-server ul > li .intro-content .intro {
    font-weight: 400;
    color: #5b3a2f;
    font-size: 12px
}

.page-refrech .content .type-server ul:after {
    content: " ";
    clear: both
}

.page-refrech .content .type-desc {
    clear: both;
    -webkit-user-select: none;
    user-select: none
}

.page-refrech .content .type-desc .pic-desc {
    width: 580px;
    height: 194px;
    background: url(https://img.bosszhipin.com/static/file/2022/sts9c70gij1657694033944.png) no-repeat;
    background-size: 100%
}

.page-refrech .paybox {
    position: absolute;
    right: 0;
    height: 100%;
    width: 300px;
    flex-shrink: 0
}

.page-refrech .paybox .order-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px
}

.page-refrech .paybox .not-buy .pic {
    width: 90px;
    height: 75px;
    margin: 0 auto 20px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/not-buy.37c2be39.png) no-repeat;
    background-size: 100%
}

.page-refrech .paybox .not-buy .desc {
    color: #999;
    text-align: center;
    font-size: 13px
}

.page-refrech .paybox .btn-pay {
    position: absolute;
    bottom: 86px;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    height: 34px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #5dd5c8;
    border: none
}

.page-refrech .paybox .pay-code {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-refrech .paybox .pay-code .qr-code {
    width: 114px;
    border-radius: 4px
}

.page-refrech .paybox .pay-code .refresh {
    width: 132px;
    height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea
}

.page-refrech .paybox .pay-code .refresh .iboss-erweimashuaxin {
    cursor: pointer
}

.page-refrech .paybox .text-protocol {
    position: absolute;
    bottom: 48px;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    color: #61687c;
    text-align: center
}

.page-refrech .paybox .text-protocol a {
    color: #00a6a7
}

.page-refrech .paybox .text-protocol.text {
    position: static;
    padding-bottom: 20px
}

.page-refrech .paybox .pay-info {
    width: 286px;
    margin: 60px auto;
    padding: 10px 30px 30px;
    background-color: #fff
}

.page-refrech .paybox .pay-info .flex, .page-refrech .paybox .pay-info .pay-money {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-refrech .paybox .pay-info .pay-money {
    height: 53px;
    font-size: 14px;
    font-weight: 500;
    color: #61687c;
    border-bottom: 1px dashed rgba(0, 0, 0, .5);
    position: relative
}

.page-refrech .paybox .pay-info .pay-money .hight {
    font-size: 20px;
    color: #fc6c38
}

.page-refrech .paybox .pay-info .pay-money:after {
    right: -35px
}

.page-refrech .paybox .pay-info .pay-money:after, .page-refrech .paybox .pay-info .pay-money:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    bottom: -5px;
    background-color: #fafafa
}

.page-refrech .paybox .pay-info .pay-money:before {
    left: -35px
}

.page-refrech .paybox .pay-info .original-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 14px;
    color: #51586d
}

.page-refrech .paybox .pay-info .pay-content > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #9fa3b0
}

.page-refrech .paybox .pay-info .pay-content > li .desc {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-refrech .qrcode-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.page-refrech .qrcode-wrap img {
    width: 114px
}

.page-refrech .qrcode-wrap .qrcode-desc {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    margin: 8px 4px 0;
    text-align: center
}

.page-refrech .qrcode-wrap .qrcode-desc .high-light {
    color: #00c2b3;
    cursor: pointer
}

.page-refrech .payment-way {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    margin-top: 10px
}

.page-refrech .payment-way .pay-chanel-icon {
    width: auto;
    height: 16px;
    margin-right: 5px;
    white-space: nowrap
}

.page-refrech .payment-pattern {
    margin: 6px;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.page-refrech .payment-pattern .already-pay {
    margin-left: 8px;
    cursor: pointer
}

.page-refrech .payment-pattern .high-light {
    color: #00a6a7;
    cursor: pointer
}

.pay-title {
    height: 50px;
    line-height: 46px;
    background-color: #f9fafb;
    margin: -24px -30px 0;
    padding: 0 30px 0 28px
}

.pay-title img {
    width: 16px;
    height: 20px;
    vertical-align: middle;
    margin: -2px 10px 0 0
}

.pay-title span {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    vertical-align: middle
}

.icon-pay-alipay, .icon-pay-weixin {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-payment.8697e678.png) no-repeat;
    background-position: 0 2px
}

.icon-pay-alipay {
    background-position: 0 -30px
}

.pay-preorder {
    width: 380px
}

.pay-preorder li {
    display: flex;
    border-bottom: 1px solid #eef0f7;
    padding: 8px 0;
    min-height: 45px
}

.pay-preorder li:last-of-type {
    border-bottom: 0
}

.pay-preorder li .cell-name {
    flex: 1;
    align-items: center;
    align-self: center
}

.pay-preorder li.item-info .cell-name {
    display: flex
}

.pay-preorder li.item-info .cell-name img {
    width: 54px;
    height: 54px
}

.pay-preorder li.item-info .cell-name p {
    padding-top: 8px;
    margin-left: 10px
}

.pay-preorder li.item-info .cell-name p b {
    display: block
}

.pay-preorder li .cell-price {
    align-self: center
}

.pay-preorder li .price {
    color: #ff6223
}

.pay-preorder li .need-price {
    font-size: 16px
}

.pay-preorder li.item-coupon .price {
    display: inline-block;
    cursor: pointer
}

.pay-preorder li.show-coupon-list {
    border-bottom: 0
}

.pay-preorder li .coupon-list {
    display: block
}

.pay-preorder li.item-coupon-list {
    background-color: #f9fafb;
    padding: 6px 20px
}

.pay-preorder li.item-coupon-list span {
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    margin: 4px 10px 0 0;
    line-height: 23px;
    padding: 0 14px;
    border: 1px solid #e2e4ec;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-direct-access.a69f92ed.png) right -18px no-repeat;
    cursor: pointer
}

.pay-preorder li.item-coupon-list span.selected {
    background-position: right 12px;
    border-color: #5dd5c8;
    color: #5dd5c8
}

.pay-preorder .title-way {
    padding: 25px 0 20px
}

.pay-preorder .pay-way {
    padding-bottom: 15px
}

.pay-preorder .qrcode-way {
    text-align: center
}

.pay-preorder .qrcode-way .qrcode-image {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 12px
}

.pay-preorder .qrcode-way .qrcode-image img {
    vertical-align: top;
    width: 100%;
    height: 100%
}

.pay-preorder .qrcode-way .qrcode-image .icon-css-loading {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f9fafb
}

.pay-preorder .btns-way {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.pay-preorder .btns-way span {
    width: 47.05882352941176%;
    display: block;
    text-align: center;
    height: 36px;
    line-height: 34px;
    border: 1px solid #d1d4db;
    cursor: pointer;
    transition: all .1s linear;
    position: relative;
    user-select: none
}

.pay-preorder .btns-way span.btn-weixin.selected, .pay-preorder .btns-way span.btn-weixin:hover {
    background-color: #01c000;
    border-color: #01c000;
    color: #fff
}

.pay-preorder .btns-way span.btn-weixin.selected .icon-pay-weixin, .pay-preorder .btns-way span.btn-weixin:hover .icon-pay-weixin {
    background-position: -30px 2px
}

.pay-preorder .btns-way span.btn-alipay.selected, .pay-preorder .btns-way span.btn-alipay:hover {
    background-color: #1c77fa;
    border-color: #1c77fa;
    color: #fff
}

.pay-preorder .btns-way span.btn-alipay.selected .icon-pay-alipay, .pay-preorder .btns-way span.btn-alipay:hover .icon-pay-alipay {
    background-position: -30px -30px
}

.pay-preorder .btns-way span.btn-weixin.selected:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-checked-wxpay.a4dec3e3.png) no-repeat top;
    background-image: image-set(url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-checked-wxpay.a4dec3e3.png) 1x, url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-checked-wxpay@2x.78f00d8c.png) 2x);
    position: absolute;
    right: 0;
    bottom: 0
}

.pay-preorder .btns-way span.btn-alipay.selected:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-checked-alpay.28d17fbc.png) no-repeat top;
    background-image: image-set(url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-checked-alpay.28d17fbc.png) 1x, url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-checked-alpay@2x.fe39e57a.png) 2x);
    position: absolute;
    right: 0;
    bottom: 0
}

.pay-preorder .btns {
    padding: 25px 0 20px
}

.pay-preorder .btns .btn-block {
    width: 100%;
    height: 40px;
    font-size: 16px
}

.pay-preorder .text-protocol {
    text-align: center;
    font-size: 12px
}

.pay-preorder .text-protocol a {
    color: #5dd5c8;
    text-decoration: underline
}

.pay-scanorder {
    width: 380px
}

.pay-scanorder .scan-content {
    text-align: center;
    padding: 30px 0 10px
}

.pay-scanorder .scan-content .pay-info {
    padding-bottom: 20px
}

.pay-scanorder .scan-content .pay-info .price {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #ff6223;
    font-style: normal
}

.pay-scanorder .scan-content .pay-info .currency {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 15px;
    color: #ff6223
}

.pay-scanorder .scan-content .pay-qrcode img {
    width: 180px;
    height: 180px
}

.pay-scanorder .scan-content .pay-result {
    margin-top: 20px
}

.pay-scanorder .scan-content .pay-result .link-check {
    display: inline-block;
    margin-left: 15px;
    color: #00c2b3
}

.pay-scanorder .scan-content .pay-result .link-check:hover {
    color: #6adbcf
}

.pay-scanorder .scan-content .pay-result .ui-icon-loading {
    font-size: 16px;
    margin: -2px 5px 0 0;
    vertical-align: middle
}

.pay-scanorder .pay-success {
    text-align: center;
    padding: 30px 0 0
}

.pay-scanorder .pay-success img {
    width: 60px;
    height: 60px
}

.pay-scanorder .pay-success h4 {
    font-size: 18px;
    margin: 18px 0 12px;
    font-weight: 400
}

.pay-scanorder .pay-success .btns {
    margin: 30px 0 10px
}

.pay-scanorder .pay-success .btns .btn {
    min-width: 130px
}

.c-refund-dialog .dialog-container {
    width: 460px;
    padding: 0
}

.c-refund-dialog .dialog-container .dialog-body {
    padding: 0 30px 32px
}

.c-refund-dialog .header {
    padding: 16px 0
}

.c-refund-dialog .header .title-value {
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #414a60;
    line-height: 22px
}

.c-refund-dialog .header .security-pay-bg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 7px
}

.c-refund-dialog .header .security-pay-title {
    font-size: 12px;
    font-weight: 500;
    color: #cfd5e6;
    line-height: 20px;
    vertical-align: middle
}

.c-refund-dialog .header .close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
    z-index: 1;
    cursor: pointer
}

.c-refund-dialog .header .close:hover {
    background: #ddd
}

.c-refund-dialog .header .close:hover .icon-close:after, .c-refund-dialog .header .close:hover .icon-close:before {
    background: #363636
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content {
    padding-top: 32px
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .lable {
    color: #9fa3b0;
    font-size: 14px;
    line-height: 20px
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap {
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap .withdraw-input {
    width: 328px;
    height: 36px;
    position: relative
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap .withdraw-input:after {
    content: "元";
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #414a60
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap .input-all {
    color: #5dd5c8;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap .error-tip {
    position: absolute;
    bottom: -20px;
    left: 0;
    color: #f56c6c;
    font-size: 12px
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .error-input .ipt {
    border-color: #f56c6c
}

.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .withdraw-now {
    display: block;
    margin: 84px auto 0;
    width: 200px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #5dd5c8;
    padding: 0
}

.c-refund-dialog .scan-code-authorization-content .qr-code {
    width: 140px;
    height: 140px;
    background-color: #e9e9e9;
    display: flex;
    margin: 0 auto;
    overflow: hidden
}

.c-refund-dialog .scan-code-authorization-content .qr-code .qrcode-placeholder {
    position: relative;
    width: 130px;
    height: 130px;
    margin: auto
}

.c-refund-dialog .scan-code-authorization-content .qr-code .qrcode-placeholder img {
    display: inline-block;
    width: 100%;
    height: 100%
}

.c-refund-dialog .scan-code-authorization-content .qr-code .qrcode-placeholder .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    font-weight: 500;
    color: #00c2b3
}

.c-refund-dialog .scan-code-authorization-content .qr-code .expired {
    cursor: pointer
}

.c-refund-dialog .scan-code-authorization-content .qr-code .expired .qrcode-mask {
    width: 130px;
    height: 130px;
    background-color: hsla(0, 0%, 100%, .9);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0
}

.c-refund-dialog .scan-code-authorization-content .qr-code .expired img {
    opacity: .6
}

.c-refund-dialog .scan-code-authorization-content .words {
    text-align: center;
    margin-top: 16px
}

.c-refund-dialog .scan-code-authorization {
    padding-bottom: 46px
}

.c-refund-dialog .scan-code-authorization .qr-code {
    margin-top: 36px
}

.c-refund-dialog .withdraw-way-content {
    padding-top: 16px
}

.c-refund-dialog .withdraw-way-content .list {
    display: flex;
    justify-content: center;
    align-items: center
}

.c-refund-dialog .withdraw-way-content .list .item {
    width: 120px;
    height: 130px;
    margin: 0 20px;
    border: 1px solid #e3e7ed;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    position: relative
}

.c-refund-dialog .withdraw-way-content .list .item .logol {
    width: 40px;
    height: 40px;
    margin: 20px auto 0
}

.c-refund-dialog .withdraw-way-content .list .item .logol img {
    width: 100%;
    height: 100%
}

.c-refund-dialog .withdraw-way-content .list .item .desc {
    margin-top: 12px
}

.c-refund-dialog .withdraw-way-content .list .item .desc .name {
    font-size: 14px;
    font-weight: 500;
    color: #414a60;
    line-height: 20px;
    text-align: center
}

.c-refund-dialog .withdraw-way-content .list .item .desc .tip {
    font-size: 12px;
    color: #9fa3b0;
    line-height: 16px;
    margin-top: 2px;
    text-align: center
}

.c-refund-dialog .withdraw-way-content .list .item:hover {
    border: 1px solid #00c2b3
}

.c-refund-dialog .withdraw-way-content .list .item .recommand {
    position: absolute;
    top: -11px;
    right: -1px;
    display: block;
    padding: 0 6px;
    background: linear-gradient(270deg, #ff7c00, #fe5c60);
    border-radius: 4px 4px 4px 0;
    color: #fff;
    font-weight: 500;
    line-height: 18px;
    font-size: 12px
}

.c-refund-dialog .withdraw-way-content .list .selected {
    border: 1px solid #00c2b3;
    background: #ebfbf9
}

.c-refund-dialog .withdraw-way-content .withdraw-way-next-step {
    margin: 34px auto 0;
    display: block;
    width: 200px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #5dd5c8;
    padding: 0
}

.c-refund-dialog .confirm-withdraw-content .account-info {
    margin: 24px auto 0;
    width: 360px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e3e7ed
}

.c-refund-dialog .confirm-withdraw-content .account-info .account {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    min-height: auto;
    margin-top: 0
}

.c-refund-dialog .confirm-withdraw-content .account-info .account .account-label-name img {
    width: 24px;
    height: 24px;
    vertical-align: middle
}

.c-refund-dialog .confirm-withdraw-content .account-info .account .account-label-name .account-name {
    margin-left: 8px;
    font-size: 18px;
    color: #9fa3b0;
    line-height: 24px;
    vertical-align: middle
}

.c-refund-dialog .confirm-withdraw-content .account-info .account .account-value {
    color: #414a60;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-refund-dialog .confirm-withdraw-content .account-info .change-account {
    background-color: #f8f8f9;
    border-top: 1px solid #e3e7ed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px
}

.c-refund-dialog .confirm-withdraw-content .account-info .change-account .suggest-words {
    font-size: 14px;
    color: #9fa3b0;
    line-height: 20px
}

.c-refund-dialog .confirm-withdraw-content .account-info .change-account .change-words {
    color: #5dd5c8;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer
}

.c-refund-dialog .confirm-withdraw-content .confirm-withdraw-next-step {
    margin: 92px auto 0;
    display: block;
    width: 200px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #5dd5c8;
    padding: 0
}

.c-refund-dialog .message-valid-content {
    width: 340px;
    margin: 0 auto;
    padding-bottom: 40px
}

.c-refund-dialog .message-valid-content .withdraw-value {
    height: 49px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #414a60;
    line-height: 22px;
    position: relative
}

.c-refund-dialog .message-valid-content .withdraw-value .value {
    font-weight: 500
}

.c-refund-dialog .message-valid-content .withdraw-value .dashed-line {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, #9fa3b0, #9fa3b0 20%, transparent 0);
    background-repeat: repeat-x;
    background-size: 4px 1px;
    position: absolute;
    bottom: 1px
}

.c-refund-dialog .message-valid-content .polar-test {
    width: 100%;
    margin-top: 15px
}

.c-refund-dialog .message-valid-content .polar-test .polar-test-wrap {
    height: 44px;
    position: relative
}

.c-refund-dialog .message-valid-content .polar-test .no-pass .icon, .c-refund-dialog .message-valid-content .polar-test .no-pass .tips {
    color: #fc703e
}

.c-refund-dialog .message-valid-content .code-area {
    margin: 16px auto 0
}

.c-refund-dialog .message-valid-content .code-area .desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #9fa3b0;
    font-size: 12px;
    line-height: 16px
}

.c-refund-dialog .message-valid-content .code-area .desc .resend-message, .c-refund-dialog .message-valid-content .code-area .desc .send-message {
    color: #5dd5c8;
    cursor: pointer
}

.c-refund-dialog .message-valid-content .code-area .code {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.c-refund-dialog .message-valid-content .code-area .code .code-item {
    width: 42px;
    height: 40px;
    min-width: auto
}

.c-refund-dialog .message-valid-content .code-area .code .code-item input {
    min-width: auto;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    font-size: 26px
}

.c-refund-dialog .message-valid-content .code-area .code-vertify-message {
    margin-top: 8px;
    color: #f56c6c;
    font-size: 12px
}

.c-refund-dialog .message-valid-content .message-valid-next-step {
    margin: 51px auto 0;
    display: block;
    width: 200px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #5dd5c8;
    padding: 0
}

.c-refund-dialog .withdraw-apply-success-content .withdraw-apply-success-title {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-refund-dialog .withdraw-apply-success-content .withdraw-apply-success-title .icon {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.c-refund-dialog .withdraw-apply-success-content .withdraw-apply-success-title .title-words {
    font-size: 22px;
    font-weight: 500;
    color: #5dd5c8;
    line-height: 30px
}

.c-refund-dialog .withdraw-apply-success-content .success-content {
    padding: 0 10px;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #414a60;
    line-height: 26px
}

.c-refund-dialog .withdraw-apply-success-content .success-content em {
    font-style: normal;
    font-weight: 400;
    color: #5dd5c8;
    padding: 0 2px
}

.c-refund-dialog .withdraw-apply-success-content .success-next-step {
    margin: 51px auto 0;
    display: block;
    width: 200px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #5dd5c8;
    padding: 0
}

.confirm-vip-order-dialog .dialog-container {
    background: #fff
}

.pay-vip-preorder {
    width: 360px
}

.pay-vip-preorder .pay-title {
    background: #f9fafb
}

.pay-vip-preorder .price-show {
    position: relative
}

.pay-vip-preorder .price-show .need-pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f8f8f8;
    height: 40px
}

.pay-vip-preorder .price-show .need-pay .pay-result {
    color: #333;
    font-size: 14px;
    font-weight: 500
}

.pay-vip-preorder .price-show .need-pay .value {
    color: #fc6c38;
    font-size: 16px;
    font-weight: 500
}

.pay-vip-preorder .price-show .discount-tooltip-wrap {
    right: -20px
}

.pay-vip-preorder .price-show .coupon-wrap {
    max-height: 152px;
    overflow: auto
}

.pay-vip-preorder .price-show .coupon-wrap .shop-name-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
    color: #333;
    font-size: 14px
}

.pay-vip-preorder .price-show .coupon-wrap .shop-name-wrap .shop-name {
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pay-vip-preorder .price-show .coupon-wrap .item-with-line {
    padding-left: 20px;
    padding-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 18px;
    min-height: 30px
}

.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    position: relative;
    min-height: 30px
}

.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left:before {
    display: inline-block;
    content: " ";
    width: 10px;
    height: 13px;
    position: absolute;
    left: -14px;
    top: -5px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left:after {
    display: inline-block;
    content: " ";
    width: 10px;
    height: 92%;
    position: absolute;
    left: -14px;
    top: 8px;
    border-left: 1px solid #e5e5e5
}

.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left .item-tag {
    display: inline-block;
    padding: 2px;
    background: linear-gradient(270deg, #ff4a55, #ff6133);
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px;
    margin-right: 4px;
    flex-shrink: 0
}

.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left .item-name {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    line-height: 18px;
    min-height: 30px;
    padding-top: 5px
}

.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose .coupon-icon {
    display: inline-block;
    padding: 2px;
    background: linear-gradient(270deg, #ff4a55, #ff6133);
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px;
    margin-right: 4px;
    flex-shrink: 0
}

.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose .coupon-name {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    display: inline-block
}

.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose .value {
    font-size: 12px;
    line-height: 16px;
    color: #999;
    display: flex;
    justify-content: flex-end
}

.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose .value .icon {
    margin-left: 8px;
    font-size: 12px
}

.pay-vip-preorder .price-show .coupon-wrap .single-coupon-cannot-choose {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    min-height: 30px;
    padding-top: 5px
}

.pay-vip-preorder .price-show .coupon-wrap .single-coupon-cannot-choose .item-tag {
    display: inline-block;
    padding: 2px;
    background: linear-gradient(270deg, #ff4a55, #ff6133);
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px;
    margin-right: 4px;
    flex-shrink: 0
}

.pay-vip-preorder .price-show .coupon-wrap .single-coupon-cannot-choose .value {
    margin-left: 10px
}

.pay-vip-preorder .price-show .coupon-wrap .is-last-one .item-left:after {
    display: none
}

.pay-vip-preorder .price-show .other {
    height: 38px
}

.pay-vip-preorder .price-show .other .deduction {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #9fa3b0;
    line-height: 17px
}

.pay-vip-preorder .price-show .other .deduction-wrap {
    cursor: pointer;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pay-vip-preorder .price-show .other .deduction-wrap .money {
    float: right;
    font-size: 12px;
    color: #9fa3b0
}

.pay-vip-preorder .price-show .other .deduction-wrap .checkbox-checked /deep/ .checkbox-inner {
    border-color: #00a6a7;
    background-color: #00a6a7
}

.pay-vip-preorder .price-show .other .deduction-wrap .checkbox-checked /deep/ .checkbox-inner .checkbox-edging {
    background-color: #00a6a7
}

.pay-vip-preorder .price-show .other .cost-mine-bean {
    display: flex;
    height: 35px;
    justify-content: space-between;
    align-items: center;
    color: #999;
    font-size: 12px
}

.pay-vip-preorder .order-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px
}

.pay-vip-preorder .pay-enough {
    padding-top: 70px;
    text-align: center
}

.pay-vip-preorder .pay-enough .btn-pay {
    width: 360px;
    height: 46px;
    font-size: 14px;
    padding: 12px 15px;
    font-weight: 400;
    color: #fff;
    background: #5dd5c8;
    border: none;
    margin: 0 auto;
    line-height: 22px;
    font-size: 16px
}

.pay-vip-preorder .pay-enough .btn-pay:hover {
    opacity: .8
}

.pay-vip-preorder .pay-enough .text-protocol {
    position: static;
    margin-top: 16px
}

.pay-vip-preorder .pay-code {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.pay-vip-preorder .pay-code .pay-chanel-icon .pay-chanel-icon:first-child {
    margin-left: 5px
}

.pay-vip-preorder .pay-code .popover {
    top: 2px
}

.pay-vip-preorder .pay-code .qr-code {
    width: 100%
}

.pay-vip-preorder .pay-code .refresh {
    width: 132px;
    height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea
}

.pay-vip-preorder .pay-code .refresh .iboss-erweimashuaxin {
    cursor: pointer
}

.pay-vip-preorder .text-protocol {
    position: absolute;
    bottom: 48px;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    color: #61687c;
    text-align: center
}

.pay-vip-preorder .text-protocol a {
    color: #00c2b3
}

.pay-vip-preorder .text-protocol.text {
    position: static;
    padding-bottom: 30px
}

.pay-vip-preorder .qrcode-wrap {
    width: 132px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.pay-vip-preorder .qrcode-wrap .qrcode-desc {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    margin: 8px 4px 0;
    text-align: center
}

.pay-vip-preorder .qrcode-wrap .qrcode-desc .high-light {
    color: #00c2b3;
    cursor: pointer
}

.pay-vip-preorder .payment-way {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    margin-top: 10px
}

.pay-vip-preorder .payment-way .pay-chanel-icon {
    height: 16px;
    margin: 0 3px;
    white-space: nowrap
}

.pay-vip-preorder .payment-pattern {
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.pay-vip-preorder .payment-pattern .already-pay {
    margin-left: 8px;
    cursor: pointer
}

.pay-vip-preorder .payment-pattern .high-light {
    color: #00c2b3;
    cursor: pointer
}

.standard .popover-wrap.pay-desc {
    z-index: 9999
}

.tool-tip-container {
    height: 20px;
    display: flex;
    align-items: center
}

.tool-tip-container .icon {
    position: relative;
    top: 2px
}

.tool-tip-container .icon:first-child {
    margin-left: 5px
}

.page-geek-recommend:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd, #88fffe 50%, #fff);
    opacity: .1;
    z-index: -1
}

.chat-history-wrap {
    background-color: #fff
}

.chat-history-wrap .job-tab {
    padding: 0 30px;
    line-height: 44px
}

.chat-history-wrap .job-tab span {
    position: relative;
    display: inline-block;
    margin-right: 36px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer
}

.chat-history-wrap .job-tab span.current {
    color: #00a6a7;
    font-weight: 500;
    position: relative
}

.chat-history-wrap .job-tab span.current:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8, #00bebd);
    border-radius: 2px;
    left: 50%;
    bottom: -1px;
    margin-left: -14px;
    z-index: 2
}

.chat-history-wrap .job-tab span.current .count, .chat-history-wrap .job-tab span:hover {
    color: #00a6a7
}

.chat-history-wrap .job-tab span:hover .count {
    color: #00a6a7 !important
}

.chat-history-wrap .job-tab span .count {
    margin-left: 4px;
    margin-right: 0;
    color: #b3b3b3;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.chat-history-wrap .job-tab .next-btn {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #f8f8f8;
    border-radius: 6px;
    cursor: pointer
}

.chat-history-wrap .job-tab .next-btn:hover {
    background: #e5f8f8
}

.chat-history-wrap .job-tab .next-btn:hover .arrow {
    background-position: -6px -8px
}

.chat-history-wrap .job-tab .next-btn .arrow {
    margin-top: -1px;
    display: inline-block;
    width: 4px;
    height: 7px;
    line-height: 34px;
    margin-left: 9px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    vertical-align: middle
}

.chat-history-wrap .job-tab .user-jobs-sub-nav {
    position: relative
}

.chat-history-wrap .job-tab .user-jobs-sub-nav span {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    line-height: 20px
}

.chat-history-wrap .job-tab .user-jobs-sub-nav:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -24px;
    right: -24px;
    height: 1px;
    background: #ededed;
    border-radius: 1px
}

.chat-history-wrap ul {
    padding: 10px 30px
}

.chat-history-wrap ul li {
    padding: 17px 0
}

.chat-history-wrap ul li:hover .btns {
    display: block !important
}

.chat-history-wrap ul li .figure {
    float: left;
    padding: 0 15px 0 5px
}

.chat-history-wrap ul li .figure img {
    width: 42px;
    height: 42px;
    border-radius: 100%
}

.chat-history-wrap ul li .item-content {
    margin-left: 65px
}

.chat-history-wrap ul li .item-content .info-header {
    overflow: hidden;
    margin-bottom: 9px;
    min-height: 32px
}

.chat-history-wrap ul li .item-content .info-header .btns {
    float: right;
    display: none
}

.chat-history-wrap ul li .item-content .info-header .btns .btn {
    height: 32px;
    line-height: 30px;
    font-size: 13px;
    padding: 0 15px;
    border-radius: 2px;
    color: #fff;
    letter-spacing: 1px;
    background: #5dd5c8;
    border: 1px solid #5dd5c8;
    margin-left: 15px
}

.chat-history-wrap ul li .item-content .info-header .btns .btn:hover {
    background-color: #6adbcf
}

.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-disabled, .chat-history-wrap ul li .item-content .info-header .btns .btn.btn-disabled:hover {
    color: #9fa3b0;
    background-color: #fff;
    border-color: #d1d4db
}

.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-outline {
    background-color: #fff;
    color: #5dd5c8
}

.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-outline:hover {
    background-color: #6adbcf;
    color: #fff
}

.chat-history-wrap ul li .item-content .info-header .name {
    color: #222;
    font-weight: 400;
    font-size: 13px
}

.chat-history-wrap ul li .item-content .info-header .name .ml-12 {
    margin-left: 12px
}

.chat-history-wrap ul li .item-content .info-header .name .gray {
    font-size: 13px;
    color: #666
}

.chat-history-wrap ul li .item-content .info-primary {
    background-color: #fafafc;
    overflow: hidden;
    padding: 10px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.chat-history-wrap ul li .item-content .info-primary:hover {
    background-color: #f5f6f9
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info {
    float: right;
    text-align: right;
    width: 270px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info img {
    width: 42px;
    height: 42px;
    float: right;
    margin-top: 4px;
    margin-left: 10px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text {
    margin-right: 52px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text b {
    font-weight: 400
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text p {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .contact-line {
    margin: 0 3px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .jobname {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .job-medium-icon {
    height: 18px;
    vertical-align: middle;
    margin-right: 8px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 8px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .job-medium-icon.after-icon {
    margin-right: 0;
    margin-left: 8px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .school-company-icon {
    width: 84px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .salary {
    padding-left: 20px;
    color: #fc6c38
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info p {
    font-size: 12px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info {
    float: left;
    width: 300px;
    text-align: left
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info img {
    float: left;
    width: 42px;
    height: 42px;
    margin-left: 0
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text {
    margin-left: 52px;
    line-height: 22px;
    padding-top: 3px;
    margin-right: 0
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    line-height: 22px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p b {
    font-size: 14px;
    display: inline-block;
    margin-right: 15px;
    font-weight: 400
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p.gray, .chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p b span {
    color: #9fa3af
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info {
    float: right;
    width: 360px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-medium-icon {
    height: 16px;
    vertical-align: middle;
    margin-right: 10px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-medium-icon.before-icon {
    margin-left: 0;
    margin-right: 10px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-medium-icon.after-icon {
    margin-right: 0;
    margin-left: 10px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .school-company-icon {
    width: 84px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
    text-align: left
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name span {
    vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .post {
    height: 16px;
    vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .name {
    display: inline-block;
    max-width: 182px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .name .red {
    color: #fc6c38
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .gray {
    color: #9fa3af
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .interview-video {
    position: relative;
    padding-right: 20px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .interview-video .icon-interview-video {
    position: absolute;
    right: 0;
    width: 16px;
    margin: 7px 0 0 3px
}

.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .icon-interview-phone {
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    margin: 7px 0 0 3px
}

.chat-history-wrap .online-apply-wrapper .online-apply-list {
    margin-top: 12px;
    padding: 16px;
    background: #fff;
    border-radius: 12px
}

.chat-history-wrap .pagination-area {
    text-align: center;
    padding: 12px 0;
    background-color: #fff;
    height: auto
}

.chat-history-wrap .pagination-area .pager a {
    border: none
}

.chat-history-wrap .data-tips {
    margin-top: 12px;
    border-radius: 12px
}

.dialog-layer .dialog-container {
    width: 440px;
    padding: 24px 60px;
    text-align: center
}

.dialog-layer .dialog-container .dialog-body .edit-resume {
    padding-top: 20px;
    padding-bottom: 15px
}

.dialog-layer .dialog-container .dialog-body .edit-resume img {
    width: 86px;
    height: 86px
}

.dialog-layer .dialog-container .dialog-body .edit-resume p {
    margin-top: 14px;
    line-height: 24px;
    color: #9fa3af
}

.dialog-layer .dialog-container .dialog-footer {
    border-top: none;
    padding-right: 0
}

.dialog-layer .dialog-container .dialog-footer .btns {
    text-align: center
}

.dialog-layer .dialog-container .dialog-footer .btns .btn {
    width: 120px
}

.userinfo-box {
    text-align: center;
    width: 100%;
    position: relative
}

.userinfo-box:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 60px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 0 0 12px 12px
}

.userinfo-box .btn-ops {
    margin-top: 5px;
    display: flex;
    align-items: center
}

.userinfo-box .btn-ops .ui-select-inner {
    padding: 0;
    line-height: 34px
}

.userinfo-box .btn-ops .ui-select-visible .ui-icon-arrow-down {
    top: 33px;
    right: 36px
}

.userinfo-box .btn-ops .ui-icon-arrow-down:before {
    content: " ";
    position: absolute;
    top: 5px;
    right: 12px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg);
    z-index: 1
}

.userinfo-box .btn-ops .ui-select-selection {
    color: #1d2129
}

.userinfo-box .btn-ops .ui-select-selection:hover {
    color: #00a6a7;
    border: 1px solid #00bebd
}

.userinfo-box .btn-ops .ui-select-selection:hover .ui-select-inner .ui-icon-arrow-down:before {
    background-position: -6px -8px;
    transform: rotate(270deg)
}

.userinfo-box .btn-ops .ui-select-selection-focused {
    box-shadow: none;
    background: #e5f8f8;
    color: #00a6a7;
    border: 1px solid #e5f8f8
}

.userinfo-box .btn-ops .ui-select-selection-focused .ui-icon-arrow-down:before {
    background-position: -6px -8px;
    transform: rotate(270deg)
}

.userinfo-box .btn-ops .edit-userinfo {
    width: 76px;
    height: 36px;
    line-height: 34px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #d4d5d6;
    margin-left: 8px;
    color: #1d2129
}

.userinfo-box .btn-ops .edit-userinfo:hover {
    border: 1px solid #00bebd;
    color: #00a6a7;
    font-weight: 500
}

.userinfo-box .container {
    display: flex;
    align-items: center;
    margin-bottom: 17px
}

.userinfo-box .container .content {
    margin-left: 12px;
    text-align: left
}

.userinfo-box .headbox {
    position: relative;
    height: 46px;
    width: 46px
}

.userinfo-box .headbox .sex {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-sex.aceb70bb.png) no-repeat;
    background-size: 14px auto;
    position: absolute;
    margin-left: 36px;
    top: 0;
    background-position: 0 -25px
}

.userinfo-box .headbox .sex.man {
    background-position: 0 0
}

.userinfo-box .headbox .headimg {
    background-color: #f6f6f8;
    width: 46px;
    height: 46px;
    border-radius: 200px
}

.userinfo-box .username {
    box-sizing: border-box;
    padding-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    color: #222
}

.userinfo-box .icon-vip {
    width: 39px;
    position: relative;
    top: 4px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/card-vip.4882401d.png) no-repeat;
    background-size: 100%
}

.userinfo-box .icon-vip, .userinfo-box .icon-vip-upgrade {
    margin-left: 8px;
    height: 20px;
    cursor: pointer;
    display: inline-block
}

.userinfo-box .icon-vip-upgrade {
    width: 59px;
    line-height: 20px;
    text-align: center;
    background: #f4f4f4;
    border-radius: 7px 7px 7px 0;
    font-size: 12px;
    color: #414a60
}

.userinfo-box .icon-vip-upgrade:hover {
    color: #805430;
    background-color: #fff7ed
}

.userinfo-box .userinfo {
    font-size: 12px;
    margin-top: 9px;
    color: #666
}

.userinfo-box .userinfo .vline {
    margin: 0 8px
}

.userinfo-box .now-state .ui-select-selection {
    width: 155px;
    height: 36px;
    border-radius: 8px
}

.userinfo-box .now-state .ui-dropdown-list .ui-select-item {
    margin: 0 8px
}

.userinfo-box .now-state .ui-dropdown-list .ui-select-item:hover {
    background: #f8f8f8;
    border-radius: 4px
}

.userinfo-box .user-stat {
    position: relative;
    z-index: 1;
    margin: 19px -15px -4px
}

.userinfo-box .user-stat a {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 12px;
    color: #666;
    line-height: 18px;
    text-align: center;
    font-weight: 500
}

.userinfo-box .user-stat a b {
    display: block;
    font-size: 18px;
    font-family: kanzhun;
    color: #222;
    font-weight: 400;
    margin-bottom: 1px
}

.userinfo-box .user-stat a:hover b, .userinfo-box .user-stat a:hover span {
    color: #00a6a7
}

.sider-resume {
    position: relative;
    padding: 0
}

.sider-resume .sider-title {
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
    padding: 12px 24px;
    line-height: 22px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0
}

.sider-resume .sider-title .sider-title-operate {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -10px;
    z-index: 3;
    width: 20px;
    height: 20px;
    display: block;
    background: url(https://img.bosszhipin.com/static/file/2023/qirzlzjk2r1700550969709.png) 0 0/20px auto no-repeat;
    transition: none
}

.sider-resume .sider-title .sider-title-operate:hover {
    background-position: 0 -20px
}

.sider-resume .sider-title .sider-title-operate:hover .operate-list {
    display: block
}

.sider-resume .sider-title .sider-title-operate:hover .operate-list:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 24px;
    background: transparent;
    top: -24px;
    z-index: 1
}

.sider-resume .sider-title .operate-list {
    display: none;
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed;
    padding: 4px
}

.sider-resume .sider-title .operate-list .operate-list-item {
    display: flex;
    align-items: center;
    border-radius: 4px;
    color: #222;
    font-weight: 400;
    line-height: 20px;
    padding: 8px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s linear
}

.sider-resume .sider-title .operate-list .operate-list-item.is-disabled {
    opacity: .5;
    cursor: not-allowed
}

.sider-resume .sider-title .operate-list .operate-list-item.is-normal:hover {
    color: #00a6a7;
    background: #f8f8f8
}

.sider-resume .sider-title .operate-list .operate-list-item.is-normal:hover .operate-item-resume {
    background-position: 0 -18px
}

.sider-resume .sider-title .operate-list .operate-list-item.is-normal:hover .operate-item-work {
    background-position: 0 -54px
}

.sider-resume .sider-title .operate-list .operate-list-item.is-normal:hover .operate-item-video {
    background-position: 0 -90px
}

.sider-resume .sider-title .operate-list .operate-list-item.is-normal:hover .operate-item-create {
    background-position: 0 -126px
}

.sider-resume .sider-title .operate-list .operate-item-tip {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #fd896b;
    margin-left: 2px;
    margin-top: -4px
}

.sider-resume .sider-title .operate-list .operate-item-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(https://img.bosszhipin.com/static/file/2023/2dmysdl6np1700551943562.png) 0 0/18px auto no-repeat;
    margin-right: 8px
}

.sider-resume .sider-title .operate-list .operate-item-icon.operate-item-work {
    background-position: 0 -36px
}

.sider-resume .sider-title .operate-list .operate-item-icon.operate-item-video {
    background-position: 0 -72px
}

.sider-resume .sider-title .operate-list .operate-item-icon.operate-item-create {
    background-position: 0 -108px
}

.sider-resume .resume-attachment .sync-tip {
    font-size: 12px;
    font-weight: 400;
    color: #9fa3b0
}

.sider-resume .resume-attachment .title {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

.sider-resume .resume-attachment .title span {
    font-size: 13px;
    color: #9fa3af;
    margin-left: 4px
}

.sider-resume .resume-attachment .annex-list {
    margin: 8px 8px 0
}

.sider-resume .resume-attachment .annex-list .resume-type-title {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
    line-height: normal
}

.sider-resume .resume-attachment .annex-list li {
    position: relative;
    color: #333;
    font-size: 14px;
    border-radius: 8px;
    transition: all .2s linear;
    padding: 8px 28px 8px 12px;
    cursor: pointer
}

.sider-resume .resume-attachment .annex-list li + li {
    margin-top: 4px
}

.sider-resume .resume-attachment .annex-list li:hover {
    background: #f7f7f7
}

.sider-resume .resume-attachment .annex-list li .annex-img {
    float: left;
    height: 44px;
    margin-right: 8px
}

.sider-resume .resume-attachment .annex-list li .annex-item-operate {
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    background: url(https://img.bosszhipin.com/static/file/2023/i8geaegev11700556833829.png) 0 0/16px auto no-repeat;
    transition: none
}

.sider-resume .resume-attachment .annex-list li .annex-item-operate:hover {
    background-position: 0 -16px;
    z-index: 110
}

.sider-resume .resume-attachment .annex-list li .annex-item-operate:hover .annex-operate-list {
    display: block
}

.sider-resume .resume-attachment .annex-list li .annex-item-operate:hover .annex-operate-list:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 24px;
    background: transparent;
    top: -24px;
    z-index: 1
}

.sider-resume .resume-attachment .annex-list li .annex-content {
    margin-left: 50px
}

.sider-resume .resume-attachment .annex-list li .annex-content .basis {
    line-height: 24px;
    margin-bottom: 4px;
    display: flex;
    align-items: center
}

.sider-resume .resume-attachment .annex-list li .annex-content .basis span {
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sider-resume .resume-attachment .annex-list li .annex-content .basis a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sider-resume .resume-attachment .annex-list li .annex-content .basis a:hover {
    color: #414a60
}

.sider-resume .resume-attachment .annex-list li .annex-content .basis .works-tip {
    margin-left: 10px;
    white-space: nowrap;
    flex-shrink: 0
}

.sider-resume .resume-attachment .annex-list li .annex-content .basis .basis-icon {
    width: 36px;
    height: 16px;
    margin-left: 10px;
    margin-top: 0;
    float: none
}

.sider-resume .resume-attachment .annex-list li .annex-content .desc {
    font-size: 12px;
    line-height: 17px;
    color: #8d92a1
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list {
    display: none;
    position: absolute;
    z-index: 110;
    top: 24px;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed;
    padding: 4px
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list li {
    display: flex;
    align-items: center;
    border-radius: 4px;
    color: #222;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s linear
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list li:hover {
    color: #00a6a7;
    background: #f8f8f8
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list li.annex-operate-delete {
    position: relative;
    margin-top: 4px
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list li.annex-operate-delete:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: -4px;
    right: -4px;
    top: -2px;
    height: 1px;
    background: #ededed
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list .operate-item-tip {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #fd896b;
    margin-left: 2px;
    margin-top: -4px
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list .operate-item-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(https://img.bosszhipin.com/static/file/2023/2dmysdl6np1700551943562.png) 0 0/18px auto no-repeat;
    margin-right: 8px
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list .operate-item-icon.operate-item-work {
    background-position: 0 -36px
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list .operate-item-icon.operate-item-video {
    background-position: 0 -72px
}

.sider-resume .resume-attachment .annex-list li .annex-operate-list .operate-item-icon.operate-item-create {
    background-position: 0 -108px
}

.sider-resume .resume-attachment .annex-list li .privacy-popper-container {
    position: absolute;
    top: 0;
    left: -304px;
    width: 300px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    z-index: 2
}

.sider-resume .resume-attachment .annex-list li .privacy-popper-container img {
    width: 100%
}

.sider-resume .resume-attachment .annex-list li .privacy-popper-container p {
    padding: 16px 20px;
    text-align: center;
    word-break: break-all;
    white-space: normal;
    font-size: 14px;
    font-weight: 400;
    color: #414a60;
    line-height: 20px
}

.sider-resume .resume-attachment .annex-list li .load-btn, .sider-resume .resume-attachment .annex-list li .sync-btn {
    display: block;
    margin: -8px -12px;
    padding: 8px 12px;
    flex-grow: 1
}

.sider-resume .resume-attachment .img-back-show {
    float: left;
    width: 34px;
    height: 34px;
    margin-right: 8px;
    margin-top: 5px;
    margin-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.sider-resume .resume-attachment .img-back-show:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .5);
    border-radius: 5px
}

.sider-resume .resume-attachment .img-back-show:before {
    content: "";
    width: 10px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -5px;
    z-index: 2;
    background: url(https://img.bosszhipin.com/static/file/2023/fi044fjrum1700703736283.png) 50%/10px auto no-repeat
}

.sider-resume .warning-tag {
    color: #ff9d00;
    background: #fff3e5
}

.sider-resume .info-tag, .sider-resume .warning-tag {
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    padding: 1px 6px;
    border-radius: 3px;
    margin-left: 10px;
    white-space: nowrap;
    flex-shrink: 0
}

.sider-resume .info-tag {
    color: #4b87ff;
    background: #edf3ff
}

.sider-resume .danger-tag {
    background: #ffe9ea;
    color: #fe574a
}

.primary-tag, .sider-resume .danger-tag {
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    padding: 1px 6px;
    border-radius: 3px;
    margin-left: 10px;
    white-space: nowrap;
    flex-shrink: 0
}

.primary-tag {
    background: rgba(0, 190, 189, .1);
    color: #00a6a7
}

.resume-empty-box {
    text-align: center;
    margin-bottom: 16px
}

.resume-empty-box img {
    display: block;
    width: 140px;
    margin: 24px auto 12px
}

.resume-empty-box p {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    word-break: break-all
}

.resume-empty-box .one-key-create {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #00bebd;
    font-size: 13px;
    color: #00a6a7;
    line-height: 18px;
    padding: 3px 11px;
    margin-top: 12px;
    transition: all .2s linear
}

.resume-empty-box .one-key-create:hover {
    background: rgba(0, 189, 189, .1)
}

.resume-online {
    height: 46px;
    padding: 0 20px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.resume-online .title {
    color: #222;
    font-size: 16px;
    font-weight: 500
}

.resume-online .edit-container {
    display: flex;
    align-items: center;
    justify-content: end
}

.resume-online .edit-container a {
    color: #666;
    font-size: 12px
}

.resume-online .edit-container a:hover {
    color: #00a6a7
}

.resume-online .edit-container .arrow {
    width: 4px;
    height: 7px;
    margin-left: 8px;
    margin-top: -1px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.resume-online .edit-container:hover .arrow {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.resume-online .upd-time {
    color: #8d92a1;
    font-size: 12px;
    line-height: 1
}

a:hover {
    color: #00a6a7
}

.dialog-rename .dialog-footer, .resume-delete .dialog-footer {
    border-top: 0
}

.dialog-rename .dialog-container {
    width: 400px
}

.dialog-rename .dialog-container .pop-resume-rename h5 {
    line-height: 24px;
    color: #666;
    font-size: 14px;
    font-weight: 400
}

.dialog-rename .dialog-container .pop-resume-rename .input-wrap {
    padding-top: 10px
}

.dialog-rename .dialog-container .pop-resume-rename .input-wrap input {
    width: 340px;
    transition: all .2s linear;
    box-shadow: none;
    border-radius: 4px
}

.dialog-rename .dialog-container .pop-resume-rename .input-wrap input:hover {
    border-color: #00bebd
}

.dialog-rename .dialog-container .rename-input-new {
    margin-bottom: 10px
}

.dialog-rename .dialog-container .rename-input-new .input-wrap {
    padding-top: 0
}

.boss-title {
    margin-bottom: 30px
}

.boss-title h4 {
    font-size: 16px;
    font-weight: 500;
    color: #3d4966;
    line-height: 22px;
    margin-bottom: 5px
}

.boss-title p {
    font-size: 12px;
    font-weight: 400;
    color: #9fa3b0;
    line-height: 17px
}

.boss-content {
    min-height: 285px;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 30px
}

.boss-content .boss-list {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 17px;
    color: #9fa3b0;
    cursor: pointer
}

.boss-content .boss-list .boss-chose {
    flex-shrink: 0;
    margin-right: 12px;
    width: 16px;
    height: 16px
}

.boss-content .boss-list .boss-infor {
    flex: 1;
    width: 0;
    display: flex
}

.boss-content .boss-list .boss-infor .infor-portrait {
    margin-right: 15px
}

.boss-content .boss-list .boss-infor .infor-portrait img {
    width: 46px;
    height: 46px;
    border-radius: 100%
}

.boss-content .boss-list .boss-infor .infor-base {
    flex: 1;
    width: 0
}

.boss-content .boss-list .boss-infor .infor-base div:first-child {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.boss-content .boss-list .boss-infor .infor-base div:first-child p {
    display: inline-block
}

.boss-content .boss-list .boss-infor .infor-base div:first-child .infor-name {
    font-weight: 500;
    color: #414a60;
    line-height: 20px;
    margin-right: 6px
}

.boss-content .boss-list .boss-infor .infor-base div:first-child .infor-brand, .boss-content .boss-list .boss-infor .infor-base div:first-child .infor-time {
    font-size: 12px
}

.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) {
    font-size: 12px;
    line-height: 20px;
    color: #61687c;
    margin-bottom: 4px;
    display: flex;
    align-items: center
}

.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) .infor-salary {
    color: #00c2b3
}

.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) .infor-division {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #eee;
    margin: 0 10px;
    line-height: 20px
}

.boss-content .boss-list .boss-infor .infor-base div:last-child p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.boss-content .boss-list .boss-infor .infor-base div:last-child p span {
    color: #414a60
}

.boss-footer /deep/ .btn-primary {
    width: 100%
}

.siderResume-dialog .dialog-container {
    padding: 24px 0 24px 30px !important
}

.siderResume-dialog .dialog-footer {
    padding-right: 0;
    margin-right: 30px
}

.sider-recommend {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border-radius: 12px
}

.sider-recommend li {
    border-bottom: 1px solid #edf0f6;
    line-height: 30px;
    padding: 5px;
    cursor: pointer
}

.sider-recommend li:last-child {
    border: none
}

.sider-recommend li .red-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 3px;
    background-color: #ff4b5f;
    margin-bottom: 3px
}

.sider-recommend li .ui-icon-arrow-right {
    position: relative;
    top: 9px;
    color: #a2a6b3;
    float: right
}

.sider-recommend li:hover, .sider-recommend li:hover .ui-icon-arrow-right {
    color: #5dd5c8
}

.sider-vip {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/geek-vip-background.a93dc051.png) no-repeat 176px 8px #fff;
    background-image: image-set(url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/geek-vip-background.a93dc051.png) 1x, url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/geek-vip-background@2x.c93eeeba.png) 2x)
}

.sider-vip-title span {
    font-weight: 500;
    flex: 1
}

.sider-vip-title small {
    font-size: 12px;
    color: #8d92a1
}

.sider-vip ul {
    margin-top: 16px
}

.sider-vip li {
    margin: 12px 0 0;
    white-space: nowrap;
    font-size: 13px;
    color: #61687c;
    line-height: 30px
}

.sider-vip li .vip-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/geek-vip-icons.c4156031.png) no-repeat;
    background-image: image-set(url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/geek-vip-icons.c4156031.png) 1x, url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/geek-vip-icons@2x.9a1aa6b8.png) 2x);
    margin-right: 20px
}

.sider-vip li .vip-icon-resume {
    background-position: 0 0
}

.sider-vip li .vip-icon-data {
    background-position: 0 -50px
}

.sider-vip li .vip-icon-vip {
    background-position: 0 -100px
}

.sider-vip li .vip-icon-diamonds {
    background-position: 0 -150px
}

.vip-sider-dialog .dialog-container {
    width: 380px;
    height: 100%
}

.vip-sider-dialog .dialog-container .dialog-body {
    max-height: none;
    height: 100%
}

.vip-sider-dialog .dialog-header .title {
    color: #fff;
    font-size: 18px;
    text-indent: 30px;
    line-height: 60px;
    height: 60px;
    background: #28c3b1
}

.vip-sider-dialog .dialog-header .close {
    display: none
}

.vip-sider-dialog .vip-frame {
    height: 100%;
    overflow: hidden
}

.vip-sider-dialog .vip-frame iframe {
    border: 0;
    width: 100%;
    height: 100vh
}

.refresh-lines {
    position: relative;
    min-height: 224px
}

.refresh-lines:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 46px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0;
    z-index: 0
}

.refresh-lines .prop {
    position: relative;
    margin-bottom: 0;
    height: 46px;
    margin-top: -20px
}

.refresh-lines .head {
    position: relative;
    z-index: 1;
    margin: 15px 0 11px
}

.refresh-lines .head .svg-sub {
    float: right;
    font-size: 12px;
    line-height: 28px;
    color: #8d92a1
}

.refresh-lines .head .svg-sub span:before {
    display: inline-block;
    content: " ";
    width: 4px;
    height: 4px;
    background-color: #00bebd;
    vertical-align: middle;
    border-radius: 2px;
    margin-right: 3px;
    margin-top: -2px
}

.refresh-lines .head .svg-sub span.svg-other:before {
    background-color: #ff941c;
    margin-left: 11px
}

.refresh-lines .head h4 {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    float: left;
    line-height: 18px
}

.refresh-lines .head h4 .tips {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-tips.b47a8754.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: -4px
}

.refresh-lines .head h4 .tips:hover {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-tips-hover.8374e34c.png) no-repeat;
    background-size: 100%
}

.refresh-lines .head h4 .tips:hover .refresh-lines .head .resume-refresh-tip {
    display: block
}

.refresh-lines .btn-new-primary {
    height: 36px;
    background-color: #00bebd;
    border-color: #00bebd;
    border-radius: 8px
}

.refresh-lines .btn-new-primary:hover {
    background-color: #00a6a7;
    border-color: #00a6a7
}

.refresh-lines .resume-refresh-hwslider {
    height: 122px;
    position: relative;
    overflow: hidden
}

.refresh-lines .resume-refresh-hwslider::-webkit-scrollbar-corner {
    background-color: #fff
}

.refresh-lines .resume-refresh-hwslider::-webkit-scrollbar-track-piece {
    background-color: #f1f1f1;
    height: 10px
}

.refresh-lines .resume-refresh-hwslider::-webkit-scrollbar-thumb {
    background: #e0e0e0
}

.refresh-lines .resume-refresh-hwslider::-webkit-scrollbar-thumb:hover {
    background: #07bfbe;
    cursor: pointer
}

.refresh-lines .resume-refresh-hwslider svg {
    background: #fafafa;
    border-radius: 8px
}

.refresh-lines .resume-refresh-hwslider span {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 20px;
    height: 100px;
    line-height: 110px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #d4d8dd;
    cursor: pointer;
    text-decoration: none
}

.refresh-lines .resume-refresh-hwslider span.arrow-next {
    right: 0
}

.refresh-lines .resume-refresh-hwslider ul {
    width: 3000px;
    height: 140px;
    transition: margin-left .2s linear
}

.refresh-lines .resume-refresh-hwslider ul li {
    float: left;
    width: 224px;
    overflow: hidden;
    padding-left: 10px
}

.refresh-lines .refresh-btn {
    width: 160px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border: 0;
    color: #fff;
    letter-spacing: 1px;
    background: #00a6a7;
    text-align: center;
    cursor: pointer;
    margin: 0 auto
}

.refresh-lines .refresh-btn:hover {
    background-color: #6adbcf
}

.refresh-lines .refresh-btn.disabled {
    background-color: #eef0f5;
    color: #d1d4db
}

.refresh-lines .refresh-text {
    margin-top: 9px;
    font-size: 12px;
    line-height: 1;
    color: #666
}

.refresh-lines .refresh-text .refresh-free-count {
    color: #00bebd;
    margin-left: 10px
}

.refresh-lines .btn-primary {
    height: 36px;
    background-color: #00bebd;
    border-color: #00bebd;
    border-radius: 8px
}

.refresh-lines .btn-primary:hover {
    background-color: #00a6a7;
    border-color: #00a6a7
}

.white-tips.popover-wrap {
    border: none
}

.white-tips.popover-wrap .popover-content {
    padding: 12px 16px;
    color: #333;
    line-height: 17px;
    font-size: 12px;
    border: 1px solid #ededed;
    border-bottom: none;
    border-radius: 4px
}

.resume-refresh .dialog-footer .btns .btn {
    height: 34px;
    line-height: 32px;
    min-width: 42px;
    padding: 0 25px;
    font-size: 14px;
    border: 1px solid #5dd5c8;
    letter-spacing: 1px;
    cursor: pointer;
    color: #5dd5c8
}

.resume-refresh .dialog-footer .btns .btn.btn-sure {
    color: #fff;
    background-color: #5dd5c8
}

.resume-refresh .dialog-footer .btns .btn.btn-sure:hover {
    background-color: #6adbcf
}

.resume-refresh .dialog-footer .btns .btn.btn-disabled, .resume-refresh .dialog-footer .btns .btn.btn-disabled:hover {
    color: #9fa3b0;
    background-color: #fff;
    border-color: #d1d4db
}

.refesh-svg {
    background-color: #fafafa
}

.refesh-svg .x-axis {
    stroke: #eef0f5;
    stroke-width: .5px
}

.refesh-svg .bg-axis {
    stroke: transparent;
    stroke-width: 29
}

.refesh-svg .bg-axis.axis-hover, .refesh-svg .bg-axis:hover {
    stroke: #e0f3f3
}

.refesh-svg .refesh-line {
    stroke: #6bd0ca;
    stroke-width: 1px
}

.refesh-svg .refesh-line.refesh-line0 {
    stroke: #ff941c
}

.refesh-svg .fresh-day {
    font-size: 13px;
    fill: #d1d4db
}

.refesh-svg .my-series, .refesh-svg .similar-series {
    font-size: 15px;
    fill: #00bebd;
    text-anchor: middle;
    display: none
}

.refesh-svg.active .refresh-x:last-child .my-series {
    display: block
}

.refesh-svg .similar-series {
    fill: #ff941c;
    display: none
}

.refesh-svg .similar-yaxis {
    stroke: #ff941c;
    stroke-width: 1px;
    fill: #ff941c
}

.refesh-svg .similar-yaxis:hover {
    stroke: #f6e9d5;
    stroke-width: 2.5px;
    r: 4px;
    fill: #ff941c
}

.refesh-svg .similar-yaxis:hover + .similar-series {
    display: block
}

.refesh-svg .my-yaxis {
    stroke: #5cd5c8;
    stroke-width: 1px;
    fill: #00bebd
}

.refesh-svg .my-yaxis:hover {
    stroke: #c9efee;
    stroke-width: 2.5px;
    fill: #00bebd;
    r: 4px
}

.refesh-svg .my-yaxis:hover + .my-series {
    display: block
}

.refesh-svg .today-dots {
    font-size: 10px;
    fill: #fc5b5c
}

.assessment .refresh-test-img {
    width: 192px;
    height: 122px;
    margin: 16px auto
}

.assessment .refresh-test-img img {
    width: 100%;
    vertical-align: top
}

.assessment p {
    font-size: 12px;
    color: #9fa3af;
    line-height: 17px;
    margin: 16px 0;
    text-align: center
}

.resume-settings {
    position: relative;
    padding-top: 14px
}

.resume-settings:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 46px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0;
    z-index: 0
}

.resume-settings .pull-right {
    font-size: 14px;
    color: #56cbc4
}

.resume-settings .sider-title {
    position: relative;
    margin-bottom: 12px
}

.resume-settings .setting-item {
    color: #414a60;
    padding: 15px 30px;
    margin: 0 -30px;
    line-height: 20px;
    position: relative
}

.resume-settings .setting-item .pull-right {
    float: right;
    font-size: 13px;
    color: #9fa3af
}

.resume-settings .setting-item + .setting-item {
    border-top: 1px solid #f3f3f3
}

.resume-settings .setting-item:last-child {
    padding: 15px 30px;
    margin-bottom: -15px
}

.resume-settings .text-green {
    color: #56cbc4
}

.sider-resume-banner {
    margin: 8px;
    display: block
}

.sider-resume-banner img, .sider-resume-banner video {
    display: block;
    width: 100%
}

.sider-resume-banner video {
    border-radius: 18px
}

.sider-resume-banner a {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden
}

.sider-resume-banner a:hover:after {
    opacity: 1
}

.sider-resume-banner a:after {
    content: " ";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .1);
    transition: all .2s linear
}

.parser-process-dialog .dialog-container {
    width: 508px;
    padding: 54px 0 80px
}

.parser-process-dialog .parser-image {
    display: block;
    width: 200px;
    height: 100px;
    margin: 0 auto 32px
}

.parser-process-dialog .parser-desc {
    font-size: 18px;
    font-weight: 500;
    color: #24272e;
    line-height: 25px;
    text-align: center
}

.parser-process-dialog .parser-resume-name {
    margin: 8px auto;
    width: 400px;
    font-size: 13px;
    font-weight: 400;
    color: #8d92a1;
    line-height: 18px;
    text-align: center
}

.parser-process-dialog .parser-process {
    margin: 14px auto
}

.parser-process-dialog .parser-record {
    margin: 0 auto;
    max-width: 100%;
    height: 18px;
    overflow: hidden
}

.parser-process-dialog .parser-record li {
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
    color: #414a60;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.parser-process-dialog .progress {
    width: 240px;
    margin: 14px auto;
    height: 6px;
    border-radius: 3px;
    background: #eeeef0
}

.parser-process-dialog .progress .progress-bar {
    background: linear-gradient(270deg, #00c2b3, #5ee6de)
}

.ui-select-selection {
    border: 1px solid #d4d5d6
}

.ui-select-dropdown {
    margin-top: 4px;
    border-radius: 8px
}

.ui-select-item-selected, .ui-select-item-selected.ui-select-item-hover, .ui-select-item-selected:hover {
    color: #00a6a7
}

.data-blank-wrap {
    padding: 10px 30px
}

.data-blank-wrap .data-tip {
    padding: 100px 0;
    text-align: center;
    min-height: 340px;
    position: relative;
    background: #fff
}

.data-blank-wrap .data-tip .data-blank {
    width: 360px;
    display: inline-block
}

.data-blank-wrap .data-tip .data-blank .tip-nodata {
    display: block;
    width: 194px;
    height: 232px;
    margin: 0 auto 5px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/tip-nodata.f6440857.png) center 0 no-repeat
}

.data-blank-wrap .data-tip .data-blank .tip-empty {
    display: block;
    width: 200px;
    height: 120px;
    margin: 0 auto 5px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-tip-empty.abdf29a7.png) center 0 no-repeat;
    background-size: 100%
}

.data-blank-wrap .data-tip .data-blank .blank-txt {
    font-size: 16px;
    font-weight: 200;
    color: #9fa3b0;
    line-height: 26px
}

.data-blank-wrap .data-tip .data-blank .goto-system {
    margin-top: 29px
}

.data-blank-wrap .data-tip .data-blank .goto-system .btn {
    border: none;
    padding: 0;
    display: inline-block;
    border-radius: 8px;
    width: 180px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    background-color: #00bebd;
    text-align: center;
    cursor: pointer
}

.data-blank-wrap .data-tip .data-blank .goto-system .btn:hover {
    background-color: #00a6a7
}

.dialog-footer {
    margin: 0 -30px;
    border-top: 1px solid #eee;
    padding-top: 15px;
    padding-right: 30px
}

.dialog-footer .btn {
    display: inline-block;
    height: 34px;
    line-height: 32px;
    min-width: 42px;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #5dd5c8;
    padding: 0 25px;
    margin-left: 20px;
    background-color: #5dd5c8;
    color: #fff
}

.dialog-footer .btn:hover {
    background-color: #6adbcf
}

.dialog-footer .btn.btn-outline {
    color: #5dd5c8;
    background-color: #fff
}

.dialog-footer .btn.btn-outline:hover {
    line-height: 30px;
    padding: 0 24px;
    border-width: 2px
}

.dialog-icons-default .dialog-container {
    width: 460px;
    line-height: 26px
}

.dialog-icons-default .dialog-container .dialog-title .title {
    margin-left: 44px;
    font-weight: 400;
    word-wrap: break-word;
    word-break: break-all
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog {
    float: left
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-error, .dialog-icons-default .dialog-container .dialog-title .icon-dialog-info, .dialog-icons-default .dialog-container .dialog-title .icon-dialog-lock, .dialog-icons-default .dialog-container .dialog-title .icon-dialog-success, .dialog-icons-default .dialog-container .dialog-title .icon-dialog-warning {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-dialog.878a7a50.png);
    background-repeat: no-repeat
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-info {
    background-position: 0 -242px
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-warning {
    background-position: 0 -163px
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-error {
    background-position: 0 -82px
}

.dialog-icons-default .dialog-container .dialog-title .icon-dialog-lock {
    background-position: 0 -320px
}

.dialog-icons-default .dialog-container .dialog-con {
    padding-left: 44px
}

.dialog-icons-default .dialog-container .dialog-con .tip-text {
    padding: 10px 0;
    color: #9fa3b0;
    line-height: 24px;
    font-size: 14px;
    background-image: none
}

.greet-pop .dialog-container {
    width: 490px;
    margin: 0;
    line-height: 26px
}

.greet-pop .dialog-container .dialog-title h3 {
    font-size: 14px;
    font-weight: 400;
    color: #414a60
}

.greet-pop .dialog-container .dialog-con {
    padding-top: 25px;
    padding-bottom: 30px
}

.greet-pop .dialog-container .dialog-con .greet-con {
    background-color: #f8f9fc;
    color: #9fa3b0;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
    overflow: hidden
}

.greet-pop .dialog-container .dialog-con span {
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    color: #9fa3b0
}

.greet-pop .dialog-container .dialog-con .remindType input {
    position: relative;
    top: 1px;
    margin-right: 10px
}

.dialog-primary-default .dialog-container {
    width: 400px;
    padding: 24px 30px;
    line-height: 26px
}

.dialog-primary-default .dialog-container .dialog-title h3 {
    font-weight: 400
}

.dialog-primary-default .dialog-container .upload-dialog-deliver {
    padding-top: 10px
}

.dialog-primary-default .dialog-container .upload-dialog-deliver p {
    color: #9fa3af
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .red {
    color: #fc703e !important
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns {
    margin-top: 20px;
    text-align: right
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    min-width: 96px;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    border: 1px solid #5dd5c8;
    margin-left: 20px;
    background-color: #5dd5c8;
    color: #fff
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-file input {
    position: absolute;
    width: 100%;
    height: 200%;
    top: -100%;
    left: 0;
    background: 0 0;
    opacity: 0;
    cursor: pointer
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn:hover {
    background-color: #6adbcf
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-outline {
    color: #5dd5c8;
    background-color: #fff
}

.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-outline:hover {
    line-height: 30px;
    padding: 0 24px;
    border-width: 2px
}

#toast {
    position: fixed;
    width: 80%;
    left: 10%;
    top: 50%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    z-index: 1999;
    -webkit-animation: toastTop .25s ease-out;
    animation: toastTop .25s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#toast.slideup {
    -webkit-animation-name: toastHide;
    animation-name: toastHide
}

#toast .toast-con {
    display: inline-block;
    background: #fff;
    margin: 0 auto;
    padding: 0 20px;
    line-height: 50px;
    box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}

#toast .toast-con .icon-toast-error, #toast .toast-con .icon-toast-info, #toast .toast-con .icon-toast-loading, #toast .toast-con .icon-toast-success, #toast .toast-con .icon-toast-warning {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 13px;
    margin-top: -2px;
    vertical-align: middle;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icons-toast.82bcc73c.png);
    background-repeat: no-repeat
}

#toast .toast-con .icon-toast-success {
    background-position: 0 0
}

#toast .toast-con .icon-toast-info {
    background-position: 0 -119px
}

#toast .toast-con .icon-toast-warning {
    background-position: 0 -60px
}

#toast .toast-con .icon-toast-error {
    background-position: 0 -187px
}

#toast .toast-con .icon-toast-loading {
    background-position: 0 -232px;
    -webkit-animation: semicircle .8s linear infinite;
    animation: semicircle .8s linear infinite
}

.jconfirm {
    z-index: 1010;
    overflow: hidden
}

.jconfirm, .jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.jconfirm .jconfirm-bg {
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.jconfirm .jconfirm-bg.seen {
    opacity: 1;
    -webkit-transition: none !important;
    transition: none !important
}

.jconfirm.jconfirm-white .jconfirm-bg {
    background-color: rgba(37, 40, 48, .7)
}

.jconfirm .jconfirm-scrollpane {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow: hidden
}

.jconfirm .jconfirm-scrollpane .jconfirm-box {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    outline: 0;
    padding: 0;
    -webkit-transition: none !important;
    transition: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    margin: 0 auto;
    opacity: 1;
    margin-top: 0 !important
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .closeIcon {
    position: absolute;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    display: none;
    z-index: 200;
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: -15px;
    right: -15px;
    background-color: rgba(73, 74, 78, .9);
    background-position: -39px -602px;
    font-size: 0;
    color: #fff;
    border-radius: 100%;
    opacity: .9
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .title-c {
    display: block;
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #eee
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .content-pane {
    margin-bottom: 15px;
    height: auto;
    display: inline-block;
    width: 100%;
    position: relative
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .buttons {
    text-align: right;
    border-top: 1px solid #eee;
    padding-top: 12px
}

.jconfirm .jconfirm-scrollpane .jconfirm-box .jquery-clear {
    clear: both
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box {
    width: 410px;
    border-radius: 8px
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .closeIcon {
    background-position: 6px -1430px;
    top: 12px;
    right: 12px;
    background-color: transparent;
    font-size: 35px;
    color: #b1b4bf
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .title-c {
    display: none
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .content-pane {
    min-height: 514px
}

.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .buttons {
    padding-bottom: 15px
}

.jconfirm .jconfirm-scrollpane .pop-sign-box.sign-wrap-v2 .jconfirm-box {
    width: 740px
}

.ucenter-container {
    padding-top: 20px
}

.ucenter-container.user-center-wrapper {
    display: flex
}

.ucenter-container.user-center-wrapper .user-jobs-area {
    margin-right: 16px
}

.ucenter-container .user-sider {
    float: right;
    width: 284px
}

.ucenter-container .user-jobs-area {
    margin-right: 300px
}

.ucenter-container .clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.ucenter-container .vline {
    display: inline-block;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background: #e0e0e0;
    margin: 0 10px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap {
    background: transparent
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-tab-nav {
    position: relative;
    padding: 0 24px;
    background: #fff;
    border-radius: 12px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-tab-nav .user-jobs-sub-nav .current {
    color: #00a6a7
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-tab-nav .user-jobs-sub-nav .current:after {
    display: none
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .data-blank-empty-wrap {
    padding: 12px 0
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .data-blank-empty-wrap .data-tip {
    border-radius: 12px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul {
    padding: 0
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss {
    position: relative;
    padding: 0;
    background: #fff;
    border-radius: 12px;
    transition: all .2s linear;
    cursor: pointer;
    margin-top: 12px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss:not(.job-closed):hover {
    box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3);
    z-index: 3
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed .img-box {
    position: relative
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed .img-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 48px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    opacity: .8
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed .info-primary {
    position: relative
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed .info-primary:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 92px;
    background: #fff;
    opacity: .8
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .item-content {
    margin-left: 0
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header {
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0;
    margin-bottom: 0;
    cursor: default
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header .btns {
    margin-top: 8px;
    margin-right: 24px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header .btns .btn {
    background: #00bebd;
    border-color: #00bebd;
    border-radius: 8px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header .btns .btn:hover {
    background: #00a6a7;
    border-color: #00a6a7
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header .info-header-close {
    margin-top: 13px;
    font-weight: 500;
    margin-right: 24px;
    float: right;
    color: #ccc
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .flex-reverse {
    flex-direction: row-reverse
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .width-500 {
    width: 500px;
    min-width: 500px;
    max-width: 500px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary {
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 0 0 12px 12px;
    cursor: default
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .gray {
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    line-height: 22px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .gray span {
    padding: 0 8px;
    display: inline-block;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    margin-right: 4px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .gray span:first-child {
    margin-left: 8px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name {
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin-bottom: 12px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name a {
    display: flex;
    color: #222
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name a:hover {
    color: #00a6a7
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name .jobname {
    margin-right: 8px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name .job-name-text {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name .location {
    margin-left: 10px;
    color: #222;
    display: flex;
    align-items: center
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name .location em {
    display: inline-block;
    font-style: normal;
    max-width: 156px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info {
    cursor: default;
    flex: auto;
    display: flex;
    align-items: center;
    text-align: left
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info img {
    margin-top: 0;
    margin-left: 0;
    margin-right: 12px;
    width: 56px;
    height: 56px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text {
    display: flex;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text a {
    color: #222
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text a:hover {
    color: #00a6a7
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text a[href^="javascript:;"] {
    color: #222;
    cursor: default
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text .gray span {
    margin-right: 8px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text .gray span:first-child {
    margin-left: 0
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 {
    display: flex;
    align-items: center;
    height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #222
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .job-medium-icon-new {
    width: 32px;
    height: 18px;
    margin-right: 8px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-salary-row-1 {
    margin-left: 12px;
    margin-right: 16px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process-success {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    border-radius: 4px;
    background: #e5f8f8;
    color: #00a6a7
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process-wait {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    border-radius: 4px;
    background: #fff4e8;
    color: #ff941c
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process-reject {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    border-radius: 4px;
    background: #feeeec;
    color: #fe574a
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process-cancel {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    border-radius: 4px;
    background: #f4f4f4;
    color: #999
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .icon-meeting-type {
    width: 44px;
    height: 44px;
    margin-left: -5px;
    transform: scale(.5)
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .icon-meeting-type-tel {
    width: 44px;
    height: 44px;
    margin-left: -5px;
    transform: scale(.5);
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-meet-type.cae1e5f7.png) -44px 0 no-repeat
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .icon-meeting-type-voice {
    width: 44px;
    height: 44px;
    margin-left: -5px;
    transform: scale(.5);
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-meet-type.cae1e5f7.png) 0 0 no-repeat
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .icon-meeting-type-video {
    width: 44px;
    height: 44px;
    margin-left: -5px;
    transform: scale(.5);
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-meet-type.cae1e5f7.png) -88px 0 no-repeat
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-2 {
    height: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    margin-top: 16px;
    display: flex;
    align-items: center
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-2 img {
    width: 20px;
    height: 20px;
    background: #d8d8d8;
    border-radius: 4px;
    border: 1px solid #f6fdfd
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-2 .info-company-name-row-2 {
    margin: 0 8px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 144px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info {
    flex: auto;
    text-align: left
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-1, .ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-2 {
    height: 24px;
    font-size: 13px;
    font-weight: 400;
    color: #222;
    line-height: 24px
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-1 span, .ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-2 span {
    color: #666
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-2 {
    margin-top: 16px;
    height: 20px;
    line-height: 20px;
    width: 338px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .img-box {
    padding: 12px 24px;
    line-height: 24px;
    display: flex
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .img-box img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 50%
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap ul li .item-content .info-header .btns .btn.btn-outline {
    border: 1px solid #00bebd;
    background-color: #fff;
    color: #00a6a7
}

.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap ul li .item-content .info-header .btns .btn.btn-outline:hover {
    color: #00a6a7;
    border-color: #e5f8f8;
    background-color: #e5f8f8
}

.ucenter-container .user-jobs-area-box-wrap .tab-back {
    position: relative;
    display: inline-block;
    padding-left: 12px;
    cursor: pointer
}

.ucenter-container .user-jobs-area-box-wrap .tab-back:hover {
    color: #00a6a7
}

.ucenter-container .user-jobs-area-box-wrap .tab-back:hover .icon-back {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px 0/10px auto no-repeat
}

.ucenter-container .user-jobs-area-box-wrap .tab-back:hover span {
    color: #00a6a7
}

.ucenter-container .user-jobs-area-box-wrap .tab-back span {
    margin-right: 49px;
    color: #333;
    font-size: 16px
}

.ucenter-container .user-jobs-area-box-wrap .tab-back .icon-back {
    position: absolute;
    top: 19px;
    left: 0;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(180deg);
    cursor: pointer
}

.ucenter-container .user-jobs-area-box-wrap .tab-back:after {
    content: "";
    position: absolute;
    top: 17px;
    width: 1px;
    right: 24px;
    height: 12px;
    background: #e0e0e0;
    border-radius: 1px
}

.ucenter-container .user-jobs-area-box-wrap .data-blank-wrap .data-tip .data-blank .tip-empty {
    margin: 0 auto 14px
}

.ucenter-container .user-jobs-area-box-wrap .data-blank-wrap .data-tip .data-blank .blank-txt {
    font-weight: 400;
    font-size: 14px;
    color: #999;
    line-height: 20px
}

.ucenter-container .user-jobs-area-box-wrap .pagination-area {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    background: none
}

.ucenter-container .user-jobs-area-box-wrap .pagination-area .pager a {
    margin: 0 4px;
    height: 26px;
    min-width: 26px;
    line-height: 26px;
    border-radius: 6px;
    border: none;
    background: #fff;
    color: #333;
    transition: all .2s linear
}

.ucenter-container .user-jobs-area-box-wrap .pagination-area .pager a.selected, .ucenter-container .user-jobs-area-box-wrap .pagination-area .pager a:hover {
    color: #fff;
    background: #00bebd
}

.ucenter-container .user-jobs-area-box-wrap .pagination-area .pager a.disabled {
    background: #fff;
    color: #666;
    cursor: not-allowed
}

.ucenter-container .user-jobs-area-box-wrap .pagination-area .pager .fast-next-btn.disabled, .ucenter-container .user-jobs-area-box-wrap .pagination-area .pager .fast-prev-btn.disabled {
    color: #333;
    background: transparent;
    cursor: default
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag {
    width: 32px;
    height: 18px;
    margin-right: 8px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-position-tag.c257c851.png) 0 0/auto 100% no-repeat
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-anxin {
    width: 32px;
    height: 18px;
    margin-right: 8px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-position-tag.c257c851.png) 0 0/auto 100% no-repeat;
    width: 44px;
    background: url(https://img.bosszhipin.com/static/file/2024/sb4ut4ljlf1705383567753.png) 0 0/auto 100% no-repeat
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-yang {
    width: 32px;
    height: 18px;
    margin-right: 8px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-position-tag.c257c851.png) 0 0/auto 100% no-repeat;
    width: 44px;
    background: url(https://img.bosszhipin.com/static/file/2024/58ly1i2s0s1712642232999.png) 0 0/auto 100% no-repeat
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-lt {
    width: 32px;
    height: 18px;
    margin-right: 8px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-position-tag.c257c851.png) 0 0/auto 100% no-repeat;
    background-position: -32px 0
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-yx {
    width: 32px;
    height: 18px;
    margin-right: 8px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-position-tag.c257c851.png) 0 0/auto 100% no-repeat;
    background-position: -96px 0
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-pq {
    width: 32px;
    height: 18px;
    margin-right: 8px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-position-tag.c257c851.png) 0 0/auto 100% no-repeat;
    background-position: 0 0
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-dz {
    width: 32px;
    height: 18px;
    margin-right: 8px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-position-tag.c257c851.png) 0 0/auto 100% no-repeat;
    background-position: -64px 0
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-wb {
    width: 32px;
    height: 18px;
    margin-right: 8px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-position-tag.c257c851.png) 0 0/auto 100% no-repeat;
    background-position: -160px 0
}

.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-jp {
    background-position: -128px 0
}

.dialog-wrap.choose-resume-dialog .dialog-container {
    width: 580px
}

.dialog-wrap.choose-resume-dialog .dialog-title {
    padding: 0 30px 30px
}

.dialog-wrap.choose-resume-dialog .dialog-title .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

.dialog-wrap.choose-resume-dialog .dialog-con {
    padding: 0
}

.dialog-wrap.choose-resume-dialog .resume-list li {
    font-size: 14px;
    line-height: 44px;
    overflow: hidden;
    padding: 0 40px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #62687a
}

.dialog-wrap.choose-resume-dialog .resume-list li:hover {
    background-color: #f2f5fa
}

.dialog-wrap.choose-resume-dialog .resume-list li img {
    height: 25px;
    vertical-align: middle;
    margin-right: 10px
}

.dialog-wrap.choose-resume-dialog .resume-list .side {
    float: right;
    margin-left: 80px;
    color: #a0a3af
}

.dialog-wrap.choose-resume-dialog .resume-list .side .size {
    display: inline-block;
    min-width: 60px;
    margin-left: 10px;
    text-align: right
}

.dialog-wrap.choose-resume-dialog .resume-list .side input {
    position: relative;
    top: 2px;
    margin-left: 20px
}

.dialog-wrap.choose-resume-dialog .dialog-footer {
    padding-right: 30px;
    margin: 0
}

.dialog-wrap.choose-resume-dialog .btns .btn {
    line-height: 40px;
    height: 40px;
    margin-top: -5px;
    padding: 0 35px;
    border-width: 1px
}

.account-tab-nav {
    width: 100%
}

.account-tab-nav nav {
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    text-align: center;
    border-radius: 12px 12px 12px 12px
}

.account-tab-nav .ui-switch.ui-switch-checked {
    border-color: #00bebd;
    background-color: #00bebd
}

.account-tab-nav .ui-switch.ui-switch-checked:after {
    left: 16px
}

.account-tab-nav .ui-switch {
    border-color: #e0e0e0;
    background-color: #e0e0e0;
    width: 35px;
    height: 20px
}

.account-tab-nav .ui-switch:after {
    width: 16px;
    height: 16px;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1)
}

.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch.ui-switch-checked, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch.ui-switch-checked, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch.ui-switch-checked {
    border-color: #00bebd;
    background-color: #00bebd
}

.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch.ui-switch-checked:after, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch.ui-switch-checked:after, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch.ui-switch-checked:after {
    left: 16px
}

.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch {
    border-color: #e0e0e0;
    background-color: #e0e0e0
}

.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch:after, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch:after, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch:after {
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1)
}

.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch {
    width: 35px;
    height: 20px
}

.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch:after, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch:after, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch:after {
    width: 16px;
    height: 16px
}

.account-tab-nav .nav-title {
    font-size: 20px;
    padding: 30px 0;
    font-weight: 600;
    color: #222;
    line-height: 28px
}

.account-tab-nav .nav-list {
    height: 62px;
    width: 100%;
    line-height: 62px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    padding-left: 40px;
    text-align: left;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.account-tab-nav .active {
    background-color: rgba(0, 190, 189, .1);
    position: relative;
    font-weight: 600;
    color: #222
}

.account-tab-nav .active:after {
    content: "";
    position: absolute;
    height: 62px;
    width: 4px;
    background: #00bebd;
    left: 0;
    top: 0;
    border-radius: 0 3px 3px 0
}

.account-tab-nav .content {
    margin-left: 224px;
    background-color: #fff;
    min-height: 100%;
    flex: 1;
    border-radius: 12px
}

.account-content {
    padding: 30px 60px;
    color: #666;
    font-size: 12px
}

.account-content .header .header-back-box {
    display: flex;
    align-items: center;
    justify-self: start
}

.account-content .header .header-back-box:hover .ui-icon-arrow-left:before {
    background-position: -24px 0
}

.account-content .header .ui-icon-arrow-left {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    margin-right: 4px
}

.account-content .header .ui-icon-arrow-left:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 24px;
    height: 24px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-left.959d52d7.png) no-repeat;
    background-position: 0 0;
    background-size: 48px 24px
}

.account-content .title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    line-height: 30px;
    margin-bottom: 6px
}

.account-content .block-title {
    margin: 30px 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: #222
}

.account-content .notice {
    font-size: 13px
}

.account-content .notice span {
    color: #414a60
}

.account-content .notice-title {
    color: #666;
    font-size: 13px;
    margin-top: 8px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 16px
}

.account-content .phone {
    margin-top: 20px;
    margin-bottom: 24px;
    font-size: 14px
}

.account-content .phone > span {
    color: #414a60;
    padding: 8px 23px 8px 12px;
    display: inline-block;
    margin-left: 12px;
    background: #f8f8f8;
    border-radius: 4px
}

.account-content .mobile, .account-content .wechat {
    border-bottom: 1px solid #edf0f5
}

.account-content .row {
    margin: 30px 0
}

.account-content .row span {
    color: #414a60
}

.account-content .row-wrap {
    margin: 20px 0 24px;
    height: 36px;
    font-size: 14px
}

.account-content .flex-start .row-wrap {
    line-height: 36px;
    background: #f8f8f8;
    border-radius: 4px;
    padding-right: 8px
}

.account-content .flex-start .row-wrap img {
    margin-left: 6px;
    margin-right: 0;
    border-radius: 2px
}

.account-content .flex-start .row-wrap span {
    margin-left: 8px
}

.account-content .flex-start-wrap {
    font-size: 14px
}

.account-content .flex-start-wrap a {
    margin-left: 12px
}

.account-content .flex-start {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.account-content .flex-start img {
    width: 24px;
    height: 24px;
    margin-right: 6px
}

.account-content .wechat {
    position: relative
}

.account-content .wechat a {
    color: #00a6a7
}

.account-content .unbind-wechat-dialog.dialog-wrap {
    width: 360px
}

.account-content .bind-wrap {
    display: inline-block;
    position: relative
}

.account-content .bind-wrap a:hover {
    color: #00bebd
}

.account-content .dialog-bottom-left-default {
    position: absolute;
    top: 90px;
    right: -20px
}

.account-content .dialog-bottom-left-default.dialog-bottom-left-default-wrap {
    top: 20px
}

.account-content .dialog-bottom-left-default.dialog-bottom-left-default-wrap .dialog-container {
    border-radius: 12px
}

.account-content .dialog-bottom-left-default.dialog-bottom-left-default-wrap .dialog-container .dialog-footer .btns .btn-sure {
    min-width: 112px
}

.account-content .dialog-body {
    margin: 20px 0 30px;
    line-height: 26px;
    color: #9fa3b0
}

.account-content .unbind-wechat-title {
    line-height: 24px;
    font-size: 24px;
    font-weight: 400
}

.account-content .unbindWechat-form {
    margin-top: 40px
}

.account-content .get-msg-code {
    font-size: 14px;
    background-color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    color: #00bebd
}

.account-content .get-msg-code em {
    font-style: normal
}

.account-content .cancellation {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    margin: 30px 0 15px
}

.account-content .cancellation-desc {
    color: #666;
    font-size: 13px
}

.check-phone-unbind-dialog .dialog-body {
    overflow: visible
}

.check-phone-unbind-dialog .unbind-wechat-title {
    line-height: 24px;
    font-size: 24px;
    font-weight: 400;
    padding-left: 5px
}

.check-phone-unbind-dialog .input-wrap .suffix {
    right: 10px;
    cursor: pointer
}

.check-phone-unbind-dialog .vertical-line {
    width: 1px;
    height: 15px;
    background-color: #e3e7ed;
    display: inline-block;
    margin-right: 15px
}

.check-phone-unbind-dialog .unbindWechat-form .form-item {
    margin-top: 35px
}

.check-phone-unbind-dialog .unbindWechat-form .form-item .item-label {
    padding-right: 30px
}

.check-phone-unbind-dialog .unbindWechat-form .form-item .item-content .input-wrap {
    min-width: 330px;
    width: 100%
}

.check-phone-unbind-dialog .unbindWechat-form .form-item .item-content #captcha .nc_wrapper {
    width: 330px
}

.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content {
    margin-top: -5px
}

.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .get-msg-code {
    color: #00bebd
}

.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .get-msg-code em {
    font-style: normal
}

.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .input-wrap-prefix .input {
    height: 42px
}

.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light .yidun_classic-container {
    z-index: 1011
}

.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
    width: 100% !important;
    height: auto !important
}

.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_jigsaw {
    width: auto !important;
    height: 100% !important
}

.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light .yidun_intelli-control {
    height: 40px
}

.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
    background-color: #00c2b3
}

.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_slider:hover {
    color: #00c2b3;
    background-color: #00c2b3
}

.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
    border-color: #00c2b3;
    background: #eefff5
}

.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon, .check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
    background-color: #00c2b3
}

.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text, .check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
    color: #00c2b3
}

.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
    color: #00c2b3;
    background: #eefff5;
    cursor: default;
    border-color: #00c2b3;
    line-height: 38px;
    height: 40px;
    text-align: left;
    padding: 0 18px
}

.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
    background-color: #00c2b3;
    box-shadow: 0 2px 6px 1px #00c2b3
}

.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
    color: #00c2b3
}

.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light {
    z-index: 999
}

.check-phone-unbind-dialog .dialog-footer {
    padding-right: 40px
}

.auth-manage .notice {
    margin: 15px 0 30px
}

.auth-manage .notice-title {
    color: #666;
    font-size: 13px;
    margin-top: 8px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 16px
}

.auth-manage .auth-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.auth-manage .auth-list li {
    padding: 12px;
    box-sizing: border-box;
    width: 412px;
    height: 95px;
    cursor: pointer;
    margin-bottom: 16px;
    border-radius: 8px;
    transition: background .3s ease-in;
    align-items: flex-start;
    background: #f8f8f8
}

.auth-manage .auth-list li:hover {
    background: #ededed
}

.auth-manage .auth-list li:hover .item-content .name {
    color: #00a6a7
}

.auth-manage .auth-list li img {
    width: 70px;
    height: 70px;
    margin-right: 20px
}

.auth-manage .auth-list li .item-content {
    width: 260px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 13px;
    color: #666
}

.auth-manage .auth-list li .item-content .name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 5px
}

.auth-manage .auth-list li .ui-icon-arrow-right {
    margin-top: 15px;
    align-self: flex-start
}

.auth-manage .empty {
    text-align: center;
    margin-top: 160px
}

.auth-manage .empty img {
    width: 200px;
    height: 119px
}

.auth-manage .empty .tips {
    margin-top: 15px
}

.auth-manage .auth-details {
    color: #666;
    font-size: 14px
}

.auth-manage .auth-details .header {
    cursor: pointer;
    margin-left: -30px
}

.auth-manage .auth-details .header:hover {
    opacity: .8
}

.auth-manage .auth-details .desc {
    color: #8d92a1;
    font-size: 13px;
    margin: 15px 0 30px
}

.auth-manage .auth-details .desc-title {
    color: #8d92a1;
    font-size: 13px;
    margin-top: 8px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 16px
}

.auth-manage .auth-details .ui-icon-arrow-left {
    font-size: 22px;
    color: #a6a6a6;
    margin-right: 5px
}

.auth-manage .auth-details .details-block-title {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #333
}

.auth-manage .auth-details .block-common, .auth-manage .auth-details .use-info {
    border-radius: 8px;
    border: 1px solid #f6f6f8;
    background: #fff;
    margin-bottom: 10px;
    padding: 20px
}

.auth-manage .auth-details .use-info {
    min-height: 200px
}

.auth-manage .auth-details .use-info .user-list.user-list-start {
    justify-content: flex-start
}

.auth-manage .auth-details .use-info .user-list.user-list-start li {
    margin-right: 16px
}

.auth-manage .auth-details .use-info .user-list {
    display: flex;
    justify-content: space-between
}

.auth-manage .auth-details .use-info .user-list li {
    min-width: 198px;
    max-width: 198px;
    margin-bottom: 12px;
    font-size: 0;
    border: 1px solid #f4f4f4;
    border-radius: 14px 14px 12px 12px;
    box-sizing: border-box
}

.auth-manage .auth-details .use-info .user-list li .pic-desc {
    padding: 12px;
    min-height: 142px;
    min-height: 52px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.auth-manage .auth-details .use-info .user-list li:last-child {
    margin-right: 0
}

.auth-manage .auth-details .use-info .user-list img {
    width: 100%;
    height: 100px
}

.auth-manage .auth-details .use-info.no-border {
    padding: 0;
    border-width: 0
}

.auth-manage .auth-details .protect-info {
    border-radius: 8px;
    border: 1px solid #f6f6f8;
    background: #fff;
    margin-bottom: 10px;
    padding: 20px
}

.auth-manage .auth-details .protect-info .protect-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.auth-manage .auth-details .protect-info .protect-list li {
    width: 412px;
    height: 70px;
    background: #f8f8f8;
    border-radius: 8px;
    margin-bottom: 14px;
    padding: 10px 10px 14px;
    box-sizing: border-box
}

.auth-manage .auth-details .protect-info .protect-list li img {
    width: 46px;
    height: 46px;
    margin-right: 16px
}

.auth-manage .auth-details .protect-info .protect-list li .name {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px
}

.auth-manage .auth-details .protect-info .protect-list li .desc {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    margin: 0
}

.auth-manage .auth-details .protect-info.no-border {
    padding: 0;
    border-width: 0
}

.auth-manage .auth-details .manage-info {
    min-height: 92px;
    border-radius: 8px;
    border: 1px solid #f6f6f8;
    background: #fff;
    margin-bottom: 10px;
    padding: 20px
}

.auth-manage .auth-details .manage-info .details-block-title {
    margin-bottom: 10px
}

.auth-manage .auth-details .manage-info.no-border {
    padding: 0;
    border-width: 0
}

.auth-manage .auth-details .rule {
    text-align: right;
    padding-top: 10px;
    font-weight: 500;
    font-size: 13px;
    color: #00a6a7
}

.auth-manage .auth-details .rule a {
    color: #00a6a7
}

.auth-manage .auth-details .rule i {
    cursor: pointer
}

.auth-manage .auth-details .rule:hover, .auth-manage .auth-details .rule:hover a {
    color: #00a6a7
}

.auth-manage .auth-details .rule.rule-wrap {
    text-align: left;
    padding-top: 17px;
    position: relative
}

.auth-manage .auth-details .rule.rule-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    border-radius: 1px
}

.flex-start {
    display: flex;
    align-items: center;
    justify-content: inherit
}

.account-home .guide-list, .account-home .guide-list.guide-list-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.account-home .guide-list > li {
    position: relative;
    box-sizing: border-box;
    width: 412px;
    height: 97px;
    background: #f8f8f8;
    border-radius: 8px;
    margin-bottom: 16px;
    display: inline-block;
    padding: 12px 16px 12px 12px;
    cursor: pointer;
    transition: background .3s ease-in
}

.account-home .guide-list > li:hover {
    background: #f8f9fb;
    background: #ededed
}

.account-home .guide-list > li:hover .item-content .name {
    color: #00a6a7
}

.account-home .guide-list > li .privacy {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-center-main-privacy.7fcaa74b.png) no-repeat;
    background-size: 100%
}

.account-home .guide-list > li .safe {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-center-main-suggest.35003f00.png) no-repeat;
    background-size: 100%
}

.account-home .guide-list > li .info {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-center-main-look.da9f5382.png) no-repeat;
    background-size: 100%
}

.account-home .pic-block {
    width: 70px;
    height: 70px;
    background-color: #a6a6a6
}

.account-home .pic-block.pic-block-wrap {
    margin: 15px 20px 15px 12px
}

.account-home .setting-guide-tip {
    position: absolute;
    right: 12px;
    top: 22px;
    z-index: 1;
    font-size: 14px;
    font-weight: 400;
    color: #fa6400;
    line-height: 20px;
    white-space: nowrap
}

.account-home .setting-guide-tip i {
    margin-left: 6px
}

.account-home .item-content {
    width: 260px;
    font-size: 13px;
    color: #666;
    text-align: left;
    margin-left: 20px
}

.account-home .item-content .name {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 22px
}

.account-home .item-content .desc {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 20px
}

.account-indentity .indentity-list > li {
    margin-top: 20px;
    cursor: pointer
}

.account-indentity .indentity-list > li .status {
    padding: 0 6px;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-left: 10px;
    height: 21px;
    line-height: 21px;
    border-radius: 4px;
    background: rgba(245, 61, 71, .1);
    color: #f53d47
}

.account-indentity .indentity-list > li .status.checked {
    color: #00a6a7;
    background: rgba(0, 166, 167, .1)
}

.account-indentity .indentity-list > li .name {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px
}

.account-indentity .indentity-list > li .block {
    height: 96px;
    background: #f8f8f8;
    border-radius: 8px;
    border: 1px solid #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

.account-indentity .indentity-list > li .block .pic-block {
    width: 66px;
    height: 66px;
    margin: 15px 12px;
    background-color: #a6a6a6
}

.account-indentity .indentity-list > li .block .safe {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-auth-man-2.35003f00.png) no-repeat;
    background-size: 100%
}

.account-indentity .indentity-list > li .block .email {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-auth-man-1.f2097931.png) no-repeat;
    background-size: 100%
}

.account-indentity .indentity-list > li .block .btn {
    position: absolute;
    right: 15px;
    width: 88px;
    font-size: 14px;
    color: #fff;
    background-color: #00bebd;
    border-color: #00bebd;
    border-radius: 8px;
    padding: 8px 14px
}

.account-indentity .indentity-list > li .block .btn:hover {
    background-color: #00a6a7;
    border-color: #00a6a7
}

.account-indentity .indentity-list .tips {
    margin-top: 4px;
    font-size: 12px;
    color: #aaa;
    line-height: 20px
}

.account-personal .personal {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-account-personal-1.071c3382.png) no-repeat;
    background-size: 100%
}

.account-personal .rights {
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-account-personal-2.5bc44d86.png) no-repeat;
    background-size: 100%
}

.account-personal .address {
    background: url(https://img.bosszhipin.com/static/file/2023/pu3o3lfxui1673938632488.png) no-repeat;
    background-size: 100%
}

.account-personal .border {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f4f4f4;
    margin-bottom: 10px
}

.account-personal .account-details .tips {
    font-size: 13px;
    color: #aaa;
    margin-top: 20px
}

.account-personal .account-details .block-info-title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding: 20px 15px 15px 0
}

.account-personal .account-details .base-info {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f4f4f4;
    margin-bottom: 10px;
    width: 770px;
    height: 205px;
    margin-top: 30px;
    position: relative
}

.account-personal .account-details .base-info .base-content .pic {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 48px;
    right: 60px
}

.account-personal .account-details .base-info .base-content .pic > img {
    border-radius: 16px;
    border: 1px solid #f5f5f5;
    width: 100%;
    height: 100%
}

.account-personal .account-details .content-list {
    color: #666;
    margin-left: 15px
}

.account-personal .account-details .content-list > div {
    margin-bottom: 15px
}

.account-personal .account-details .content-list .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.account-personal .account-details .content-list .flex .v1, .account-personal .account-details .content-list .flex .v2 {
    font-size: 13px
}

.account-personal .account-details .content-list .flex .v1 .label-1, .account-personal .account-details .content-list .flex .v2 .label-1 {
    display: inline-block;
    width: 84px
}

.account-personal .account-details .content-list .flex .v1 .label-2, .account-personal .account-details .content-list .flex .v2 .label-2 {
    display: inline-block;
    width: 70px
}

.account-personal .account-details .content-list .value {
    color: #333;
    margin-left: 10px;
    padding-right: 15px
}

.account-personal .account-details .content-list .v1, .account-personal .account-details .content-list .v2 {
    width: 315px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.account-personal .account-details .content-list .label {
    width: 70px;
    flex-shrink: 0
}

.account-personal .account-details .online-info {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f4f4f4;
    margin-bottom: 10px;
    width: 770px;
    height: 102px;
    overflow: hidden
}

.account-personal .account-details .online-info a {
    margin-left: 15px;
    color: #00bebd
}

.account-personal .account-details .personal-info {
    width: 770px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f4f4f4;
    margin-bottom: 10px
}

.account-personal .account-details .personal-info .baseline {
    align-items: baseline
}

.account-personal .rights-info {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f4f4f4;
    margin-bottom: 10px;
    padding: 0 30px;
    width: 840px;
    min-height: 102px;
    white-space: normal
}

.account-personal .rights-info .rights-row {
    margin-top: 8px;
    padding-bottom: 20px
}

.account-personal .rights-info a {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    width: 188px;
    margin-left: 8px;
    display: inline-block;
    background: #f8f8f8;
    border-radius: 4px;
    padding: 4px 0 4px 12px
}

.account-personal .rights-info a:nth-of-type(4n+1) {
    margin-left: 0
}

.account-personal .rights-info a:hover {
    background: rgba(0, 190, 189, .1);
    font-weight: 500;
    color: #00a6a7
}

.account-personal a:hover {
    opacity: .8
}

.account-personal .auth-details {
    color: #666;
    font-size: 14px
}

.account-personal .auth-details .header {
    cursor: pointer;
    margin-left: -30px
}

.account-personal .auth-details .header:hover {
    opacity: .8
}

.account-personal .auth-details .desc {
    color: #8d92a1;
    font-size: 13px;
    margin: 15px 0 30px
}

.account-personal .auth-details .desc-title {
    color: #8d92a1;
    font-size: 13px;
    margin-top: 8px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 16px
}

.account-personal .auth-details .ui-icon-arrow-left {
    font-size: 22px;
    color: #a6a6a6;
    margin-right: 5px
}

.account-personal .auth-details .details-block-title {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #333
}

.account-personal .auth-details .block-common, .account-personal .auth-details .use-info {
    border-radius: 8px;
    border: 1px solid #f6f6f8;
    background: #fff;
    margin-bottom: 10px;
    padding: 20px
}

.account-personal .auth-details .use-info {
    min-height: 200px
}

.account-personal .auth-details .use-info .user-list.user-list-start {
    justify-content: flex-start
}

.account-personal .auth-details .use-info .user-list.user-list-start li {
    margin-right: 16px
}

.account-personal .auth-details .use-info .user-list {
    display: flex;
    justify-content: space-between
}

.account-personal .auth-details .use-info .user-list li {
    min-width: 198px;
    max-width: 198px;
    margin-bottom: 12px;
    font-size: 0;
    border: 1px solid #f4f4f4;
    border-radius: 14px 14px 12px 12px;
    box-sizing: border-box
}

.account-personal .auth-details .use-info .user-list li .pic-desc {
    padding: 12px;
    min-height: 142px;
    min-height: 52px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.account-personal .auth-details .use-info .user-list li:last-child {
    margin-right: 0
}

.account-personal .auth-details .use-info .user-list img {
    width: 100%;
    height: 100px
}

.account-personal .auth-details .use-info.no-border {
    padding: 0;
    border-width: 0
}

.account-personal .auth-details .protect-info {
    border-radius: 8px;
    border: 1px solid #f6f6f8;
    background: #fff;
    margin-bottom: 10px;
    padding: 20px
}

.account-personal .auth-details .protect-info .protect-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.account-personal .auth-details .protect-info .protect-list li {
    width: 412px;
    height: 70px;
    background: #f8f8f8;
    border-radius: 8px;
    margin-bottom: 14px;
    padding: 10px 10px 14px;
    box-sizing: border-box
}

.account-personal .auth-details .protect-info .protect-list li img {
    width: 46px;
    height: 46px;
    margin-right: 16px
}

.account-personal .auth-details .protect-info .protect-list li .name {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px
}

.account-personal .auth-details .protect-info .protect-list li .desc {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    margin: 0
}

.account-personal .auth-details .protect-info.no-border {
    padding: 0;
    border-width: 0
}

.account-personal .auth-details .manage-info {
    min-height: 92px;
    border-radius: 8px;
    border: 1px solid #f6f6f8;
    background: #fff;
    margin-bottom: 10px;
    padding: 20px
}

.account-personal .auth-details .manage-info .details-block-title {
    margin-bottom: 10px
}

.account-personal .auth-details .manage-info.no-border {
    padding: 0;
    border-width: 0
}

.account-personal .auth-details .rule {
    text-align: right;
    padding-top: 10px;
    font-weight: 500;
    font-size: 13px;
    color: #00a6a7
}

.account-personal .auth-details .rule a {
    color: #00a6a7
}

.account-personal .auth-details .rule i {
    cursor: pointer
}

.account-personal .auth-details .rule:hover, .account-personal .auth-details .rule:hover a {
    color: #00a6a7
}

.account-personal .auth-details .rule.rule-wrap {
    text-align: left;
    padding-top: 17px;
    position: relative
}

.account-personal .auth-details .rule.rule-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    border-radius: 1px
}

.account-personal.account-personal-wrap .account-details .base-info {
    margin-top: 20px
}

.account-personal.account-personal-wrap .account-details .base-info .content-list, .account-personal.account-personal-wrap .account-details .personal-info .content-list {
    margin-left: 30px
}

.account-personal.account-personal-wrap .block-info-title {
    padding-left: 30px
}

.account-personal.account-personal-wrap .online-info {
    display: flex;
    justify-content: space-between;
    height: 62px;
    align-items: center
}

.account-personal.account-personal-wrap .online-info a {
    display: inline-block;
    width: 88px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #00bebd;
    margin-right: 30px;
    line-height: 32px;
    text-align: center
}

.account-personal.account-personal-wrap .online-info a:hover {
    background-color: #effbfa
}

.account-personal.account-personal-wrap .account-details.account-power-wrap .notice {
    margin-top: 8px;
    margin-bottom: 24px
}

.account-personal.account-personal-wrap .account-details.account-power-wrap .rights-info .block-info-title {
    padding: 16px 0
}

.account-details {
    color: #666;
    font-size: 14px
}

.account-details.bind-email {
    width: 408px
}

.account-details.bind-email .input {
    border-radius: 2px
}

.account-details.bind-email .ui-icon-message {
    padding-left: 10px
}

.account-details.bind-email .email .input {
    padding-left: 12px
}

.account-details .ui-icon-arrow-left {
    font-size: 22px;
    color: #a6a6a6;
    margin-right: 5px
}

.account-details .notice {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 30px
}

.account-details .header {
    cursor: pointer;
    margin-left: -30px
}

.account-details .header:hover {
    opacity: .8
}

.account-details .desc {
    color: #8d92a1;
    font-size: 12px;
    margin: 15px 0 30px
}

.account-details .desc-title {
    color: #8d92a1;
    font-size: 13px;
    margin-top: 8px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 16px
}

.account-details .ui-form.check-email .item-label {
    float: none;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.account-details .ui-form.check-email .form-item {
    margin-bottom: 15px
}

.account-details .input, .account-details .ui-select {
    width: 404px;
    height: 42px
}

.account-details .ui-select .ui-icon-arrow-down {
    right: 12px
}

.account-details .ui-select-selection {
    border-radius: 2px
}

.account-details .ui-select-placeholder {
    padding-left: 4px;
    color: #666s
}

.account-details .ui-select-inner {
    padding: 9px 8px 8px
}

.account-details .safe-title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 20px
}

.account-details .same {
    margin-bottom: 20px
}

.account-details .same .ui-select {
    display: block
}

.account-details .same .input {
    margin-top: 10px;
    padding-left: 12px;
    border-radius: 2px
}

.account-details .same .tips {
    font-size: 12px;
    color: #ed3f14;
    margin-top: 5px
}

.account-details .confirm {
    width: 404px;
    border-radius: 2px;
    border: 1px solid #00bebd;
    margin-top: 25px;
    padding: 12px 15px;
    background: #00bebd;
    color: #fff
}

.equipment .equipment-line {
    margin-top: 24px;
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    border-radius: 1px
}

.equipment .equipment-list {
    width: 840px;
    min-height: 106px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between
}

.equipment .equipment-list .equipment-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f8f8;
    border-radius: 8px;
    margin-top: 16px;
    min-width: 412px;
    height: 94px
}

.equipment .equipment-list .equipment-info .primary {
    font-size: 16px;
    color: #222;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px
}

.equipment .equipment-list .equipment-info .secondary {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 20px
}

.equipment .equipment-list .equipment-info img {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    margin-left: 12px
}

.equipment .equipment-list .equipment-info .current {
    font-size: 13px;
    color: #999;
    line-height: 20px;
    margin-right: 10px
}

.equipment .empty {
    text-align: center;
    margin-top: 80px
}

.equipment .empty img {
    width: 200px;
    height: 119px
}

.equipment .empty .tips {
    margin-top: 15px
}

.flex, .flex-between {
    display: flex;
    align-items: center
}

.flex-between {
    justify-content: space-between
}

.change-pwd-content {
    padding: 40px
}

.shield-company-wrapper {
    width: 920px
}

.shield-company-wrapper .warn-tip {
    font-size: 14px;
    color: #414a60;
    line-height: 20px;
    margin-top: 8px
}

.shield-company-wrapper .empty-company {
    text-align: center;
    padding-top: 102px;
    padding-bottom: 120px
}

.shield-company-wrapper .empty-company img {
    display: block;
    margin: 0 auto 20px;
    width: 140px
}

.shield-company-wrapper .empty-company span {
    display: inline-block;
    margin: 0 auto;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #8d92a1;
    font-weight: 400
}

.shield-company-wrapper.shield-suggest-company .operate-area {
    position: absolute;
    left: 30px;
    bottom: 30px;
    margin-top: 0;
    z-index: 1
}

.shield-company-wrapper.shield-suggest-company .operate-area .check-all-label {
    margin-top: 0
}

.shield-company-wrapper .operate-area {
    text-align: right;
    margin-top: 20px
}

.shield-company-wrapper .operate-area .batch-cancel-wrap {
    border-radius: 4px
}

.shield-company-wrapper .operate-area .check-all-label {
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    margin-left: 22px;
    margin-top: 6px
}

.shield-company-wrapper .operate-area .check-all-label.check-all-label-wrap .checkbox-inner {
    margin-right: 10px
}

.shield-company-wrapper .operate-area .check-all-label .checkbox-inner {
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-right: 20px
}

.shield-company-wrapper .operate-area .check-all-label .checkbox-edging:after {
    width: 8px;
    height: 12px;
    top: 1px;
    left: 5px
}

.shield-company-wrapper .operate-area .btn + .btn {
    margin-left: 16px
}

.shield-company-wrapper .checkbox:hover .checkbox-inner {
    border-color: #00bebd
}

.shield-company-wrapper .checkbox-checked .checkbox-edging {
    background: #00bebd
}

.shield-company-wrapper .checkbox-checked .checkbox-inner {
    border-color: #00bebd
}

.shield-company-wrapper .shield-list-footer {
    padding: 5px
}

.shield-company-wrapper .shield-list-footer .finished {
    font-size: 14px;
    text-align: center;
    color: #bfbfbf
}

.shield-company-wrapper .shield-list-footer .spinner {
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    background: linear-gradient(90deg, #ccc 10%, hsla(0, 0%, 100%, 0) 42%);
    position: relative;
    animation: load3 1.4s linear infinite;
    transform: translateZ(0)
}

.shield-company-wrapper .shield-list-footer .spinner:before {
    width: 50%;
    height: 50%;
    background: #ccc;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ""
}

.shield-company-wrapper .shield-list-footer .spinner:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@-webkit-keyframes load3 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes load3 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.shield-company-wrapper .shield-virtual-list {
    position: relative;
    margin-top: 20px;
    max-height: calc(100vh - 240px);
    overflow: auto;
    overflow: overlay;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #e3e7ed
}

.shield-company-wrapper .shield-virtual-list .list-item-dynamic {
    transition: all .2s linear
}

.shield-company-wrapper .shield-virtual-list .list-item-dynamic:last-child .company-name {
    border-bottom: none
}

.shield-company-wrapper .shield-virtual-list .list-item-dynamic:hover {
    background: #f6f7fa
}

.shield-company-wrapper .shield-virtual-list .shield-company-item {
    position: relative;
    height: 60px;
    align-items: center;
    padding: 0 40px
}

.shield-company-wrapper .shield-virtual-list .shield-company-item.can-select {
    cursor: pointer;
    padding: 0 40px 0 50px
}

.shield-company-wrapper .shield-virtual-list .shield-company-item.can-remove .company-name {
    padding-right: 100px
}

.shield-company-wrapper .shield-virtual-list .shield-company-item:hover .remove-btn {
    display: block
}

.shield-company-wrapper .shield-virtual-list .shield-company-item .checkbox {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1
}

.shield-company-wrapper .shield-virtual-list .shield-company-item .checkbox .checkbox-inner {
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-right: 0
}

.shield-company-wrapper .shield-virtual-list .shield-company-item .checkbox .checkbox-edging:after {
    width: 8px;
    height: 12px;
    top: 1px;
    left: 5px
}

.shield-company-wrapper .shield-virtual-list .shield-company-item .company-name {
    display: block;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    border-bottom: 1px solid #ebebeb
}

.shield-company-wrapper .shield-virtual-list .shield-company-item .remove-btn {
    display: none;
    position: absolute;
    top: 13px;
    right: 40px;
    z-index: 1
}

.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap {
    padding: 0 8px 0 7px
}

.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .list-item-dynamic {
    border-radius: 8px
}

.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .shield-company-item {
    height: 40px;
    border-radius: 8px;
    padding-left: 13px;
    padding-right: 6px
}

.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .shield-company-item .company-name {
    height: 40px;
    line-height: 40px
}

.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .shield-company-item a {
    width: 96px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #00bebd;
    top: 6px;
    right: 6px;
    padding: 4px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 20px
}

.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .shield-company-item a:hover {
    background: rgba(0, 190, 189, .1)
}

.shield-company-dialog .dialog-header h3.title {
    font-size: 20px;
    font-weight: 500;
    color: #24272e;
    line-height: 28px
}

.shield-company-dialog .dialog-container {
    max-height: calc(100vh - 40px)
}

.shield-company-dialog .dialog-body {
    margin-right: -30px;
    padding-right: 30px;
    max-height: none
}

.shield-company-dialog .dialog-footer {
    padding-top: 30px
}

.suggest-shield-dialog-more-wrap .dialog-container {
    width: 700px;
    height: 580px;
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px 30px
}

.suggest-shield-dialog-more-wrap .dialog-container .dialog-header .title {
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin-bottom: 16px
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper {
    width: 640px
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list {
    padding-top: 10px;
    width: 640px;
    max-height: 492px;
    min-height: 492px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f4f4f4
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list.shield-company-list-batch {
    min-height: 422px;
    max-height: 422px;
    height: 422px
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list.shield-company-list-batch .shield-company-item-select {
    display: flex
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list.shield-company-list-batch .shield-company-item-select .checkbox {
    position: inherit;
    left: inherit;
    top: inherit;
    margin-right: 10px
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list.shield-company-list-batch .shield-virtual-list-wrap {
    max-height: 100%
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .operate-area.operate-area-wrap a.btn {
    border-radius: 4px
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-virtual-list {
    padding: 0 8px 0 7px;
    margin-top: 0;
    border: none
}

.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-virtual-list .shield-company-item .company-name {
    border: none
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap {
    width: 840px;
    height: 260px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #f4f4f4;
    padding: 10px;
    margin: auto auto 10px
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li {
    height: 40px;
    border-radius: 8px;
    padding-left: 12px;
    padding-right: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li:hover {
    background: #fff;
    box-shadow: 0 4px 16px 0 hsla(0, 0%, 60%, .2)
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li:hover .cancel-btn {
    display: block
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li:hover .cancel-btn:hover {
    background: #00bebd;
    color: #fff
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li .cancel-btn {
    display: none;
    width: 96px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #fff;
    color: #00a6a7;
    background: rgba(0, 189, 190, .1);
    text-align: center;
    line-height: 10px
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap .more-company {
    margin: 10px 0 20px 12px;
    display: flex;
    align-items: center;
    width: 68px
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap .more-company .more-company-btn {
    display: inline-block;
    margin-left: 8px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap .more-company:hover {
    color: #54cbc4
}

.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap .more-company:hover .more-company-btn {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px 0/10px auto no-repeat
}

.related-company-dialog-wrap .dialog-container {
    padding: 20px 20px 20px 30px;
    width: 500px;
    min-height: 148px;
    background: #fff;
    border-radius: 12px
}

.related-company-dialog-wrap .dialog-container .dialog-header .title {
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin-bottom: 14px
}

.related-company-dialog-wrap .dialog-container .related-company {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 24px
}

.related-company-dialog-wrap .dialog-container .related-company p {
    margin-bottom: 16px;
    position: relative;
    padding-left: 10px
}

.related-company-dialog-wrap .dialog-container .related-company p i {
    position: absolute;
    top: 11px;
    left: 0;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #51586d;
    vertical-align: middle
}

.related-company-dialog-wrap .dialog-container .related-company p em {
    font-style: normal;
    font-weight: 400;
    color: #00c2b3
}

.related-company-dialog-wrap .dialog-container .related-company .operate {
    text-align: right
}

.related-company-dialog-wrap .dialog-container .related-company .operate .cancel-btn {
    border: 1px solid #00bebd;
    margin-right: 12px
}

.related-company-dialog-wrap .dialog-container .related-company .operate .btn {
    width: 88px;
    height: 32px;
    border-radius: 4px
}

.add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container {
    border-radius: 12px
}

.add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container .search-shield-company:hover {
    opacity: .8
}

.add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container .add-shield-company .input-container .input-wrap, .add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container .add-shield-company .input-container .input-wrap input {
    border-radius: 4px
}

.add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container .add-shield-company .search-shield-company {
    border-radius: 0 4px 4px 0
}

.pricacy-set .title-wrap {
    height: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #222
}

.pricacy-set .title {
    font-size: 16px
}

.pricacy-set .no-more {
    text-align: center
}

.pricacy-set .more-company {
    display: inline-block;
    margin-left: 50px;
    font-size: 13px;
    color: #757575;
    line-height: 18px;
    margin-top: 12px
}

.pricacy-set .more-company i {
    margin-left: 2px
}

.pricacy-set .more-company:hover {
    color: #00c2b3
}

.pricacy-set .shielded-company-group {
    position: relative;
    margin-top: 30px
}

.pricacy-set p.text-gray {
    margin-top: 15px
}

.pricacy-set .resume-control-wrap .resume-control.custom-recommend {
    padding: 16px 0;
    margin: 0 60px
}

.pricacy-set .resume-control-wrap .resume-control.custom-recommend .title {
    font-size: 20px;
    color: #222
}

.pricacy-set .resume-control-wrap.resume-control .title {
    position: relative;
    margin-bottom: 12px;
    font-size: 20px;
    color: #222
}

.pricacy-set .resume-control-wrap.resume-control .title:after {
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 840px;
    content: "";
    height: 1px;
    background: #e6e6e6;
    border-radius: 1px
}

.pricacy-set .resume-control-wrap .title-c, .pricacy-set .resume-control-wrap .title-wrap {
    margin: 0 60px;
    padding-top: 30px;
    padding-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 28px;
    position: relative
}

.pricacy-set .resume-control-wrap .title-c:after, .pricacy-set .resume-control-wrap .title-wrap:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 840px;
    content: "";
    height: 1px;
    background: #e6e6e6;
    border-radius: 1px
}

.pricacy-set .resume-control {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: 50px;
    margin-right: 50px;
    border-bottom: 1px solid #e1e6ea
}

.pricacy-set .resume-control.no-border {
    border: none
}

.pricacy-set .resume-control .title {
    height: 33px;
    line-height: 33px;
    font-size: 24px;
    font-weight: 500
}

.pricacy-set .resume-control .control-isResume-container {
    display: flex;
    justify-content: space-between
}

.pricacy-set .resume-control .control-isResume {
    margin-top: 30px
}

.pricacy-set .resume-control .control-isResume .control-resume-item {
    display: flex;
    align-items: center
}

.pricacy-set .resume-control .control-isResume .control-resume-item + .control-resume-item {
    margin-top: 20px
}

.pricacy-set .resume-control .control-isResume .control-resume-item p {
    width: 280px;
    font-weight: 400;
    line-height: 20px;
    height: 20px;
    color: #333
}

.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch {
    width: 34px;
    height: 17px;
    line-height: 15px;
    border-radius: 10px
}

.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch:after {
    width: 13px;
    height: 13px
}

.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch-checked:after {
    left: 17px
}

.pricacy-set .custom-recommend .title span {
    display: inline-block;
    width: 280px
}

.pricacy-set .custom-recommend .item-title {
    height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: flex;
    line-height: 22px;
    align-items: center
}

.pricacy-set .custom-recommend .item-title .control-isResume {
    margin-left: 148px
}

.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch-checked {
    border-color: #00bebd;
    background-color: #00bebd
}

.pricacy-set .custom-recommend .control-isResume {
    display: inline-block;
    margin-top: 0
}

.pricacy-set .custom-recommend p {
    margin-top: 14px
}

.pricacy-set .resume-status {
    font-size: 13px;
    color: #8d92a1;
    margin-right: 10px
}

.pricacy-set .company-shield .title {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 24px;
    font-weight: 500;
    height: 33px;
    line-height: 33px
}

.pricacy-set .company-shield .title .shield-add {
    font-size: 16px;
    color: #37c7b7;
    cursor: pointer
}

.pricacy-set .company-shield .title .shield-add i.add {
    display: inline-block;
    vertical-align: -9px;
    margin-right: -5px;
    width: 28px;
    height: 28px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/setting-add.670c068b.png) 50% no-repeat
}

.pricacy-set .company-shield .title .batch-operate-container .select-num {
    font-size: 16px;
    color: #8d92a1;
    line-height: 34px;
    vertical-align: middle
}

.pricacy-set .company-shield .title .batch-operate-container .btn {
    width: 90px;
    margin-left: 20px
}

.pricacy-set .company-shield .title .clear-shield-company {
    float: right;
    border-radius: 2px;
    border: 1px solid #00bebd;
    font-size: 13px;
    font-weight: 400;
    color: #00bebd;
    line-height: 18px;
    padding: 7px 10px;
    transition: all .2s linear;
    margin-top: 17px
}

.pricacy-set .company-shield .title .clear-shield-company:hover {
    color: #009697;
    border: 1px solid #009697
}

.pricacy-set .company-shield .company-shield-tip {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    padding: 0 50px;
    margin-top: 14px
}

.pricacy-set .company-shield .company-shield-suggest {
    position: relative;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 860px;
    padding: 15px 30px;
    background: linear-gradient(180deg, rgba(55, 194, 188, 0), rgba(55, 194, 188, .2));
    border-radius: 4px
}

.pricacy-set .company-shield .company-shield-suggest .close {
    position: absolute;
    color: #a6a6a6;
    top: 8px;
    right: 8px;
    z-index: 1;
    font-size: 16px;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s linear
}

.pricacy-set .company-shield .company-shield-suggest .close:hover {
    opacity: .8
}

.pricacy-set .company-shield .company-shield-suggest .btn {
    border-radius: 2px;
    padding: 9px 22px
}

.pricacy-set .company-shield .company-shield-suggest .shield-suggest-main h3 {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.pricacy-set .company-shield .company-shield-suggest .shield-suggest-main p {
    margin-top: 10px;
    font-size: 13px;
    color: #757575;
    line-height: 18px;
    width: 658px;
    word-break: break-all
}

.pricacy-set .company-shield .company-shield-suggest-wrap {
    position: relative;
    margin: 12px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 840px;
    padding: 12px 20px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px
}

.pricacy-set .company-shield .company-shield-suggest-wrap .close {
    position: absolute;
    color: #a6a6a6;
    top: 8px;
    right: 8px;
    z-index: 1;
    font-size: 16px;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s linear
}

.pricacy-set .company-shield .company-shield-suggest-wrap .close:hover {
    opacity: .7
}

.pricacy-set .company-shield .company-shield-suggest-wrap .btn {
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 36px;
    background: rgba(0, 189, 190, .1);
    border-radius: 6px;
    list-style: none;
    text-decoration: none;
    border: none;
    cursor: pointer
}

.pricacy-set .company-shield .company-shield-suggest-wrap .btn:hover {
    background: #00bebd;
    color: #fff
}

.pricacy-set .company-shield .company-shield-suggest-wrap .shield-suggest-main h3 {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.pricacy-set .company-shield .company-shield-suggest-wrap .shield-suggest-main p {
    margin-top: 8px;
    font-size: 13px;
    line-height: 18px;
    width: 658px;
    word-break: break-all;
    font-weight: 400;
    color: #666
}

.pricacy-set .company-shield .shield-company-search {
    width: 564px;
    height: 34px;
    line-height: 32px;
    background: #fff;
    border: 1px solid #e3e7ed;
    font-size: 14px;
    color: #9fa3b0;
    cursor: pointer;
    margin-top: 20px;
    margin-left: 50px;
    transition: all .2s linear
}

.pricacy-set .company-shield .shield-company-search span {
    height: 20px;
    line-height: 20px
}

.pricacy-set .company-shield .shield-company-search:hover {
    border-color: #00bebd
}

.pricacy-set .company-shield .shield-company-search img {
    position: relative;
    top: -1px;
    width: 14px;
    margin-left: 16px;
    margin-right: 10px;
    vertical-align: middle
}

.pricacy-set .company-shield .shield-company-info {
    padding: 0 50px;
    margin-bottom: 10px
}

.pricacy-set .company-shield .shield-company-info .shield-company-number {
    height: 22px;
    line-height: 22px;
    font-weight: 500;
    font-size: 16px
}

.pricacy-set .company-shield .shield-company-info .shield-company-number.shield-company-number-wrap {
    height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px
}

.pricacy-set .company-shield .shield-company-info .batch-manage {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #00a6a7;
    cursor: pointer;
    margin-top: 1px;
    float: right
}

.pricacy-set .company-shield .shield-company-info .batch-manage.batch-manage-wrap:hover {
    opacity: .8
}

.pricacy-set .company-shield .operate-area {
    padding: 0 50px;
    margin-top: 14px;
    overflow: hidden
}

.pricacy-set .company-shield .operate-area .checkbox-company {
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin-top: 4px;
    font-weight: 500
}

.pricacy-set .company-shield .operate-area .checkbox-company .checkbox-inner {
    margin-right: 10px
}

.pricacy-set .company-shield .operate-area .operate-list {
    float: right
}

.pricacy-set .company-shield .operate-area .operate-list .btn {
    padding: 4px 14px;
    font-size: 14px;
    line-height: 20px
}

.pricacy-set .company-shield .operate-area .operate-list .btn + .btn {
    margin-left: 20px
}

.pricacy-set .company-shield .show-shielded-company {
    padding-bottom: 12px
}

.pricacy-set .company-shield .show-shielded-company.batch ul li {
    cursor: pointer;
    padding-left: 75px
}

.pricacy-set .company-shield .show-shielded-company li {
    padding: 0 50px;
    height: 40px;
    line-height: 40px;
    position: relative;
    transition: all .2s linear
}

.pricacy-set .company-shield .show-shielded-company li:hover {
    background-color: #f6f7fa
}

.pricacy-set .company-shield .show-shielded-company li:hover span {
    display: inline-block
}

.pricacy-set .company-shield .show-shielded-company li:hover .cancel-btn {
    display: block
}

.pricacy-set .company-shield .show-shielded-company li .company-name {
    display: inline-block;
    font-size: 14px;
    max-width: 756px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pricacy-set .company-shield .show-shielded-company li .checkbox-container {
    position: absolute;
    left: 50px;
    top: 0;
    display: inline-block
}

.pricacy-set .company-shield .show-shielded-company li .checkbox-container span {
    display: inline-block
}

.pricacy-set .company-shield .show-shielded-company li .checkbox-container .checkbox {
    position: relative;
    top: -1px
}

.pricacy-set .company-shield .show-shielded-company li .cancel-btn {
    display: none;
    padding: 5px 10px;
    margin-top: 7px;
    float: right;
    font-size: 13px
}

.pricacy-set .company-shield .show-shielded-company .no-more {
    color: #9fa3af;
    cursor: pointer;
    opacity: .5
}

.pricacy-set .company-shield .show-shielded-company p {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #8d92a1
}

.pricacy-set .company-shield .empty-company {
    text-align: center;
    padding-top: 102px;
    padding-bottom: 120px
}

.pricacy-set .company-shield .empty-company img {
    display: block;
    margin: 0 auto 20px;
    width: 140px
}

.pricacy-set .company-shield .empty-company span {
    display: inline-block;
    margin: 0 auto;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #8d92a1;
    font-weight: 400
}

.statusDialog /deep/ .title {
    font-size: 14px !important;
    color: #414a60
}

.dialog-border-radius .dialog-container {
    border-radius: 12px
}

.dialog-border-radius .dialog-container .dialog-footer .btns .btn {
    display: inline-block;
    min-width: 88px;
    height: 32px;
    padding: 0 24px;
    line-height: 32px;
    border-radius: 4px
}

.dialog-border-radius .dialog-container .dialog-footer .btns .btn.btn-outline {
    color: #00a6a7;
    background-color: #fff
}

.dialog-border-radius .dialog-container .dialog-footer .btns .btn-primary {
    background-color: #00bebd
}

.dialog-border-radius .dialog-container .dialog-footer .btns .btn-cancel {
    border: 1px solid #00bebd
}

.dialog-border-radius .dialog-container .dialog-footer .btns .btn-cancel:hover {
    background: rgba(0, 189, 190, .1);
    border-width: 1px;
    line-height: 32px
}

.reason-dialog {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px
}

.reason-dialog .reason {
    padding: 0 16px;
    color: #b6bac4;
    line-height: 22px;
    font-size: 12px;
    border: 1px solid #d0d4db;
    border-radius: 11px;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer
}

.reason-dialog .reason:hover {
    border: 1px solid #5dd5c8;
    color: #5dd5c8
}

.reason-dialog .chose-reason {
    background: #5dd5c8;
    color: #fff !important;
    border: 1px solid #5dd5c8
}

.reason-text .import-text {
    min-width: 100% !important
}

.reason-text .numTip {
    position: absolute;
    bottom: 0;
    right: 10px;
    color: #9fa3b0;
    font-size: 12px
}

.reason-text .text-red {
    color: #ef5350
}

.reason-text .text-green {
    color: #00c2b3
}

.reason-text .tip-em {
    padding: 0 2px
}

.add-shield-company-dialog .dialog-container {
    width: 510px;
    height: 476px;
    padding: 24px 0
}

.add-shield-company-dialog .dialog-container .dialog-header {
    padding: 0 30px
}

.add-shield-company-dialog .dialog-container .dialog-header .title {
    font-size: 16px;
    font-weight: 500;
    color: #414a60;
    height: 22px;
    line-height: 22px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company {
    margin-top: 20px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-container {
    width: 100%;
    padding: 0 30px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-wrap {
    width: 100%
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-wrap input {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 68px;
    border: 1px solid #5dd5c8;
    font-size: 13px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description {
    margin-top: 20px;
    padding: 0 30px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p {
    font-size: 12px;
    color: #8d92a1;
    line-height: 21px;
    height: 21px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p i {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #8d92a1;
    vertical-align: middle
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p.title {
    margin-bottom: 14px;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    color: #51586d
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result {
    margin-top: 5px;
    max-height: 296px;
    overflow: auto
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li {
    position: relative;
    transition: all .2s linear;
    padding: 15px 30px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:after {
    content: " ";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    height: 1px;
    background-color: #eef0f5
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:hover {
    background-color: #f8f9fc
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:hover .delete-shielded-btn {
    display: block
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li label span:last-child {
    display: none
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox {
    position: absolute;
    left: 30px;
    top: 19px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox-disabled .checkbox-inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox-disabled .checkbox-input {
    cursor: not-allowed
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .shielded {
    display: inline-block;
    font-size: 12px;
    color: #b5b9c2;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    vertical-align: middle
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .delete-shielded-btn {
    display: none;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -15px;
    padding: 7px 11px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name {
    width: 100%;
    padding: 0 90px 0 28px;
    display: inline-block;
    vertical-align: middle
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name .company-name-info {
    width: 100%;
    display: block;
    font-size: 14px;
    color: #51586d;
    height: 20px;
    line-height: 20px;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name p {
    height: 18px;
    line-height: 18px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name p span {
    display: inline-block;
    color: #00c2b3;
    font-size: 13px;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    bottom: 20px;
    height: 34px;
    line-height: 34px;
    padding: 0 30px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox {
    margin-top: 7px;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #51586d
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox .checkbox-inner {
    margin-top: 0
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox em {
    font-style: normal;
    font-weight: 400;
    color: #00c2b3;
    white-space: nowrap;
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate label {
    font-size: 12px;
    color: #b5b9c2
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate label span {
    margin-right: 10px
}

.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-shield-company {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -17px;
    cursor: pointer;
    width: 60px;
    min-width: 60px;
    height: 34px;
    margin-right: 0;
    padding: 0;
    vertical-align: middle;
    border: none;
    background: #5dd5c8 url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/search-white.4f4eb782.png) 20px 7px no-repeat;
    background-size: 19px 19px
}

.status-reset-dialog .dialog-header .icon-dialog {
    margin-top: 0
}

.status-reset-dialog.status-reset-dialog-wrap .dialog-container {
    border-radius: 12px
}

.related-company-dialog .dialog-header .title {
    font-size: 16px;
    font-weight: 500
}

.related-company-dialog .dialog-container {
    width: 510px;
    height: 260px
}

.related-company-dialog .dialog-header {
    line-height: 22px
}

.related-company-dialog .dialog-body {
    margin-top: 20px
}

.related-company-dialog .related-company p {
    line-height: 24px;
    font-size: 13px;
    color: #51586d;
    position: relative;
    padding-left: 10px
}

.related-company-dialog .related-company p i {
    position: absolute;
    top: 11px;
    left: 0;
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #51586d;
    vertical-align: middle
}

.related-company-dialog .related-company em {
    font-style: normal;
    font-weight: 400;
    color: #00c2b3
}

.related-company-dialog .related-company .operate {
    position: absolute;
    right: 30px;
    bottom: 30px
}

.related-company-dialog .related-company .operate button + button {
    margin-left: 20px
}

.related-company-dialog .related-company .operate .cancel-btn {
    padding: 9px 30px
}

.related-company-dialog .related-company .operate .btn[disabled].btn-primary:hover {
    background-color: #fff
}

.related-company-dialog .related-company .operate .confirm-btn {
    padding: 9px 12px
}

.pricacy-set-wrap.account-tab-nav .nav-title {
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0;
    font-size: 20px;
    font-weight: 600;
    color: #222;
    padding-left: 40px;
    text-align: left
}

.pricacy-set-wrap.account-tab-nav .company-shield {
    padding-top: 30px
}

.pricacy-set-wrap.account-tab-nav .company-shield .title {
    margin: 0 60px 24px;
    padding: 0
}

.pricacy-set-wrap.account-tab-nav .company-shield .company-shield-tip, .pricacy-set-wrap.account-tab-nav .company-shield .shield-company-info, .pricacy-set-wrap.account-tab-nav .company-shield .show-shielded-company li {
    padding: 0 60px
}

.pricacy-set-wrap.account-tab-nav .company-shield .shield-company-search {
    margin: 20px 60px 0
}

.phrases-content {
    padding: 40px
}

.phrases-content h3.normal {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 25px;
    position: relative
}

.phrases-content h3.normal:after {
    content: "";
    position: absolute;
    width: 34px;
    height: 2px;
    display: block;
    background: #e2e5e9;
    left: 0;
    bottom: 0
}

.phrases-content .no-phrases .title-tip {
    margin-top: 10px;
    color: #8d92a1
}

.phrases-content .list {
    margin-top: 13px
}

.phrases-content .list .phrases-item {
    position: relative;
    padding: 10px 22px;
    margin-bottom: 4px;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 28px;
    transition: all .2s linear
}

.phrases-content .list .phrases-item:hover {
    box-shadow: 0 4px 16px 0 hsla(0, 0%, 60%, .2);
    border-radius: 8px;
    z-index: 1
}

.phrases-content .list .phrases-item a {
    opacity: .5
}

.phrases-content .list .phrases-item a:hover {
    opacity: 1;
    color: #18c3b1
}

.phrases-content .list .phrases-item .mg-r-20 {
    margin-right: 20px
}

.phrases-content .list .phrases-item a.edit {
    margin-right: 8px
}

.phrases-content .list .phrases-item a.del {
    position: relative
}

.phrases-content .list .phrases-item p {
    margin-right: 150px
}

.phrases-content .list .phrases-item .move-down, .phrases-content .list .phrases-item .move-up {
    margin-right: 10px
}

.phrases-content .list .phrases-item .move-down svg, .phrases-content .list .phrases-item .move-up svg {
    width: 15px;
    height: 14px;
    vertical-align: sub
}

.phrases-content .list .phrases-item:before {
    content: "";
    position: absolute;
    top: 21px;
    left: 8px;
    width: 6px;
    height: 6px;
    background: #d9d9d9;
    border-radius: 50%
}

.phrases-content .operate {
    margin-top: 30px
}

.phrases-content .operate a {
    color: #18c3b1;
    cursor: pointer
}

.phrases-content .operate a:hover {
    opacity: .8
}

.phrases-content .add-edit {
    margin-top: 10px
}

.phrases-content .add-edit p.text-warning {
    color: #fc6c38;
    margin-bottom: 20px
}

.phrases-content .add-edit .textarea-info {
    width: 530px
}

.phrases-content .add-edit .textarea-info .num {
    color: #9fa3b0;
    display: inline-block
}

.phrases-content .add-edit .textarea-info a.cancel {
    margin-right: 20px
}

.phrases-content .add-edit .textarea-warning {
    margin-top: 20px
}

.phrases-content .add-edit-textarea {
    min-width: 530px
}

.phrases-content .add-edit-textarea textarea {
    border-radius: 5px;
    background-color: #f8f9fc;
    border-color: #f8f9fc;
    padding: 15px;
    color: #000;
    font-size: 13px
}

.phrases-content .add-edit-textarea textarea:hover {
    border-color: #f8f9fc
}

.phrases-content .add-edit-textarea textarea:focus {
    background-color: #fff;
    border-color: #18c3b1
}

.phrases-content .add-edit-textarea textarea::-webkit-input-placeholder {
    color: #9fa3af;
    font-size: 13px
}

.phrases-content .del .dialog-container {
    border-radius: 8px;
    min-width: 240px
}

.phrases-content .del .dialog-container .dialog-body {
    text-align: center
}

.phrases-content .del .dialog-container .dialog-footer .btns .btn {
    width: 88px;
    height: 32px;
    border-radius: 4px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.phrases-content .del .dialog-container .dialog-footer .btns .btn.btn-cancel:hover {
    background-color: #effbfa
}

.phrases-content .del .dialog-container .dialog-footer .btns .btn.btn-sure:hover {
    opacity: .8
}

.phrases-content .del .dialog-container .dialog-footer .btns .btn-sure {
    background: #00bebd;
    border: 1px solid #00bebd;
    color: #fff;
    margin-left: 16px
}

.phrases-content .del .dialog-container .dialog-footer .btns .btn-cancel {
    border: 1px solid #00bebd;
    color: #00a6a7
}

.phrases-content .del-wrap .dialog-container {
    border-radius: 8px
}

.add-edit-phrases-dialog .dialog-container {
    padding: 20px 24px;
    width: 460px;
    height: 263px;
    background: #fff;
    border-radius: 12px
}

.add-edit-phrases-dialog .dialog-container .dialog-body {
    overflow: hidden
}

.add-edit-phrases-dialog .dialog-container .input-wrap-textarea {
    min-width: 412px;
    border-radius: 12px;
    overflow: hidden
}

.add-edit-phrases-dialog .dialog-container .input-wrap-textarea textarea {
    height: 120px;
    padding: 12px 16px 28px;
    background: #f8f8f8;
    border-radius: 12px
}

.add-edit-phrases-dialog .dialog-container .ui-form {
    position: relative;
    padding-bottom: 20px;
    overflow: hidden
}

.add-edit-phrases-dialog .dialog-container .ui-form .textarea-warning {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 100%
}

.add-edit-phrases-dialog .dialog-container .item-textarea {
    margin-top: 16px;
    position: relative;
    margin-bottom: 0
}

.add-edit-phrases-dialog .dialog-container .item-textarea .num {
    position: absolute;
    bottom: 8px;
    right: 8px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    background: #f8f8f8;
    padding: 0 4px;
    border-radius: 4px
}

.add-edit-phrases-dialog .dialog-container .btn-ops a {
    width: 88px;
    height: 32px;
    border-radius: 4px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.add-edit-phrases-dialog .dialog-container .btn-ops a.cancel:hover {
    background-color: #effbfa
}

.add-edit-phrases-dialog .dialog-container .btn-ops a.save:hover {
    opacity: .8
}

.add-edit-phrases-dialog .dialog-container .btn-ops a.save {
    background: #00bebd;
    border: 1px solid #00bebd;
    color: #fff;
    margin-left: 16px
}

.add-edit-phrases-dialog .dialog-container .btn-ops a.cancel {
    border: 1px solid #00bebd;
    color: #00a6a7
}

.add-edit-phrases-dialog .dialog-container .dialog-footer {
    padding-top: 0
}

.add-edit-phrases-dialog .dialog-container .dialog-footer .btns span {
    width: 88px;
    line-height: 32px;
    height: 32px
}

.add-edit-phrases-dialog .dialog-container .dialog-footer .btns span.btn-sure {
    margin-left: 16px;
    background: #00bebd;
    border-radius: 4px;
    border: 1px solid #00bebd
}

.add-edit-phrases-dialog .dialog-container .dialog-footer .btns span.btn-cancel {
    border-radius: 4px;
    border: 1px solid #00bebd
}

.content .notice-item-wrap {
    padding: 30px 60px
}

.content .notice-item-wrap h3.title {
    height: 28px;
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 28px;
    margin-bottom: 41px;
    position: relative
}

.content .notice-item-wrap h3.title:after {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    border-radius: 1px
}

.content .notice-item-wrap .list .phrases-item {
    cursor: pointer
}

.content .notice-item-wrap .list .phrases-item .icon-drag {
    margin-top: 5px;
    background-position: -90px 0
}

.content .notice-item-wrap .list .phrases-item .icon-drag:hover {
    background-position: -72px 0
}

.content .notice-item-wrap .operate.operate-wrap {
    margin-top: 24px
}

.content .notice-item-wrap .operate.operate-wrap .operate-link {
    display: inline-block;
    width: 116px;
    height: 28px
}

.content .notice-item-wrap .operate.operate-wrap .operate-link > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    height: 28px;
    position: relative
}

.content .notice-item-wrap .operate.operate-wrap .operate-link > div span {
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7
}

.content .notice-item-wrap .operate.operate-wrap .operate-link > div:hover:after {
    opacity: 1
}

.content .notice-item-wrap .operate.operate-wrap .operate-link > div:hover span {
    color: #fff;
    z-index: 9
}

.content .notice-item-wrap .operate.operate-wrap .operate-link > div:hover .icon-add {
    background-position: -18px 0;
    z-index: 99
}

.content .notice-item-wrap .operate.operate-wrap .operate-link > div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00bebd;
    border-radius: 6px;
    border: 1px solid #00bebd;
    opacity: .1
}

.content .notice-item-wrap .icon-wrap {
    background: url(https://img.bosszhipin.com/static/file/2022/2u30zlj3r31668158339779.png);
    width: 18px;
    height: 18px;
    background-size: 144px 18px
}

.content .notice-item-wrap .icon-add {
    background-position: 0 0
}

.content .notice-item-wrap .icon-delete {
    margin-top: 5px;
    background-position: -54px 0
}

.content .notice-item-wrap .icon-delete:hover {
    background-position: -36px 0
}

.content .notice-item-wrap .icon-edit {
    margin-top: 5px;
    background-position: -126px 0
}

.content .notice-item-wrap .icon-edit:hover {
    background-position: -108px 0
}

.set-greet-content {
    padding: 40px
}

.set-greet-content h3 {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 25px;
    position: relative
}

.set-greet-content h3:after {
    content: "";
    position: absolute;
    width: 34px;
    height: 2px;
    display: block;
    background: #e2e5e9;
    left: 0;
    bottom: 0;
    visibility: visible
}

.set-greet-content p {
    margin-top: 20px
}

.set-greet-content .list {
    margin-top: 13px
}

.set-greet-content .list ul li {
    margin-bottom: 11px;
    color: #9fa3b0
}

.set-greet-content .list ul li label {
    line-height: 25px;
    white-space: normal
}

.message-notice-wrapper {
    padding: 30px 0
}

.message-notice-wrapper .message-notice-title {
    margin: 0 50px;
    font-size: 24px;
    font-weight: 500;
    color: #414b60;
    line-height: 33px
}

.message-notice-wrapper .message-notice-setting {
    margin: 0
}

.message-notice-wrapper .notice-setting-controller p {
    font-size: 14px;
    font-weight: 500;
    color: #414b60;
    line-height: 20px;
    float: left
}

.message-notice-wrapper .notice-setting-controller .ui-switch {
    margin-left: 20px
}

.message-notice-wrapper .notice-setting-desc {
    margin-top: 12px
}

.message-notice-wrapper .notice-setting-desc span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #61687c;
    line-height: 18px
}

.message-notice-wrapper .notice-setting-desc img {
    display: block;
    width: 500px;
    height: 200px;
    margin-top: 22px
}

.notice-message-dialog .close {
    display: none
}

.notice-message-dialog .dialog-container {
    width: 300px;
    min-width: auto
}

.notice-message-dialog .dialog-footer {
    padding-right: 0
}

.notice-message-dialog .dialog-footer .btns {
    text-align: center
}

.page-account {
    position: relative;
    padding-top: 20px
}

.account-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 614px;
    width: 100%;
    background: linear-gradient(0deg, #fff, #88fffe 50%, #00bebd);
    opacity: .1
}

.account {
    position: relative;
    min-height: 70vh;
    display: flex
}

.account .account-form.ui-form .item-label {
    padding-right: 20px
}

.account .vertical-line {
    width: 1px;
    height: 15px;
    background-color: #e3e7ed
}

#main .account {
    min-height: 700px
}

[v-cloak] {
    display: none !important
}

.cert-tooltip {
    z-index: 10000
}

.cert-tooltip .tooltip-inner {
    background: #fff;
    color: #414a60;
    padding: 4px 10px;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .13);
    font-size: 14px;
    max-width: 400px;
    line-height: 24px
}

.cert-tooltip .cert-tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 7px;
    border-color: #fff;
    z-index: 1
}

.cert-tooltip[x-placement^=top] {
    margin-bottom: 8px
}

.cert-tooltip[x-placement^=top] .cert-tooltip-arrow {
    border-width: 7px 7px 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -7px;
    left: 43%;
    margin-top: 0;
    margin-bottom: 0
}

.cert-tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.cert-tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: 45%;
    margin-top: 0;
    margin-bottom: 0
}

.cert-tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s
}

.cert-tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

.fz-resume {
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background: url(https://img.bosszhipin.com/static/file/2023/l4iz0pkxgr1696645712998.png) 0 0/16px auto no-repeat
}

.fz-experience {
    background-position: 0 -32px
}

.fz-degree {
    background-position: 0 -80px
}

.fz-status {
    background-position: 0 -48px
}

.fz-time {
    background-position: 0 -96px
}

.fz-tel {
    background-position: 0 -16px
}

.fz-weixin {
    background-position: 0 -64px
}

.fz-mail {
    background-position: 0 0
}

.page-resume {
    color: #333
}

.page-resume:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd, #88fffe 50%, #fff);
    opacity: .1;
    z-index: -1
}

.page-resume .gray {
    color: #999
}

.resume-container {
    display: flex;
    align-items: start;
    padding-top: 20px
}

.resume-container.is-fixed.has-diagnose .resume-content {
    margin-left: 440px
}

.resume-container.is-fixed .resume-content {
    margin-left: 176px
}

.resume-container.is-fixed .resume-catalogue, .resume-container.is-fixed .resume-diagnose {
    position: fixed;
    top: 60px;
    z-index: 20
}

.resume-container.is-absolute .resume-catalogue, .resume-container.is-absolute .resume-diagnose {
    position: absolute;
    top: auto;
    bottom: 0
}

.resume-container.has-diagnose .resume-content {
    margin-right: 0
}

.resume-container .recommend-banner {
    position: relative;
    display: inline-block;
    margin-top: 16px;
    width: 100%;
    height: 136px;
    cursor: pointer
}

.resume-container .recommend-banner img {
    width: 100%;
    height: 100%
}

.resume-container .recommend-banner:after {
    display: inline-block;
    position: absolute;
    top: 76px;
    left: 40px;
    content: "\7acb\5373\67e5\770b";
    width: 88px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #00bebd;
    border-radius: 8px
}

.resume-container .recommend-banner:hover:after {
    background: #00a6a7
}

.resume-container .user-sider {
    position: relative;
    width: 264px
}

.resume-container .user-sider .sider-box, .resume-container .user-sider .sider-box .swiper-container {
    width: 100%
}

.resume-content {
    flex: 1;
    position: relative;
    margin-right: 16px;
    margin-left: 16px
}

.resume-content .data-tips, .resume-content .resume-content-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .03)
}

.resume-content .resume-center .skill-tag-selecter {
    width: 100%;
    max-width: 660px
}

.resume-content .resume-box-header {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 16px 16px 0 0
}

.resume-content .resume-box-header h2 {
    font-size: 14px;
    color: #999;
    font-weight: 400
}

.resume-content .resume-box-header a {
    color: #00a6a7
}

.resume-content .resume-box-header a:hover {
    color: rgba(0, 166, 167, .8)
}

.resume-content .resume-box-header .link-preview-resume {
    position: relative;
    padding-right: 12px;
    margin-right: 12px
}

.resume-content .resume-box-header .link-preview-resume:after {
    content: " ";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #e6e6e6
}

.resume-content .resume-box-header .link-import-resume {
    position: relative;
    padding-right: 12px
}

.resume-content .resume-box-header .link-import-resume:after {
    content: " ";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #e6e6e6
}

.resume-content .resume-box-header .link-import-resume.red-dot:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 12px;
    z-index: 1;
    width: 6px;
    height: 6px;
    background: #fd896b;
    border-radius: 100%
}

.resume-content .resume-box-header .link-create-resume {
    padding-left: 12px
}

.resume-content .resume-box-header .header-right {
    display: flex;
    align-items: center
}

.resume-content .resume-box-header .avatar-audit {
    color: #00a6a7;
    font-size: 12px;
    display: inline-block;
    line-height: 17px;
    padding: 3px 5px;
    height: 23px;
    background: rgba(83, 202, 195, .2);
    border-radius: 12px;
    margin-right: 12px
}

.resume-content .resume-box-header .avatar-audit i {
    font-size: 13px;
    margin-right: 4px;
    vertical-align: middle
}

.resume-content .resume-item-collection {
    margin-top: 16px;
    width: 100%;
    background: #fff;
    padding: 30px
}

.resume-content .industry-container {
    position: relative
}

.resume-content .industry-container .recomend-industry {
    position: absolute;
    bottom: -40px;
    display: inline-block;
    min-width: 208px;
    max-width: 350px;
    height: 32px;
    background: #5dd5c8;
    box-shadow: 0 3px 5px 0 rgba(93, 213, 200, .5);
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer
}

.resume-content .industry-container .recomend-industry:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -4px;
    left: -30px;
    margin-left: 50px;
    background: #5dd5c8;
    transform: rotate(45deg);
    box-shadow: -1px -1px 10px rgba(93, 213, 200, .09)
}

.resume-content .industry-container .recomend-industry:hover {
    background-color: #6adbcf
}

.resume-content .industry-container .recomend-industry .text {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    font-size: 14px
}

.resume-content .service-time-area {
    display: flex;
    margin-left: -4px;
    margin-right: -4px
}

.resume-content .service-time-area .ui-select {
    max-width: 150px;
    margin: 0 4px
}

.resume-content .service-time-area .ui-select .ui-select-selected-value {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.resume-preview {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.resume-preview .resume-box {
    flex: 1;
    overflow: auto;
    padding: 45px 50px
}

.resume-preview .prev-line {
    max-width: none
}

.resume-preview .frame-footer {
    z-index: 2;
    width: 100%;
    padding: 11px 0;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 -5px 8px 0 rgba(0, 0, 0, .04)
}

.resume-preview .frame-footer .btn {
    width: 108px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding: 0
}

.update-time {
    font-size: 12px;
    color: #999;
    padding-bottom: 10px
}

.update-time .link-preview {
    float: right;
    font-size: 14px
}

.resume-box .prev-line {
    min-width: 80px;
    max-width: 260px
}

.resume-box .prev-line:before {
    margin: 0 15px
}

.resume-box .prev-line .ui-icon-time {
    color: #ababab;
    font-size: 16px;
    margin-right: 10px;
    margin-left: 5px
}

.resume-box .item-primary {
    position: relative;
    padding: 12px 24px;
    box-sizing: content-box;
    transition: all .2s linear
}

.resume-box .item-primary:hover .title .link-add {
    display: block
}

.resume-box .item-primary.has-garbage-tag {
    background: #fff9f5
}

.resume-box .item-primary.has-garbage-tag li:hover {
    background: #fff1e6;
    box-shadow: none
}

.resume-box .item-primary .garbage-tag-tip {
    display: flex;
    justify-content: space-between;
    color: #f8a120;
    margin-top: 6px;
    margin-bottom: 10px;
    padding: 0 14px;
    font-size: 13px;
    line-height: 22px;
    margin-right: -14px
}

.resume-box .item-primary .garbage-tag-tip .operate {
    width: 52px;
    height: 22px;
    background: #ffaa32;
    box-shadow: 0 2px 4px 0 rgba(248, 161, 32, .38);
    border-radius: 11px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    flex-shrink: 0
}

.resume-box .item-primary .name {
    font-size: 24px;
    font-weight: 500
}

.resume-box .item-primary .title {
    position: relative;
    padding-left: 14px;
    font-size: 20px;
    height: 27px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-left: 16px
}

.resume-box .item-primary .title:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 17px;
    background: #00bebd;
    border-radius: 3px;
    left: 0;
    top: 5px
}

.resume-box .item-primary .title .link-add {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    font-weight: 400;
    color: #00a6a7
}

.resume-box .item-primary .title .link-add:before {
    content: " ";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: 0 -80px;
    background-image: url(https://img.bosszhipin.com/static/file/2023/c17gxiu5881690268634125.png);
    margin-right: 4px
}

.resume-box .item-primary .title .link-add:hover {
    color: #00bebd
}

.resume-box .item-primary .title .link-add:hover:before {
    background-position: 0 -64px
}

.resume-box .item-primary .title .label-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.resume-box .item-primary .info-labels p {
    margin-top: 10px
}

.resume-box .item-primary .op {
    position: absolute;
    display: block;
    right: 3px;
    top: 12px
}

.resume-box .item-primary .op a {
    display: inline-block;
    line-height: 24px;
    padding: 0 5px;
    color: #00a6a7
}

.resume-box .item-primary .op a .icon-svg {
    fill: #00a6a7;
    margin-right: 4px
}

.resume-box .item-primary .op a:hover {
    color: #00bebd
}

.resume-box .item-primary .op a:hover .icon-svg {
    fill: #00bebd
}

.resume-box .item-primary .op .link-edit {
    font-size: 13px
}

.resume-box .item-primary .op .link-edit:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(https://img.bosszhipin.com/static/file/2023/c17gxiu5881690268634125.png);
    background-repeat: no-repeat;
    background-position: 0 -16px;
    background-size: 16px auto;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.resume-box .item-primary .op .link-edit:hover:before {
    background-position: 0 0
}

.resume-box .item-primary .op .link-delete {
    font-size: 13px
}

.resume-box .item-primary .op .link-delete:before {
    content: "";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -1px;
    background-image: url(https://img.bosszhipin.com/static/file/2023/c17gxiu5881690268634125.png);
    background-repeat: no-repeat;
    background-position: 0 -48px;
    background-size: 16px auto;
    margin-right: 6px
}

.resume-box .item-primary .op .link-delete:hover:before {
    background-position: 0 -32px
}

.resume-box .item-primary .op-show {
    display: block
}

.resume-box .item-primary .op .op-manage-btn:hover .ui-dropmenu-label {
    color: rgba(0, 166, 167, .8)
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-label {
    padding: 0;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    transition: all .2s linear
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-label i {
    display: none
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-label .dot-icon-more {
    margin-right: 6px;
    font-weight: 500;
    display: inline-block;
    font-size: 16px;
    height: 10px;
    line-height: 10px;
    position: relative;
    top: -4px
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list {
    top: 20px;
    left: 50%;
    margin-left: -38px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 4px;
    border: 1px solid #ededed;
    background: #fff;
    z-index: 12
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list:before {
    content: none
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul {
    min-width: 64px;
    text-align: center;
    border-radius: 4px;
    padding: 4px
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li {
    min-height: auto;
    height: 28px;
    padding: 0 8px;
    line-height: 28px;
    font-size: 14px;
    color: #00a6a7;
    transition: all .2s linear;
    border-radius: 4px
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li + li {
    margin-top: 4px
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li:before {
    content: " ";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    display: inline-block;
    margin-right: 6px;
    background: url(https://img.bosszhipin.com/static/file/2023/c17gxiu5881690268634125.png) 0 -16px/16px auto no-repeat
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li.op-manage-delete:before {
    background-position: 0 -48px
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li.op-manage-top:before {
    background: url(https://img.bosszhipin.com/static/file/2023/osqt68q0p21696840971622.png) 0 0/16px auto no-repeat
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li:hover {
    box-shadow: none;
    background: #f8f8f8
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li.is-disabled {
    cursor: not-allowed;
    color: rgba(97, 104, 124, .8)
}

.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li.is-disabled:hover {
    color: rgba(97, 104, 124, .8);
    box-shadow: none;
    background: #fff
}

.resume-box .item-primary li {
    padding: 8px 16px;
    position: relative;
    min-height: 40px;
    border-radius: 8px;
    transition: all .2s linear
}

.resume-box .item-primary li + li {
    margin-top: 24px
}

.resume-box .item-primary li:hover {
    background: #f8f8f8;
    cursor: pointer
}

.resume-box .item-primary li:hover .op {
    display: block
}

.resume-box .item-primary li:hover .info-text-block .period {
    display: none
}

.resume-box .item-primary li.disabled .op {
    display: none !important
}

.resume-box .item-primary li.disabled:hover {
    cursor: default;
    background: transparent
}

.resume-box .item-primary li.disabled:hover .op {
    display: none
}

.resume-box .item-primary li.garbage-tag:hover {
    background: #ffecdc
}

.resume-box .item-primary li .op {
    display: none;
    bottom: unset;
    top: 10px !important;
    right: 14px !important
}

.resume-box .item-primary li .op-show {
    display: block
}

.resume-box .item-primary li .op-garbage {
    top: 66px;
    right: 30px
}

.resume-box .item-primary li .primary-info h4 {
    font-size: 15px;
    font-weight: 700
}

.resume-box .item-primary li .primary-info h4.name {
    max-width: 420px;
    word-break: break-all;
    float: left;
    color: #414a60
}

.resume-box .item-primary li .primary-info h4.name + .period {
    font-size: 12px;
    padding-left: 30px;
    float: left;
    position: relative;
    top: 2px
}

.resume-box .item-primary li .primary-info .info-text-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.resume-box .item-primary li .primary-info .info-text-block .text-block-main {
    display: flex
}

.resume-box .item-primary li .primary-info .info-text-block .name, .resume-box .item-primary li .primary-info .info-text-block .position-name {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    display: inline-block;
    max-width: 240px;
    word-break: break-all
}

.resume-box .item-primary li .primary-info .info-text-block .position-name {
    margin-left: 16px;
    max-width: 200px
}

.resume-box .item-primary li .primary-info .info-text-block .role-name {
    margin-left: 16px;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    display: inline-block;
    max-width: 200px;
    word-break: break-all
}

.resume-box .item-primary li .primary-info .info-text-block + .info-text {
    padding-top: 8px
}

.resume-box .item-primary li .primary-info .info-text {
    padding: 10px 0;
    color: #333;
    line-height: 24px;
    white-space: pre-wrap;
    overflow: hidden;
    word-break: break-all;
    text-align: justify;
    letter-spacing: 0
}

.resume-box .item-primary li .primary-info .info-text.text-gray {
    color: #999
}

.resume-box .item-primary li .primary-info .info-text:first-of-type {
    padding-top: 0
}

.resume-box .item-primary li .primary-info .info-text:last-of-type {
    padding-bottom: 0
}

.resume-box .item-primary li .primary-info .info-text .text-type {
    font-weight: 600;
    color: #222;
    line-height: 24px;
    margin-right: 4px;
    float: left
}

.resume-box .item-primary li .primary-info .info-text .text-desc {
    display: block;
    overflow: auto
}

.resume-box .item-primary li .primary-info .info-text.advantage-text {
    padding-top: 0
}

.resume-box .item-primary li .primary-info .info-text.work-text-ellipsis {
    padding-top: 0;
    max-width: 568px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.resume-box .item-primary li .primary-info .info-text.work-text-ellipsis + .work-show-list {
    margin-top: 5px
}

.resume-box .item-primary li .primary-info .info-text.info-text-training {
    font-size: 12px;
    color: #8d92a1;
    line-height: 17px
}

.resume-box .item-primary li .primary-info .info-text.info-text-training span {
    margin-right: 20px
}

.resume-box .item-primary li .primary-info .info-text.info-text-training .period {
    margin-right: 0;
    white-space: nowrap
}

.resume-box .item-primary li .primary-info .keywords {
    padding-top: 8px
}

.resume-box .item-primary li .primary-info .keywords span {
    display: inline-block;
    color: #999;
    padding: 2px 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #444;
    line-height: 20px;
    background: rgba(0, 0, 0, .04);
    border-radius: 4px
}

.resume-box .item-primary li .primary-info .social-img {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 15px;
    vertical-align: middle
}

.resume-box .item-primary li .primary-info .handicap-list {
    margin: -4px -4px 2px;
    overflow: hidden;
    max-width: 540px
}

.resume-box .item-primary li .primary-info .handicap-list li {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 4px 12px;
    margin: 4px;
    background: rgba(0, 0, 0, .04);
    border-radius: 4px;
    box-sizing: border-box;
    min-height: auto
}

.resume-box .item-primary li .primary-info .handicap-list li img {
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.resume-box #social .primary-info {
    white-space: nowrap;
    max-width: 580px;
    text-overflow: ellipsis;
    overflow: hidden
}

.resume-box .avatar-upload {
    position: absolute;
    right: 40px;
    top: 70px;
    z-index: 1
}

.resume-box .resume-baseInfo .info-labels .prev-line:before {
    margin: 0 16px;
    background: transparent;
    width: 0
}

.resume-box .resume-advantage .item-primary li .op {
    display: block
}

.resume-box .expectation-form .short {
    max-width: 140px
}

.resume-box .expectation-form .skill-tag-mask {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.resume-box .expectation-selection {
    width: 100%
}

.resume-box .expectation-selection ul {
    margin-left: 0;
    padding-top: 0;
    border: 1px solid #e3e7ed
}

.resume-box .no-icon {
    background-color: #0ff
}

.resume-box .no-icon .ui-icon-arrow-down {
    display: none
}

.resume-box .info-flex {
    display: flex
}

.resume-box .info-flex-item {
    flex: 1
}

.resume-box .header-upload {
    width: 80px;
    height: 80px;
    flex: none;
    position: relative
}

.resume-box .header-upload:hover .header-mask {
    display: block
}

.resume-box .header-upload .header-box {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.resume-box .header-upload .header-mask {
    display: none;
    background-color: rgba(0, 0, 0, .6);
    background-image: url(https://img.bosszhipin.com/static/file/2023/ku6zps7ghx1698224013168.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 32px auto
}

.resume-box .header-upload .header-loading, .resume-box .header-upload .header-mask {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.resume-box .header-upload .header-loading {
    background-color: hsla(0, 0%, 51.4%, .5);
    color: #d1d4db;
    text-align: center;
    font-size: 30px;
    line-height: 56px
}

.resume-box .header-upload .header-img {
    display: block
}

.resume-box .header-upload .icon-svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px
}

.resume-box .resume-cropper-upload .custom-cropper-box {
    width: 410px;
    height: 480px;
    padding: 20px;
    border-radius: 10px
}

.resume-box .resume-cropper-upload .cropper-win .btns-box {
    top: calc(50% + 260px);
    width: 410px;
    left: 50%;
    margin-left: -205px
}

.resume-box .resume-cropper-upload .cropper-win .btns-box .btn {
    float: right;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 5px 30px;
    height: 32px;
    border: 1px solid #ededed;
    transition: all .2s linear
}

.resume-box .resume-cropper-upload .cropper-win .btns-box .btn:hover {
    color: #00a6a7;
    border: 1px solid #00c2b3
}

.resume-box .resume-cropper-upload .cropper-win .btns-box .btn.btn-primary {
    background: #00bebd;
    border: 1px solid #00bebd;
    transition: all .2s linear;
    margin-right: 105px
}

.resume-box .resume-cropper-upload .cropper-win .btns-box .btn.btn-primary:hover {
    color: #fff;
    background: rgba(0, 190, 189, .8);
    border: 1px solid rgba(0, 190, 189, .8)
}

.resume-box .resume-cropper-upload .cropper-win .custom-cropper-box .vue-cropper {
    background-color: rgba(0, 0, 0, .6)
}

.resume-box .advantage-show .icon-garbage {
    top: 10px
}

.resume-box .advantage-show .op {
    background-color: hsla(0, 0%, 97.3%, .9);
    transition: all .2s linear;
    padding-left: 5px
}

.resume-box .advantage-show .op.op-garbage {
    background-color: rgba(255, 241, 230, .9)
}

.resume-box .resume-stay-abroad .op, .resume-box .resume-training .op {
    background-color: hsla(0, 0%, 97.3%, .9);
    transition: all .2s linear;
    padding-left: 5px
}

.resume-box .resume-stay-abroad .op.op-garbage, .resume-box .resume-training .op.op-garbage {
    background-color: rgba(255, 241, 230, .9)
}

.resume-box .icon-garbage {
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-bad-resume-pre.1f4c1e52.png) no-repeat;
    left: 0;
    top: 17px
}

.resume-box .babresume-warning {
    font-size: 12px;
    font-weight: 400;
    color: #fc703e;
    line-height: 14px;
    height: 14px;
    position: relative;
    margin-top: 3px;
    display: block
}

.resume-box .babresume-warning i {
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.resume-box .resume-summary .primary-info {
    word-break: break-all
}

.resume-box .resume-userinfo .icon-garbage {
    top: 26px;
    left: -5px
}

.resume-box .resume-education .item-primary li .primary-info .school-badge-wrapper + .info-text {
    padding-top: 12px
}

.resume-box .resume-education .item-primary li .primary-info .info-text {
    padding: 6px 0
}

.resume-box .resume-social .social-url .primary-info {
    word-break: break-all;
    padding-right: 56px
}

.resume-box .resume-handicap .item-primary li .primary-info .info-text {
    padding: 6px 0
}

.resume-box .resume-handicap .item-primary li .primary-info .info-text:last-child {
    padding-bottom: 0
}

.resume-box .resume-cert-tag {
    display: inline-block;
    background: rgba(0, 0, 0, .04);
    border-radius: 4px;
    padding: 2px 8px;
    margin: 4px;
    overflow: hidden;
    vertical-align: top;
    position: relative;
    font-size: 14px;
    color: #444;
    line-height: 20px
}

.resume-box .resume-cert-tag .auth-icon {
    position: absolute;
    background-image: linear-gradient(to left bottom, #00bebd, #00bebd 50%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0));
    right: 0;
    top: 0;
    color: #fff;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    padding: 2px 3px 0;
    transform: scale(.5);
    transform-origin: 100% 0
}

.resume-flex {
    display: flex;
    white-space: nowrap;
    align-items: center
}

.resume-flex .resume-flex-body {
    flex: 1;
    align-self: baseline;
    padding: 0 20px
}

.resume-dialog-preview .dialog-body {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.resume-dialog-report .input-wrap-textarea {
    width: 560px;
    height: 200px
}

.resume-dialog-report .input-wrap-textarea .input {
    height: 100%
}

.resume-dialog-report .resume-report-desc {
    line-height: 50px
}

.resume-warning {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #7aa8f3;
    line-height: 30px;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 13px;
    color: #fff;
    animation: jianli .6s ease;
    z-index: 5
}

.resume-warning-text img {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    vertical-align: text-top
}

.resume-warning-btn {
    color: #fff;
    text-align: center;
    margin-left: 20px;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    transition: all .4s ease;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 2px
}

.resume-warning-btn:hover {
    color: #5281cf;
    border-color: #fff;
    background-color: #fff
}

.industry-dialog .dialog-body {
    overflow: visible
}

.resume-certification .visible-wrap {
    position: relative;
    margin: -4px;
    padding-right: 70px;
    max-height: 66px;
    overflow: hidden
}

.resume-certification .visible-wrap.visible-show {
    max-height: none
}

.resume-certification .visible-wrap.visible-hide .visible-btn, .resume-certification .visible-wrap.visible-show .visible-btn {
    position: absolute;
    right: 8px;
    bottom: 6px;
    display: flex;
    align-items: center;
    color: #666;
    line-height: 20px
}

.resume-certification .visible-wrap.visible-hide .visible-btn:before, .resume-certification .visible-wrap.visible-show .visible-btn:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2023/fy5ciyv6k01698238342608.png) 0 0/16px auto no-repeat;
    margin-right: 6px
}

.resume-certification .visible-wrap.visible-hide .visible-btn:hover, .resume-certification .visible-wrap.visible-show .visible-btn:hover {
    color: #00a6a7
}

.resume-certification .visible-wrap.visible-show .visible-btn:before {
    background-position: 0 -32px
}

.resume-certification .visible-wrap.visible-show .visible-btn:hover:before {
    background-position: 0 -48px
}

.resume-certification .visible-wrap.visible-show .visible-btn:after {
    content: "收起"
}

.resume-certification .visible-wrap.visible-hide .visible-btn:hover:before {
    background-position: 0 -16px
}

.resume-certification .visible-wrap.visible-hide .visible-btn:after {
    content: "展开"
}

.internship-experence-tag {
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    height: 20px;
    background: rgba(0, 190, 189, .1)
}

.resume-work-display .item-primary {
    padding-bottom: 0
}

.resume-work-display ul {
    overflow: hidden;
    margin: -10px -5px 0 3px
}

.resume-work-display ul li {
    position: relative;
    min-height: 40px;
    transition: all .2s linear;
    float: left;
    width: 200px;
    height: 150px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 0 !important;
    margin: 10px
}

.resume-work-display ul li .progress {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
    height: 3px
}

.resume-work-display ul li .progress-bar {
    background-color: #00a6a7
}

.resume-work-display ul li .icon-del {
    display: none;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    font-size: 20px;
    color: #b2b6c1;
    padding: 5px
}

.resume-work-display ul li .status-fail {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    line-height: 17px
}

.resume-work-display ul li .status-fail span {
    color: #00a6a7;
    text-decoration: underline
}

.resume-work-display ul li .status-succ {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .5)
}

.resume-work-display ul li.display-item {
    padding: 0;
    background: no-repeat 50%;
    background-size: cover
}

.resume-work-display ul li.display-item:hover {
    border-radius: 0
}

.resume-work-display ul li.display-item:after {
    display: none;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2)
}

.resume-work-display ul li.display-item:hover .icon-del, .resume-work-display ul li.display-item:hover:after {
    display: block
}

.resume-work-display ul li.display-item:hover .status-succ {
    display: none
}

.resume-work-display ul li.upload-fail:after, .resume-work-display ul li.upload-uploading:after {
    display: block
}

.resume-work-display ul .display-item-audit-reject .icon-and-text {
    position: absolute;
    height: 23px;
    width: 75px;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 400;
    top: 70px;
    left: 71px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fe574a
}

.resume-work-display ul .display-item-audit-reject .icon-and-text .audit-reject-icon {
    width: 19px;
    height: 19px;
    margin-right: -1px;
    display: inline-block;
    margin-top: 4px;
    margin-left: -6px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-audit-reject@2x.7b0c5c17.png) no-repeat 50%;
    background-size: 100% 100%
}

.resume-work-display ul .display-item-audit-reject img {
    opacity: .3
}

.resume-work-display ul .upload-wrap {
    border: 1px dotted #d1d4db
}

.resume-work-display ul .upload-wrap:hover {
    border-radius: 0
}

.resume-work-display ul .upload-wrap .upload-inner {
    height: 100%
}

.resume-work-display ul .upload-wrap .custom-box {
    padding-top: 30px;
    height: 100%
}

.resume-work-display ul .upload-wrap .icon-svg {
    width: 34px;
    height: 34px;
    fill: #5dd5c8;
    margin: 0 0 10px
}

.resume-work-display ul .upload-wrap .upload-guide {
    line-height: 12px;
    color: #00c2b3;
    margin-bottom: 20px
}

.resume-work-display ul .upload-wrap .upload-tip {
    line-height: 17px;
    color: #999
}

.resume-work-display ul .upload-wrap:hover {
    background-color: #e1f6f5
}

.resume-designWorksVideo .work-show-title, .resume-work-display-designWorks .work-show-title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #4a5060;
    line-height: 20px;
    margin-bottom: 8px;
    margin-top: 20px
}

.resume-designWorksVideo .work-show-list, .resume-work-display-designWorks .work-show-list {
    margin: -5px -8px
}

.resume-designWorksVideo .work-show-list li, .resume-work-display-designWorks .work-show-list li {
    position: relative;
    transition: all .2s linear;
    float: left;
    width: 100px;
    height: 100px;
    font-size: 12px;
    color: #fff;
    padding: 0 !important;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.resume-designWorksVideo .work-show-list li + li, .resume-work-display-designWorks .work-show-list li + li {
    margin: 5px
}

.resume-designWorksVideo .work-show-list li .video-play-icon, .resume-work-display-designWorks .work-show-list li .video-play-icon {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    z-index: 9;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2022/3hpx66djjq1669714741397.png) 0 0/36px auto no-repeat
}

.resume-designWorksVideo .work-show-list li .ti-eye, .resume-work-display-designWorks .work-show-list li .ti-eye {
    display: none;
    position: absolute;
    font-size: 24px;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    z-index: 9
}

.resume-designWorksVideo .work-show-list li img, .resume-work-display-designWorks .work-show-list li img {
    transition: all .2s linear
}

.resume-designWorksVideo .work-show-list li:hover:after, .resume-work-display-designWorks .work-show-list li:hover:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2)
}

.resume-designWorksVideo .work-show-list li:hover img, .resume-work-display-designWorks .work-show-list li:hover img {
    transform: scale(1.1)
}

.resume-designWorksVideo .work-show-list li:hover .ti-eye, .resume-work-display-designWorks .work-show-list li:hover .ti-eye {
    display: block
}

.resume-designWorksVideo .work-show-list li:hover .video-play-icon, .resume-work-display-designWorks .work-show-list li:hover .video-play-icon {
    background-position: 0 -36px
}

.resume-designWorksVideo .work-show-list .display-item-audit-reject .icon-and-text, .resume-work-display-designWorks .work-show-list .display-item-audit-reject .icon-and-text {
    position: absolute;
    height: 24px;
    width: 76px;
    border-radius: 12px;
    font-size: 12px;
    top: 50%;
    left: 50%;
    margin-left: -38px;
    margin-top: -12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fe574a;
    z-index: 10
}

.resume-designWorksVideo .work-show-list .display-item-audit-reject .icon-and-text .audit-reject-icon, .resume-work-display-designWorks .work-show-list .display-item-audit-reject .icon-and-text .audit-reject-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: 4px;
    margin-left: -6px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-audit-reject@2x.7b0c5c17.png) no-repeat 50%;
    background-size: 100% 100%
}

.resume-designWorksVideo .work-show-list .display-item-audit-reject img, .resume-work-display-designWorks .work-show-list .display-item-audit-reject img {
    opacity: .3
}

.resume-designWorksVideo .like-area, .resume-work-display-designWorks .like-area {
    font-size: 12px;
    color: #8d92a1;
    line-height: 17px;
    margin-top: 10px
}

.resume-designWorksVideo .more-photo-info, .resume-work-display-designWorks .more-photo-info {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.resume-designWorksVideo .expand-group-area, .resume-work-display-designWorks .expand-group-area {
    text-align: center;
    margin-top: 10px;
    line-height: 17px
}

.resume-designWorksVideo .expand-group-area .expand-group-btn, .resume-work-display-designWorks .expand-group-area .expand-group-btn {
    display: inline-block;
    font-size: 12px;
    color: #333;
    line-height: 17px;
    transition: all .2s linear
}

.resume-designWorksVideo .expand-group-area .expand-group-btn:hover, .resume-work-display-designWorks .expand-group-area .expand-group-btn:hover {
    color: #00c2b3
}

.resume-designWorksVideo .expand-group-area .expand-group-btn i, .resume-work-display-designWorks .expand-group-area .expand-group-btn i {
    margin-left: 2px
}

.resume-clubExp .expand-group-area {
    text-align: center;
    margin-top: 10px;
    line-height: 17px
}

.resume-clubExp .expand-group-area .expand-group-btn {
    display: inline-block;
    font-size: 12px;
    color: #333;
    line-height: 17px;
    transition: all .2s linear
}

.resume-clubExp .expand-group-area .expand-group-btn:hover {
    color: #00c2b3
}

.resume-clubExp .expand-group-area .expand-group-btn i {
    margin-left: 2px
}

.resume-preview .resume-work-display ul {
    margin-right: -50px
}

.resume-preview .resume-work-display ul li {
    cursor: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.resume-preview .resume-work-display ul li:after {
    display: none !important
}

.resume-preview .resume-work-display ul li:hover {
    background-color: transparent
}

.no-scroll {
    overflow: hidden
}

@keyframes warning {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

@keyframes jianli {
    0% {
        transform: translateY(-200%)
    }
    to {
        transform: translate(0)
    }
}

.resume-box .resume-expectList .item-primary li, .resume-box .resume-userinfo .item-primary li {
    margin-top: 0
}

.risk-dialog .dialog-header span {
    display: inline-block;
    height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #13141a;
    line-height: 24px;
    vertical-align: middle
}

.risk-dialog .dialog-header img {
    height: 24px;
    margin-right: 8px;
    vertical-align: middle
}

.risk-dialog .dialog-container {
    padding: 24px;
    border-radius: 8px
}

.risk-dialog .dialog-footer {
    padding-top: 0
}

.work-declare-dialog .dialog-header .title {
    font-size: 20px;
    margin-bottom: 10px
}

.work-declare-dialog .dialog-container {
    width: 600px
}

.work-declare-dialog .dialog-body {
    white-space: pre-wrap;
    line-height: 26px;
    margin-right: -30px;
    padding-right: 30px
}

.title-operate-area {
    display: flex;
    align-items: center
}

.dot-slide-show-enter, .dot-slide-show-leave-to {
    height: 0
}

.dot-slide-show-enter-to, .dot-slide-show-leave {
    height: 40px
}

.dot-slide-show-enter-active, .dot-slide-show-leave-active {
    transition: all .3s ease-in-out
}

.suggest-tip-dialog .dialog-container {
    background: linear-gradient(181deg, #c0f9f6, #e5f9f8 32%, hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, 0) 0) #fff;
    width: 460px;
    border-radius: 12px;
    padding: 20px 30px
}

.suggest-tip-dialog .dialog-header h3.title {
    font-weight: 500;
    color: #222;
    line-height: 22px;
    font-size: 16px
}

.suggest-tip-dialog .dialog-header .close:hover {
    background: transparent
}

.suggest-tip-dialog .dialog-body {
    color: #666;
    line-height: 20px;
    font-size: 14px;
    margin-top: 16px
}

.suggest-tip-dialog .dialog-footer {
    padding-top: 20px
}

.suggest-tip-dialog .dialog-footer .btns .btn {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 5px 15px;
    height: 32px
}

.suggest-tip-dialog .dialog-footer .btns .btn.btn-cancel {
    border: 1px solid #ededed;
    color: #999;
    transition: all .2s linear
}

.suggest-tip-dialog .dialog-footer .btns .btn.btn-cancel:hover {
    padding: 5px 15px;
    color: #00a6a7;
    border: 1px solid #00c2b3
}

.suggest-tip-dialog .dialog-footer .btns .btn.btn-sure {
    background: #00bebd;
    transition: all .2s linear
}

.suggest-tip-dialog .dialog-footer .btns .btn.btn-sure:hover {
    background: rgba(0, 190, 189, .8);
    border: 1px solid rgba(0, 190, 189, .8)
}

.upgrade-expect-dialog .dialog-container {
    width: 460px;
    background: #fff url(https://img.bosszhipin.com/static/file/2023/byulmuroc11692758239925.png) 0 0/100% auto no-repeat;
    border-radius: 12px;
    padding: 120px 40px 20px
}

.upgrade-expect-dialog .dialog-header .title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    line-height: 25px
}

.upgrade-expect-dialog .dialog-header .close:hover {
    background: transparent
}

.upgrade-expect-dialog .dialog-body {
    margin-top: 16px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-align: justify
}

.upgrade-expect-dialog .dialog-footer {
    margin: 20px 0 0;
    padding: 0
}

.upgrade-expect-dialog .dialog-footer .btns {
    text-align: center
}

.upgrade-expect-dialog .dialog-footer .btns .btn-sure {
    position: relative;
    width: 180px;
    text-align: center;
    background: #00bebd;
    border-radius: 8px;
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: auto;
    border: none;
    transition: all .2s linear
}

.upgrade-expect-dialog .dialog-footer .btns .btn-sure:before {
    content: " ";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 1;
    width: 68px;
    height: 23px;
    background: url(https://img.bosszhipin.com/static/file/2023/1ymyri9jvo1692758913043.png) 0 0/auto 100% no-repeat
}

.upgrade-expect-dialog .dialog-footer .btns .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.resume-box .form-item .form-error-tip {
    padding-top: 4px
}

.resume-box .form-item-work-type {
    margin-bottom: 0
}

.resume-box .date-scope {
    display: flex;
    align-items: center
}

.resume-box .date-scope .datepicker-wrap {
    width: 132px
}

.resume-box .date-scope .datepicker-wrap .input, .resume-box .date-scope .input-wrap {
    min-width: 100%
}

.resume-box .date-scope .date-scope-text {
    margin: 0 10px
}

.resume-box .item-form {
    padding: 20px 32px;
    margin: 8px;
    background: #f8f8f8;
    border-radius: 16px;
    position: relative
}

.resume-box .item-form .ui-form {
    margin-left: -20px;
    margin-right: -20px
}

.resume-box .item-form .ui-form.ui-form-label-top .item-label {
    padding: 0 0 8px
}

.resume-box .item-form .ui-select-selection {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: none;
    transition: all .2s linear
}

.resume-box .item-form .ui-select-selection:hover {
    border-color: #00bebd
}

.resume-box .item-form .ui-select-disabled .ui-select-selection:hover {
    border-color: #e6e6e6
}

.resume-box .item-form .input {
    height: 44px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 8px;
    border-color: #e6e6e6;
    box-shadow: none;
    font-weight: 500;
    color: #222;
    transition: all .2s linear
}

.resume-box .item-form .input:hover {
    border-color: #00bebd
}

.resume-box .item-form .input[disabled], .resume-box .item-form .input[disabled]:focus, .resume-box .item-form .input[disabled]:hover {
    color: #999;
    border-color: #e6e6e6
}

.resume-box .item-form .input[readonly], .resume-box .item-form .input[readonly]:focus, .resume-box .item-form .input[readonly]:hover {
    background-color: #fff;
    cursor: pointer
}

.resume-box .item-form .ui-select .ui-select-inner {
    height: 42px;
    padding: 11px 12px;
    color: #222;
    font-weight: 500
}

.resume-box .item-form .ui-select .ui-icon-arrow-down {
    right: 12px
}

.resume-box .item-form .ui-select-disabled .ui-select-selection .ui-select-inner {
    opacity: 1;
    color: #999
}

.resume-box .item-form .skill-tag-selecter .custom-add-btn {
    top: 14px;
    color: #00a6a7
}

.resume-box .item-form .skill-tag-selecter .custom-add-btn:hover {
    color: rgba(0, 166, 167, .8)
}

.resume-box .item-form .skill-tag-selecter .ui-select-dropdown .ui-select-group-title {
    color: #333
}

.resume-box .item-form .skill-tag-selecter .ui-select-dropdown .ui-select-item .ui-tag {
    color: #333;
    background: #f8f8f8;
    border-radius: 8px;
    font-size: 14px;
    transition: all .2s linear;
    border: none
}

.resume-box .item-form .skill-tag-selecter .ui-select-dropdown .ui-select-item .ui-tag:hover {
    background: rgba(0, 190, 189, .1)
}

.resume-box .item-form .skill-tag-selecter .ui-dropdown-not-found .tip-box i {
    color: #00a6a7
}

.resume-box .item-form .skill-tag-selecter .ui-dropdown-not-found .tip-box span {
    color: #999
}

.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner {
    padding: 3px 70px 3px 7px;
    height: auto
}

.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner .ui-tag {
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding: 4px 8px;
    transition: all .2s linear;
    margin: 4px
}

.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner .ui-tag:hover {
    background: rgba(0, 190, 189, .1)
}

.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner .ui-tag .ui-icon-close:hover {
    color: #00bebd;
    background: transparent
}

.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner .ui-select-input {
    max-width: 100%;
    margin: 3px;
    height: 30px;
    line-height: 30px
}

.resume-box .item-form .checkbox .checkbox-inner {
    transition: all .2s linear
}

.resume-box .item-form .checkbox:hover .checkbox-inner {
    border-color: #00bebd
}

.resume-box .item-form .checkbox.checkbox-disabled {
    cursor: not-allowed
}

.resume-box .item-form .checkbox.checkbox-disabled:hover .checkbox-inner {
    border-color: #e3e7ed
}

.resume-box .item-form .checkbox.checkbox-checked .checkbox-inner {
    border-color: #00bebd
}

.resume-box .item-form .checkbox.checkbox-checked .checkbox-edging {
    background: #00bebd
}

.resume-box .item-form .checkbox.checkbox-checked:hover .checkbox-inner {
    border-color: #00bebd
}

.resume-box .item-form .radio-group-rectangle .radio-item {
    width: 142px;
    min-width: auto;
    line-height: 42px;
    border-radius: 8px;
    border-color: #e6e6e6;
    color: #999;
    font-weight: 500
}

.resume-box .item-form .radio-group-rectangle .radio-item:hover {
    border-color: #00bebd;
    color: #00a6a7
}

.resume-box .item-form .radio-group-rectangle .radio-disabled {
    background: #f8f8f8;
    border-color: #e6e6e6;
    color: #999
}

.resume-box .item-form .radio-group-rectangle .radio-disabled:hover {
    border-color: #e6e6e6;
    color: #999
}

.resume-box .item-form .radio-group-rectangle .radio-checked {
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00bebd;
    color: #00a6a7
}

.resume-box .item-form .radio-group-rectangle .radio-checked:hover {
    border-color: #00bebd;
    color: #00a6a7
}

.resume-box .item-form .input-wrap-textarea .input {
    height: 160px;
    padding: 7px 12px;
    color: #333;
    font-weight: 400
}

.resume-box .item-form .form-item-advantage .input {
    height: 200px
}

.resume-box .item-form h3.title {
    font-size: 16px;
    height: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.resume-box .item-form .form-item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 0 20px
}

.resume-box .item-form .form-item .city-select-container, .resume-box .item-form .form-item .datepicker-wrap, .resume-box .item-form .form-item .input-wrap, .resume-box .item-form .form-item .ui-cascader, .resume-box .item-form .form-item .ui-cascader-selection, .resume-box .item-form .form-item .ui-select {
    width: 100%;
    flex: 1
}

.resume-box .item-form .form-item .salary-scope .ui-dropdown-list .ui-select-item, .resume-box .item-form .form-item .scope-select .ui-dropdown-list .ui-select-item, .resume-box .item-form .form-item .ui-select-single .ui-dropdown-list .ui-select-item {
    transition: all .2s linear
}

.resume-box .item-form .form-item .salary-scope .ui-dropdown-list .ui-select-item:hover, .resume-box .item-form .form-item .scope-select .ui-dropdown-list .ui-select-item:hover, .resume-box .item-form .form-item .ui-select-single .ui-dropdown-list .ui-select-item:hover {
    color: #00a6a7;
    background: #f8f8f8
}

.resume-box .item-form .form-item .scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
    margin: 0
}

.resume-box .item-form .form-item .city-select-container .dropdown-select {
    width: 100%
}

.resume-box .item-form .form-item .city-select-container .ipt {
    width: 100%;
    color: #222;
    font-weight: 500
}

.resume-box .item-form .form-item .city-select-container .dropdown-menu .city-box .dropdown-city, .resume-box .item-form .form-item .city-select-container .dropdown-menu .city-box .dropdown-province {
    width: 170px;
    border-radius: 8px
}

.resume-box .item-form .form-item .date-scope-text, .resume-box .item-form .form-item .scope-separator {
    margin: 0 15px
}

.resume-box .item-form .form-item .real-name {
    position: absolute;
    top: -33px;
    left: 44px;
    color: #00bebd;
    display: flex;
    align-items: center;
    font-size: 12px
}

.resume-box .item-form .form-item .real-name img {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.resume-box .item-form .form-item .item-label {
    color: #666;
    line-height: 20px
}

.resume-box .item-form .form-item.form-item-blur .item-label {
    width: 100%;
    text-align: left
}

.resume-box .item-form .form-item.form-item-blur .slot-label {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 20px
}

.resume-box .item-form .form-item.form-item-blur .slot-label em {
    font-style: normal;
    font-weight: 400;
    color: #999;
    font-size: 12px;
    display: inline-block
}

.resume-box .item-form .form-item.form-item-blur .input-prepend-blur {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 44px;
    line-height: 42px;
    border: 1px solid #e6e6e6;
    color: #222;
    font-weight: 500;
    border-radius: 8px;
    z-index: 1;
    background-color: #fff;
    padding-left: 12px;
    padding-right: 27px;
    box-sizing: border-box;
    transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
    cursor: text
}

.resume-box .item-form .form-item.form-item-blur .input-prepend-blur:hover {
    border-color: #00bebd
}

.resume-box .item-form .form-item.form-item-blur .input-prepend-blur span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.resume-box .item-form .form-item.form-item-blur .input-wrap:hover .suffix {
    display: flex
}

.resume-box .item-form .form-item.form-item-blur .suffix {
    z-index: 3;
    cursor: pointer;
    display: none
}

.resume-box .item-form .form-item .append-tip {
    display: none;
    position: absolute;
    z-index: 99;
    top: 44px;
    left: 0;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    padding: 9px 14px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-radius: 8px
}

.resume-box .item-form .form-item .append-tip .gray {
    font-size: 12px
}

.resume-box .item-form .form-item .append-tip .gray a {
    color: #00a6a7
}

.resume-box .item-form .form-item .append-tip .gray a:hover {
    color: rgba(0, 166, 167, .8)
}

.resume-box .item-form .form-item .append-tip .radio-inner {
    margin-right: 10px
}

.resume-box .item-form .form-item .append-tip .radio-inner:after {
    background: #00bebd
}

.resume-box .item-form .form-item .append-tip .radio-checked .radio-inner, .resume-box .item-form .form-item .append-tip .radio:hover .radio-inner {
    border-color: #00bebd
}

.resume-box .item-form .form-item .datepicker-wrap:hover .append-tip, .resume-box .item-form .form-item .input-group-with-append:hover .append-tip, .resume-box .item-form .form-item .radio-group:hover .append-tip, .resume-box .item-form .form-item .ui-select:hover .append-tip {
    display: block
}

.resume-box .item-form .form-item .datepicker-wrap .prefix-totoday {
    padding: 0 12px;
    line-height: 26px;
    pointer-events: none;
    left: 1px;
    top: 9px;
    color: #222;
    font-weight: 500
}

.resume-box .item-form .form-item .nodata-tip {
    position: absolute;
    font-size: 12px;
    padding: 6px 10px 8px 0
}

.resume-box .item-form .form-item .nodata-tip i {
    color: #fc6c38;
    font-size: 14px;
    margin-right: 6px
}

.resume-box .item-form .form-item .datepicker-pannel {
    width: 304px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed;
    margin: 1px 0
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header {
    position: relative;
    padding: 7px 20px
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header:after, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 1px;
    background: #ededed
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header span, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header span {
    height: 20px;
    line-height: 20px;
    color: #333;
    font-weight: 500
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .next, .resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .prev, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .next, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .prev {
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .next:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .prev:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .next:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .prev:hover {
    background: transparent
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .next:after, .resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .prev:after, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .next:after, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .prev:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 6px;
    border: 6px solid transparent;
    transform: none
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .prev:hover:after, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .prev:hover:after {
    border-right-color: #00bebd
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .prev:after, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .prev:after {
    border-right-color: #ccc;
    left: 3px
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .next:hover:after, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .next:hover:after {
    border-left-color: #00bebd
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-header .next:after, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-header .next:after {
    border-left-color: #ccc;
    right: 3px;
    left: auto
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content {
    height: auto;
    padding: 7px 13px 13px
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .month, .resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .year, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .month, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .year {
    margin: 6px;
    width: 57px;
    height: 28px;
    border-radius: 4px;
    transition: all .2s linear;
    color: #333;
    font-size: 14px;
    line-height: 28px
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .month:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .year:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .month:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .year:hover {
    color: #00a6a7;
    background: rgba(0, 190, 189, .1)
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .month.selected, .resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .year.selected, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .month.selected, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .year.selected {
    color: #fff;
    background: #00bebd
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .month.disabled, .resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .year.disabled, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .month.disabled, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .year.disabled {
    background: transparent
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .month.disabled:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .year.disabled:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .month.disabled:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .year.disabled:hover {
    color: #333
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .totoday, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .totoday {
    position: unset;
    border-radius: 4px;
    transition: all .2s linear;
    display: block
}

.resume-box .item-form .form-item .datepicker-pannel.datepicker-month .picker-content .totoday:hover, .resume-box .item-form .form-item .datepicker-pannel.datepicker-year .picker-content .totoday:hover {
    color: #00a6a7;
    background: #f8f8f8
}

.resume-box .item-form .form-item.form-item-full {
    width: auto;
    display: block
}

.resume-box .item-form .form-item.form-item-full .append-tip {
    max-width: none
}

.resume-box .item-form .form-item.form-item-full .label-message-tip {
    max-width: 500px
}

.resume-box .item-form .form-item.form-item-full .item-content .date-scope .datepicker-wrap {
    flex: 1
}

.resume-box .item-form .form-item.form-item-full .item-content .date-scope .scope-separator {
    width: 30px
}

.resume-box .item-form .form-item.form-item-full .item-content:before {
    content: "";
    overflow: hidden;
    height: 0;
    display: block;
    clear: both
}

.resume-box .item-form .form-item.form-item-full .item-content .input-wrap {
    width: 100%
}

.resume-box .item-form .form-item.form-item-full .item-content .scope-separator {
    width: 30px;
    text-align: center
}

.resume-box .item-form .form-item.form-item-full .item-content .course-tag-selector, .resume-box .item-form .form-item.form-item-full .item-content .skill-tag-selecter {
    width: 100%
}

.resume-box .item-form .form-item.form-item-full .serial-selecter .serial-toolbar {
    background: #f8f8f8;
    border: 1px solid #ededed;
    border-bottom: none
}

.resume-box .item-form .form-item.form-item-full .serial-selecter .serial-toolbar .serial-btn:hover {
    color: #00bebd
}

.resume-box .item-form .form-item.form-item-full .serial-selecter .serial-toolbar .serial-btn .tip:hover {
    color: #00a6a7
}

.resume-box .item-form .form-item.form-item-full .serial-toolbar {
    width: 100%;
    border-radius: 8px 8px 0 0
}

.resume-box .item-form .form-item.form-item-full .serial-toolbar + .ipt-wrap .input {
    border-radius: 0 0 8px 8px
}

.resume-box .item-form .form-item.show-dot-select .serial-toolbar + .ipt-wrap .input {
    border-radius: 0
}

.resume-box .item-form .form-item.show-dot-select .input-wrap .input {
    border-radius: 8px 8px 0 0
}

.resume-box .item-form .form-item.show-dot-select .bright-dot-select {
    border-radius: 0 0 8px 8px
}

.resume-box .item-form .form-item .item-form-suggest-item u.h {
    color: #16c3b1;
    text-decoration: none
}

.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse {
    position: absolute;
    right: 0;
    top: -32px;
    display: flex
}

.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse ::v-deep .bright-dot-open, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse ::v-deep .bright-dot-open, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse ::v-deep .bright-dot-open, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse ::v-deep .bright-dot-open {
    height: 32px
}

.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse ::v-deep .bright-dot-open .bright-open-tip, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse ::v-deep .bright-dot-open .bright-open-tip, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse ::v-deep .bright-dot-open .bright-open-tip, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse ::v-deep .bright-dot-open .bright-open-tip {
    top: 34px
}

.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse .look-else .sample-container .content, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse .look-else .sample-container .content, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse .look-else .sample-container .content, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse .look-else .sample-container .content {
    margin-top: 0;
    line-height: 1.5
}

.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse .look-else .sample-container .no-data, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse .look-else .sample-container .no-data, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse .look-else .sample-container .no-data, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse .look-else .sample-container .no-data {
    margin-top: 0
}

.resume-box .item-form .form-item.form-item-eduDescription .count-work-content, .resume-box .item-form .form-item.form-item-work-content .count-work-content {
    padding: 7px 12px;
    line-height: 21px;
    position: absolute;
    opacity: 0;
    z-index: -1
}

.resume-box .item-form .form-item.form-item-proDescription .item-label .label-message-tip, .resume-box .item-form .form-item.form-item-work-content .item-label .label-message-tip {
    max-width: 320px
}

.resume-box .item-form .form-item.form-item-eduDescription .item-label .label-message-tip {
    max-width: 280px
}

.resume-box .item-form .form-item.resume-expectation-city .text-small {
    position: absolute;
    right: 55px;
    top: 3px
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown, .resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu {
    width: 100%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu .ui-cascader-menu {
    width: 50%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu .ui-cascader-menu > .ui-dropdown-list {
    width: 100%
}

.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu > .ui-dropdown-list {
    width: 50%
}

.resume-box .item-form .form-item-label .item-label {
    display: inline-flex;
    text-align: left;
    width: 100%;
    color: #ff941c;
    align-items: center;
    box-sizing: border-box
}

.resume-box .item-form .form-item-label .label-name {
    color: #495060;
    white-space: nowrap
}

.resume-box .item-form .form-item-label .label-message-tip {
    flex: 1;
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.resume-box .item-form .form-item-label .c-optimize-btn {
    position: absolute;
    right: 16px;
    top: 8px
}

.resume-box .item-form .form-suggest-checkbox {
    display: inline-block;
    white-space: nowrap
}

.resume-box .item-form .form-suggest-checkbox .label-message-tip {
    max-width: 260px;
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #ff941c;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.resume-box .item-form .form-btns {
    text-align: right;
    padding: 0 20px
}

.resume-box .item-form .form-btns .btn {
    margin-right: 20px;
    padding: 10px 15px;
    min-width: 88px;
    border-radius: 8px;
    border-color: #ededed;
    transition: all .2s linear
}

.resume-box .item-form .form-btns .btn:last-of-type {
    margin-right: 0
}

.resume-box .item-form .form-btns .btn-outline {
    color: #999
}

.resume-box .item-form .form-btns .btn-outline:hover {
    color: #00a6a7;
    background: #fff;
    border: 1px solid #00bebd
}

.resume-box .item-form .form-btns .btn-primary {
    border-color: #00bebd;
    background: #00bebd
}

.resume-box .item-form .form-btns .btn-primary:hover {
    background: rgba(0, 190, 189, .8);
    border-color: rgba(0, 190, 189, .8)
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list {
    top: 44px
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list ul {
    border-radius: 8px
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item, .resume-box .item-form .ui-suggest .ui-dropmenu-list li {
    display: flex
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item:hover, .resume-box .item-form .ui-suggest .ui-dropmenu-list li:hover {
    background: #f8f8f8
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div, .resume-box .item-form .ui-suggest .ui-dropmenu-list li div {
    flex: 1;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div span, .resume-box .item-form .ui-suggest .ui-dropmenu-list li div span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item .h, .resume-box .item-form .ui-suggest .ui-dropmenu-list li .h {
    text-decoration: none;
    color: #00a6a7
}

.resume-box .item-form.training-item-form .input-wrap-textarea .input {
    height: 86px
}

.resume-box .resume-expectList .item-form .form-btns, .resume-box .resume-userinfo .item-form .form-btns {
    position: absolute;
    bottom: 26px;
    right: 17px
}

.resume-box .resume-expectList .item-form .form-btns.form-btn-normal, .resume-box .resume-userinfo .item-form .form-btns.form-btn-normal {
    position: static;
    padding-bottom: 0
}

.resume-box .resume-expectList .item-form .form-item:nth-child(odd), .resume-box .resume-userinfo .item-form .form-item:nth-child(odd) {
    margin-bottom: 0
}

.resume-box .resume-expectList .item-form .form-item.mb20, .resume-box .resume-userinfo .item-form .form-item.mb20 {
    margin-bottom: 20px
}

.resume-catalogue {
    width: 160px
}

.resume-catalogue-group {
    background-color: #fff
}

.resume-catalogue-group:first-child {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px
}

.resume-catalogue-group:last-child {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px
}

.resume-catalogue-group.custom-add {
    position: relative;
    padding: 0 4px 4px
}

.resume-catalogue-group.custom-add:before {
    content: " ";
    position: absolute;
    height: 1px;
    left: 4px;
    right: 4px;
    top: 0;
    z-index: 1;
    background: #ededed
}

.resume-catalogue-group.custom-add.expand .catalogue-title:after {
    transform: none
}

.resume-catalogue-group.custom-add .catalogue-title {
    position: relative;
    padding: 10px 16px;
    cursor: pointer;
    border-radius: 0 0 4px 4px
}

.resume-catalogue-group.custom-add .catalogue-title:hover {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 600
}

.resume-catalogue-group.custom-add .catalogue-title:hover:after {
    background-position: 0 -16px
}

.resume-catalogue-group.custom-add .catalogue-title:after {
    content: " ";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2023/5631ion4w21695644855776.png) 0 0/16px auto no-repeat;
    transition: opacity .2s linear;
    z-index: 1;
    transform: rotate(-90deg)
}

.resume-catalogue-group.custom-add .catalogue-list {
    padding: 0
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item {
    padding: 10px 28px;
    overflow: hidden
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover {
    overflow: visible
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 100%;
    width: 5px;
    height: 40px;
    background-color: transparent
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover .catalogue-icon {
    display: block
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover .recommend-icon {
    display: none
}

.resume-catalogue-group.custom-add .catalogue-list .recommend-icon {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 12px;
    padding: 2px 4px;
    background: rgba(0, 194, 179, .2);
    border-radius: 4px;
    z-index: 1
}

.resume-catalogue-group.custom-add .catalogue-list .catalogue-icon {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2023/5631ion4w21695644855776.png) 0 -32px/16px auto no-repeat;
    transition: opacity .2s linear;
    z-index: 1
}

.resume-catalogue .max-ellipsis {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 86px;
    white-space: nowrap
}

.resume-catalogue .catalogue-tip {
    position: absolute;
    top: 3px;
    left: calc(100% + 4px);
    border-radius: 2px;
    color: #fff;
    background: #333;
    white-space: nowrap;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 12px;
    z-index: 99
}

.resume-catalogue .catalogue-title {
    display: block;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    color: #333;
    font-weight: 400
}

.resume-catalogue .catalogue-title.main-title {
    padding: 12px 20px;
    color: #222;
    font-weight: 600;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 16px 16px 0 0
}

.resume-catalogue .catalogue-list {
    padding: 4px
}

.resume-catalogue .catalogue-list .catalogue-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 16px;
    line-height: 20px;
    cursor: pointer;
    border-radius: 4px;
    transition: all .2s linear;
    color: #333
}

.resume-catalogue .catalogue-list .catalogue-item.active, .resume-catalogue .catalogue-list .catalogue-item:hover {
    background-color: #f8f8f8;
    color: #00a6a7;
    font-weight: 600
}

.resume-catalogue .catalogue-list .catalogue-item.show-tip .catalogue-tip {
    display: none
}

.resume-catalogue .catalogue-list .catalogue-item.show-tip:hover .catalogue-tip {
    display: block
}

.resume-catalogue .catalogue-list .catalogue-item.show-tip:hover:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 100%;
    width: 5px;
    height: 40px;
    background-color: transparent
}

.dialog-resume-full .dialog-container {
    width: 1000px
}

.dialog-resume-full .dialog-con {
    height: 100%;
    max-height: 100%;
    overflow: auto
}

.pop-resume-box {
    background: #fff;
    width: 1000px;
    margin: 0 auto;
    display: table;
    height: 100%
}

.pop-resume-box .resume-wrap {
    vertical-align: top;
    padding: 20px;
    position: relative;
    height: 100%;
    min-height: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop-resume-box .resume-wrap .img-box {
    border: 1px solid #e9ebee;
    margin-top: 20px;
    height: calc(100vh - 92px);
    overflow-y: auto
}

.pop-resume-box .resume-wrap .img-box img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.pop-resume-box h3.title {
    font-size: 24px;
    line-height: 30px
}

.pop-resume-box .resume-sider {
    display: table-cell;
    vertical-align: top;
    width: 250px;
    background: #f9fafb;
    padding: 20px
}

.pop-resume-box .resume-sider h3.title {
    margin-bottom: 20px
}

.pop-resume-box .resume-sider p {
    padding: 5px 0
}

.pop-resume-box .resume-sider p.gray {
    padding-top: 15px
}

.pop-resume-box .resume-sider .btns {
    margin-top: 15px
}

.pop-resume-box .resume-sider .btn {
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    min-width: 0;
    width: 90px;
    padding: 0;
    vertical-align: top
}

.pop-resume-box .resume-sider .btns .btn-outline {
    width: 90px
}

.pop-resume-box .resume-sider .btns .btn-outline:hover {
    background-color: #fff;
    color: #00c7b1;
    line-height: 28px;
    border-width: 2px;
    -webkit-transition: none;
    transition: none;
    border-color: #5dd5c8
}

.pop-resume-box .resume-sider .btn-sure {
    margin-left: 25px;
    background-color: #5dd5c8;
    border-color: #5dd5c8;
    color: #fff
}

.pop-resume-box .resume-sider .btn-sure:hover {
    background-color: #6adbcf;
    border-color: #6adbcf
}

.pop-resume-box .resume-sider .btn-through {
    width: 100%;
    height: 36px;
    line-height: 36px
}

.pop-resume-box .data-tips {
    padding: 0;
    width: 340px;
    height: 150px !important;
    min-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -170px
}

.pop-resume-box ::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 0
}

.pop-resume-box ::-webkit-scrollbar {
    width: 4px
}

.pop-resume-box ::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #ddd;
    -webkit-border-radius: 4px
}

.pop-resume-box ::-webkit-scrollbar-thumb:hover {
    height: 50px;
    background-color: #ccc;
    -webkit-border-radius: 4px
}

.certification-dialog .dialog-container {
    width: 800px;
    height: 480px;
    padding: 0;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden
}

.certification-dialog .dialog-header {
    height: 54px;
    line-height: 54px;
    padding: 0 20px;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa)
}

.certification-dialog .dialog-header .title {
    font-size: 16px;
    font-weight: 500;
    color: #222
}

.certification-dialog .dialog-header .close:hover {
    background: transparent
}

.certification-dialog .dialog-body {
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex: 1;
    max-height: none
}

.certification-dialog .dialog-body .select-tag-label {
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    padding: 4px 0;
    margin-top: 12px
}

.certification-dialog .dialog-body .cert-select-tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2px
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-tag {
    white-space: nowrap;
    padding: 4px 8px;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    line-height: 20px;
    margin: 8px 8px 0 0;
    font-size: 14px;
    color: #00a6a7
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    top: -1px;
    border-radius: 50%
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:hover {
    background: #00a6a7
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:hover:after, .certification-dialog .dialog-body .cert-select-tags .cert-select-remove:hover:before {
    background: #fff
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:after, .certification-dialog .dialog-body .cert-select-tags .cert-select-remove:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 1px;
    background: #00a6a7
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap {
    margin-bottom: -12px;
    position: relative;
    height: 48px;
    max-width: 100%
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .cert-input-value {
    min-width: 165px;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .ui-suggest {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .ui-suggest input {
    margin: 0;
    height: 48px;
    border: 0;
    box-shadow: none;
    padding: 12px 0
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .ui-suggest .ui-dropmenu-list {
    min-width: 220px
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .suggest-item {
    white-space: nowrap;
    color: #333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .suggest-item .suggest-highlight {
    color: #00a6a7;
    text-decoration: none
}

.certification-dialog .dialog-body .cert-content {
    flex: 1;
    overflow: auto
}

.certification-dialog .dialog-body .cert-content .cert-catgory {
    display: flex
}

.certification-dialog .dialog-body .cert-content .cert-catgory:nth-child(odd) {
    background: #f9fafb;
    border-bottom: 1px solid #f9fafb
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-catgory-label {
    width: 200px;
    border-right: 1px solid #ededed;
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    color: #414a60;
    line-height: 20px
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    line-height: 24px;
    width: 0;
    padding: 5px 0;
    font-size: 13px
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item {
    width: 50%;
    padding: 5px 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item.selected, .certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item:hover {
    color: #00c2b3
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-title {
    padding: 5px 20px;
    width: 100%;
    color: #51586d
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels {
    background: #fff;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
    margin-bottom: -5px
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels .checkbox {
    color: #8d92a1;
    display: block;
    line-height: 20px;
    width: 50%;
    padding: 5px 20px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels .checkbox.checkbox-checked {
    color: #51586d
}

.certification-dialog .dialog-body .cert-content .cert-catgory:nth-child(2n) .cert-item-list .cert-item-levels {
    background: #999
}

.certification-dialog .dialog-body .cert-select-form {
    padding: 0 20px 12px
}

.certification-dialog .dialog-body .cert-select-form:after {
    content: "";
    clear: both;
    width: 0;
    display: block
}

.certification-dialog .dialog-body .cert-select-form .btn {
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    padding: 0 20px;
    font-size: 14px;
    border: 0;
    border-radius: 12px;
    margin-top: 12px;
    margin-left: 20px
}

.certification-dialog .dialog-body .cert-select-form .btn.btn-sure {
    float: right;
    margin-left: 0;
    background: #00bebd;
    border-radius: 4px;
    line-height: 20px;
    padding: 4px 12px;
    height: auto;
    transition: all .2s linear
}

.certification-dialog .dialog-body .cert-select-form .btn.btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.certification-dialog .dialog-body .certification-content {
    overflow: auto;
    overflow: overlay;
    border-top: 1px solid #ededed
}

.certification-dialog .dialog-body .certification-content-menu {
    width: 140px;
    height: 100%;
    overflow: auto;
    overflow: overlay;
    float: left;
    border-right: 1px solid #ededed
}

.certification-dialog .dialog-body .certification-content-menu li {
    position: relative;
    padding: 8px 16px;
    color: #666;
    cursor: pointer;
    border-radius: 4px;
    margin: 0 4px;
    line-height: 20px;
    display: flex;
    align-items: center;
    transition: all .2s linear
}

.certification-dialog .dialog-body .certification-content-menu li.active, .certification-dialog .dialog-body .certification-content-menu li:hover {
    background: rgba(0, 190, 189, .1);
    color: #00a6a7
}

.certification-dialog .dialog-body .certification-content-menu li.has-num {
    color: #00a6a7
}

.certification-dialog .dialog-body .certification-content-menu li span {
    display: inline-block;
    line-height: 20px;
    text-align: left;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.certification-dialog .dialog-body .certification-content-menu li .selected-num {
    flex-shrink: 0;
    margin-left: 4px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    padding: 0 6px;
    line-height: 18px;
    height: 18px;
    border-radius: 100%;
    background: rgba(0, 190, 189, .1);
    color: #00a6a7;
    font-size: 13px
}

.certification-dialog .dialog-body .certification-content-main {
    display: none;
    float: left;
    width: 660px;
    height: 100%;
    padding: 12px 26px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: overlay
}

.certification-dialog .dialog-body .certification-content-main.current {
    display: block
}

.certification-dialog .dialog-body .certification-content-main .checkbox {
    margin: 4px;
    color: #13141a;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 14px;
    color: #222;
    line-height: 20px;
    padding: 3px 7px;
    border: 1px solid transparent;
    transition: all .2s linear
}

.certification-dialog .dialog-body .certification-content-main .checkbox .checkbox-inner {
    display: none
}

.certification-dialog .dialog-body .certification-content-main .checkbox:hover {
    color: #00a6a7;
    background: rgba(0, 190, 189, .1)
}

.certification-dialog .dialog-body .certification-content-main .checkbox.checkbox-checked {
    color: #00a6a7;
    background: rgba(0, 190, 189, .1);
    border: 1px solid #00bebd
}

.certification-dialog .dialog-body .certification-content-main .certification-item + .certification-item {
    margin-top: 16px
}

.certification-dialog .dialog-body .certification-content-main .certification-level-list .sub-title {
    display: flex;
    margin-bottom: 8px;
    padding: 0 4px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    align-items: center
}

.certification-dialog .dialog-body .certification-content-main .certification-level-list .sub-title:before {
    content: " ";
    display: inline-block;
    width: 3px;
    height: 14px;
    background: #00bebd;
    border-radius: 2px;
    margin-right: 6px
}

.upload-work-area {
    overflow: hidden;
    margin: 0 -6px
}

.upload-work-area li {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 0 !important;
    margin: 5px;
    cursor: pointer
}

.upload-work-area li .progress {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 3px
}

.upload-work-area li .progress-bar {
    background-color: #00a6a7
}

.upload-work-area li .progress {
    z-index: 11
}

.upload-work-area li .icon-del {
    display: none;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 0 0 0 8px;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #fff;
    transition: all .2s linear;
    background: rgba(0, 0, 0, .8) url(https://img.bosszhipin.com/static/file/2023/4g0xq1d1v41698237853737.png) 50%/16px 16px no-repeat
}

.upload-work-area li .icon-del:hover {
    background-color: rgba(0, 0, 0, .6)
}

.upload-work-area li .status-fail {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    line-height: 17px;
    white-space: nowrap
}

.upload-work-area li .status-fail span {
    display: block;
    cursor: pointer;
    color: #00bebd
}

.upload-work-area li .status-succ {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .5)
}

.upload-work-area li .video-play-icon {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    z-index: 9;
    cursor: pointer;
    background: url(https://img.bosszhipin.com/static/file/2022/3hpx66djjq1669714741397.png) 0 0/36px auto no-repeat
}

.upload-work-area li .select-video-thumb {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 6;
    color: #fff;
    height: 25px;
    background: rgba(0, 0, 0, .4);
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear
}

.upload-work-area li .select-video-thumb:hover {
    color: #00a6a7
}

.upload-work-area li.display-item {
    padding: 0;
    background: no-repeat 50%;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px
}

.upload-work-area li.display-item img {
    display: block;
    transition: all .2s linear
}

.upload-work-area li.display-item:hover img {
    transform: scale(1.1)
}

.upload-work-area li.display-item:after {
    display: none;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2)
}

.upload-work-area li.display-item:hover .icon-del, .upload-work-area li.display-item:hover:after {
    display: block
}

.upload-work-area li.display-item:hover .status-succ {
    display: none
}

.upload-work-area li.display-video-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff
}

.upload-work-area li.display-video-item:hover .video-play-icon {
    background-position: 0 -36px
}

.upload-work-area li.display-video-item .status-fail:before {
    display: block;
    content: " ";
    width: 30px;
    height: 19px;
    margin: 0 auto 6px;
    background: url(https://img.bosszhipin.com/static/file/2022/0p56yshw8c1669968466657.png) 0 0/30px auto no-repeat
}

.upload-work-area li.upload-uploading:after {
    display: block
}

.upload-work-area li.upload-fail {
    cursor: default
}

.upload-work-area li.upload-fail:after {
    display: block;
    background: #5e5e5e
}

.upload-work-area .display-item-audit-reject .icon-and-text {
    position: absolute;
    height: 24px;
    width: 76px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 400;
    top: 50%;
    left: 50%;
    margin-left: -38px;
    margin-top: -12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fe574a;
    z-index: 10
}

.upload-work-area .display-item-audit-reject .icon-and-text .audit-reject-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: 4px;
    margin-left: -6px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/icon-audit-reject@2x.7b0c5c17.png) no-repeat 50%;
    background-size: 100% 100%
}

.upload-work-area .display-item-audit-reject img {
    opacity: .3
}

.upload-work-area .upload-wrap {
    position: relative;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 8px;
    border: 1px dashed #e6e6e6;
    transition: all .2s linear;
    cursor: pointer
}

.upload-work-area .upload-wrap .upload-image-mask {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent
}

.upload-work-area .upload-wrap:hover {
    background: rgba(0, 190, 189, .1);
    border: 1px dashed #00bebd
}

.upload-work-area .upload-wrap:hover .icon-upload-plus {
    background: #00bebd;
    color: #fff
}

.upload-work-area .upload-wrap .upload-inner {
    height: 100%
}

.upload-work-area .upload-wrap .icon-upload-plus {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 100%;
    color: #00a6a7;
    background: rgba(0, 190, 189, .1);
    margin: 28px auto 8px;
    transition: all .2s linear
}

.upload-work-area .upload-wrap .upload-guide {
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    text-align: center
}

.work-upload-message {
    margin-top: 8px
}

.work-upload-message .work-upload-tip {
    margin-bottom: 0
}

.work-upload-message .work-upload-tip + .work-upload-tip {
    margin-top: 8px
}

.work-upload-tip {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    margin-bottom: 6px;
    word-break: break-all
}

.fast-import-bar {
    position: relative;
    padding: 14px 24px 14px 20px;
    background: rgba(83, 202, 195, .1);
    margin-bottom: 14px;
    margin-top: -6px
}

.fast-import-bar .fast-import-title {
    font-size: 14px;
    font-weight: 500;
    color: #24272e;
    line-height: 20px
}

.fast-import-bar .fast-import-title em {
    font-style: normal;
    color: #00c2b3
}

.fast-import-bar .fast-import-title .company-name {
    color: #00c2b3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 400px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.fast-import-bar .fast-import-desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 512px;
    font-size: 12px;
    font-weight: 400;
    color: #61687c;
    line-height: 17px;
    margin-top: 6px
}

.fast-import-bar .fast-import-operate {
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -14px
}

.fast-import-bar .fast-import-operate .btn {
    border-radius: 17px;
    padding: 4px 15px;
    font-size: 13px;
    line-height: 18px
}

.import-resume-dialog .dialog-container {
    padding: 20px 0 30px;
    width: 460px;
    border-radius: 12px;
    background: #fff url(https://img.bosszhipin.com/static/file/2023/jdacybbjxw1698303778621.png) 0 0/100% auto no-repeat
}

.import-resume-dialog .dialog-body {
    position: relative
}

.import-resume-dialog .dialog-header {
    margin-bottom: 16px;
    padding: 0 30px
}

.import-resume-dialog .dialog-header .title {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.import-resume-dialog .dialog-header .close .icon-close:after, .import-resume-dialog .dialog-header .close .icon-close:before {
    background: #999
}

.import-resume-dialog .dialog-header .close:hover {
    background: transparent
}

.import-resume-dialog .dialog-header .close:hover .icon-close:after, .import-resume-dialog .dialog-header .close:hover .icon-close:before {
    background: #00bebd
}

.import-resume-dialog .import-resume-wrapper .title {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-bottom: 12px;
    padding: 0 30px
}

.import-resume-dialog .import-resume-wrapper .mt30 {
    margin-top: 30px
}

.import-resume-dialog .import-resume-wrapper .resume-list {
    padding: 0 30px
}

.import-resume-dialog .import-resume-wrapper .resume-list li {
    position: relative;
    display: block;
    padding: 12px 8px;
    border-radius: 8px;
    transition: all .2s linear
}

.import-resume-dialog .import-resume-wrapper .resume-list li:hover {
    background: #f8f8f8
}

.import-resume-dialog .import-resume-wrapper .resume-list li:hover .operate-list {
    display: block
}

.import-resume-dialog .import-resume-wrapper .resume-list li.disable-import:hover {
    background: #fff
}

.import-resume-dialog .import-resume-wrapper .resume-list li.disable-import:hover .operate-list {
    display: none
}

.import-resume-dialog .import-resume-wrapper .resume-list li.disable-import .resume-info .base-info, .import-resume-dialog .import-resume-wrapper .resume-list li.disable-import .resume-info .desc {
    color: #999
}

.import-resume-dialog .import-resume-wrapper .resume-list li img {
    position: absolute;
    width: 44px;
    top: 12px;
    left: 0;
    z-index: 1
}

.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info {
    width: 100%;
    padding-left: 44px;
    background: transparent
}

.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .base-info {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 20px
}

.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .resume-name {
    display: inline-block;
    max-width: 292px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .resume-name.has-tag {
    max-width: 240px
}

.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .warning-tag {
    display: inline-block;
    background: #fff3e5;
    border-radius: 4px;
    font-size: 12px;
    color: #ff9d00;
    line-height: 17px;
    padding: 0 4px;
    margin-left: 8px;
    white-space: nowrap;
    vertical-align: middle
}

.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .works-tip {
    display: inline-block;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    padding: 0 4px;
    margin-left: 8px;
    white-space: nowrap;
    vertical-align: middle
}

.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .parser-tag {
    display: inline-block;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    padding: 0 4px;
    margin-left: 8px;
    white-space: nowrap;
    vertical-align: top
}

.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .desc {
    margin-top: 8px;
    font-size: 12px;
    color: #666;
    line-height: 17px
}

.import-resume-dialog .import-resume-wrapper .resume-list li .operate-list {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 16px;
    font-size: 14px;
    line-height: 20px;
    z-index: 1;
    display: none
}

.import-resume-dialog .import-resume-wrapper .resume-list li .operate-list a {
    color: #00a6a7;
    transition: all .2s linear
}

.import-resume-dialog .import-resume-wrapper .resume-list li .operate-list a:hover {
    color: rgba(0, 166, 167, .8)
}

.import-resume-dialog .import-resume-wrapper .resume-upload {
    position: relative;
    margin: 20px 30px 0;
    width: 400px;
    height: 136px;
    cursor: pointer;
    background: #f8f8f8;
    border-radius: 8px;
    border: 1px dashed #e6e6e6;
    transition: all .2s linear;
    text-align: center
}

.import-resume-dialog .import-resume-wrapper .resume-upload:hover {
    background: rgba(0, 190, 189, .1);
    border: 1px dashed #00bebd
}

.import-resume-dialog .import-resume-wrapper .resume-upload:hover .upload-icon {
    background-position: 0 -32px
}

.import-resume-dialog .import-resume-wrapper .resume-upload input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer
}

.import-resume-dialog .import-resume-wrapper .resume-upload .upload-icon {
    display: block;
    width: 44px;
    height: 32px;
    margin: 16px auto 0;
    background: url(https://img.bosszhipin.com/static/file/2023/puvcmztc2o1696919815949.png) 0 0/44px auto no-repeat
}

.import-resume-dialog .import-resume-wrapper .resume-upload .tip-drag {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    line-height: 17px;
    margin-top: 12px;
    margin-bottom: 8px
}

.import-resume-dialog .import-resume-wrapper .resume-upload .tip-filetype, .import-resume-dialog .import-resume-wrapper .resume-upload .tip-size {
    font-size: 12px;
    color: #999;
    line-height: 17px
}

.parser-resume-dialog .dialog-container {
    height: 90%;
    padding: 0
}

.parser-resume-dialog .dialog-body {
    max-height: none;
    height: 100%;
    overflow: hidden
}

.parser-resume-dialog .upload-preview {
    background: #fff;
    width: 1020px;
    margin: 0 auto;
    display: flex;
    height: 100%
}

.parser-resume-dialog .upload-preview h3.title {
    font-size: 20px;
    font-weight: 500;
    color: #24272e;
    line-height: 24px
}

.parser-resume-dialog .upload-preview .preview-box {
    flex: 1;
    padding: 30px 10px 30px 30px;
    position: relative;
    height: 100%;
    min-height: 400px;
    overflow: auto
}

.parser-resume-dialog .upload-preview .preview-box .img-box {
    border: 1px solid #e3e7ed;
    margin-top: 14px;
    height: calc(100% - 38px);
    overflow-y: auto;
    overflow-x: hidden
}

.parser-resume-dialog .upload-preview .preview-box .img-box .data-tips {
    height: 100%
}

.parser-resume-dialog .upload-preview .preview-box .img-box .data-tips p {
    padding: 5px 0
}

.parser-resume-dialog .upload-preview .preview-box .img-box img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.parser-resume-dialog .upload-preview .preview-sider {
    width: 230px;
    margin: 68px 30px 30px 0;
    background: #f8f9fb;
    padding: 18px 20px
}

.parser-resume-dialog .upload-preview .preview-sider h3.title {
    font-size: 16px;
    font-weight: 500;
    color: #24272e;
    line-height: 22px;
    margin-bottom: 16px
}

.parser-resume-dialog .upload-preview .preview-sider p {
    padding-bottom: 16px;
    color: #414a60;
    line-height: 20px;
    word-break: break-all
}

.parser-resume-dialog .upload-preview .preview-sider p.gray {
    color: #8d92a1;
    line-height: 17px;
    font-size: 12px
}

.parser-resume-dialog .upload-preview .preview-sider .btns {
    margin-top: 14px
}

.parser-resume-dialog .upload-preview .preview-sider .btn-file {
    position: relative;
    display: block;
    width: 100%;
    font-weight: 400;
    margin-top: 12px;
    cursor: pointer;
    text-align: center
}

.parser-resume-dialog .upload-preview .preview-sider .btn-file input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: 0
}

.parser-resume-dialog .upload-preview .preview-sider .btn-sure {
    display: block;
    width: 100%
}

.parser-resume-dialog .upload-container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1100
}

.parser-resume-dialog .upload-container .lower-content {
    box-sizing: border-box;
    padding: 40px 29px 30px 40px;
    width: 560px;
    height: 244px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 381px;
    transform: translate(-50%);
    position: relative
}

.parser-resume-dialog .upload-container .lower-content .item:first-child {
    font-size: 24px;
    color: #62687a
}

.parser-resume-dialog .upload-container .lower-content .item:nth-child(2) {
    margin-top: 20px;
    font-size: 16px;
    color: #62687a
}

.parser-resume-dialog .upload-container .lower-content .item:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 30px
}

.parser-resume-dialog .upload-container .lower-content .item:nth-child(3) a {
    display: block;
    width: 100px;
    height: 40px;
    background-color: #53cac3;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff
}

.parser-resume-dialog .upload-container .normal-content {
    text-align: center;
    box-sizing: border-box;
    padding: 40px;
    width: 400px;
    height: 180px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    position: relative
}

.parser-resume-dialog .upload-container .normal-content .item:nth-child(2) {
    color: #fc703e
}

.parser-resume-dialog .upload-container .normal-content a {
    display: block;
    width: 112px;
    height: 36px;
    background-color: #5dd5c8;
    border: 1px solid #5dd5c8;
    margin: 24px auto 0;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    position: relative
}

.parser-resume-dialog .upload-container .normal-content a input {
    position: absolute;
    width: 112px;
    height: 36px;
    top: 0;
    left: 0;
    background: 0 0;
    opacity: 0;
    outline: 0
}

.parser-resume-dialog .upload-container .close-resume {
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/pop-resume-close.58ecfa32.png) no-repeat;
    background-size: cover;
    right: 18px;
    top: 18px
}

.parser-resume-dialog .upload-container .close-resume:hover {
    cursor: pointer
}

.parser-resume-dialog .upload-container .preview-resume {
    width: 1000px;
    height: 100%;
    display: flex;
    background-color: #fff;
    margin: 0 auto;
    position: relative
}

.parser-resume-dialog .upload-container .preview-resume .close-resume {
    right: -230px
}

.parser-resume-dialog .upload-container .preview-resume .title {
    font-size: 24px;
    font-weight: 500
}

.parser-resume-dialog .upload-container .preview-resume .item:first-child {
    box-sizing: border-box;
    padding: 20px;
    width: 1000px
}

.parser-resume-dialog .upload-container .preview-resume .item:first-child .resume-img {
    margin-top: 20px;
    width: 100%;
    overflow-y: scroll;
    height: 1271px;
    border: 1px solid #e9ebee;
    position: relative
}

.parser-resume-dialog .upload-container .preview-resume .item:first-child .resume-img img {
    width: 100%
}

.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading {
    width: 107px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading .icon-upload-resume {
    width: 107px;
    height: 104px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/in_upload.5e23ce9d.png) no-repeat
}

.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom {
    width: 107px;
    margin-top: 10px;
    display: flex;
    align-items: center
}

.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom .icon-loading-resume {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/loading.0e6e0f46.gif) no-repeat;
    background-size: cover
}

.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom span {
    margin-left: 15px;
    font-size: 14px;
    color: #9fa3af
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) {
    background-color: #f9fafb;
    box-sizing: border-box;
    padding: 20px;
    width: 400px
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .message {
    margin-top: 20px
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .message p {
    font-size: 14px;
    margin-bottom: 10px
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .desc {
    margin-top: 15px;
    color: #9fa3af
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a {
    display: block;
    width: 110px;
    height: 32px;
    line-height: 32px;
    position: relative
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:first-child {
    border: 1px solid #5dd5c8;
    color: #5dd5c8;
    text-align: center;
    background-color: #fff
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:first-child input {
    position: absolute;
    width: 112px;
    height: 36px;
    top: 0;
    left: 0;
    background: 0 0;
    opacity: 0;
    outline: 0
}

.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:nth-child(2) {
    border: 1px solid #5dd5c8;
    color: #fff;
    text-align: center;
    background-color: #5dd5c8
}

.good-example-wrapper .example-list li, .good-example-wrapper .resume-model-list li {
    color: #222
}

.good-example-wrapper .example-list li + li, .good-example-wrapper .resume-model-list li + li {
    margin-top: 24px
}

.good-example-wrapper .example-list li em, .good-example-wrapper .resume-model-list li em {
    display: inline-block;
    font-style: normal;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    line-height: 21px;
    vertical-align: middle
}

.good-example-wrapper .example-list li span, .good-example-wrapper .resume-model-list li span {
    display: inline-block;
    margin-left: 12px;
    font-size: 15px;
    font-weight: 400;
    color: #222;
    line-height: 21px;
    vertical-align: middle
}

.good-example-wrapper .example-list .user-avatar, .good-example-wrapper .resume-model-list .user-avatar {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    vertical-align: middle
}

.good-example-wrapper .example-list .example-desc, .good-example-wrapper .resume-model-list .example-desc {
    position: relative;
    margin-top: 8px;
    word-break: break-all;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    max-height: 81px;
    overflow: hidden;
    white-space: pre-wrap
}

.good-example-wrapper .example-list .example-desc.expanded, .good-example-wrapper .resume-model-list .example-desc.expanded {
    max-height: none
}

.good-example-wrapper .example-list .example-desc .expand-switch-btn, .good-example-wrapper .resume-model-list .example-desc .expand-switch-btn {
    position: absolute;
    width: 60px;
    display: block;
    height: 18px;
    right: 0;
    bottom: 2px;
    font-size: 13px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 18px;
    text-align: right;
    background: linear-gradient(269deg, #fff 67%, hsla(0, 0%, 100%, 0));
    transition: all .2s linear
}

.good-example-wrapper .example-list .example-desc .expand-switch-btn i, .good-example-wrapper .resume-model-list .example-desc .expand-switch-btn i {
    margin-left: 5px;
    font-size: 13px;
    display: inline-block
}

.good-example-wrapper .example-list .example-desc .expand-switch-btn:hover, .good-example-wrapper .resume-model-list .example-desc .expand-switch-btn:hover {
    color: rgba(0, 166, 167, .8)
}

.good-example-wrapper .resume-model-list li {
    background: url(https://img.bosszhipin.com/static/file/2022/sl01isxjre1652941902909.png) 512px 0/auto 40px no-repeat, linear-gradient(267deg, #fff, #fdf7f3);
    border-radius: 4px;
    padding: 4px 10px
}

.good-example-wrapper .resume-model-list li + li {
    margin-top: 16px
}

.good-example-wrapper .resume-model-list li a {
    font-size: 13px;
    font-weight: 400;
    color: #573e30;
    line-height: 18px;
    float: right;
    margin-top: 7px
}

.good-example-wrapper .resume-model-list li a i {
    font-size: 13px
}

.good-example-wrapper .resume-model-box {
    margin-top: 24px
}

.good-example-wrapper .resume-model-card {
    position: relative;
    height: 66px;
    padding: 0 20px 0 66px;
    background: rgba(235, 184, 142, .1) url(https://img.bosszhipin.com/static/file/2022/21zu3hdm9u1652940657992.png) 370px -20px/auto 155px no-repeat;
    border-radius: 6px;
    border: 1px solid #fbeadb;
    overflow: hidden
}

.good-example-wrapper .resume-model-card img {
    position: absolute;
    left: 20px;
    top: 15px;
    width: 36px;
    height: 36px;
    float: left
}

.good-example-wrapper .resume-model-card .resume-mode-info {
    margin-top: 12px
}

.good-example-wrapper .resume-model-card .resume-mode-info h3 {
    color: #573e30;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px
}

.good-example-wrapper .resume-model-card .resume-mode-info p {
    font-size: 12px;
    line-height: 17px;
    margin-top: 4px;
    color: #5b3a2f
}

.good-example-wrapper .resume-model-card .look-btn {
    position: absolute;
    right: 20px;
    top: 19px;
    width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: linear-gradient(225deg, #fbd8b8, #e1a575);
    border-radius: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #5b3a2f;
    z-index: 1
}

.good-content-wrapper .good-content-list {
    margin-right: -20px
}

.good-content-wrapper .good-content-list li {
    position: relative;
    float: left;
    width: 147px;
    height: 200px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ededed;
    transition: all .2s linear;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px;
    overflow: hidden
}

.good-content-wrapper .good-content-list li:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.good-content-wrapper .good-content-list li:hover:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .74), #fff);
    border-radius: 2px;
    z-index: 1
}

.good-content-wrapper .good-content-list li:hover .use-btn {
    display: block
}

.good-content-wrapper .good-content-list li h3 {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.good-content-wrapper .good-content-list li h3:before {
    content: " ";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    background: url(https://img.bosszhipin.com/static/file/2022/jeokdhevff1653650559920.png) 50%/14px 14px no-repeat
}

.good-content-wrapper .good-content-list li .intro {
    font-size: 12px;
    color: #666;
    line-height: 16px;
    max-height: 32px;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.good-content-wrapper .good-content-list li .desc, .good-content-wrapper .good-content-list li .intro {
    font-weight: 400;
    overflow: hidden;
    word-break: break-all;
    white-space: pre-wrap;
    margin-top: 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.good-content-wrapper .good-content-list li .desc {
    height: 110px;
    font-size: 13px;
    color: #222;
    line-height: 18px;
    -webkit-line-clamp: 6;
    line-clamp: 6
}

.good-content-wrapper .good-content-list li .use-btn {
    display: none;
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 10px;
    margin-left: -38px;
    width: 76px;
    text-align: center;
    padding: 4px 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    background: #00bebd;
    border-radius: 2px;
    transition: all .2s linear
}

.good-guide-wrapper .good-guide-content {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    word-break: break-all
}

.good-guide-wrapper .good-guide-content img {
    display: block;
    max-width: 100%
}

.good-guide-wrapper .good-guide-content .mt8 {
    margin-top: 8px
}

.good-guide-wrapper .good-guide-content h2 {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 22px;
    margin-bottom: 8px
}

.good-guide-wrapper .good-guide-content h3 {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    line-height: 22px;
    margin-bottom: 8px
}

.good-guide-wrapper .good-guide-content b {
    font-weight: 500;
    color: #222
}

.good-guide-wrapper .good-guide-content p + p {
    margin-top: 8px
}

.good-guide-wrapper .good-guide-content .guide-section + .guide-section {
    margin-top: 10px
}

.good-guide-wrapper .good-guide-content .guide-card-list {
    position: relative;
    margin-top: 8px;
    display: flex;
    justify-content: space-between
}

.good-guide-wrapper .good-guide-content .guide-card-list li {
    box-sizing: border-box;
    width: 50%;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #f4f4f4;
    margin: 0
}

.good-guide-wrapper .good-guide-content .guide-card-list li + li {
    margin-left: 10px
}

.good-guide-wrapper .good-guide-content .guide-card-list li img {
    width: 100%;
    margin-bottom: 10px
}

.good-guide-wrapper .good-guide-content .guide-card-list li p {
    margin-top: 4px;
    overflow: hidden;
    color: #444;
    line-height: 16px;
    font-size: 12px;
    word-break: break-all;
    white-space: pre-wrap
}

.good-guide-wrapper .good-guide-content .guide-card-list li .company-info {
    font-size: 12px;
    overflow: hidden
}

.good-guide-wrapper .good-guide-content .guide-card-list li .company-info em {
    float: left;
    font-style: normal;
    font-weight: 500;
    color: #333;
    line-height: 16px
}

.good-guide-wrapper .good-guide-content .guide-card-list li .company-info span {
    float: right;
    font-weight: 400;
    color: #333;
    line-height: 16px
}

.good-guide-wrapper .good-guide-content .guide-advantage-tip {
    margin-top: 4px;
    font-size: 12px;
    line-height: 22px
}

.good-guide-wrapper .good-guide-content .guide-advantage-tip .text-success {
    margin-left: 128px
}

.good-guide-wrapper .good-guide-content .guide-example-list {
    margin-top: 12px
}

.good-guide-wrapper .good-guide-content .guide-example-list li + li {
    margin-top: 24px
}

.good-guide-wrapper .good-guide-content .guide-example-list li.set-example {
    position: relative;
    padding-left: 12px
}

.good-guide-wrapper .good-guide-content .guide-example-list li.set-example:before {
    content: " ";
    position: absolute;
    top: 28px;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 2px;
    background: #e3e7ed;
    border-radius: 1px
}

.good-guide-wrapper .good-guide-content .guide-example-list li.set-example span {
    display: block;
    margin-bottom: 8px
}

.good-guide-wrapper .good-guide-content .text-danger {
    color: #ef505e
}

.good-guide-wrapper .good-guide-content .text-success {
    color: #00a6a7
}

.good-guide-wrapper .question-link {
    display: inline-block;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    margin-top: 20px;
    text-decoration: underline;
    transition: all .2s linear
}

.good-guide-wrapper .question-link:hover {
    color: #00a6a7
}

.good-guide-wrapper .zan-btn {
    display: block;
    width: 207px;
    height: 40px;
    margin: 20px auto 10px;
    text-align: center;
    line-height: 38px;
    background: #fff;
    border-radius: 2px;
    font-size: 13px;
    color: #333;
    border: 1px solid #e3e7ed;
    transition: all .2s linear
}

.good-guide-wrapper .zan-btn:hover {
    color: #00a6a7;
    border-color: #00bebd
}

.good-guide-wrapper .zan-btn:hover i {
    background-position: 0 0
}

.good-guide-wrapper .zan-btn.active {
    background: #00bebd;
    border-color: #00bebd;
    color: #fff
}

.good-guide-wrapper .zan-btn.active i {
    background-position: -20px 0
}

.good-guide-wrapper .zan-btn i {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    background: url(https://img.bosszhipin.com/static/file/2022/biwe2aezvc1653048110343.png) -40px 0/auto 20px no-repeat
}

.reference-statement-wrapper .statement-empty-box {
    margin: 20px auto 0
}

.reference-statement-wrapper .statement-empty-box img {
    display: block;
    width: 200px;
    height: 122px;
    margin: 0 auto
}

.reference-statement-wrapper .statement-empty-box p {
    text-align: center;
    font-size: 13px;
    color: #999;
    font-weight: 200;
    line-height: 22px;
    margin-top: 16px
}

.reference-statement-wrapper .reference-statement-item + .reference-statement-item {
    margin-top: 30px
}

.reference-statement-wrapper .reference-statement-item .reference-statement-header {
    display: flex;
    justify-content: space-between
}

.reference-statement-wrapper .reference-statement-item .reference-statement-header .reference-statement-title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    line-height: 20px
}

.reference-statement-wrapper .reference-statement-item .reference-statement-header a {
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    transition: all .2s linear
}

.reference-statement-wrapper .reference-statement-item .reference-statement-header a:hover {
    color: rgba(0, 166, 167, .8)
}

.reference-statement-wrapper .reference-statement-item .reference-statement-header a i {
    margin-right: 5px
}

.reference-statement-wrapper .reference-statement-item .reference-statement-header a.rotate i {
    animation: rotate .2s linear
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

.reference-statement-wrapper .reference-statement-item .statement-list-wrapper {
    overflow: hidden
}

.reference-statement-wrapper .reference-statement-item .statement-list-wrapper .reference-statement-list li {
    cursor: pointer;
    float: left;
    margin-top: 12px;
    margin-right: 16px;
    font-size: 13px;
    line-height: 20px;
    padding: 2px 8px;
    background: #f8f8f8;
    border-radius: 4px;
    white-space: nowrap;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.reference-statement-wrapper .reference-statement-item .statement-list-wrapper .reference-statement-list li:hover {
    background: rgba(0, 190, 189, .1);
    color: #00a6a7
}

.reference-statement-wrapper .reference-statement-item .statement-list-wrapper.full-row {
    margin-top: 4px
}

.reference-statement-wrapper .reference-statement-item .statement-list-wrapper.full-row .reference-statement-list li {
    width: 620px;
    background: transparent;
    margin-top: 8px;
    margin-right: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.reference-statement-wrapper .reference-statement-item .statement-list-wrapper.full-row .reference-statement-list li:hover {
    background: #f8f8f8
}

.guide-section-block + .guide-section-block {
    margin-top: 10px
}

.guide-section-block .guide-section-title {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    line-height: 20px;
    margin-bottom: 10px
}

.guide-section-block .guide-section-title:hover, .guide-section-block .guide-section-title:hover .svg-icon, .guide-section-block .guide-section-title:hover h2 {
    color: #00a6a7
}

.guide-section-block .guide-section-title.is-expanded .svg-icon {
    transform: rotate(180deg)
}

.guide-section-block .guide-section-title .svg-icon {
    width: 10px;
    height: 10px;
    margin-right: 8px
}

.guide-section-block .guide-section-main {
    transition: all .2s linear;
    margin-bottom: 20px
}

.guide-section-block .guide-section-main p {
    word-break: break-all;
    white-space: pre-wrap
}

.position-compare-wrapper {
    background: #f8f8f8;
    border-radius: 4px
}

.position-compare-wrapper .position-compare-container, .position-compare-wrapper .position-compare-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 30px
}

.position-compare-wrapper .position-compare-middle {
    background: #fff
}

.position-compare-wrapper .position-compare-middle .position-skill-container .position-skill-title {
    color: #00a6a7
}

.position-compare-wrapper .position-compare-middle .position-skill-container .position-skill-list li {
    color: #00a6a7;
    background: rgba(0, 190, 189, .1)
}

.position-compare-wrapper .position-compare-middle .position-skill-container .position-skill-list li:hover {
    color: #fff;
    background: #00bebd
}

.position-compare-wrapper .position-info {
    width: 180px;
    flex-shrink: 0
}

.position-compare-wrapper .position-info span {
    display: block;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    margin-bottom: 4px
}

.position-compare-wrapper .position-info .position-select-picker {
    cursor: pointer;
    display: flex;
    align-items: flex-end
}

.position-compare-wrapper .position-info .position-select-picker:hover i {
    color: #00bebd
}

.position-compare-wrapper .position-info .position-select-picker b {
    display: inline-block;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 22px;
    margin-right: 6px
}

.position-compare-wrapper .position-info .position-select-picker b.gray {
    color: #999
}

.position-compare-wrapper .position-info .position-select-picker i {
    position: relative;
    top: -2px;
    color: #00a6a7;
    transition: all .2s linear;
    font-weight: 600;
    font-size: 12px
}

.position-compare-wrapper .position-compare-icon {
    width: 180px;
    flex-shrink: 0
}

.position-compare-wrapper .position-compare-icon .svg-icon {
    width: 12px;
    height: 20px
}

.position-compare-wrapper .position-compare-icon .svg-icon:first-child {
    transform: rotate(180deg)
}

.position-compare-wrapper .empty-desc {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    flex: 1
}

.position-compare-wrapper .position-skill-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1
}

.position-compare-wrapper .position-skill-container .position-skill-title {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    line-height: 18px;
    margin-right: 20px
}

.position-compare-wrapper .position-skill-container .position-skill-list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-bottom: -8px
}

.position-compare-wrapper .position-skill-container .position-skill-list li {
    margin-left: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    padding: 4px 8px;
    color: #333;
    line-height: 18px;
    background: #fff;
    border-radius: 3px;
    transition: all .2s linear
}

.position-compare-wrapper .position-skill-container .position-skill-list li:hover {
    font-weight: 600;
    color: #00a6a7;
    background: rgba(0, 190, 189, .1)
}

.skill-word-tooltip {
    z-index: 10000
}

.skill-word-tooltip .tooltip-inner {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    width: 310px;
    line-height: 22px;
    border-radius: 4px
}

.skill-word-tooltip .skill-word-tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 8px;
    border-color: rgba(0, 0, 0, .7);
    z-index: 1
}

.skill-word-tooltip[x-placement^=top] {
    margin-bottom: 12px
}

.skill-word-tooltip[x-placement^=top] .skill-word-tooltip-arrow {
    border-width: 8px 8px 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -8px;
    left: calc(50% - 16px);
    margin-top: 0;
    margin-bottom: 0
}

.skill-word-tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s, visibility .2s
}

.skill-word-tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    transition: opacity .2s
}

.skill-word-tooltip .tooltip-inner p {
    word-break: break-all
}

.skill-word-tooltip .tooltip-inner p span {
    display: block
}

.skill-word-tooltip .tooltip-inner p + p {
    margin-top: 8px
}

.resume-helper-wrapper {
    position: relative;
    color: #333;
    margin-top: 20px;
    background: #fff;
    padding-bottom: 20px;
    border-radius: 8px
}

.resume-helper-wrapper.is-expand {
    padding-bottom: 60px
}

.resume-helper-wrapper .resume-helper-tab {
    border-bottom: 1px solid #f3f3f3;
    padding: 0 20px;
    background: #fff;
    border-radius: 8px 8px 0 0
}

.resume-helper-wrapper .resume-helper-tab:before {
    content: " ";
    float: left;
    width: 24px;
    height: 24px;
    margin-top: 10px;
    margin-right: 12px;
    background: url(https://img.bosszhipin.com/static/file/2022/4ndupw6wa61647590241717.png) 0 0/auto 24px no-repeat
}

.resume-helper-wrapper .resume-helper-tab .content-template-popper {
    position: absolute;
    left: 50%;
    top: -50px;
    margin-left: -112px;
    background: rgba(0, 0, 0, .7);
    border-radius: 4px;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 15px;
    white-space: nowrap;
    z-index: 2
}

.resume-helper-wrapper .resume-helper-tab .content-template-popper:after {
    content: " ";
    position: absolute;
    bottom: -14px;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top-color: rgba(0, 0, 0, .7);
    z-index: 1
}

.resume-helper-wrapper .resume-helper-tab .content-template-popper a {
    color: #00a6a7;
    transition: all .2s linear;
    margin-left: 4px
}

.resume-helper-wrapper .resume-helper-tab .content-template-popper a:hover {
    color: rgba(0, 166, 167, .8)
}

.resume-helper-wrapper .resume-helper-tab li {
    position: relative;
    float: left;
    line-height: 20px;
    padding: 12px 0 11px;
    cursor: pointer;
    transition: all .2s linear
}

.resume-helper-wrapper .resume-helper-tab li + li {
    margin-left: 30px
}

.resume-helper-wrapper .resume-helper-tab li.active, .resume-helper-wrapper .resume-helper-tab li:hover {
    color: #24272e;
    font-weight: 500
}

.resume-helper-wrapper .resume-helper-tab li.active:after {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 18px;
    height: 2px;
    margin-left: -9px;
    background: #00a6a7
}

.resume-helper-wrapper .resume-helper-body {
    position: relative
}

.resume-helper-wrapper .resume-helper-main {
    max-height: 436px;
    padding: 15px 20px 0;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
    overflow: auto;
    overflow: overlay
}

.resume-helper-wrapper .resume-helper-main.none-max-height {
    max-height: none
}

.resume-helper-wrapper .resume-helper-main .title {
    font-size: 12px;
    font-weight: 400;
    color: #61687c;
    line-height: 17px;
    margin-bottom: 20px
}

.resume-helper-wrapper .resume-helper-main .title img {
    width: 16px;
    margin-right: 8px;
    vertical-align: middle
}

.resume-helper-wrapper .resume-helper-main .expand-btn {
    display: block;
    width: 80px;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    transition: all .2s linear
}

.resume-helper-wrapper .resume-helper-main .expand-btn:hover {
    color: #00a6a7
}

.resume-helper-wrapper .resume-helper-main .expand-btn i {
    transition: all .2s linear;
    margin-left: 5px;
    font-size: 12px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.resume-helper-wrapper .pack-up-btn {
    position: absolute;
    padding: 3px 0 4px;
    left: 50%;
    width: 120px;
    text-align: center;
    margin-left: -60px;
    bottom: 12px;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 17px;
    z-index: 2;
    transition: all .2s linear
}

.resume-helper-wrapper .pack-up-btn i {
    transition: all .2s linear;
    font-size: 12px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 5px
}

.resume-helper-wrapper .pack-up-btn:hover {
    color: #fff;
    background: #00bebd
}

.resume-preview-dialog .dialog-container {
    padding: 0 0 8px;
    border-radius: 12px
}

.resume-preview-dialog .dialog-body {
    max-height: none
}

.resume-preview-dialog .dialog-header {
    padding: 12px 40px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0
}

.resume-preview-dialog .dialog-header .title {
    font-weight: 500;
    color: #333;
    line-height: 20px
}

.resume-preview-dialog .dialog-header .close {
    right: -28px;
    background: hsla(0, 0%, 53.7%, .8);
    border-radius: 2px;
    transition: all .2s linear
}

.resume-preview-dialog .dialog-header .close .icon-close:after, .resume-preview-dialog .dialog-header .close .icon-close:before {
    background: #fff
}

.resume-preview-dialog .dialog-header .close:hover {
    background: hsla(0, 0%, 45.9%, .8)
}

.resume-preview-dialog .dialog-header .close:hover .icon-close:after, .resume-preview-dialog .dialog-header .close:hover .icon-close:before {
    background: #fff
}

.resume-preview-dialog .resume-preview-wrapper .preview-way-tab {
    position: absolute;
    top: 44px;
    right: -28px
}

.resume-preview-dialog .resume-preview-wrapper .preview-way-tab li {
    display: block;
    background: #ccc;
    border-radius: 0 14px 14px 0;
    color: #666;
    font-size: 13px;
    padding: 16px 0;
    width: 28px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    transition: all .2s linear
}

.resume-preview-dialog .resume-preview-wrapper .preview-way-tab li:hover {
    color: #00a6a7
}

.resume-preview-dialog .resume-preview-wrapper .preview-way-tab li.active {
    color: #00a6a7;
    background: #fff;
    position: relative;
    cursor: default
}

.resume-preview-dialog .resume-preview-body {
    max-height: calc(100vh - 108px);
    overflow: auto;
    overflow: overlay
}

.video-work-form .upload-video-work {
    position: relative;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 8px;
    border: 1px dashed #e6e6e6;
    transition: all .2s linear
}

.video-work-form .upload-video-work:hover {
    background: rgba(0, 190, 189, .1);
    border: 1px dashed #00bebd
}

.video-work-form .upload-video-work:hover .icon-upload-plus {
    background: #00bebd;
    color: #fff
}

.video-work-form .upload-video-work .upload-inner {
    height: 100%
}

.video-work-form .upload-video-work .icon-upload-plus {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 100%;
    color: #00a6a7;
    background: rgba(0, 190, 189, .1);
    margin: 28px auto 8px;
    transition: all .2s linear
}

.video-work-form .upload-video-work .upload-guide {
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    text-align: center
}

.video-work-form .upload-video-work input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    cursor: pointer
}

.vip-buy-dialog .dialog-container {
    padding: 0
}

.vip-buy-dialog .dialog-body {
    min-height: 524px;
    max-height: none
}

.buy-vip-container {
    display: flex
}

.buy-vip-container .clear-fix {
    *zoom: 1
}

.buy-vip-container .clear-fix:after, .buy-vip-container .clear-fix:before {
    content: " ";
    height: 0;
    display: block;
    clear: both
}

.buy-vip-container .vip-template {
    display: flex;
    flex-direction: column;
    width: 540px;
    min-height: 524px;
    background: #fff;
    padding: 20px 30px
}

.buy-vip-container .vip-template h2 {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #414a60;
    line-height: 22px;
    margin-bottom: 14px
}

.buy-vip-container .vip-template-preview {
    width: 480px;
    flex: 1;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 6px
}

.buy-vip-container .vip-template-preview .header {
    width: 100%;
    height: 60px;
    background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 5px 15px 0 rgba(0, 0, 0, .07);
    border-radius: 6px 6px 0 0;
    padding: 9px 30px
}

.buy-vip-container .vip-template-preview .header h3 {
    color: #dfa178;
    font-size: 16px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.buy-vip-container .vip-template-preview .header span {
    color: #dfa178;
    display: block;
    height: 17px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.buy-vip-container .vip-template-preview .model-list {
    text-align: center;
    overflow: hidden;
    padding-bottom: 30px
}

.buy-vip-container .vip-template-preview .model-list li {
    position: relative;
    width: 240px;
    height: 184px;
    float: left
}

.buy-vip-container .vip-template-preview .model-list li img {
    width: 100%
}

.buy-vip-container .vip-template-preview .model-list li span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 17px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 17px;
    text-align: center
}

.buy-vip-container .vip-template-preview .discount-container h3 {
    font-size: 12px;
    color: #aaa;
    font-weight: 400;
    line-height: 16px;
    height: 16px;
    text-align: center;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.buy-vip-container .vip-template-preview .discount-container .discount-list {
    overflow: hidden;
    padding: 8px 12px
}

.buy-vip-container .vip-template-preview .discount-container .discount-list li {
    width: 25%;
    color: #333;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 8px;
    margin-top: 8px
}

.buy-vip-container .vip-template-preview .discount-container .discount-list li span {
    display: inline-block;
    max-width: 72px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    vertical-align: middle
}

.buy-vip-container .vip-template-preview .discount-container .discount-list li .discount-icon {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: linear-gradient(225deg, #fbd8b8, #e1a575);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    margin-right: 6px;
    vertical-align: middle;
    border-radius: 100%;
    color: #fff;
    text-align: center
}

.buy-vip-container .vip-template-buy {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 366px;
    min-height: 524px;
    padding: 20px 0;
    background: #fafafa;
    text-align: center
}

.buy-vip-container .vip-template-buy .order-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.buy-vip-container .vip-template-buy .buy-info {
    position: relative;
    margin-top: 30px
}

.buy-vip-container .vip-template-buy .buy-info .price-wrap {
    margin: 0 auto
}

.buy-vip-container .vip-template-buy .need-pay {
    overflow: hidden;
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    padding-bottom: 15px
}

.buy-vip-container .vip-template-buy .need-pay span {
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #61687c;
    font-weight: 500
}

.buy-vip-container .vip-template-buy .need-pay .need-price {
    color: #fc6c38;
    font-size: 20px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    float: right
}

.buy-vip-container .vip-template-buy .origin-price {
    margin: 10px 0;
    overflow: hidden
}

.buy-vip-container .vip-template-buy .origin-price span {
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #61687c;
    font-weight: 400
}

.buy-vip-container .vip-template-buy .origin-price .origin-price {
    color: #51586d;
    font-size: 14px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    float: right;
    margin: 0
}

.buy-vip-container .vip-template-buy .sale-money {
    overflow: hidden;
    color: #9fa3b0;
    margin: 10px 0 6px
}

.buy-vip-container .vip-template-buy .sale-money span {
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    float: left;
    font-weight: 400
}

.buy-vip-container .vip-template-buy .sale-money .sale-price {
    font-size: 12px;
    float: right;
    height: 17px;
    line-height: 17px
}

.buy-vip-container .vip-template-buy .text-protocol {
    text-align: center;
    font-size: 12px
}

.buy-vip-container .vip-template-buy .text-protocol a {
    color: #00c2b3;
    text-decoration: underline
}

.buy-vip-container .vip-template-buy .text-protocol a:hover {
    color: #6adbcf
}

.buy-vip-container .vip-template-buy .pay-enough {
    text-align: center
}

.buy-vip-container .vip-template-buy .pay-enough .btn-pay {
    width: 316px;
    height: 46px;
    font-size: 14px;
    padding: 12px 15px;
    font-weight: 400;
    color: #fff;
    background: #5dd5c8;
    border: none;
    margin: 0 auto;
    line-height: 22px;
    font-size: 16px
}

.buy-vip-container .vip-template-buy .pay-enough .btn-pay:hover {
    opacity: .8
}

.buy-vip-container .vip-template-buy .pay-enough .text-protocol {
    margin-top: 16px
}

.buy-vip-container .vip-template-buy .pay-code {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.buy-vip-container .vip-template-buy .pay-code .qr-code {
    width: 100%
}

.buy-vip-container .vip-template-buy .pay-code .refresh {
    width: 132px;
    height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea
}

.buy-vip-container .vip-template-buy .pay-code .refresh .iboss-erweimashuaxin {
    cursor: pointer
}

.buy-vip-container .vip-template-buy .qrcode-wrap {
    width: 132px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.buy-vip-container .vip-template-buy .qrcode-wrap .qrcode-desc {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    margin: 8px 4px 0;
    text-align: center
}

.buy-vip-container .vip-template-buy .qrcode-wrap .qrcode-desc .high-light {
    color: #00c2b3;
    cursor: pointer
}

.buy-vip-container .vip-template-buy .payment-way {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    margin-top: 10px
}

.buy-vip-container .vip-template-buy .payment-way .pay-chanel-icon {
    height: 16px;
    margin-right: 5px;
    white-space: nowrap
}

.buy-vip-container .vip-template-buy .payment-pattern {
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.buy-vip-container .vip-template-buy .payment-pattern .already-pay {
    margin-left: 8px;
    cursor: pointer
}

.buy-vip-container .vip-template-buy .payment-pattern .high-light {
    color: #00c2b3;
    cursor: pointer
}

.image-preview-dialog .dialog-container {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(37, 40, 48, .95);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.image-preview-dialog .dialog-body {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 100%;
    overflow: hidden
}

.image-preview-dialog .preview-wrap {
    position: relative;
    width: 800px;
    height: 480px;
    overflow: auto
}

.image-preview-dialog .preview-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    cursor: zoom-in
}

.image-preview-dialog .preview-img.auto-size {
    max-height: none;
    max-width: none;
    cursor: zoom-out;
    position: static;
    transform: none
}

.image-preview-dialog video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: block;
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.image-preview-dialog .page-info {
    color: #fff;
    position: absolute;
    font-size: 14px;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
    z-index: 1012;
    background: #000;
    border-radius: 14px;
    padding: 4px 20px;
    line-height: 20px
}

.image-preview-dialog .icon-btn {
    position: absolute;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(https://img.bosszhipin.com/static/file/2023/tx0lc6huv01678784785264.png) 0 0/85px auto no-repeat
}

.image-preview-dialog .btn-prev {
    left: 60px;
    top: 50%;
    height: 80px;
    transform: translateY(-50%);
    background-position: 0 -130px
}

.image-preview-dialog .btn-prev:hover {
    background-position: -45px -130px
}

.image-preview-dialog .btn-next {
    right: 60px;
    top: 50%;
    height: 80px;
    transform: translateY(-50%);
    background-position: 0 -45px
}

.image-preview-dialog .btn-next:hover {
    background-position: -45px -45px
}

.image-preview-dialog .btn-cancel {
    top: 60px;
    right: 60px;
    background-position: 0 0
}

.image-preview-dialog .btn-cancel:hover {
    background-position: -45px 0
}

.analyze-limit-dialog .dialog-container {
    padding: 30px;
    width: 380px
}

.analyze-limit-dialog .dialog-body {
    padding-right: 30px;
    margin-right: -30px
}

.analyze-limit-dialog .dialog-footer {
    padding: 0;
    margin: 32px auto 0
}

.analyze-limit-dialog .dialog-footer .btns {
    text-align: center
}

.analyze-limit-dialog .dialog-footer .btns .btn {
    padding: 0 29px
}

.analyze-limit-dialog .analyze-limit-title {
    display: block;
    height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #24272e;
    line-height: 25px;
    text-align: center
}

.analyze-limit-dialog .analyze-limit-desc {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #8d92a1;
    line-height: 20px;
    text-align: center;
    margin-top: 6px
}

.analyze-limit-dialog .analyze-limit-image {
    width: 200px;
    display: block;
    margin: 40px auto 0
}

.auth-resume-card {
    width: 400px
}

.auth-resume-card .tip {
    color: #333;
    line-height: 20px;
    margin-top: 20px
}

.auth-resume-card .tip-small {
    display: block;
    color: #666;
    margin-top: 10px;
    font-size: 12px;
    line-height: 17px
}

.auth-resume-card .resume-card-wrapper {
    display: flex;
    margin-top: 10px;
    align-items: center;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 4px
}

.auth-resume-card .resume-card-wrapper img {
    height: 46px;
    margin-right: 10px
}

.auth-resume-card .resume-card-wrapper .resume-card-info .title {
    color: #333;
    display: block;
    max-width: 340px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.auth-resume-card .resume-card-wrapper .resume-card-info .desc {
    margin-top: 4px;
    color: #666;
    line-height: 20px
}

.vip-buy-plus-dialog .dialog-container {
    padding: 0
}

.vip-buy-plus-dialog .dialog-body {
    min-height: 524px;
    max-height: none
}

.template-preview-dialog {
    z-index: 1011
}

.template-preview-dialog .dialog-container {
    padding: 0;
    background-color: transparent
}

.template-preview-dialog .dialog-body {
    min-height: 626px
}

.template-preview-dialog .image-container {
    position: relative;
    border-radius: 2px;
    border: 1px solid #e7b597;
    overflow: hidden
}

.template-preview-dialog .image-container img {
    display: block;
    width: 468px;
    height: 624px;
    border-radius: 2px
}

.template-preview-dialog .image-container .tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 77px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #573e30;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1);
    background: linear-gradient(225deg, #fbd8b8, #e1a575);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 0 2px 10px 0;
    z-index: 3
}

.vip-plus {
    display: flex
}

.vip-plus .clear-fix {
    *zoom: 1
}

.vip-plus .clear-fix:after, .vip-plus .clear-fix:before {
    content: " ";
    height: 0;
    display: block;
    clear: both
}

.vip-plus .vip-template {
    display: flex;
    flex-direction: column;
    width: 540px;
    min-height: 524px;
    background: #fff;
    padding: 20px 30px
}

.vip-plus .vip-template .header {
    width: 100%;
    height: 60px;
    background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 5px 15px 0 rgba(0, 0, 0, .07);
    border-radius: 6px 6px 0 0;
    padding: 9px 30px
}

.vip-plus .vip-template .header h3 {
    color: #dfa178;
    font-size: 16px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.vip-plus .vip-template .header span {
    color: #dfa178;
    display: block;
    height: 17px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.vip-plus .vip-template h2 {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #414a60;
    line-height: 22px;
    margin-bottom: 14px
}

.vip-plus .vip-template h2 span {
    font-size: 12px;
    font-weight: 400;
    color: #9fa3b0;
    line-height: 17px;
    margin-left: 10px
}

.vip-plus .vip-template .select-tab {
    margin-bottom: 10px
}

.vip-plus .vip-template .select-tab .tab-item {
    position: relative;
    width: 232px;
    height: 60px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f2f2f2;
    font-size: 16px;
    font-weight: 600;
    color: #414a60;
    text-align: left;
    cursor: pointer;
    float: left;
    padding: 0 20px;
    line-height: 60px
}

.vip-plus .vip-template .select-tab .tab-item.vip-item span:after {
    content: " / 月";
    font-size: 12px
}

.vip-plus .vip-template .select-tab .tab-item.single-item span:after {
    content: " / 单份";
    font-size: 12px
}

.vip-plus .vip-template .select-tab .tab-item span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    line-height: 22px
}

.vip-plus .vip-template .select-tab .tab-item:hover {
    border: 1px solid #67708d
}

.vip-plus .vip-template .select-tab .tab-item.active {
    color: #dfa178;
    background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07);
    border: none
}

.vip-plus .vip-template .select-tab .tab-item.active:after {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    bottom: -8px;
    border: 4px solid transparent;
    border-top-color: #1a1a1a
}

.vip-plus .vip-template .select-tab .tab-item + .tab-item {
    margin-left: 16px
}

.vip-plus .plus-left {
    width: 480px;
    flex: 1;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 6px
}

.vip-plus .plus-left .header {
    width: 100%;
    height: 60px;
    background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 5px 15px 0 rgba(0, 0, 0, .07);
    border-radius: 6px 6px 0 0;
    padding: 9px 30px
}

.vip-plus .plus-left .header h3 {
    color: #dfa178;
    font-size: 16px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.vip-plus .plus-left .header span {
    color: #dfa178;
    display: block;
    height: 17px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.vip-plus .plus-left .single-block {
    padding: 20px
}

.vip-plus .plus-left .single-block .equity-title {
    font-size: 16px;
    font-weight: 500;
    color: #414a60;
    line-height: 26px;
    margin-bottom: 10px
}

.vip-plus .plus-left .single-block .equity-list {
    width: 440px;
    height: 50px;
    background: #fffdfc;
    border-radius: 4px;
    border: 1px solid #ffdacd;
    font-size: 14px;
    font-weight: 400;
    color: #805430;
    line-height: 48px;
    overflow: hidden;
    margin-bottom: 20px
}

.vip-plus .plus-left .single-block .equity-list li {
    position: relative;
    float: left;
    width: 50%;
    text-align: center
}

.vip-plus .plus-left .single-block .equity-list li + li:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #ffdacd
}

.vip-plus .plus-left .single-block .equity-list img {
    width: 16px;
    margin-right: 7px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.vip-plus .plus-left .single-block .selected-template h3 {
    font-size: 16px;
    font-weight: 500;
    color: #414a60;
    line-height: 26px;
    margin-bottom: 10px
}

.vip-plus .plus-left .single-block .selected-template .selected-box {
    width: 102px;
    height: 136px;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #e7b597;
    cursor: pointer;
    overflow: hidden
}

.vip-plus .plus-left .single-block .selected-template .selected-box:hover:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 2px;
    opacity: .3;
    background-color: #000;
    z-index: 1
}

.vip-plus .plus-left .single-block .selected-template .selected-box:hover .preview-btn {
    display: block
}

.vip-plus .plus-left .single-block .selected-template .selected-box .tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 77px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #573e30;
    text-shadow: 0, 0 20px #000;
    background: linear-gradient(225deg, #fbd8b8, #e1a575);
    border-radius: 0 2px 10px 0;
    z-index: 3
}

.vip-plus .plus-left .single-block .selected-template .selected-box img {
    width: 100%;
    border-radius: 2px
}

.vip-plus .plus-left .single-block .selected-template .selected-box .preview-btn {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 24px;
    line-height: 24px;
    background: #00c2b3;
    border-radius: 13px;
    margin-top: -12px;
    margin-left: -30px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    z-index: 2
}

.vip-plus .plus-left .slider-template-container {
    position: relative;
    overflow: hidden;
    padding: 0 20px
}

.vip-plus .plus-left .slider-template-container.has-slider .template-list {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    transition: all .2s linear
}

.vip-plus .plus-left .slider-template-container.has-slider .template-list li {
    width: 102px;
    height: 136px;
    box-shadow: none
}

.vip-plus .plus-left .slider-template-container.has-slider .template-list li + li {
    margin-left: 10px
}

.vip-plus .plus-left .slider-template-container .btn-container {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    background-color: #fff;
    z-index: 10
}

.vip-plus .plus-left .slider-template-container .go-left-container {
    left: 0
}

.vip-plus .plus-left .slider-template-container .go-right-container {
    right: 0
}

.vip-plus .plus-left .slider-template-container .go-btn {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    width: 16px;
    height: 40px;
    transition: all .2s linear;
    background-size: 100%;
    z-index: 10
}

.vip-plus .plus-left .slider-template-container .go-left {
    left: 0;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/left-icon.ab80fb13.png)
}

.vip-plus .plus-left .slider-template-container .go-left:hover {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/left-icon-hover.2fe89442.png)
}

.vip-plus .plus-left .slider-template-container .go-right {
    right: 0;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/right-icon.dea3bf6b.png)
}

.vip-plus .plus-left .slider-template-container .go-right:hover {
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/right-icon-hover.2612878f.png)
}

.vip-plus .plus-left .template-list {
    text-align: center;
    padding: 16px 0 30px
}

.vip-plus .plus-left .template-list li {
    position: relative;
    display: inline-block;
    width: 133px;
    height: 177px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    border: 1px solid #e7b597;
    cursor: pointer;
    overflow: hidden
}

.vip-plus .plus-left .template-list li + li {
    margin-left: 20px
}

.vip-plus .plus-left .template-list li:hover .preview-btn {
    display: block
}

.vip-plus .plus-left .template-list li:hover:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 2px;
    opacity: .3;
    background-color: #000;
    z-index: 1
}

.vip-plus .plus-left .template-list li img {
    width: 100%;
    border-radius: 2px
}

.vip-plus .plus-left .template-list li .tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 77px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #573e30;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1);
    background: linear-gradient(225deg, #fbd8b8, #e1a575);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 0 2px 10px 0;
    z-index: 3
}

.vip-plus .plus-left .template-list li .preview-btn {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 24px;
    line-height: 24px;
    background: #00c2b3;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 13px;
    margin-top: -12px;
    margin-left: -30px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    z-index: 2
}

.vip-plus .plus-left .discount-container h3 {
    font-size: 12px;
    color: #aaa;
    font-weight: 400;
    line-height: 16px;
    height: 16px;
    text-align: center;
    text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.vip-plus .plus-left .discount-container .discount-list {
    overflow: hidden;
    padding: 8px 12px
}

.vip-plus .plus-left .discount-container .discount-list li {
    width: 25%;
    color: #333;
    float: left;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 8px;
    margin-top: 8px
}

.vip-plus .plus-left .discount-container .discount-list li span {
    display: inline-block;
    max-width: 72px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    vertical-align: middle
}

.vip-plus .plus-left .discount-container .discount-list li .discount-icon {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: linear-gradient(225deg, #fbd8b8, #e1a575);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    margin-right: 6px;
    vertical-align: middle;
    border-radius: 100%;
    color: #fff;
    text-align: center
}

.vip-plus .plus-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 366px;
    min-height: 524px;
    padding: 20px 0;
    background: #fafafa;
    text-align: center
}

.vip-plus .plus-right .order-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.vip-plus .plus-right .buy-info {
    position: relative;
    margin-top: 30px
}

.vip-plus .plus-right .buy-info .price-wrap {
    margin: 0 auto
}

.vip-plus .plus-right .need-pay {
    overflow: hidden;
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    padding-bottom: 15px
}

.vip-plus .plus-right .need-pay span {
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #61687c;
    font-weight: 500
}

.vip-plus .plus-right .need-pay .need-price {
    color: #fc6c38;
    font-size: 20px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    float: right
}

.vip-plus .plus-right .origin-price {
    margin: 10px 0;
    overflow: hidden
}

.vip-plus .plus-right .origin-price span {
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #61687c;
    font-weight: 400
}

.vip-plus .plus-right .origin-price .origin-price {
    color: #51586d;
    font-size: 14px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    float: right;
    margin: 0
}

.vip-plus .plus-right .sale-money {
    overflow: hidden;
    color: #9fa3b0;
    margin: 10px 0 6px
}

.vip-plus .plus-right .sale-money span {
    font-size: 14px;
    height: 17px;
    line-height: 17px;
    float: left;
    font-weight: 400
}

.vip-plus .plus-right .sale-money .sale-price {
    font-size: 12px;
    float: right;
    height: 17px;
    line-height: 17px
}

.vip-plus .plus-right .text-protocol {
    text-align: center;
    font-size: 12px
}

.vip-plus .plus-right .text-protocol a {
    color: #00c2b3;
    text-decoration: underline
}

.vip-plus .plus-right .text-protocol a:hover {
    color: #6adbcf
}

.vip-plus .plus-right .pay-enough {
    text-align: center
}

.vip-plus .plus-right .pay-enough .btn-pay {
    width: 316px;
    height: 46px;
    font-size: 14px;
    padding: 12px 15px;
    font-weight: 400;
    color: #fff;
    background: #5dd5c8;
    border: none;
    margin: 0 auto;
    line-height: 22px;
    font-size: 16px
}

.vip-plus .plus-right .pay-enough .btn-pay:hover {
    opacity: .8
}

.vip-plus .plus-right .pay-enough .text-protocol {
    margin-top: 16px
}

.vip-plus .plus-right .pay-code {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.vip-plus .plus-right .pay-code .qr-code {
    width: 100%
}

.vip-plus .plus-right .pay-code .refresh {
    width: 132px;
    height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea
}

.vip-plus .plus-right .pay-code .refresh .iboss-erweimashuaxin {
    cursor: pointer
}

.vip-plus .plus-right .qrcode-wrap {
    width: 132px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.vip-plus .plus-right .qrcode-wrap .qrcode-desc {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 16px;
    margin: 8px 4px 0;
    text-align: center
}

.vip-plus .plus-right .qrcode-wrap .qrcode-desc .high-light {
    color: #00c2b3;
    cursor: pointer
}

.vip-plus .plus-right .payment-way {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 17px;
    margin-top: 10px
}

.vip-plus .plus-right .payment-way .pay-chanel-icon {
    height: 16px;
    margin-right: 5px;
    white-space: nowrap
}

.vip-plus .plus-right .payment-pattern {
    margin: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px
}

.vip-plus .plus-right .payment-pattern .already-pay {
    margin-left: 8px;
    cursor: pointer
}

.vip-plus .plus-right .payment-pattern .high-light {
    color: #00c2b3;
    cursor: pointer
}

.satisfaction-feedback-wrapper {
    position: relative;
    z-index: 1;
    width: 884px;
    padding: 20px 24px;
    background: #fff;
    border-radius: 12px
}

.satisfaction-feedback-wrapper h3 {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    margin-bottom: 16px
}

.satisfaction-feedback-wrapper .satisfaction-list {
    float: left
}

.satisfaction-feedback-wrapper .satisfaction-list li {
    position: relative;
    float: left;
    text-align: center;
    width: 50px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    cursor: pointer;
    transition: color .2s linear
}

.satisfaction-feedback-wrapper .satisfaction-list li:hover {
    color: #222
}

.satisfaction-feedback-wrapper .satisfaction-list li:hover:before {
    display: none
}

.satisfaction-feedback-wrapper .satisfaction-list li:hover .gif-animate {
    display: block
}

.satisfaction-feedback-wrapper .satisfaction-list li.active {
    color: #222
}

.satisfaction-feedback-wrapper .satisfaction-list li.active:before {
    background: url(https://img.bosszhipin.com/static/file/2022/tvosb9m4py1653894418770.png) -150px 0/auto 50px no-repeat
}

.satisfaction-feedback-wrapper .satisfaction-list li.active:hover:before {
    display: block
}

.satisfaction-feedback-wrapper .satisfaction-list li.active:hover .gif-animate {
    display: none
}

.satisfaction-feedback-wrapper .satisfaction-list li .gif-animate {
    display: none;
    width: 50px;
    height: 50px
}

.satisfaction-feedback-wrapper .satisfaction-list li:before {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://img.bosszhipin.com/static/file/2022/tvosb9m4py1653894418770.png) 0 0/auto 50px no-repeat
}

.satisfaction-feedback-wrapper .satisfaction-list li.level-2:before {
    background-position: -50px 0
}

.satisfaction-feedback-wrapper .satisfaction-list li.level-2.active:before {
    background-position: -200px 0
}

.satisfaction-feedback-wrapper .satisfaction-list li.level-3:before {
    background-position: -100px 0
}

.satisfaction-feedback-wrapper .satisfaction-list li.level-3.active:before {
    background-position: -250px 0
}

.satisfaction-feedback-wrapper .satisfaction-list li + li {
    margin-left: 34px
}

.satisfaction-feedback-wrapper .satisfaction-form {
    float: left
}

.satisfaction-feedback-wrapper .satisfaction-form .form-item {
    margin-bottom: 0
}

.satisfaction-feedback-wrapper .satisfaction-form .input-wrap-textarea {
    min-width: auto;
    width: 452px;
    border-radius: 4px;
    margin-left: 32px
}

.satisfaction-feedback-wrapper .satisfaction-form .input-wrap-textarea .input {
    padding: 10px 16px;
    line-height: 20px;
    background: #f8f8f8;
    font-size: 13px;
    border-radius: 4px;
    border-color: #f8f8f8
}

.satisfaction-feedback-wrapper .satisfaction-form .input-wrap-textarea .input:focus, .satisfaction-feedback-wrapper .satisfaction-form .input-wrap-textarea .input:hover {
    border-color: #2cd7c8;
    box-shadow: none
}

.satisfaction-feedback-wrapper .satisfaction-submit-btn {
    border-radius: 4px;
    float: left;
    margin-left: 40px;
    margin-top: 14px;
    padding: 9px 30px;
    background: #00bebd;
    border-color: #00bebd
}

.satisfaction-feedback-wrapper .satisfaction-submit-btn:hover {
    background: #00bebd;
    border-color: #00bebd
}

.satisfaction-feedback-wrapper .satisfaction-submit-btn.btn-disabled {
    cursor: not-allowed;
    background: #99e5e5;
    border: #99e5e5;
    opacity: 1
}

.hot-link-wrapper {
    width: 884px;
    background: #fff;
    border-radius: 12px;
    margin-top: 16px;
    padding: 6px 24px
}

.hot-link-wrapper .hot-link-tab {
    border-bottom: 1px solid #e6e6e6
}

.hot-link-wrapper .hot-link-tab li {
    position: relative;
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    padding: 14px 0;
    cursor: pointer;
    transition: all .2s linear
}

.hot-link-wrapper .hot-link-tab li + li {
    margin-left: 32px
}

.hot-link-wrapper .hot-link-tab li:hover {
    color: #00a6a7
}

.hot-link-wrapper .hot-link-tab li.active {
    font-weight: 600;
    color: #00a6a7
}

.hot-link-wrapper .hot-link-tab li.active:after {
    content: " ";
    position: absolute;
    width: 28px;
    left: 50%;
    margin-left: -14px;
    bottom: -2px;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8, #00bebd);
    border-radius: 2px;
    z-index: 1
}

.hot-link-wrapper .link-list {
    margin-left: -14px;
    margin-right: -14px;
    padding: 14px 0 8px
}

.hot-link-wrapper .link-list a {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    margin: 7px 14px;
    transition: all .2s linear;
    white-space: nowrap
}

.hot-link-wrapper .link-list a:hover {
    color: #00a6a7
}

.breadcrumb-wrapper {
    margin-top: 16px
}

.breadcrumb-wrapper .breadcrumb-list li {
    position: relative;
    float: left;
    padding-right: 8px
}

.breadcrumb-wrapper .breadcrumb-list li + li {
    padding-left: 8px
}

.breadcrumb-wrapper .breadcrumb-list li + li:before {
    content: " ";
    position: absolute;
    top: 5px;
    left: 0;
    width: 1px;
    height: 7px;
    background: #999;
    z-index: 1
}

.breadcrumb-wrapper .breadcrumb-list li a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    white-space: nowrap;
    transition: all .2s linear
}

.breadcrumb-wrapper .breadcrumb-list li a:hover {
    color: #00a6a7
}

.history-job-wrapper {
    width: 284px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px
}

.history-job-wrapper .history-job-title {
    height: 46px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding: 12px 24px
}

.history-job-wrapper .history-job-list {
    padding: 4px 8px;
    background: #fff
}

.history-job-wrapper .history-job-list li a {
    padding: 12px 16px;
    display: block;
    border-radius: 8px;
    transition: all .2s linear
}

.history-job-wrapper .history-job-list li a:hover {
    background: #f7f7f7
}

.history-job-wrapper .history-job-list li a:hover .history-job-top h3 {
    color: #00a6a7
}

.history-job-wrapper .history-job-list li .history-job-top {
    overflow: hidden;
    margin-bottom: 4px
}

.history-job-wrapper .history-job-list li .history-job-top h3 {
    float: left;
    max-width: 120px;
    font-weight: 500;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.history-job-wrapper .history-job-list li .history-job-top .job-salary {
    float: right;
    color: #fe574a;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap
}

.history-job-wrapper .history-job-list li .history-job-bottom {
    overflow: hidden
}

.history-job-wrapper .history-job-list li .history-job-bottom .company-name {
    float: left;
    max-width: 100px;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.history-job-wrapper .history-job-list li .history-job-bottom .company-position {
    float: right;
    max-width: 130px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.related-search-wrapper {
    width: 284px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px
}

.related-search-wrapper .related-search-title {
    height: 46px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding: 12px 24px
}

.related-search-wrapper .related-search-list {
    padding: 4px 8px;
    background: #fff
}

.related-search-wrapper .related-search-list li a {
    position: relative;
    padding: 12px 24px 12px 16px;
    display: block;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.related-search-wrapper .related-search-list li a:hover {
    background: #f7f7f7;
    color: #00a6a7
}

.related-search-wrapper .related-search-list li a:hover:after {
    background-position: -6px -8px
}

.related-search-wrapper .related-search-list li a:after {
    content: " ";
    position: absolute;
    top: 18px;
    right: 16px;
    width: 4px;
    height: 8px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px no-repeat;
    background-size: 10px auto
}

.complete-resume-wrapper {
    margin-bottom: 16px;
    text-align: center;
    padding: 16px 0;
    border-radius: 12px;
    background: #fff
}

.complete-resume-wrapper.btn-1 {
    background: #fff url(https://img.bosszhipin.com/static/file/2022/mjwpfwr3ea1653981870782.png) 0/100% auto no-repeat
}

.complete-resume-wrapper.btn-2 {
    background: #fff url(https://img.bosszhipin.com/static/file/2022/cnu5gp1qwn1653981870928.png) 0/100% auto no-repeat
}

.complete-resume-wrapper.btn-3 {
    background: #fff url(https://img.bosszhipin.com/static/file/2022/rfsliqvi8k1653981871030.png) 0/100% auto no-repeat
}

.complete-resume-wrapper .resume-btn {
    position: relative;
    display: block;
    width: 176px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    margin: 0 auto;
    transition: all .2s linear
}

.complete-resume-wrapper .resume-btn + .resume-btn {
    margin-top: 16px
}

.complete-resume-wrapper .resume-upload-btn {
    background: linear-gradient(90deg, #05d9d6, #00bebd);
    box-shadow: 0 5px 10px -5px rgba(16, 139, 140, .6);
    border-radius: 8px
}

.complete-resume-wrapper .resume-upload-btn:before {
    content: " ";
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 29px;
    height: 27px;
    background: url(https://img.bosszhipin.com/static/file/2022/p3bynqy5ig1653981870571.png) 0 0/100% auto no-repeat;
    z-index: 1
}

.complete-resume-wrapper .resume-upload-btn:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 8px;
    z-index: -1;
    background: linear-gradient(170deg, #39e4e3, #0bb0af);
    transition: all .2s linear
}

.complete-resume-wrapper .resume-upload-btn:hover {
    background: linear-gradient(90deg, #00bebd, #05d9d6)
}

.complete-resume-wrapper .resume-upload-btn:hover:after {
    background: linear-gradient(170deg, #0bb0af, #39e4e3)
}

.complete-resume-wrapper .resume-template-btn {
    background: linear-gradient(90deg, #05d9d6, #00bebd);
    box-shadow: 0 5px 10px -5px rgba(16, 139, 140, .6);
    border-radius: 8px
}

.complete-resume-wrapper .resume-template-btn:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 8px;
    z-index: -1;
    background: linear-gradient(170deg, #39e4e3, #0bb0af);
    transition: all .2s linear
}

.complete-resume-wrapper .resume-template-btn:hover {
    background: linear-gradient(90deg, #00bebd, #05d9d6)
}

.complete-resume-wrapper .resume-template-btn:hover:after {
    background: linear-gradient(170deg, #0bb0af, #39e4e3)
}

.subscribe-weixin-wrapper {
    position: relative;
    width: 884px;
    height: 103px;
    padding: 14px 113px;
    background: linear-gradient(271.10638deg, #f4ffff 2%, #fff 69%);
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
    z-index: 1
}

.subscribe-weixin-wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 360px;
    height: 103px;
    background: url(https://img.bosszhipin.com/static/file/2024/fjpgi78ous1726222154043.png) 100% 0/100% auto no-repeat;
    z-index: -1
}

.subscribe-weixin-wrapper .close-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    z-index: 2;
    transition: all .2s linear
}

.subscribe-weixin-wrapper .close-btn .icon-close:after, .subscribe-weixin-wrapper .close-btn .icon-close:before {
    background: #99a0ac;
    width: 14px;
    height: 2px
}

.subscribe-weixin-wrapper .close-btn .icon-close:before {
    transform: rotate(45deg) scale(.8)
}

.subscribe-weixin-wrapper .close-btn .icon-close:after {
    transform: rotate(-45deg) scale(.8)
}

.subscribe-weixin-wrapper .close-btn:hover .icon-close {
    transition: all .2s linear
}

.subscribe-weixin-wrapper .close-btn:hover .icon-close:after, .subscribe-weixin-wrapper .close-btn:hover .icon-close:before {
    background: #333
}

.subscribe-weixin-wrapper .sub-layer {
    opacity: 0;
    content: " ";
    position: absolute;
    top: -12px;
    right: -316px;
    width: 325px;
    height: 299px;
    background: url(https://img.bosszhipin.com/static/file/2022/w9frkcayry1653988123785.png) 0 0/100% auto no-repeat;
    z-index: 2;
    transition: all .2s linear
}

.subscribe-weixin-wrapper .sub-layer .sub-container {
    width: 260px;
    margin-left: 38px;
    margin-top: 54px;
    border-radius: 12px;
    padding: 10px 15px;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -o-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.subscribe-weixin-wrapper .sub-layer .sub-container .title {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 1
}

.subscribe-weixin-wrapper .sub-layer .sub-container .info {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-top: 6px
}

.subscribe-weixin-wrapper .sub-layer .sub-container .content {
    font-size: 12px;
    margin-top: 8px
}

.subscribe-weixin-wrapper .sub-layer .sub-container .content .item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.subscribe-weixin-wrapper .sub-layer .sub-container .content .item .t {
    color: #999
}

.subscribe-weixin-wrapper .sub-layer .sub-container .content .item .c {
    color: #333;
    margin-left: 4px
}

.subscribe-weixin-wrapper .sub-layer .sub-container .content .item.orange {
    color: #f09928
}

.subscribe-weixin-wrapper .subscribe-weixin-inner {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.subscribe-weixin-wrapper .subscribe-weixin-inner img {
    position: absolute;
    width: 56px;
    top: 0;
    left: 0;
    z-index: 1
}

.subscribe-weixin-wrapper .subscribe-weixin-inner h3 {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    line-height: 25px;
    padding-bottom: 4px
}

.subscribe-weixin-wrapper .subscribe-weixin-inner p {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    max-width: 650px;
    word-break: break-all;
    padding-top: 4px
}

.subscribe-weixin-wrapper .subscribe-weixin-inner p em {
    color: #00a6a7;
    font-style: normal
}

.subscribe-weixin-wrapper .subscribe-weixin-qrcode {
    position: absolute;
    top: 8px;
    left: 22px;
    z-index: 1;
    text-align: center
}

.subscribe-weixin-wrapper .subscribe-weixin-qrcode .qrcode-wrapper {
    width: 90px;
    height: 90px;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all .2s linear
}

.subscribe-weixin-wrapper .subscribe-weixin-qrcode .qrcode-wrapper img {
    display: block;
    margin: 1px;
    width: 86px;
    height: 86px
}

.company-card-wrapper {
    margin-bottom: 16px;
    width: 884px;
    background: #fff;
    border-radius: 12px;
    padding: 16px 24px
}

.company-card-wrapper .company-item-left {
    position: relative;
    float: left;
    padding-left: 68px;
    width: 520px
}

.company-card-wrapper .company-item-left:hover .company-name a {
    color: #00a6a7
}

.company-card-wrapper .company-item-left .logo-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    z-index: 1
}

.company-card-wrapper .company-item-left .company-name {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    transition: all .2s linear
}

.company-card-wrapper .company-item-left .company-info-top {
    margin-bottom: 12px
}

.company-card-wrapper .company-item-left .company-guide-download-app {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 17px;
    margin-left: 8px;
    overflow: hidden;
    vertical-align: middle;
    top: -2px
}

.company-card-wrapper .company-item-left .company-guide-download-app:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 17px;
    background: url(https://img.bosszhipin.com/static/file/2022/pfr9mn2b731654657325101.png) 0 0/12px auto no-repeat;
    z-index: 1
}

.company-card-wrapper .company-item-left .company-guide-download-app:hover {
    overflow: visible
}

.company-card-wrapper .company-item-left .company-guide-download-app:hover:before {
    background-position: 0 -17px
}

.company-card-wrapper .company-item-left .company-guide-download-app:hover .download-app-qrcode {
    opacity: 1
}

.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode {
    opacity: 0;
    position: absolute;
    top: -18px;
    right: -140px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: 1px solid #ededed;
    padding: 16px 10px;
    transition: all .2s linear;
    border-radius: 10px
}

.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode:before {
    content: " ";
    position: absolute;
    top: 16px;
    left: 0;
    width: 12px;
    height: 16px;
    z-index: 2;
    background: #fff
}

.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode .app-icon-arrow {
    position: absolute;
    top: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
    background: #fff;
    border-color: transparent;
    border-style: none none solid solid;
    border-width: medium medium 1px 1px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
    left: -4px
}

.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode img {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 8px
}

.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode span {
    display: block;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    text-align: center
}

.company-card-wrapper .company-item-left .company-info-tag {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    float: left
}

.company-card-wrapper .company-item-left .company-info-tag + .company-info-tag {
    margin-left: 16px
}

.company-card-wrapper .company-item-right {
    float: right
}

.company-card-wrapper .company-item-right a {
    float: right;
    transition: all .2s linear;
    border-radius: 8px
}

.company-card-wrapper .company-item-right a:hover {
    background: #f7f7f7
}

.company-card-wrapper .company-item-right a:hover .count-item .count-about, .company-card-wrapper .company-item-right a:hover .count-item .count-text {
    color: #00a6a7
}

.company-card-wrapper .company-item-right .count-item {
    padding: 2px 22px;
    float: right;
    text-align: center
}

.company-card-wrapper .company-item-right .count-item .count-text {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px;
    margin-bottom: 4px
}

.company-card-wrapper .company-item-right .count-item .count-about {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px
}

.job-card-wrapper {
    position: relative;
    width: 884px;
    background: #fff;
    border-radius: 12px;
    transition: all .2s linear;
    cursor: pointer
}

.job-card-wrapper.hover-footer .job-card-left .job-title {
    color: #00a6a7
}

.job-card-wrapper:hover {
    box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3);
    z-index: 3
}

.job-card-wrapper:hover .info-public {
    display: none
}

.job-card-wrapper:hover .job-card-left .look-detail-btn, .job-card-wrapper:hover .job-card-left .start-chat-btn {
    display: inline-block
}

.job-card-wrapper .job-tag-icon {
    position: absolute;
    top: -4px;
    left: 0;
    width: 52px;
    z-index: 1
}

.job-card-wrapper .school-company-icon {
    width: 84px
}

.job-card-wrapper + .job-card-wrapper {
    margin-top: 16px
}

.job-card-wrapper .job-card-left {
    float: left;
    width: 484px;
    padding: 16px 0 16px 24px;
    height: 88px
}

.job-card-wrapper .job-card-left:hover .job-title {
    color: #00a6a7
}

.job-card-wrapper .job-card-left .job-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    transition: all .2s linear;
    max-width: 460px
}

.job-card-wrapper .job-card-left .job-title .job-name {
    float: left;
    max-width: 172px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-card-wrapper .job-card-left .job-title .job-area-wrapper {
    float: left;
    margin-left: 12px;
    line-height: 22px
}

.job-card-wrapper .job-card-left .job-title .job-area-wrapper:before {
    content: "[";
    float: left;
    font-size: 16px
}

.job-card-wrapper .job-card-left .job-title .job-area-wrapper:after {
    content: "]";
    float: left;
    font-size: 16px
}

.job-card-wrapper .job-card-left .job-title .job-area-wrapper .job-area {
    float: left;
    max-width: 214px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-card-wrapper .job-card-left .job-name-icon {
    height: 18px;
    vertical-align: middle;
    margin: 0 0 0 8px;
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #aaa;
    border-radius: 4px;
    font-size: 12px;
    font-style: normal;
    color: #aaa;
    line-height: 18px
}

.job-card-wrapper .job-card-left .job-name-icon.name-icon-blue {
    border: none;
    background: linear-gradient(90deg, #ff995e, #f87b4b);
    color: #fff
}

.job-card-wrapper .job-card-left .job-name-icon.icon-other-place {
    border: none;
    background: linear-gradient(90deg, #efd0af, #d7b698);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.job-card-wrapper .job-card-left .job-info {
    margin-top: 12px;
    height: 22px;
    overflow: hidden
}

.job-card-wrapper .job-card-left .salary {
    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    line-height: 22px;
    float: left
}

.job-card-wrapper .job-card-left .tag-list {
    float: left;
    margin-left: 12px;
    max-width: 172px;
    height: 22px;
    overflow: hidden
}

.job-card-wrapper .job-card-left .tag-list li {
    padding: 2px 8px;
    float: left;
    background: #f8f8f8;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px
}

.job-card-wrapper .job-card-left .tag-list li + li {
    margin-left: 8px
}

.job-card-wrapper .job-card-left .info-public {
    position: relative;
    margin-left: 8px;
    padding: 1px 8px 1px 29px;
    float: left;
    max-width: 168px;
    border-radius: 4px;
    border: 1px solid #e5e6e6;
    line-height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.job-card-wrapper .job-card-left .info-public:before {
    content: " ";
    position: absolute;
    width: 13px;
    height: 12px;
    top: 4px;
    left: 8px;
    z-index: 1;
    background: url(https://img.bosszhipin.com/static/file/2022/mikp4dmkmu1655206943355.png) -17px 0/30px auto no-repeat
}

.job-card-wrapper .job-card-left .info-public.ats-direct-post:before {
    width: 16px;
    height: 16px;
    top: 1px;
    left: 6px;
    background: url(https://img.bosszhipin.com/static/file/2022/heg5xsxtat1662106651869.png) 0 0/16px auto no-repeat
}

.job-card-wrapper .job-card-left .info-public em {
    position: relative;
    font-style: normal;
    padding-left: 4px;
    margin-left: 4px
}

.job-card-wrapper .job-card-left .info-public em:before {
    content: " ";
    position: absolute;
    top: 3px;
    left: 0;
    width: 1px;
    height: 8px;
    background: #e5e6e6;
    z-index: 1
}

.job-card-wrapper .job-card-left .look-detail-btn:before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 6px;
    z-index: 1;
    width: 16px;
    height: 16px;
    background: url(https://img.bosszhipin.com/static/file/2022/heg5xsxtat1662106651869.png) 0 -16px/16px auto no-repeat
}

.job-card-wrapper .job-card-left .look-detail-btn {
    position: relative;
    display: none;
    background: #00bebd;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding: 2px 8px 2px 29px;
    margin-left: 8px
}

.job-card-wrapper .job-card-left .icon-chat {
    display: inline-block;
    height: 12px;
    width: 13px;
    vertical-align: middle;
    margin-right: 8px
}

.job-card-wrapper .job-card-left .start-chat-btn {
    position: relative;
    display: none;
    background: #00bebd;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding: 2px 8px 2px 29px;
    margin-left: 8px
}

.job-card-wrapper .job-card-left .start-chat-btn:before {
    content: " ";
    position: absolute;
    width: 13px;
    height: 12px;
    top: 5px;
    left: 8px;
    z-index: 1;
    background: url(https://img.bosszhipin.com/static/file/2022/mikp4dmkmu1655206943355.png) -17px -15px/30px auto no-repeat
}

.job-card-wrapper .job-card-left .start-chat-btn.btn-disable-chat {
    color: #999;
    border: 1px solid #999;
    background: #fff;
    padding: 1px 8px;
    cursor: default
}

.job-card-wrapper .job-card-left .start-chat-btn.btn-disable-chat:before {
    content: none
}

.job-card-wrapper .job-card-left .tag-icon {
    display: inline-block;
    height: 22px;
    margin-left: 8px
}

.job-card-wrapper .job-card-left .boss-online-tag {
    display: inline-block;
    position: relative;
    height: 22px;
    background: #e1f5e3;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #40b14f;
    line-height: 22px;
    padding: 0 10px 0 20px;
    margin-left: 8px
}

.job-card-wrapper .job-card-left .boss-online-tag:before {
    content: " ";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 8px;
    left: 8px;
    border-radius: 100%;
    background: #3ac249;
    z-index: 1
}

.job-card-wrapper .job-card-right {
    float: left;
    width: 400px;
    padding: 16px 24px 16px 10px
}

.job-card-wrapper .job-card-right.is-anonymous .company-logo a, .job-card-wrapper .job-card-right.is-anonymous .company-name a {
    cursor: default
}

.job-card-wrapper .job-card-right.is-anonymous .company-logo:hover + .company-info .company-name a, .job-card-wrapper .job-card-right.is-anonymous:hover .company-name a {
    color: #222
}

.job-card-wrapper .job-card-right .company-logo {
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f8f8f8
}

.job-card-wrapper .job-card-right .company-logo img {
    width: 100%;
    height: 100%
}

.job-card-wrapper .job-card-right .company-logo:hover + .company-info .company-name a {
    color: #00a6a7
}

.job-card-wrapper .job-card-right .company-info {
    margin-left: 12px;
    float: left
}

.job-card-wrapper .job-card-right .company-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    height: 22px
}

.job-card-wrapper .job-card-right .company-name a {
    display: inline-block;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 196px;
    vertical-align: middle;
    transition: all .2s linear
}

.job-card-wrapper .job-card-right .company-name a:hover {
    color: #00a6a7
}

.job-card-wrapper .job-card-right .shield-tag {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #f8f8f8;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 4px;
    margin-left: 8px;
    overflow: hidden;
    transition: all .2s linear
}

.job-card-wrapper .job-card-right .shield-tag:before {
    content: " ";
    position: absolute;
    width: 12px;
    height: 10px;
    z-index: 1;
    top: 5px;
    left: 4px;
    background: url(https://img.bosszhipin.com/static/file/2022/p9w8i48fjx1655379693896.png) 0 0/12px 20px no-repeat
}

.job-card-wrapper .job-card-right .shield-tag:hover {
    background: #e5f8f8;
    color: #00a6a7;
    overflow: visible
}

.job-card-wrapper .job-card-right .shield-tag:hover:before {
    background-position: 0 -10px
}

.job-card-wrapper .job-card-right .shield-tag:hover:after {
    content: " ";
    position: absolute;
    top: -12px;
    height: 12px;
    left: 0;
    right: 0
}

.job-card-wrapper .job-card-right .shield-tag:hover .shield-popper {
    opacity: 1
}

.job-card-wrapper .job-card-right .shield-tag .shield-popper {
    opacity: 0;
    position: absolute;
    bottom: 28px;
    left: 50%;
    z-index: 5;
    border-radius: 8px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    background: #707070;
    color: #fff;
    padding: 12px 104px 12px 20px;
    cursor: default;
    transition: all .2s linear
}

.job-card-wrapper .job-card-right .shield-tag .shield-popper:after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -8px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #707070
}

.job-card-wrapper .job-card-right .shield-tag .shield-popper span {
    display: block;
    line-height: 18px;
    font-size: 13px;
    word-break: break-all;
    white-space: normal;
    width: 214px
}

.job-card-wrapper .job-card-right .shield-tag .shield-popper a {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 20px;
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #00bebd;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.job-card-wrapper .job-card-right .shield-tag .shield-popper a:hover {
    background: #5dd5c8
}

.job-card-wrapper .job-card-right .company-tag-list {
    margin-top: 12px;
    height: 22px;
    overflow: hidden;
    max-width: 298px
}

.job-card-wrapper .job-card-right .company-tag-list li {
    display: inline-block;
    background: #f8f8f8;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px
}

.job-card-wrapper .job-card-right .company-tag-list li + li {
    margin-left: 8px
}

.job-card-wrapper .job-card-right .company-tag-list li.link:hover {
    background: #e5f8f8;
    line-height: 17px
}

.job-card-wrapper .job-card-right .company-tag-list li.link:hover a {
    color: #00a6a7;
    font-weight: 500
}

.job-card-wrapper .job-card-footer {
    padding: 15px 24px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 0 0 12px 12px;
    cursor: pointer
}

.job-card-wrapper .job-card-footer .tag-list {
    float: left;
    width: 390px;
    overflow: hidden;
    margin-right: 84px;
    margin-left: -8px;
    height: 18px
}

.job-card-wrapper .job-card-footer .tag-list li {
    display: inline-block;
    position: relative;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    white-space: nowrap
}

.job-card-wrapper .job-card-footer .tag-list li + li:before {
    content: " ";
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #e0e0e0;
    z-index: 1
}

.job-card-wrapper .job-card-footer .info-desc {
    float: left;
    width: 362px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    word-break: break-word;
    -ms-word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-card-wrapper .job-card-header {
    padding: 12px 24px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0;
    cursor: pointer
}

.job-card-wrapper .job-card-header .tag-list {
    float: left;
    width: 390px;
    overflow: hidden;
    margin-right: 84px;
    margin-left: -8px;
    height: 24px
}

.job-card-wrapper .job-card-header .tag-list li {
    display: inline-block;
    position: relative;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 24px;
    white-space: nowrap
}

.job-card-wrapper .job-card-header .tag-list li li.has-divide:before {
    content: " ";
    position: absolute;
    top: 7px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #e0e0e0;
    z-index: 1
}

.job-card-wrapper .job-card-header .tag-list li img {
    vertical-align: top;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.job-card-wrapper .job-card-header .info-desc {
    float: left;
    width: 362px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    word-break: break-word;
    -ms-word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-card-wrapper .component-fade-leave-active, .job-card-wrapper .job-card-fade-enter-active {
    transition: opacity .2s linear
}

.job-card-wrapper .job-card-fade-enter, .job-card-wrapper .job-card-fade-leave-to {
    opacity: 0
}

.greet-pop-dialog .dialog-header .title {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 15px
}

.greet-pop-dialog .dialog-header .close {
    display: none
}

.greet-pop-dialog .dialog-container {
    width: 490px;
    padding: 15px 30px
}

.greet-pop-dialog .dialog-container .block-chat-box {
    padding: 10px 0
}

.greet-pop-dialog .dialog-container .block-chat-box p {
    line-height: 26px
}

.greet-pop-dialog .dialog-footer {
    border-top: 1px solid #eee;
    margin-top: 20px
}

.job-detail-card {
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    background: #fff;
    border-radius: 12px;
    z-index: 10;
    box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .5)
}

.job-detail-card .job-detail-header {
    position: relative;
    height: 110px;
    padding: 20px 24px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0
}

.job-detail-card .job-detail-header .title {
    max-width: 250px;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-detail-card .job-detail-header .intro {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    margin-top: 6px;
    max-width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-detail-card .job-detail-header .header-right {
    position: absolute;
    right: 24px;
    top: 20px;
    z-index: 1
}

.job-detail-card .job-detail-header .header-right .code-desc {
    display: inline-block;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 20px;
    margin-right: 8px;
    vertical-align: middle
}

.job-detail-card .job-detail-header .header-right .code-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(https://img.bosszhipin.com/static/file/2022/p885jmflzv1655391974358.png) 0 0/100% 100% no-repeat;
    vertical-align: middle
}

.job-detail-card .job-detail-header .like-btn {
    position: relative;
    display: inline-block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 20px;
    padding-left: 22px
}

.job-detail-card .job-detail-header .like-btn:before {
    content: " ";
    position: absolute;
    width: 17px;
    height: 15px;
    top: 3px;
    left: 0;
    z-index: 1;
    background: url(https://img.bosszhipin.com/static/file/2022/mikp4dmkmu1655206943355.png) 0 0/30px auto no-repeat
}

.job-detail-card .job-detail-header .like-btn.active:before, .job-detail-card .job-detail-header .like-btn:hover:before {
    background-position: 0 -15px
}

.job-detail-card .job-detail-header .like-btn.active:hover:before {
    background-position: 0 0
}

.job-detail-card .job-detail-header .login-btn {
    display: block;
    width: 120px;
    background: #00bebd;
    color: #fff;
    padding: 5px 0;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px
}

.job-detail-card .job-detail-body {
    padding: 12px 24px 16px
}

.job-detail-card .job-detail-body .title {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 20px
}

.job-detail-card .job-detail-body .desc {
    margin-top: 12px;
    margin-right: -24px;
    padding-right: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    max-height: 260px;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden
}

.city-select-wrapper {
    font-size: 14px;
    color: #424a5e;
    padding-bottom: 12px
}

.city-select-wrapper .city-char-list {
    background: #f9fafb;
    overflow: hidden;
    width: 786px;
    height: 39px
}

.city-select-wrapper .city-char-list li {
    float: left;
    width: 130px;
    line-height: 39px;
    position: relative;
    cursor: pointer;
    text-align: center;
    user-select: none;
    transition: all .2s linear
}

.city-select-wrapper .city-char-list li.active, .city-select-wrapper .city-char-list li:hover {
    color: #00a6a7
}

.city-select-wrapper .city-char-list li.active:before {
    content: " ";
    position: absolute;
    background-color: #00a6a7;
    left: 25%;
    top: unset;
    bottom: 0;
    width: 50%;
    height: 2px
}

.city-select-wrapper .city-list-hot {
    padding: 20px 0;
    width: 786px;
    height: 378px;
    overflow: auto;
    overflow: overlay
}

.city-select-wrapper .city-list-hot li {
    float: left;
    line-height: 40px;
    width: 20%;
    cursor: pointer;
    text-align: center;
    margin-bottom: 8px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .2s linear
}

.city-select-wrapper .city-list-hot li:hover {
    color: #00a6a7
}

.city-select-wrapper .city-list-select {
    padding: 20px 0;
    width: 786px;
    height: 378px;
    overflow: auto;
    overflow: overlay
}

.city-select-wrapper .city-list-select li {
    line-height: 40px;
    width: 100%;
    cursor: pointer;
    text-align: center
}

.city-select-wrapper .city-list-select li .city-char {
    width: 11.2%;
    text-align: center;
    color: #00a6a7;
    float: left
}

.city-select-wrapper .city-list-select li .list-select-list {
    float: left;
    width: 88.8%
}

.city-select-wrapper .city-list-select li .list-select-list a {
    width: 20%;
    text-align: left;
    margin-bottom: 8px;
    float: left;
    line-height: 40px;
    cursor: pointer;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.subway-select-wrapper .subway-line-list {
    margin-left: -4px;
    margin-right: -4px
}

.subway-select-wrapper .subway-line-list li {
    position: relative;
    z-index: 1;
    margin: 8px 4px 0;
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    height: 32px;
    padding: 6px 10px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    transition: all .2s linear
}

.subway-select-wrapper .subway-line-list li.active, .subway-select-wrapper .subway-line-list li:hover {
    font-weight: 500;
    color: #fff
}

.subway-select-wrapper .subway-line-list li.active .bottom-line, .subway-select-wrapper .subway-line-list li:hover .bottom-line {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    height: auto;
    border-radius: 4px;
    transition: top .2s linear, left .2s linear, right .2s linear
}

.subway-select-wrapper .subway-line-list li.active .selected-num {
    border: 1px solid #fff;
    padding: 1px 2px
}

.subway-select-wrapper .subway-line-list li .bottom-line {
    position: absolute;
    z-index: 1;
    top: 30px;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 2px;
    border-radius: 1px;
    background: #00a6a7
}

.subway-select-wrapper .subway-line-list .selected-num {
    position: absolute;
    right: -4px;
    top: -8px;
    z-index: 1;
    padding: 2px;
    min-width: 16px;
    height: 16px;
    background: #00bebd;
    border-radius: 8px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.subway-select-wrapper .subway-line-list .selected-num.is-all {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto
}

.subway-select-wrapper .subway-line-list .selected-num.is-all:after {
    content: "全";
    display: block;
    font-size: 12px;
    width: 16px;
    height: 16px;
    margin-top: 1px;
    transform: scale(.9)
}

.subway-select-wrapper .subway-select-detail {
    margin-top: 20px;
    background: #f8f8f8;
    border-radius: 12px;
    padding: 16px 15px;
    min-height: 72px
}

.subway-select-wrapper .selected-subway-section {
    position: relative;
    overflow: hidden;
    padding-right: 90px;
    margin-top: 9px
}

.subway-select-wrapper .selected-subway-section ul {
    float: left
}

.subway-select-wrapper .selected-subway-section ul li {
    float: left;
    margin-right: 8px
}

.subway-select-wrapper .selected-subway-section ul li .selected-subway-name {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    float: left;
    margin-top: 12px
}

.subway-select-wrapper .selected-subway-section ul .selected-subway-list {
    float: left
}

.subway-select-wrapper .selected-subway-section ul .selected-subway-list a {
    float: left;
    white-space: nowrap;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 4px 8px;
    margin-right: 8px;
    margin-top: 8px;
    cursor: default
}

.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    border-radius: 100%;
    cursor: pointer;
    transition: all .2s linear
}

.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:hover {
    background: #00a6a7
}

.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:hover:after, .subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:hover:before {
    background: #fff
}

.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:after, .subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:before {
    background: #00a6a7;
    content: " ";
    height: 1px;
    position: absolute;
    left: 50%;
    top: 7px;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 10px
}

.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.subway-select-wrapper .selected-subway-section .clear-subway-btn {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    transition: all .2s linear
}

.subway-select-wrapper .selected-subway-section .clear-subway-btn:hover {
    color: #00a6a7
}

.subway-site-wrapper {
    position: relative
}

.subway-site-wrapper .all-line-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    transition: all .2s linear
}

.subway-site-wrapper .all-line-checkbox .checkbox-inner {
    display: block;
    margin: 0 auto 6px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
    transition: all .2s linear
}

.subway-site-wrapper .all-line-checkbox .checkbox-icon {
    position: absolute;
    z-index: 1;
    display: none;
    width: 16px;
    height: 16px;
    transform: none
}

.subway-site-wrapper .all-line-checkbox .checkbox-icon:after {
    content: " ";
    position: absolute;
    transform: rotate(45deg);
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0
}

.subway-site-wrapper .all-line-checkbox.is-check {
    color: #00bebd;
    font-weight: 500
}

.subway-site-wrapper .all-line-checkbox.is-check .checkbox-inner {
    border: 1px solid #00bebd;
    background: #00bebd
}

.subway-site-wrapper .all-line-checkbox.is-check .checkbox-icon {
    display: block
}

.subway-site-wrapper .all-line-checkbox:hover {
    color: #00bebd;
    font-weight: 500
}

.subway-site-wrapper .all-line-checkbox:hover .checkbox-inner {
    border: 1px solid #00bebd
}

.subway-site-wrapper .subway-site-list {
    margin: 0 30px;
    display: block
}

.subway-site-wrapper .subway-site-list li {
    position: relative;
    float: left;
    padding-right: 32px;
    margin-top: 20px
}

.subway-site-wrapper .subway-site-list li.site-right {
    padding-left: 32px;
    padding-right: 0;
    float: right
}

.subway-site-wrapper .subway-site-list li.first-site-line {
    margin-top: 0
}

.subway-site-wrapper .subway-site-list li.site-line-last {
    padding-right: 0
}

.subway-site-wrapper .subway-site-list li.site-line-last.site-right {
    padding-left: 0
}

.subway-site-wrapper .subway-site-list li.site-line-last + .last-site {
    padding-right: 32px
}

.subway-site-wrapper .subway-site-list li.site-line-last + .last-site.site-right {
    padding-left: 32px
}

.subway-site-wrapper .subway-site-list li.first-site {
    padding-left: 40px
}

.subway-site-wrapper .subway-site-list li.first-site:before {
    width: 32px;
    left: auto
}

.subway-site-wrapper .subway-site-list li.first-site .subway-site-box:before {
    content: " ";
    height: 6px;
    background: #e2ebeb;
    position: absolute;
    top: 5px;
    left: 50%;
    right: 0
}

.subway-site-wrapper .subway-site-list li.last-site {
    padding-right: 0
}

.subway-site-wrapper .subway-site-list li.last-site:before {
    content: none
}

.subway-site-wrapper .subway-site-list li.last-site .subway-site-box:before {
    content: " ";
    height: 6px;
    position: absolute;
    top: 5px;
    right: -40px;
    left: 50%;
    z-index: 1;
    background: #f8f8f8
}

.subway-site-wrapper .subway-site-list li.last-site .subway-site-box:after {
    content: " ";
    height: 6px;
    position: absolute;
    top: 5px;
    right: 50%;
    left: 0;
    z-index: 1;
    background: #e2ebeb
}

.subway-site-wrapper .subway-site-list li.last-site.site-right {
    padding-left: 0
}

.subway-site-wrapper .subway-site-list li.last-site.site-right .subway-site-box:before {
    content: " ";
    height: 6px;
    position: absolute;
    top: 5px;
    left: -40px;
    right: 50%;
    z-index: 1;
    background: #f8f8f8
}

.subway-site-wrapper .subway-site-list li.last-site.site-right .subway-site-box:after {
    content: " ";
    height: 6px;
    position: absolute;
    top: 5px;
    left: 50%;
    right: 0;
    z-index: 1;
    background: #e2ebeb
}

.subway-site-wrapper .subway-site-list li.site-turn:before {
    content: " ";
    position: absolute;
    left: -30px;
    right: -6px;
    top: -55px;
    height: 66px;
    border-radius: 33px 0 0 33px;
    border: 6px solid #e2ebeb;
    border-right-color: transparent;
    background: transparent;
    z-index: 1
}

.subway-site-wrapper .subway-site-list li.site-turn.site-right:before {
    right: -30px;
    left: -6px;
    border: 6px solid #e2ebeb;
    border-left-color: transparent;
    border-radius: 0 33px 33px 0
}

.subway-site-wrapper .subway-site-list li:before {
    content: " ";
    height: 6px;
    background: #e2ebeb;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    z-index: 1
}

.subway-site-wrapper .subway-site-list .subway-site-box {
    position: relative;
    z-index: 2;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    cursor: pointer;
    float: left;
    text-align: left;
    padding-top: 22px;
    transition: all .2s linear
}

.subway-site-wrapper .subway-site-list .subway-site-box:hover {
    color: #00bebd
}

.subway-site-wrapper .subway-site-list .subway-site-box:hover .subway-site-dot {
    border: 2px solid #00bebd
}

.subway-site-wrapper .subway-site-list .subway-site-box.is-check {
    color: #00bebd;
    font-weight: 500
}

.subway-site-wrapper .subway-site-list .subway-site-box.is-check .subway-site-dot {
    background: #00bebd;
    border: 1px solid #f8f8f8;
    width: 20px;
    height: 20px;
    top: -2px;
    margin-left: -10px
}

.subway-site-wrapper .subway-site-list .subway-site-box.is-check .subway-site-dot:after {
    content: " ";
    position: absolute;
    transform: rotate(45deg);
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0
}

.subway-site-wrapper .subway-site-list .subway-site-box.is-disabled {
    cursor: not-allowed;
    color: #999
}

.subway-site-wrapper .subway-site-list .subway-site-box.is-disabled .subway-site-dot {
    border: 1px solid #cae0e0
}

.subway-site-wrapper .subway-site-list .subway-site-box .subway-site-pointer {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.subway-site-wrapper .subway-site-list .subway-site-box .subway-site-dot {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px;
    z-index: 3;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #cae0e0;
    transition: border-color .2s linear
}

.subway-site-wrapper .measure-text-box {
    position: absolute;
    z-index: -99;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    white-space: pre;
    visibility: hidden
}

.city-area-select {
    position: relative
}

.city-area-select.pick-up {
    display: inline-block;
    height: 32px;
    overflow: hidden
}

.city-area-select.pick-up:hover {
    overflow: visible
}

.city-area-select.pick-up:hover .city-area-dropdown {
    display: block
}

.city-area-select.pick-up:hover:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 8px;
    background: transparent;
    z-index: 4
}

.city-area-select.pick-up .city-area-current {
    display: block
}

.city-area-select.pick-up .city-area-dropdown {
    display: none;
    position: absolute;
    width: 1184px;
    top: 40px;
    left: 0;
    z-index: 4;
    padding: 16px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border-radius: 8px;
    border: 1px solid #ededed
}

.city-area-select .subway-select-placeholder {
    position: relative;
    width: 100%;
    height: 32px;
    margin-top: 16px
}

.city-area-select .subway-select-placeholder:after {
    content: " ";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #f8f8f8;
    transition: all .2s linear
}

.city-area-select .city-area-tab {
    overflow: hidden;
    margin-bottom: 8px
}

.city-area-select .city-area-tab.first-placeholder {
    position: relative;
    width: 136px;
    height: 28px
}

.city-area-select .city-area-tab.first-placeholder:after {
    content: " ";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #f8f8f8;
    transition: all .2s linear
}

.city-area-select .city-area-tab li {
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    float: left;
    cursor: pointer;
    padding-bottom: 6px;
    transition: all .2s linear
}

.city-area-select .city-area-tab li + li {
    margin-left: 24px
}

.city-area-select .city-area-tab li:hover {
    color: #00a6a7
}

.city-area-select .city-area-tab li.active {
    position: relative;
    color: #00a6a7
}

.city-area-select .city-area-tab li.active:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 3px;
    background: linear-gradient(90deg, #16d9d8, #00bebd);
    border-radius: 2px
}

.city-area-select .city-area-current {
    display: none;
    position: relative;
    background: #e5f8f8;
    color: #00a6a7;
    font-weight: 500;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px 6px 36px;
    cursor: pointer;
    transition: all .2s linear
}

.city-area-select .city-area-current .area-current-text {
    display: inline-block;
    max-width: 100px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.city-area-select .city-area-current .ui-icon-location {
    position: absolute;
    left: 12px;
    top: 8px;
    z-index: 1;
    font-size: 16px
}

.city-area-select .city-area-current .select-num {
    font-style: normal;
    display: inline-block;
    height: 20px;
    vertical-align: bottom;
    margin-left: 2px
}

.city-area-select .area-dropdown-item {
    position: relative
}

.city-area-select .area-dropdown-item + .area-dropdown-item {
    margin-top: 6px
}

.city-area-select .area-dropdown-item .label {
    position: absolute;
    top: -1px;
    left: 0;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    width: 48px;
    z-index: 1
}

.city-area-select .area-dropdown-item li {
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    cursor: pointer;
    margin: 0 10px 10px
}

.city-area-select .area-dropdown-item li em {
    font-style: normal
}

.city-area-select .area-dropdown-item li:hover {
    color: #00a6a7
}

.city-area-select .area-dropdown-item li.active {
    position: relative;
    color: #00a6a7;
    font-weight: 500
}

.city-area-select .business-area-list li.active:after {
    content: " ";
    position: absolute;
    right: -8px;
    top: 0;
    z-index: 1;
    width: 10px;
    height: 8px;
    background: url(https://img.bosszhipin.com/static/file/2023/yf5ls8tz7d1673342675209.png) 0 0/10px auto no-repeat
}

.city-area-select .dropdown-city-list {
    margin: 18px 2px -10px
}

.city-area-select .dropdown-city-list.first-placeholder {
    position: relative;
    margin-bottom: 10px;
    width: 784px;
    height: 20px
}

.city-area-select .dropdown-city-list.first-placeholder:after {
    content: " ";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #f8f8f8;
    transition: all .2s linear
}

.city-area-select .area-select-wrapper {
    background: #f8f8f8;
    padding: 0 12px;
    border-radius: 4px;
    margin-top: 16px;
    position: relative
}

.city-area-select .area-select-wrapper.first-placeholder {
    height: 42px
}

.city-area-select .area-select-wrapper.first-placeholder.double-row {
    height: 82px
}

.city-area-select .area-select-wrapper.first-placeholder:after {
    content: " ";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #f8f8f8;
    border-radius: 4px;
    transition: all .2s linear
}

.city-area-select .area-select-container {
    position: relative;
    padding-top: 10px
}

.city-area-select .area-select-container.has-expand {
    max-height: 43px;
    overflow: hidden
}

.city-area-select .area-select-container + .area-select-container {
    border-top: 1px solid #ececec
}

.city-area-select .area-select-container .dropdown-area-list {
    margin-left: -10px;
    margin-right: -10px
}

.city-area-select .area-select-container.is-open {
    max-height: none
}

.city-area-select .area-select-container.is-open .expand-btn:after {
    transform: rotate(270deg)
}

.city-area-select .area-select-container .expand-btn {
    position: relative;
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 20px;
    z-index: 1;
    padding-right: 15px;
    transition: all .2s linear
}

.city-area-select .area-select-container .expand-btn:hover {
    opacity: .8
}

.city-area-select .area-select-container .expand-btn:after {
    content: " ";
    position: absolute;
    top: 7px;
    right: 5px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
    transform: rotate(90deg);
    z-index: 1
}

.city-area-select .selected-area-section {
    position: relative;
    overflow: hidden;
    padding-right: 90px;
    margin-top: 9px
}

.city-area-select .selected-area-section ul {
    float: left
}

.city-area-select .selected-area-section ul li {
    float: left;
    margin-right: 8px
}

.city-area-select .selected-area-section ul li .selected-area-name {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    float: left;
    margin-top: 12px
}

.city-area-select .selected-area-section ul .selected-area-list {
    float: left
}

.city-area-select .selected-area-section ul .selected-area-list a {
    float: left;
    white-space: nowrap;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    font-size: 14px;
    color: #00a6a7;
    line-height: 20px;
    padding: 4px 8px;
    margin-right: 8px;
    margin-top: 8px;
    cursor: default
}

.city-area-select .selected-area-section ul .selected-area-list .selected-area-close {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    border-radius: 100%;
    cursor: pointer
}

.city-area-select .selected-area-section ul .selected-area-list .selected-area-close:hover {
    background: #00a6a7
}

.city-area-select .selected-area-section ul .selected-area-list .selected-area-close:hover:after, .city-area-select .selected-area-section ul .selected-area-list .selected-area-close:hover:before {
    background: #fff
}

.city-area-select .selected-area-section ul .selected-area-list .selected-area-close:after, .city-area-select .selected-area-section ul .selected-area-list .selected-area-close:before {
    background: #00a6a7;
    content: " ";
    height: 1px;
    position: absolute;
    left: 50%;
    top: 7px;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 10px
}

.city-area-select .selected-area-section ul .selected-area-list .selected-area-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.city-area-select .selected-area-section .clear-area-btn {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    transition: all .2s linear
}

.city-area-select .selected-area-section .clear-area-btn:hover {
    color: #00a6a7
}

.city-select-dialog .dialog-header .title {
    font-size: 16px;
    line-height: 70px;
    font-weight: 500;
    color: #414a60;
    padding-left: 30px
}

.city-select-dialog .dialog-body {
    max-height: none;
    overflow: unset
}

.city-select-dialog .dialog-container {
    padding: 0;
    border-radius: 12px
}

.condition-filter-select {
    display: inline-block;
    position: relative;
    background: #f8f8f8;
    border-radius: 4px;
    overflow: hidden
}

.condition-filter-select.open {
    background: #e5f8f8;
    overflow: visible
}

.condition-filter-select.open .current-select {
    color: #00a6a7
}

.condition-filter-select.open .current-select:after {
    background-position: -6px -8px;
    transform: rotate(270deg)
}

.condition-filter-select.open:after {
    content: " "
}

.condition-filter-select.is-select .current-select {
    color: #00a6a7;
    background: #e5f8f8;
    font-weight: 500
}

.condition-filter-select.is-select .current-select:after {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.condition-filter-select:after {
    content: none;
    position: absolute;
    left: 0;
    bottom: -8px;
    display: block;
    width: 100%;
    height: 8px;
    z-index: 4;
    background: transparent
}

.condition-filter-select .current-select {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    padding: 6px 24px 6px 12px;
    cursor: pointer;
    transition: all .2s linear
}

.condition-filter-select .current-select:after {
    content: " ";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg);
    z-index: 1
}

.condition-filter-select .current-select .placeholder-text {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.condition-filter-select .current-select .select-num {
    font-style: normal;
    display: inline-block;
    margin-left: 2px;
    vertical-align: bottom
}

.condition-filter-select .filter-select-dropdown {
    position: absolute;
    top: 40px;
    left: 0;
    width: 168px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ededed;
    z-index: 4
}

.condition-filter-select .filter-select-dropdown.empty-select {
    width: auto;
    right: 0
}

.condition-filter-select .filter-select-dropdown ul {
    padding: 4px 8px
}

.condition-filter-select .filter-select-dropdown ul li {
    position: relative;
    display: block;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 8px 24px 8px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all .2s linear
}

.condition-filter-select .filter-select-dropdown ul li .ui-icon-check {
    display: none;
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    top: 12px;
    right: 8px;
    z-index: 1;
    color: #00a6a7
}

.condition-filter-select .filter-select-dropdown ul li:hover {
    color: #00a6a7;
    font-weight: 500;
    background: #f8f8f8
}

.condition-filter-select .filter-select-dropdown ul li.active {
    color: #00a6a7;
    font-weight: 500
}

.condition-filter-select .filter-select-dropdown ul li.active .ui-icon-check {
    display: block
}

.condition-filter-select .filter-select-dropdown .filter-select-empty {
    display: block;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    padding: 8px
}

.condition-position-cascade {
    display: inline-block;
    position: relative;
    background: #f8f8f8;
    border-radius: 4px;
    overflow: hidden
}

.condition-position-cascade.open {
    background: #e5f8f8;
    overflow: visible
}

.condition-position-cascade.open .current-select {
    color: #00a6a7
}

.condition-position-cascade.open .current-select:after {
    background-position: -6px -8px;
    transform: rotate(270deg)
}

.condition-position-cascade.open:after {
    content: " "
}

.condition-position-cascade.is-select .current-select {
    color: #00a6a7;
    background: #e5f8f8;
    font-weight: 500
}

.condition-position-cascade.is-select .current-select:after {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.condition-position-cascade:after {
    content: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 8px;
    z-index: 4;
    background: transparent
}

.condition-position-cascade .current-select {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    padding: 6px 24px 6px 12px;
    cursor: pointer;
    transition: all .2s linear
}

.condition-position-cascade .current-select:after {
    content: " ";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg);
    z-index: 1
}

.condition-position-cascade .current-select .placeholder-text {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.condition-position-cascade .current-select .select-num {
    font-style: normal;
    display: inline-block;
    margin-left: 2px;
    vertical-align: bottom
}

.condition-position-cascade .filter-select-dropdown {
    display: flex;
    position: absolute;
    top: 40px;
    left: 0;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ededed;
    z-index: 4
}

.condition-position-cascade .filter-select-dropdown.empty-select {
    width: auto;
    right: 0
}

.condition-position-cascade .filter-select-dropdown ul {
    width: 168px;
    padding: 4px 8px;
    max-height: 286px;
    overflow: auto;
    overflow: overlay;
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px
}

.condition-position-cascade .filter-select-dropdown ul li {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 8px 16px 8px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-radius: 4px;
    background: #fff;
    transition: all .2s linear
}

.condition-position-cascade .filter-select-dropdown ul li .icon-arrow {
    position: absolute;
    top: 15px;
    right: 8px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    z-index: 1
}

.condition-position-cascade .filter-select-dropdown ul li .ui-icon-check {
    display: none;
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    top: 12px;
    right: 8px;
    z-index: 1;
    color: #00a6a7
}

.condition-position-cascade .filter-select-dropdown ul li.can-select.active .ui-icon-check {
    display: inline-block
}

.condition-position-cascade .filter-select-dropdown ul li:hover {
    color: #00a6a7;
    background: #f8f8f8;
    font-weight: 500
}

.condition-position-cascade .filter-select-dropdown ul li:hover .icon-arrow {
    background-position: -6px -8px
}

.condition-position-cascade .filter-select-dropdown ul li.active {
    color: #00a6a7;
    font-weight: 500
}

.condition-position-cascade .filter-select-dropdown ul li.active .icon-arrow {
    background-position: -6px -8px
}

.condition-position-cascade .filter-select-empty {
    display: block;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    padding: 8px
}

.condition-industry-select {
    display: inline-block;
    position: relative;
    background: #f8f8f8;
    border-radius: 4px;
    overflow: hidden
}

.condition-industry-select.open {
    background: #e5f8f8;
    overflow: visible
}

.condition-industry-select.open .current-select {
    color: #00a6a7
}

.condition-industry-select.open .current-select:after {
    background-position: -6px -8px;
    transform: rotate(270deg)
}

.condition-industry-select.open:after {
    content: " "
}

.condition-industry-select.is-select .current-select {
    color: #00a6a7;
    background: #e5f8f8;
    font-weight: 500
}

.condition-industry-select.is-select .current-select:after {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.condition-industry-select:after {
    content: none;
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 8px;
    display: block;
    z-index: 4;
    background: transparent
}

.condition-industry-select .current-select {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    padding: 6px 24px 6px 12px;
    cursor: pointer;
    transition: all .2s linear
}

.condition-industry-select .current-select:after {
    content: " ";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg);
    z-index: 1
}

.condition-industry-select .current-select .placeholder-text {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.condition-industry-select .current-select .select-num {
    font-style: normal;
    display: inline-block;
    margin-left: 2px;
    vertical-align: bottom
}

.condition-industry-select .filter-select-dropdown {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 4;
    padding: 4px 0;
    background: #fff;
    overflow: auto;
    overflow: overlay;
    border-radius: 12px;
    border: 1px solid #ebeef5
}

.condition-industry-select .filter-select-dropdown.empty-select {
    width: auto;
    right: 0
}

.condition-industry-select .filter-select-dropdown ul {
    width: 884px;
    height: 286px
}

.condition-industry-select .filter-select-dropdown li {
    position: relative;
    padding-left: 182px
}

.condition-industry-select .filter-select-dropdown li .label {
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 1;
    width: 182px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.condition-industry-select .filter-select-dropdown li .select-list {
    width: 100%;
    overflow: hidden
}

.condition-industry-select .filter-select-dropdown li .select-list a {
    position: relative;
    width: 25%;
    float: left;
    padding: 8px 24px 8px 8px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.condition-industry-select .filter-select-dropdown li .select-list a:hover {
    background: #f8f8f8;
    color: #00a6a7;
    font-weight: 500
}

.condition-industry-select .filter-select-dropdown li .select-list a.active {
    color: #00a6a7;
    font-weight: 500
}

.condition-industry-select .filter-select-dropdown li .select-list a.active .ui-icon-check {
    display: block
}

.condition-industry-select .filter-select-dropdown li .select-list a .ui-icon-check {
    display: none;
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    top: 12px;
    right: 8px;
    z-index: 1;
    color: #00a6a7
}

.condition-industry-select .filter-select-empty {
    display: block;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    padding: 8px
}

.condition-position-select {
    display: inline-block;
    position: relative;
    background: #f8f8f8;
    border-radius: 4px;
    overflow: hidden
}

.condition-position-select.open {
    background: #e5f8f8;
    overflow: visible
}

.condition-position-select.open .current-select {
    color: #00a6a7
}

.condition-position-select.open .current-select:after {
    background-position: -6px -8px;
    transform: rotate(270deg)
}

.condition-position-select.is-select .current-select {
    color: #00a6a7;
    background: #e5f8f8;
    font-weight: 500
}

.condition-position-select.is-select .current-select:after {
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}

.condition-position-select:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -8px;
    display: block;
    width: 100%;
    height: 8px;
    z-index: 4;
    background: transparent
}

.condition-position-select .current-select {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    padding: 6px 24px 6px 12px;
    cursor: pointer;
    transition: all .2s linear
}

.condition-position-select .current-select:after {
    content: " ";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg);
    z-index: 1
}

.condition-position-select .current-select .placeholder-text {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.condition-position-select .current-select .select-num {
    font-style: normal;
    display: inline-block;
    margin-left: 2px;
    vertical-align: bottom
}

.condition-position-select .filter-select-dropdown {
    display: flex;
    position: absolute;
    width: 778px;
    top: 40px;
    left: 0;
    border-radius: 8px;
    z-index: 4
}

.condition-position-select .filter-select-dropdown.empty-select {
    width: auto;
    right: 0
}

.condition-position-select .filter-select-dropdown ul {
    width: 168px;
    padding: 4px 8px;
    max-height: 286px;
    overflow: auto;
    overflow: overlay;
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ededed
}

.condition-position-select .filter-select-dropdown ul li {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 8px 16px 8px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-radius: 4px;
    background: #fff;
    transition: all .2s linear
}

.condition-position-select .filter-select-dropdown ul li .icon-arrow {
    position: absolute;
    top: 15px;
    right: 8px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    z-index: 1
}

.condition-position-select .filter-select-dropdown ul li .ui-icon-check {
    display: none;
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    top: 12px;
    right: 8px;
    z-index: 1;
    color: #00a6a7
}

.condition-position-select .filter-select-dropdown ul li.can-select.active .ui-icon-check {
    display: inline-block
}

.condition-position-select .filter-select-dropdown ul li:hover {
    color: #00a6a7;
    background: #f8f8f8;
    font-weight: 500
}

.condition-position-select .filter-select-dropdown ul li:hover .icon-arrow {
    background-position: -6px -8px
}

.condition-position-select .filter-select-dropdown ul li.active {
    color: #00a6a7;
    font-weight: 500
}

.condition-position-select .filter-select-dropdown ul li.active .icon-arrow {
    background-position: -6px -8px
}

.condition-position-select .filter-select-dropdown .condition-position-detail {
    width: 610px;
    padding: 4px 0;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 12px;
    overflow: auto;
    overflow: overlay;
    height: 286px
}

.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-grandson {
    padding: 12px 0 0 10px;
    overflow: hidden;
    display: flex;
    justify-content: space-between
}

.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-grandson:last-child .condition-position-list {
    border-bottom: none
}

.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-title {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #12141a;
    line-height: 22px;
    padding: 12px 16px 4px
}

.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-label {
    display: block;
    flex-shrink: 0;
    float: left;
    width: 122px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding-left: 6px;
    word-break: break-all;
    box-sizing: border-box
}

.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-list {
    margin-left: -10px;
    flex: 1;
    overflow: hidden;
    border-bottom: 1px solid #f0f3fa
}

.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-list a {
    float: left;
    display: block;
    margin-bottom: 12px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #222;
    line-height: 18px;
    cursor: pointer;
    transition: all .2s linear
}

.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-list a.active, .condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-list a:hover {
    color: #00a6a7
}

.condition-position-select .filter-select-empty {
    display: block;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    padding: 8px
}

.job-search-wrapper {
    background: #fff;
    width: 1184px;
    margin: 20px auto 0;
    border-radius: 12px;
    padding: 24px 24px 16px
}

.job-search-wrapper.fix-top {
    position: fixed;
    width: 100%;
    top: 49px;
    z-index: 99;
    margin-top: 0;
    box-shadow: 0 3px 6px rgba(6, 0, 1, .05)
}

.job-search-wrapper.fix-top .job-search-box, .job-search-wrapper.fix-top .search-condition-wrapper {
    width: 1184px
}

.job-search-wrapper.fix-top .search-condition-wrapper .city-area-select {
    float: left;
    margin-right: 20px
}

.job-search-wrapper.fix-top .barrier-condition-wrapper {
    width: 1184px
}

.job-search-box {
    margin: 0 auto
}

.job-search-box .job-search-form {
    position: relative;
    float: left;
    width: 884px;
    height: 54px;
    background: #00bebd;
    border-radius: 12px;
    border: 2px solid #00bebd
}

.job-search-box .job-search-form .city-label {
    position: relative;
    float: left;
    background: #fff;
    width: 136px;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 22px;
    height: 50px;
    padding: 14px 24px 14px 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 10px 0 0 10px;
    border-right: 1px solid #fff;
    cursor: pointer;
    transition: all .2s linear
}

.job-search-box .job-search-form .city-label:hover {
    color: #00a6a7
}

.job-search-box .job-search-form .city-label:hover:after {
    background-position: -6px -8px
}

.job-search-box .job-search-form .city-label:after {
    content: " ";
    position: absolute;
    top: 21px;
    right: 18px;
    width: 4px;
    height: 7px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
    transform: rotate(90deg);
    z-index: 1
}

.job-search-box .job-search-form .search-input-box {
    position: relative;
    float: left;
    background: #fff;
    width: 628px;
    border-radius: 0 10px 10px 0
}

.job-search-box .job-search-form .input-wrap {
    width: 100%;
    color: #222;
    margin-left: -1px
}

.job-search-box .job-search-form .input-wrap .input {
    height: 50px;
    border: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 14px 18px;
    border-radius: 0 12px 12px 0
}

.job-search-box .job-search-form .search-map-btn {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    height: 24px;
    font-size: 16px;
    color: #333;
    z-index: 1;
    display: flex;
    align-items: center;
    transition: all .2s linear
}

.job-search-box .job-search-form .search-map-btn:hover {
    color: #00a6a7
}

.job-search-box .job-search-form .search-map-btn:hover:before {
    background-position: 0 -24px
}

.job-search-box .job-search-form .search-map-btn:before {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background: url(https://img.bosszhipin.com/static/file/2023/rnb8fa70bs1675773960493.png) 0 0/24px auto no-repeat
}

.job-search-box .job-search-form .search-btn {
    float: left;
    display: block;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    width: 116px;
    font-size: 20px;
    text-align: center;
    padding: 11px 0
}

.job-search-box .job-search-form .related-result-wrapper {
    position: absolute;
    top: 54px;
    left: 0;
    width: 628px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    z-index: 6;
    border-radius: 12px;
    padding: 4px 0
}

.job-search-box .job-search-form .related-result-wrapper.search-find-box {
    padding: 4px 16px 16px
}

.job-search-box .job-search-form .related-result-wrapper ul {
    max-height: 400px;
    overflow: auto;
    overflow: overlay
}

.job-search-box .job-search-form .related-result-wrapper li {
    line-height: 40px;
    padding: 0 16px;
    cursor: pointer;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.job-search-box .job-search-form .related-result-wrapper li.current, .job-search-box .job-search-form .related-result-wrapper li:hover {
    background: #f8f8f8
}

.job-search-box .job-search-form .related-result-wrapper li .suggest-highlight {
    color: #00a6a7;
    text-decoration: none
}

.job-search-box .job-search-form .related-result-wrapper .empty-related-keyword {
    display: block;
    line-height: 40px;
    color: #757575;
    font-size: 12px;
    padding: 0 16px
}

.job-search-box .job-search-form .related-result-wrapper .related-result-label {
    display: block;
    line-height: 33px;
    font-size: 12px;
    color: #757575;
    padding: 0 16px
}

.job-search-box .go-login-btn {
    float: right;
    width: 236px;
    height: 54px;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #00bebd;
    font-size: 16px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 22px;
    padding: 15px 0;
    transition: all .2s linear
}

.job-search-box .go-login-btn:before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -18px -32px/44px auto no-repeat;
    margin-right: 12px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.job-search-box .go-login-btn:hover {
    background: #00bebd;
    color: #fff;
    border: 1px solid #00bebd
}

.job-search-box .go-login-btn:hover:before {
    background-position: 0 -32px
}

.job-search-box .job-search-scan {
    float: right;
    margin-top: 7px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    padding-left: 32px;
    cursor: pointer;
    overflow: hidden
}

.job-search-box .job-search-scan:hover {
    overflow: visible
}

.job-search-box .job-search-scan:hover:before {
    background-position: -22px 0
}

.job-search-box .job-search-scan:hover .qrcode-container {
    opacity: 1
}

.job-search-box .job-search-scan:before {
    content: " ";
    position: absolute;
    top: 4px;
    left: 0;
    width: 22px;
    height: 32px;
    background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) 0 0/44px auto no-repeat
}

.job-search-box .job-search-scan .qrcode-container {
    transition: all .2s linear;
    opacity: 0;
    position: absolute;
    top: 44px;
    left: -80px;
    background: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: 1px solid #ededed;
    padding: 16px 15px;
    z-index: 4;
    border-radius: 8px
}

.job-search-box .job-search-scan .qrcode-container .app-icon-arrow {
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: 8px;
    width: 6px;
    height: 6px;
    border: 1px solid #ededed;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #fff
}

.job-search-box .job-search-scan .qrcode-container img {
    width: 130px;
    height: 130px;
    display: block;
    margin: 0 auto
}

.job-search-box .job-search-scan .qrcode-container span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    text-align: center;
    margin: 3px auto 0
}

.job-search-box .search-find-group {
    position: relative;
    margin-top: 8px
}

.job-search-box .search-find-title {
    display: block;
    font-size: 12px;
    color: #757575;
    line-height: 17px;
    padding: 8px 0
}

.job-search-box .search-find-title .clear-search-btn {
    float: right;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    transition: all .2s linear
}

.job-search-box .search-find-title .clear-search-btn:hover {
    color: #00a6a7
}

.job-search-box .search-find-list {
    overflow: hidden;
    margin-left: -6px;
    margin-right: -6px
}

.job-search-box .search-find-list a {
    display: flex;
    align-items: center;
    background: #f8f8f8;
    border-radius: 6px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    padding: 2px 8px;
    float: left;
    margin: 4px 6px;
    word-break: break-all;
    transition: all .2s linear
}

.job-search-box .search-find-list a:hover {
    color: #fff;
    background: #00bebd
}

.job-search-box .search-find-list a.has-hot-word:after {
    content: " ";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(https://img.bosszhipin.com/static/file/2023/g6ekwpgj3x1675251964669.png) 0 0/16px auto no-repeat
}

.job-search-box .search-find-item {
    display: none
}

.job-search-box .search-find-item.active {
    display: block
}

.job-search-box .switch-find-btn {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #00a6a7;
    line-height: 17px;
    transition: all .2s linear
}

.job-search-box .switch-find-btn:before {
    content: " ";
    display: inline-block;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(https://img.bosszhipin.com/static/file/2023/6c9swnmxfg1675251970848.png) 0 0/16px auto no-repeat
}

.job-search-box .switch-find-btn:hover {
    opacity: .8
}

.job-search-box .switch-find-btn.rotate:before {
    animation: search-find-rotate .2s linear
}

@keyframes search-find-rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(180deg)
    }
}

.search-condition-wrapper {
    margin: 0 auto
}

.search-condition-wrapper .city-area-select {
    margin-top: 20px
}

.search-condition-wrapper .condition-filter-select, .search-condition-wrapper .condition-industry-select, .search-condition-wrapper .condition-position-cascade, .search-condition-wrapper .condition-position-select {
    float: left;
    margin-top: 20px;
    margin-right: 20px
}

.search-condition-wrapper .clear-search-btn {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    margin-top: 26px;
    transition: all .2s linear
}

.search-condition-wrapper .clear-search-btn:hover {
    color: #00a6a7
}

.barrier-condition-wrapper {
    position: relative;
    margin: 20px auto 0;
    border-top: 1px solid #ededed;
    padding-top: 16px
}

.sdk-is-ie .job-search-wrapper.fix-top {
    top: 98px
}

.job-empty-wrapper {
    text-align: center;
    min-height: 340px;
    position: relative;
    background: #fff;
    padding: 100px 0;
    border-radius: 12px
}

.job-empty-wrapper .job-empty-box {
    width: 360px;
    margin: 0 auto
}

.job-empty-wrapper .job-empty-box .job-empty-icon {
    display: block;
    width: 200px;
    height: 122px;
    margin: 0 auto
}

.job-empty-wrapper .job-empty-box p {
    text-align: center;
    font-size: 16px;
    color: #999;
    font-weight: 200;
    line-height: 22px;
    margin-top: 16px
}

.job-loading-wrapper {
    position: relative
}

.job-loading-wrapper .job-loading-list li {
    width: 884px;
    height: 136px;
    border-radius: 12px;
    background: url(https://img.bosszhipin.com/static/file/2022/np8iwwb4st1656041192358.png) 50%/cover no-repeat
}

.job-loading-wrapper .job-loading-list li + li {
    margin-top: 16px
}

.login-card-wrapper {
    position: relative;
    width: 284px;
    background: url(https://img.bosszhipin.com/static/file/2022/myz8vq8tfh1655797191987.png) 16px 14px/auto 50px no-repeat, linear-gradient(180deg, #00bebd, #00a6a7) hsla(0, 0%, 100%, .21);
    border-radius: 14px;
    margin-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px
}

.login-card-wrapper:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(54, 202, 202, 0), #fff);
    border-radius: 12px
}

.login-card-wrapper .switch-login-btn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url(https://img.bosszhipin.com/static/file/2023/nxeq3irrud1680090770542.png) 0 0/50px auto no-repeat;
    cursor: pointer
}

.login-card-wrapper .switch-login-btn:hover {
    background-position: 0 -50px
}

.login-card-wrapper .switch-login-btn.app-way {
    background-position: 0 -100px
}

.login-card-wrapper .switch-login-btn.app-way:hover {
    background-position: 0 -150px
}

.login-card-wrapper .title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 2px
}

.login-card-wrapper .sub-title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 2px
}

.login-card-wrapper .login-card-body {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, rgba(245, 252, 252, .8), #fcfbfa);
    border-radius: 12px 12px 0 0;
    border: 1px solid #f7fdfd;
    backdrop-filter: blur(7px);
    padding: 20px 18px;
    margin-top: 8px
}

.login-card-wrapper .login-card-body .login-btn {
    display: block;
    text-align: center;
    background: #00bebd;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 21px;
    padding: 7px 0;
    margin-top: 20px;
    transition: all .2s linear
}

.login-card-wrapper .login-card-body .login-btn:hover {
    opacity: .8
}

.login-card-wrapper .login-card-body .text-tip {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    margin-top: 12px
}

.login-card-wrapper .login-card-body .text-tip .agree-policy {
    position: relative;
    top: -1px;
    vertical-align: middle
}

.login-card-wrapper .login-card-body .text-tip .checkbox-inner {
    width: 12px;
    height: 12px
}

.login-card-wrapper .login-card-body .text-tip .checkbox-checked .checkbox-inner, .login-card-wrapper .login-card-body .text-tip .checkbox:hover .checkbox-inner {
    border-color: #00bebd
}

.login-card-wrapper .login-card-body .text-tip .checkbox-edging:after {
    width: 4px;
    height: 8px
}

.login-card-wrapper .login-card-body .text-tip .checkbox-checked .checkbox-edging {
    background: #00bebd
}

.login-card-wrapper .login-card-body .text-tip a {
    color: #00a6a7;
    transition: all .2s linear
}

.login-card-wrapper .login-card-body .text-tip a:hover {
    opacity: .8
}

.page-job:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 614px;
    background: linear-gradient(180deg, #00bebd, #88fffe 50%, #fff);
    opacity: .1;
    z-index: -1
}

.page-job .links-friends-wrapper {
    background: #313438;
    border: 1px solid #46494c;
    padding: 7px 0 6px
}

.page-job .links-friends-wrapper .links .links-item a {
    color: hsla(0, 0%, 100%, .5)
}

.page-job .links-friends-wrapper .links .links-item a:hover {
    color: #00bebd
}

.page-job .links-friends-wrapper .links {
    margin: 0 auto
}

.page-job .links-friends-wrapper .links label, .page-job .links-friends-wrapper .links label:hover {
    color: hsla(0, 0%, 100%, .5)
}

.page-job .links-friends-wrapper .links .links-item {
    margin-bottom: 12px
}

.page-job .links-friends dt {
    color: hsla(0, 0%, 100%, .5)
}

.page-job-wrapper .custom-made-banner img {
    display: block;
    width: 100%
}

.page-job-wrapper.page-barrier-free .swiper-banner-container {
    height: 300px;
    margin-bottom: -20px
}

.page-job-wrapper.page-barrier-free .swiper-banner-container .swiper-banner-wrapper {
    height: 340px
}

.page-job-wrapper.page-barrier-free .swiper-banner-container .swiper-banner-inner {
    height: 300px
}

.page-job-wrapper.page-barrier-free .job-search-wrapper {
    position: relative;
    z-index: 2
}

.page-job-wrapper.page-barrier-free .job-search-wrapper.fix-top {
    position: fixed;
    z-index: 99
}

.page-job-wrapper .page-job-inner {
    margin-top: 20px
}

.page-job-wrapper .page-job-content {
    width: 1184px;
    margin: 0 auto
}

.page-job-wrapper .job-list-wrapper {
    float: left;
    width: 884px
}

.page-job-wrapper .search-job-result {
    margin-bottom: 40px
}

.page-job-wrapper .search-job-result.job-result-empty {
    margin-bottom: 16px
}

.page-job-wrapper .search-job-result .pagination-area {
    margin-top: 32px;
    text-align: center
}

.page-job-wrapper .search-job-result .pagination-area .pager a {
    margin: 0 4px;
    height: 26px;
    min-width: 26px;
    line-height: 26px;
    border-radius: 6px;
    border: none;
    background: #fff;
    color: #333;
    transition: all .2s linear
}

.page-job-wrapper .search-job-result .pagination-area .pager a.selected, .page-job-wrapper .search-job-result .pagination-area .pager a:hover {
    color: #fff;
    background: #00bebd
}

.page-job-wrapper .search-job-result .pagination-area .pager a.disabled {
    background: #fff;
    color: #666;
    cursor: not-allowed
}

.page-job-wrapper .search-job-result .pagination-area .pager .fast-next-btn.disabled, .page-job-wrapper .search-job-result .pagination-area .pager .fast-prev-btn.disabled {
    color: #333;
    background: transparent;
    cursor: default
}

.page-job-wrapper .job-side-wrapper {
    float: right;
    width: 284px
}

.page-job-wrapper .job-side-wrapper .side-banner-wrapper {
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden
}

.page-job-wrapper .job-side-wrapper .side-banner-wrapper a {
    position: relative
}

.page-job-wrapper .job-side-wrapper .side-banner-wrapper a:after {
    content: " ";
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .1);
    transition: all .2s linear
}

.page-job-wrapper .job-side-wrapper .side-banner-wrapper a:hover:after {
    opacity: 1
}

.page-job-wrapper .job-side-wrapper .side-banner-wrapper img {
    display: block;
    width: 100%
}

.page-job-wrapper .job-side-wrapper .vip-guide {
    border-radius: 12px
}

.page-job-wrapper .job-side-wrapper .scan-box {
    width: 284px;
    height: 120px;
    margin-bottom: 16px;
    background-image: url(https://static.zhipin.com/fe-zhipin-geek/web/chat/v5556/static/images/scan_bg.61f14e0e.png);
    background-size: 100%;
    position: relative;
    display: block
}

.page-job-wrapper .job-side-wrapper .scan-box .code {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 20px
}

.page-job-wrapper .job-side-wrapper .scan-box .code img {
    width: 100%;
    height: 100%
}

#footer {
    background: #313438;
    color: hsla(0, 0%, 100%, .5);
    margin-top: 20px
}

.footer-about dl dt {
    color: hsla(0, 0%, 100%, .8)
}

.copyright a, .footer-about dl dd a, .footer-about dl dd p {
    color: hsla(0, 0%, 100%, .5)
}

.copyright a:hover, .footer-about dl dd a:hover {
    color: #00bebd
}

#footer .icon-app, #footer .icon-client-app, #footer .icon-weibo, #footer .icon-weixin {
    border: none !important;
    background-color: hsla(0, 0%, 100%, .1)
}

.live-program-page.has-footer {
    padding-bottom: 247px !important
}

.live-program-page #footer {
    margin-top: 0
}

.page-live-program {
    position: relative;
    background: #e5f3ff;
    color: #333;
    overflow: hidden;
    padding-bottom: 100px
}

.page-live-program.has-banner .live-program-preview {
    margin-top: -60px
}

.page-live-program .live-program-preview {
    position: relative;
    z-index: 2;
    width: 1180px;
    background: #fff;
    border-radius: 12px;
    margin: 60px auto 0
}

.page-live-program .live-program-preview.has-director {
    border-radius: 20px
}

.page-live-program .live-program-preview.has-director .program-preview-footer {
    height: 100px
}

.page-live-program .live-program-preview.has-director .program-preview-footer .program-info li + li {
    margin-left: 60px
}

.page-live-program .live-program-preview.is-living .program-preview-body {
    cursor: default
}

.page-live-program .live-program-preview .program-preview-body {
    position: relative;
    height: 620px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    cursor: pointer
}

.page-live-program .live-program-preview .program-preview-body .program-preview-cover {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

.page-live-program .live-program-preview .program-preview-body #playerContainer {
    position: relative;
    width: 100%;
    height: 100%
}

.page-live-program .live-program-preview .program-preview-body .live-tab {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
    border-radius: 12px;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 3px 12px;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    line-height: 22px;
    font-size: 16px
}

.page-live-program .live-program-preview .program-preview-body .live-tab .living-icon {
    margin-top: -2px
}

.page-live-program .live-program-preview .program-preview-body .living-icon-col {
    background: #ffd168
}

.page-live-program .live-program-preview .program-preview-body .enter-live-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -90px;
    z-index: 2;
    width: 180px;
    height: 60px;
    text-align: center;
    line-height: 58px;
    border-radius: 12px;
    border: 1px solid #785ad9;
    font-size: 20px;
    font-weight: 500;
    color: #785ad9;
    transition: all .2s linear
}

.page-live-program .live-program-preview .program-preview-body .enter-live-btn:hover {
    background: #785ad9;
    color: #fff
}

.page-live-program .live-program-preview .program-preview-body .play-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 1
}

.page-live-program .live-program-preview .program-preview-body .program-preview-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 42px;
    padding: 54px 40px 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-live-program .live-program-preview .program-preview-body .program-preview-title:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .5));
    z-index: -1
}

.page-live-program .live-program-preview .program-preview-footer {
    padding: 0 40px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-live-program .live-program-preview .program-preview-footer .program-info {
    display: flex
}

.page-live-program .live-program-preview .program-preview-footer .program-info li {
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-live-program .live-program-preview .program-preview-footer .program-info li + li {
    margin-left: 100px
}

.page-live-program .live-program-preview .program-preview-footer .program-info li span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #232832;
    line-height: 30px;
    font-family: kanzhun-Regular
}

.page-live-program .live-program-preview .program-preview-footer .program-info li p {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #5c5e66;
    line-height: 22px
}

.page-live-program .live-program-preview .program-preview-footer .attention-info {
    display: flex;
    align-items: center
}

.page-live-program .live-program-preview .program-preview-footer .attention-info span {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 17px;
    margin-right: 20px
}

.page-live-program .live-program-preview .program-preview-footer .attention-info .attention-program-btn {
    display: block;
    height: 48px;
    width: 128px;
    background: #ffa526;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 48px;
    text-align: center;
    transition: all .2s linear
}

.page-live-program .live-program-preview .program-preview-footer .attention-info .attention-program-btn:hover {
    background: #fa930c
}

.page-live-program .live-program-preview .program-preview-footer .attention-info .attention-program-btn.disabled {
    opacity: .5;
    cursor: not-allowed
}

.page-live-program .recently-live-item {
    border-radius: 12px;
    background: #fff;
    transition: all .2s linear
}

.page-live-program .recently-live-item + .recently-live-item {
    margin-top: 20px
}

.page-live-program .recently-live-item .live-cover {
    position: relative;
    width: 380px;
    height: 212px;
    float: left;
    border-radius: 12px 0 0 12px;
    display: flex;
    align-items: center;
    overflow: hidden
}

.page-live-program .recently-live-item .live-cover img {
    width: 100%;
    height: 100%
}

.page-live-program .recently-live-item .live-cover .live-tab {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    border-radius: 12px;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 2px 8px;
    display: inline-block;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px
}

.page-live-program .recently-live-item .live-cover .play-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 1
}

.page-live-program .recently-live-item .live-info {
    position: relative;
    float: left;
    width: 800px;
    height: 212px;
    padding: 52px 40px 52px 60px;
    border-radius: 0 12px 12px 0
}

.page-live-program .recently-live-item .live-info h3 {
    display: block;
    margin-bottom: 0;
    height: 28px;
    font-size: 20px;
    font-weight: 500;
    color: #213059;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 600px;
    text-align: left;
    transition: all .2s linear
}

.page-live-program .recently-live-item .live-info p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #213059;
    line-height: 20px;
    height: 20px
}

.page-live-program .recently-live-item .live-info p em {
    display: inline-block;
    color: #fca93c;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 360px;
    vertical-align: top;
    margin: 0 2px
}

.page-live-program .recently-live-item .live-info .live-time {
    display: inline-block;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #213059;
    line-height: 20px;
    margin-top: 30px
}

.page-live-program .recently-live-item .live-info .live-time i {
    margin-right: 4px
}

.page-live-program .recently-live-item .live-info .operate-area {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -16px
}

.page-live-program .live-program-item {
    border-radius: 12px;
    width: 583px;
    margin-top: 14px;
    background: #fff
}

.page-live-program .live-program-item .title {
    border-radius: 12px 12px 0 0;
    height: 46px;
    padding: 12px 20px;
    background: linear-gradient(90deg, #f5fafc, #fbfafc);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    color: #213059;
    line-height: 22px
}

.page-live-program .live-program-item .program-item-info {
    position: relative;
    display: flex;
    align-items: center;
    padding: 28px 30px 28px 20px
}

.page-live-program .live-program-item .program-item-info .company-logo-wrapper {
    width: 68px;
    height: 68px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: hidden
}

.page-live-program .live-program-item .program-item-info .company-logo-wrapper .company-logo {
    max-width: 100%;
    max-height: 100%
}

.page-live-program .live-program-item .program-item-info .program-info-list {
    display: flex;
    margin-left: 60px
}

.page-live-program .live-program-item .program-item-info .program-info-list li {
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-live-program .live-program-item .program-item-info .program-info-list li span {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    font-family: kanzhun-Regular
}

.page-live-program .live-program-item .program-item-info .program-info-list li p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.page-live-program .live-program-item .program-item-info .program-info-list li + li {
    margin-left: 40px
}

.page-live-program .live-program-item .program-item-info .operate-area {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -16px
}

.page-live-program .live-small-item {
    border-radius: 12px;
    width: 583px;
    background: #fff;
    margin-top: 14px
}

.page-live-program .live-small-item .live-small-header {
    height: 46px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #f5fafc, #fbfafc);
    border-radius: 12px 12px 0 0
}

.page-live-program .live-small-item .live-small-header, .page-live-program .live-small-item .live-small-header .live-time {
    font-size: 14px;
    font-weight: 400;
    color: #2f4580;
    line-height: 20px
}

.page-live-program .live-small-item .live-small-header .live-time i {
    margin-right: 4px
}

.page-live-program .live-small-item .live-small-header .live-position {
    margin-left: 12px
}

.page-live-program .live-small-item .program-small-body {
    padding: 28px 30px 28px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-live-program .live-small-item .program-small-body .program-small-content {
    display: flex
}

.page-live-program .live-small-item .program-small-body .company-logo-wrapper {
    position: relative;
    width: 68px;
    height: 68px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: hidden
}

.page-live-program .live-small-item .program-small-body .company-logo-wrapper .company-logo {
    max-width: 100%;
    max-height: 100%
}

.page-live-program .live-small-item .program-small-body .company-logo-wrapper .live-tab {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    border-radius: 12px;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 0 6px;
    display: inline-block;
    font-weight: 400;
    line-height: 18px;
    font-size: 14px
}

.page-live-program .live-small-item .program-small-body .company-logo-wrapper .living-icon {
    margin-top: 1px;
    margin-right: 0
}

.page-live-program .live-small-item .program-small-body .program-small-info {
    margin-left: 20px
}

.page-live-program .live-small-item .program-small-body .program-small-info .title {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #213059;
    line-height: 28px;
    height: 28px
}

.page-live-program .live-small-item .program-small-body .program-small-info p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #5c5e66;
    line-height: 20px;
    height: 20px
}

.page-live-program .live-small-item .program-small-body .program-small-info p em {
    display: inline-block;
    color: #fca93c;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    vertical-align: top;
    margin: 0 2px
}

.page-live-program .live-small-item .program-small-body .program-small-info .popover-wrap {
    width: max-content;
    border-radius: 8px;
    background: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7)
}

.page-live-program .live-small-item .program-small-body .program-small-info .popover-content {
    padding: 5px 12px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    font-weight: 400
}

.page-live-program .section-all-program .select-city-list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    margin-top: 8px
}

.page-live-program .section-all-program .select-city-list:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 1180px;
    bottom: 0;
    height: 1px;
    z-index: 1;
    background: rgba(0, 0, 0, .1)
}

.page-live-program .section-all-program .select-city-list li {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #213059;
    line-height: 20px;
    padding: 12px 0;
    transition: all .2s linear;
    cursor: pointer;
    flex-shrink: 0
}

.page-live-program .section-all-program .select-city-list li + li {
    margin-left: 40px
}

.page-live-program .section-all-program .select-city-list li:hover {
    font-weight: 600
}

.page-live-program .section-all-program .select-city-list li.active {
    position: relative;
    font-weight: 600
}

.page-live-program .section-all-program .select-city-list li.active:after {
    content: " ";
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 1px;
    z-index: 2;
    border-radius: 1px;
    background: #213059
}

.page-live-program .section-all-program .slide-wrapper + .slide-wrapper {
    margin-top: 15px
}

.page-live-program .section-all-program .select-date-list {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0
}

.page-live-program .section-all-program .select-date-list li {
    width: 64px;
    height: 26px;
    text-align: center;
    line-height: 24px;
    background: #f3faff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #213059;
    cursor: pointer;
    border: 1px solid #f3faff;
    transition: all .2s linear;
    flex-shrink: 0
}

.page-live-program .section-all-program .select-date-list li + li {
    margin-left: 10px
}

.page-live-program .section-all-program .select-date-list li:hover {
    background: #fafdff;
    border: 1px solid #f3faff
}

.page-live-program .section-all-program .select-date-list li.active {
    border: 1px solid #00243c;
    background: #f3faff
}

.page-live-program .section-custom-make .select-sub-list {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    margin-top: 8px
}

.page-live-program .section-custom-make .select-sub-list:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 1180px;
    bottom: 0;
    height: 1px;
    z-index: 1;
    background: rgba(0, 0, 0, .1)
}

.page-live-program .section-custom-make .select-sub-list li {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #213059;
    line-height: 20px;
    padding: 12px 0;
    transition: all .2s linear;
    cursor: pointer;
    flex-shrink: 0
}

.page-live-program .section-custom-make .select-sub-list li + li {
    margin-left: 40px
}

.page-live-program .section-custom-make .select-sub-list li:hover {
    font-weight: 600
}

.page-live-program .section-custom-make .select-sub-list li.active {
    position: relative;
    font-weight: 600
}

.page-live-program .section-custom-make .select-sub-list li.active:after {
    content: " ";
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 1px;
    z-index: 2;
    background: #213059
}

.page-live-program .slide-wrapper {
    position: relative;
    width: 1180px;
    overflow: hidden
}

.page-live-program .slide-wrapper .slide-nav .slide-nav-btn {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    transition: all .2s linear;
    color: #004f4f;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100%
}

.page-live-program .slide-wrapper .slide-nav .slide-nav-btn i {
    font-size: 12px
}

.page-live-program .slide-wrapper .slide-nav .slide-nav-btn:hover {
    background: #f4fffb
}

.page-live-program .slide-wrapper .slide-nav .slide-nav-btn.disabled {
    background: #eee;
    cursor: not-allowed
}

.page-live-program .slide-wrapper .slide-nav .slide-nav-btn.slide-nav-prev {
    left: 0
}

.page-live-program .slide-wrapper .slide-nav .slide-nav-btn.slide-nav-next {
    right: 0
}

.page-live-program .slide-wrapper .slide-box {
    transition: all .2s linear
}

.page-live-program .slide-wrapper .slot-list {
    float: left
}

.page-live-program .live-title-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://img.bosszhipin.com/static/file/2023/hfo7e4kbfa1681094547830.png) 0 0/20px 20px no-repeat
}

.page-live-program .live-program-banner {
    position: relative
}

.page-live-program .live-program-banner:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: linear-gradient(180deg, rgba(229, 243, 255, 0), rgba(229, 243, 255, 0) 45%, #e5f3ff);
    z-index: 1
}

.page-live-program .live-program-banner .program-banner-cover {
    width: 100%;
    min-height: 120px
}

.page-live-program .live-program-banner .program-banner-cover img {
    display: block;
    width: 100%
}

.page-live-program .section-program-container {
    margin: 80px auto 0;
    width: 1180px
}

.page-live-program .section-program-container h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    font-size: 30px;
    font-weight: 500;
    color: #213059;
    line-height: 42px;
    margin-bottom: 40px
}

.page-live-program .section-program-container h3 .live-title-icon {
    margin: 0 24px
}

.page-live-program .section-recently-live {
    margin-top: 100px
}

.page-live-program .section-program-footer {
    display: flex;
    align-items: center;
    flex-direction: column
}

.page-live-program .section-program-footer .immediately-subscribe-btn {
    display: block;
    width: 184px;
    height: 48px;
    line-height: 46px;
    border-radius: 8px;
    border: 1px solid #ffa526;
    text-align: center;
    margin: 30px auto 0;
    font-size: 16px;
    font-weight: 500;
    color: #ffa526;
    transition: all .2s linear
}

.page-live-program .section-program-footer .immediately-subscribe-btn:hover {
    color: #fff;
    background: #ffa526
}

.page-live-program .section-program-footer .expand-btn {
    display: inline-block;
    margin: 20px auto 0;
    font-size: 14px;
    font-weight: 400;
    color: #213059;
    line-height: 20px;
    transition: all .2s linear
}

.page-live-program .section-program-footer .expand-btn i {
    margin-left: 6px
}

.page-live-program .section-program-footer .expand-btn:hover {
    color: #47567a
}

.page-live-program .section-match-job .match-job-list {
    margin: -7px
}

.page-live-program .section-match-job .match-job-list .job-card-detail {
    float: left;
    margin: 7px
}

.page-live-program .section-match-job .section-program-footer {
    width: 100%
}

.page-live-program .live-program-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -14px
}

.page-live-program .live-item-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 6px
}

.page-live-program .program-btn {
    display: block;
    width: 88px;
    height: 36px;
    line-height: 36px;
    background: #ffa526;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    transition: all .2s linear
}

.page-live-program .program-btn:hover {
    background: #fa930c
}

.page-live-program .program-btn.enter-btn {
    background: #785ad9
}

.page-live-program .program-btn.enter-btn:hover {
    background: #6e52c7
}

.page-live-program .program-btn.disabled {
    opacity: .5;
    cursor: not-allowed
}

.page-live-program .living-icon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.page-live-program .living-icon-col {
    display: inline-block;
    width: 2px;
    height: 100%;
    margin: 0 2px;
    background-color: #fff;
    border-radius: 2px;
    animation: living-icon-ani .6s linear infinite;
    transform-origin: bottom
}

.page-live-program .living-icon-col:first-child {
    animation-delay: -.2s;
    margin-left: 0
}

.page-live-program .living-icon-col:last-child {
    animation-delay: .2s;
    margin-right: 0
}

.middle-youth {
    background: #92e5b4
}

.middle-youth .live-title-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://img.bosszhipin.com/static/file/2023/bwhb6njal61681094749525.png) 0 0/20px 20px no-repeat
}

.middle-youth .live-program-banner:after {
    content: none
}

.middle-youth .live-program-preview .program-preview-body .enter-live-btn {
    border: 1px solid #19c1fe;
    color: #19c1fe;
    background: hsla(0, 0%, 100%, .15);
    backdrop-filter: blur(10px)
}

.middle-youth .live-program-preview .program-preview-body .enter-live-btn:hover {
    background: #19c1fe;
    color: #fff
}

.middle-youth .live-program-preview .program-preview-footer .program-info li span {
    color: #043d25
}

.middle-youth .live-program-preview .program-preview-footer .program-info li p {
    color: #004f4f
}

.middle-youth .live-program-preview .program-preview-footer .attention-info span {
    color: #007373
}

.middle-youth .live-program-preview .program-preview-footer .attention-info .attention-program-btn {
    background: #4fc974
}

.middle-youth .live-program-preview .program-preview-footer .attention-info .attention-program-btn:hover {
    background: #50ba7b
}

.middle-youth .section-all-program .select-city-list li {
    color: #004f4f
}

.middle-youth .section-all-program .select-city-list li.active, .middle-youth .section-all-program .select-city-list li:hover {
    font-weight: 600
}

.middle-youth .section-all-program .select-city-list li.active:after {
    background: #004f4f
}

.middle-youth .section-all-program .select-date-list li {
    color: #004f4f;
    background: #d6f8eb;
    border-color: #d6f8eb
}

.middle-youth .section-all-program .select-date-list li:hover {
    background: #ecf8f3;
    border-color: #ecf8f3
}

.middle-youth .section-all-program .select-date-list li.active {
    background: #d6f8eb;
    border: 1px solid #004f4f
}

.middle-youth .recently-live-item:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 16px 40px 0 rgba(66, 153, 101, .2)
}

.middle-youth .live-program-item .program-item-info .program-info-list li p, .middle-youth .live-program-item .program-item-info .program-info-list li span, .middle-youth .live-program-item .title, .middle-youth .recently-live-item .live-info .live-time, .middle-youth .recently-live-item .live-info h3, .middle-youth .recently-live-item .live-info p {
    color: #004f4f
}

.middle-youth .section-program-container h3 {
    color: #043d25
}

.middle-youth .section-program-footer .immediately-subscribe-btn {
    border-color: #1f8c4b;
    color: #1f8c4b
}

.middle-youth .section-program-footer .immediately-subscribe-btn:hover {
    background: #4fc974;
    border-color: #4fc974
}

.middle-youth .section-program-footer .expand-btn {
    color: #004f4f
}

.middle-youth .section-program-footer .expand-btn:hover {
    color: #1f8c4b
}

.middle-youth .program-btn {
    background: #4fc974
}

.middle-youth .program-btn:hover {
    background: #50ba7b
}

.middle-youth .program-btn.enter-btn {
    background: #19c1fe
}

.middle-youth .program-btn.enter-btn:hover {
    background: #0cb5f2
}

.middle-youth .live-small-item .live-small-header {
    background: linear-gradient(90deg, #f5fcf6, #fafcfc);
    color: #004f4f
}

.middle-youth .live-small-item .live-small-header .live-time, .middle-youth .live-small-item .program-small-body .program-small-info .title, .middle-youth .live-small-item .program-small-body .program-small-info p {
    color: #004f4f
}

.renshe-youth {
    background: #0e3973
}

.renshe-youth.has-banner .live-program-preview {
    margin-top: -40px
}

.renshe-youth .live-title-icon {
    display: none
}

.renshe-youth .live-program-banner:after {
    content: none
}

.renshe-youth .live-program-preview .program-preview-body .enter-live-btn {
    border: 1px solid #4ac6ff;
    color: #4ac6ff;
    background: hsla(0, 0%, 100%, .15);
    backdrop-filter: blur(10px)
}

.renshe-youth .live-program-preview .program-preview-body .enter-live-btn:hover {
    background: #4ac6ff;
    color: #fff
}

.renshe-youth .live-program-preview .program-preview-footer .program-info li p, .renshe-youth .live-program-preview .program-preview-footer .program-info li span {
    color: #0c2c66
}

.renshe-youth .live-program-preview .program-preview-footer .attention-info span {
    color: #124299
}

.renshe-youth .live-program-preview .program-preview-footer .attention-info .attention-program-btn {
    background: #4ac6ff
}

.renshe-youth .live-program-preview .program-preview-footer .attention-info .attention-program-btn:hover {
    background: rgba(74, 198, 255, .8)
}

.renshe-youth .section-all-program .select-city-list:after {
    background: hsla(0, 0%, 100%, .5)
}

.renshe-youth .section-all-program .select-city-list li {
    color: #fff
}

.renshe-youth .section-all-program .select-city-list li.active, .renshe-youth .section-all-program .select-city-list li:hover {
    font-weight: 600
}

.renshe-youth .section-all-program .select-city-list li.active:after {
    background: #fff
}

.renshe-youth .section-all-program .select-date-list li {
    color: #0c2c66;
    background: hsla(0, 0%, 100%, .6);
    border-color: transparent
}

.renshe-youth .section-all-program .select-date-list li:hover {
    background: #fff
}

.renshe-youth .section-all-program .select-date-list li.active {
    background: #fff;
    border: 1px solid #0c2c66
}

.renshe-youth .recently-live-item:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 16px 40px 0 rgba(66, 153, 101, .2)
}

.renshe-youth .live-program-item .program-item-info .program-info-list li p, .renshe-youth .live-program-item .program-item-info .program-info-list li span, .renshe-youth .live-program-item .title, .renshe-youth .recently-live-item .live-info .live-time, .renshe-youth .recently-live-item .live-info h3, .renshe-youth .recently-live-item .live-info p {
    color: #0c2c66
}

.renshe-youth .section-program-container h3 {
    color: #fff
}

.renshe-youth .section-program-footer .immediately-subscribe-btn {
    border-color: #fff;
    color: #fff
}

.renshe-youth .section-program-footer .immediately-subscribe-btn:hover {
    background: #4ac6ff;
    border-color: #4ac6ff;
    color: #fff
}

.renshe-youth .section-program-footer .expand-btn {
    color: #fff
}

.renshe-youth .section-program-footer .expand-btn:hover {
    color: hsla(0, 0%, 100%, .8)
}

.renshe-youth .program-btn {
    background: #4ac6ff
}

.renshe-youth .program-btn:hover {
    background: rgba(74, 198, 255, .8)
}

.renshe-youth .program-btn.enter-btn {
    background: #4ac6ff
}

.renshe-youth .program-btn.enter-btn:hover {
    background: rgba(74, 198, 255, .8)
}

.renshe-youth .live-small-item .live-small-header {
    background: linear-gradient(90deg, #f5f7fc, #fcfafc);
    color: #0c2c66
}

.renshe-youth .live-small-item .live-small-header .live-time, .renshe-youth .live-small-item .program-small-body .program-small-info .title, .renshe-youth .live-small-item .program-small-body .program-small-info p {
    color: #0c2c66
}

.renshe-youth .section-custom-make .select-sub-list:after {
    background: hsla(0, 0%, 100%, .1)
}

.renshe-youth .section-custom-make .select-sub-list li {
    color: #fff
}

.renshe-youth .section-custom-make .select-sub-list li.active:after {
    background: #fff
}

.autumn-recruit {
    background: #f6e4ff
}

.autumn-recruit.has-banner .live-program-preview {
    margin-top: -40px
}

.autumn-recruit .live-title-icon {
    display: none
}

.autumn-recruit .live-program-banner:after {
    content: none
}

.autumn-recruit .live-program-preview .program-preview-body .enter-live-btn {
    border: 1px solid #c55deb;
    color: #c55deb;
    background: hsla(0, 0%, 100%, .15);
    backdrop-filter: blur(10px)
}

.autumn-recruit .live-program-preview .program-preview-body .enter-live-btn:hover {
    background: #c55deb;
    color: #fff
}

.autumn-recruit .live-program-preview .program-preview-footer .program-info li p, .autumn-recruit .live-program-preview .program-preview-footer .program-info li span {
    color: #0c2c66
}

.autumn-recruit .live-program-preview .program-preview-footer .attention-info span {
    color: #124299
}

.autumn-recruit .live-program-preview .program-preview-footer .attention-info .attention-program-btn {
    background: #c55deb
}

.autumn-recruit .live-program-preview .program-preview-footer .attention-info .attention-program-btn:hover {
    background: rgba(197, 93, 235, .8)
}

.autumn-recruit .section-all-program .select-city-list li {
    color: #0c2c66
}

.autumn-recruit .section-all-program .select-city-list li.active, .autumn-recruit .section-all-program .select-city-list li:hover {
    font-weight: 600
}

.autumn-recruit .section-all-program .select-city-list li.active:after {
    background: #0c2c66
}

.autumn-recruit .section-all-program .select-date-list li {
    color: #0c2c66;
    background: hsla(0, 0%, 100%, .6);
    border-color: transparent
}

.autumn-recruit .section-all-program .select-date-list li:hover {
    background: #fff
}

.autumn-recruit .section-all-program .select-date-list li.active {
    background: #fff;
    border: 1px solid #0c2c66
}

.autumn-recruit .recently-live-item:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 16px 40px 0 rgba(66, 153, 101, .2)
}

.autumn-recruit .live-program-item .program-item-info .program-info-list li p, .autumn-recruit .live-program-item .program-item-info .program-info-list li span, .autumn-recruit .live-program-item .title, .autumn-recruit .recently-live-item .live-info .live-time, .autumn-recruit .recently-live-item .live-info h3, .autumn-recruit .recently-live-item .live-info p, .autumn-recruit .section-program-container h3 {
    color: #0c2c66
}

.autumn-recruit .section-program-footer .immediately-subscribe-btn {
    border-color: #0c2c66;
    color: #0f3780
}

.autumn-recruit .section-program-footer .immediately-subscribe-btn:hover {
    background: #337cff;
    border-color: #337cff;
    color: #fff
}

.autumn-recruit .section-program-footer .expand-btn {
    color: #0c2c66
}

.autumn-recruit .section-program-footer .expand-btn:hover {
    color: #124299
}

.autumn-recruit .program-btn {
    background: #c55deb
}

.autumn-recruit .program-btn:hover {
    background: rgba(197, 93, 235, .8)
}

.autumn-recruit .program-btn.enter-btn {
    background: #c55deb
}

.autumn-recruit .program-btn.enter-btn:hover {
    background: rgba(197, 93, 235, .8)
}

.autumn-recruit .live-small-item .live-small-header {
    background: linear-gradient(90deg, #f5f7fc, #fcfafc);
    color: #0c2c66
}

.autumn-recruit .live-small-item .live-small-header .live-time, .autumn-recruit .live-small-item .program-small-body .program-small-info .title, .autumn-recruit .live-small-item .program-small-body .program-small-info p {
    color: #0c2c66
}

.page-live-list {
    padding-top: 20px;
    min-height: 614px;
    position: relative
}

.page-live-list:after {
    content: "";
    width: 100%;
    height: 614px;
    position: absolute;
    top: 0;
    background: linear-gradient(180deg, #00bebd, #88fffe 50%, #fff);
    opacity: .1;
    z-index: -1
}

.page-live-list .flex {
    display: flex;
    align-items: center
}

.page-live-list .banner {
    width: 1184px;
    height: 200px;
    background: #fff;
    border-radius: 12px;
    margin: 0 auto
}

.page-live-list .banner > img {
    width: 100%;
    height: 100%
}

.page-live-list .main-content {
    width: 1184px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.page-live-list .block-header {
    display: flex;
    align-items: center;
    margin-top: 48px;
    margin-bottom: 20px
}

.page-live-list .title {
    font-size: 28px;
    color: #222;
    line-height: 40px;
    font-weight: 700
}

.page-live-list .sec-title {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-left: 24px
}

.page-card-live {
    position: relative;
    width: 1200px;
    margin: 0 -8px;
    z-index: 1
}

.page-card-live .live-item .live-item-tag {
    position: absolute;
    bottom: 12px;
    right: 20px;
    z-index: 2;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #00a6a7;
    line-height: 18px;
    padding: 2px 8px;
    max-width: 228px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.page-card-live .live-item .live-item-tag.notice {
    background: rgba(250, 119, 71, .1);
    color: #f46935;
    padding-left: 8px;
    padding-right: 8px;
    max-width: 248px
}

.page-card-live .live-item .live-item-tag.notice:before {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: url(https://img.bosszhipin.com/static/file/2022/ewb1mwjih91658115663148.png) 0 0/12px auto no-repeat
}

.page-card-live .live-item .live-item-tag.live-record {
    color: #4096f5;
    background: rgba(64, 150, 245, .1)
}

.page-card-live .live-item .live-item-tag.live-record:before {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background: url(https://img.bosszhipin.com/static/file/2022/ewb1mwjih91658115663148.png) 0 -12px/12px auto no-repeat
}

.page-card-live .live-item .living-icon {
    position: relative;
    display: inline-block;
    height: 12px;
    margin-right: 6px;
    vertical-align: text-top
}

.page-card-live .live-item .living-icon-col {
    display: inline-block;
    width: 3px;
    height: 100%;
    background: #00bebd;
    border-radius: 2px;
    animation: living-icon-ani .6s linear infinite;
    transform-origin: bottom;
    border-radius: 1px 1px 0 0
}

.page-card-live .live-item .living-icon-col:first-child {
    animation-delay: -.2s;
    margin-left: 0
}

.page-card-live .live-item .living-icon-col:last-child {
    animation-delay: .2s;
    margin-right: 0
}

@keyframes living-icon-ani {
    0% {
        transform: scaleY(.5)
    }
    50% {
        transform: scaleY(1)
    }
    to {
        transform: scaleY(.5)
    }
}

.page-card-live .live-item {
    display: block;
    position: relative;
    width: 284px;
    overflow: hidden;
    margin: 8px;
    float: left;
    border-radius: 12px;
    transition: all .2s linear
}

.page-card-live .live-item .company-logo-box {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    float: left;
    margin: 4px 8px 0 16px
}

.page-card-live .live-item .company-logo-box img {
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 4px
}

.page-card-live .live-item:after {
    content: " ";
    position: absolute;
    width: 80px;
    height: 80px;
    top: 39px;
    left: 50%;
    margin-left: -40px;
    background: url(https://img.bosszhipin.com/static/file/2022/s8o6146qt51643447385978.png) 50%/100%;
    z-index: 4;
    opacity: 0;
    transition: all .2s linear
}

.page-card-live .live-item:hover:after {
    opacity: 1
}

.page-card-live .live-item:hover {
    box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3);
    position: relative;
    z-index: 1
}

.page-card-live .live-item:hover:before {
    content: " ";
    height: 158px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 78px;
    right: 0;
    z-index: 3;
    background: rgba(0, 0, 0, .2);
    transition: background .2s linear
}

.page-card-live .live-item:hover .info-main span {
    color: #00a6a7
}

.page-card-live .live-item .live-image {
    height: 158px;
    width: 284px;
    display: block;
    margin: 0 auto
}

.page-card-live .live-item .info-content {
    height: 78px;
    padding-top: 16px;
    background: #fff
}

.page-card-live .live-item .info-logo {
    display: none
}

.page-card-live .live-item .info-main {
    padding: 0 20px
}

.page-card-live .live-item .info-main span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px
}

.page-card-live .live-item .info-main p, .page-card-live .live-item .info-main span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s linear
}

.page-card-live .live-item .info-main p {
    max-width: 120px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    margin-top: 8px
}

.page-card-live .live-item .live-time {
    position: absolute;
    display: block;
    right: 4px;
    bottom: 82px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .6);
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 17px;
    z-index: 1;
    padding: 2px 4px
}

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

.page-card-special-column {
    overflow: visible;
    margin-left: -8px;
    margin-right: -8px
}

.page-card-special-column > a {
    width: 584px;
    height: 131px;
    display: block;
    float: left;
    background: #fff;
    border-radius: 12px;
    padding: 6px 20px 20px;
    transition: all .2s linear;
    margin: 8px;
    flex-shrink: 0;
    cursor: pointer
}

.page-card-special-column > a:hover {
    box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3)
}

.page-card-special-column > a .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #f2f4f7
}

.page-card-special-column > a .title:hover {
    color: #00a6a7
}

.page-card-special-column > a .card-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px
}

.page-card-special-column > a .card-info .info {
    margin-right: 32px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-card-special-column > a .card-info .info:last-child {
    margin-right: 0
}

.page-card-special-column > a .card-info .info > p {
    font-size: 18px;
    text-align: center;
    color: #222;
    word-break: break-all
}

.page-card-special-column > a .card-info .info > span {
    font-size: 13px;
    color: #666
}

.page-card-special-column > a .live-btn {
    width: 100px;
    height: 36px;
    background: #00bebd;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    cursor: pointer
}

.page-card-special-column > a .live-btn:hover {
    background: linear-gradient(225deg, #00bebd, #00a6a7)
}

.page-card-special-column > a .arrow {
    width: 5px;
    height: 8px;
    top: 20px;
    right: 14px;
    display: inline-block;
    margin-left: 10px;
    background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 0/10px auto no-repeat
}

.page-no-data {
    width: 300px;
    margin: 30px auto;
    text-align: center;
    color: #666;
    font-size: 14px
}

.page-no-data .blank-image > img {
    width: 200px;
    height: 122px;
    display: block;
    margin: 0 auto 20px
}

.sync-resume-catalogue {
    width: 160px
}

.sync-resume-catalogue .sync-catalogue-list {
    background: #fff;
    border-radius: 16px;
    padding: 4px
}

.sync-resume-catalogue .sync-catalogue-list .sync-catalogue-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 40px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .2s linear;
    color: #333;
    font-size: 14px
}

.sync-resume-catalogue .sync-catalogue-list .sync-catalogue-item.active, .sync-resume-catalogue .sync-catalogue-list .sync-catalogue-item:hover {
    background-color: #f8f8f8;
    color: #00a6a7;
    font-weight: 600
}

.module-show-wrapper {
    position: relative;
    padding: 15px 30px;
    box-sizing: content-box;
    transition: all .2s linear;
    border: none
}

.module-show-wrapper:hover {
    background: #f8f8f8
}

.module-show-wrapper .title {
    position: relative;
    padding-left: 10px;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 14px;
    color: #222
}

.module-show-wrapper .title em {
    font-style: normal;
    color: #00a6a7
}

.module-show-wrapper .title:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 15px;
    background: #00bebd;
    border-radius: 2px;
    left: 0;
    top: 5px
}

.module-show-wrapper .module-show-item {
    padding: 14px 10px;
    position: relative;
    min-height: 40px;
    transition: all .2s linear;
    border-radius: 8px
}

.module-show-wrapper .module-show-item.module-show-advantage .op {
    background-color: hsla(0, 0%, 100%, .9);
    transition: all .2s linear;
    padding-left: 5px
}

.module-show-wrapper .module-show-item:hover {
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05)
}

.module-show-wrapper .module-show-item:hover .op {
    display: block
}

.module-show-wrapper .module-show-item .primary-info {
    word-break: break-all
}

.module-show-wrapper .module-show-item .primary-info h4 {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    line-height: 21px
}

.module-show-wrapper .module-show-item .primary-info h4.name {
    max-width: 420px;
    word-break: break-all;
    float: left
}

.module-show-wrapper .module-show-item .primary-info h4.name + .period {
    font-size: 12px;
    padding-left: 24px;
    float: left;
    position: relative;
    top: 2px;
    color: #999;
    line-height: 17px
}

.module-show-wrapper .module-show-item .primary-info .info-text {
    padding: 6px 0;
    color: #333;
    white-space: pre-wrap;
    overflow: hidden;
    word-break: break-all;
    line-height: 24px
}

.module-show-wrapper .module-show-item .primary-info .info-text.pr-74 {
    padding-right: 74px
}

.module-show-wrapper .module-show-item .primary-info .info-text.text-gray {
    color: #999
}

.module-show-wrapper .module-show-item .primary-info .info-text .text-type {
    font-weight: 700
}

.module-show-wrapper .module-show-item .primary-info .info-text:last-of-type {
    padding-bottom: 0
}

.module-show-wrapper .module-show-item .primary-info .info-text.advantage-text {
    padding-top: 0
}

.module-show-wrapper .module-show-item .primary-info .keywords {
    padding-top: 6px
}

.module-show-wrapper .module-show-item .primary-info .keywords span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 6px 8px;
    margin-right: 8px;
    border-radius: 50px;
    margin-bottom: 8px;
    background: #f8f8f8;
    border-radius: 4px
}

.module-show-wrapper .module-show-item .primary-info .social-img {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    margin-right: 15px;
    vertical-align: middle
}

.module-show-wrapper .module-show-item .op {
    position: absolute;
    display: none;
    right: 14px;
    top: 10px
}

.module-show-wrapper .module-show-item .op a {
    display: inline-block;
    line-height: 24px;
    padding: 0 5px;
    color: #00a6a7
}

.module-show-wrapper .module-show-item .op a .icon-svg {
    fill: #00a6a7;
    margin-right: 4px
}

.module-show-wrapper .module-show-item .op a:hover {
    color: #00bebd
}

.module-show-wrapper .module-show-item .op a:hover .icon-svg {
    fill: #00bebd
}

.module-show-wrapper .module-show-item .op .link-edit {
    font-size: 13px
}

.module-show-wrapper .module-show-item .op .link-edit:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(https://img.bosszhipin.com/static/file/2023/c17gxiu5881690268634125.png);
    background-repeat: no-repeat;
    background-position: 0 -16px;
    background-size: 16px auto;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.module-show-wrapper .module-show-item .op .link-edit:hover:before {
    background-position: 0 0
}

.module-show-wrapper .module-show-item .op .link-delete {
    font-size: 13px
}

.module-show-wrapper .module-show-item .op .link-delete:before {
    content: "";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(https://img.bosszhipin.com/static/file/2023/c17gxiu5881690268634125.png);
    background-repeat: no-repeat;
    background-position: 0 -48px;
    background-size: 16px auto;
    margin-right: 6px;
    position: relative;
    top: -1px
}

.module-show-wrapper .module-show-item .op .link-delete:hover:before {
    background-position: 0 -32px
}

.module-show-wrapper .resume-cert-list {
    overflow: hidden;
    margin: -4px
}

.module-show-wrapper .resume-cert-list .resume-cert-tag {
    float: left;
    background: #f8f8f8;
    border-radius: 4px;
    color: #333;
    line-height: 20px;
    padding: 6px 8px;
    margin: 4px
}

.module-show-wrapper .message-tip-list li {
    display: block;
    margin-top: 10px
}

.module-show-wrapper .message-tip-list .message-tip-item {
    display: inline-block;
    background: #eaeff5;
    border-radius: 4px;
    font-size: 13px;
    color: #333;
    line-height: 18px;
    padding: 3px 8px;
    word-break: break-all
}

.module-show-wrapper .message-tip-list .message-tip-item .text-primary {
    color: #00a6a7
}

.module-show-wrapper .message-tip-list .message-tip-item.warning {
    background: rgba(255, 148, 28, .1);
    color: #ff941c
}

.module-show-wrapper .message-tip-list .message-tip-item.warning i {
    color: #ff941c
}

.module-show-wrapper .message-tip-list .message-tip-item i {
    margin-right: 3px;
    color: #666
}

.module-show-wrapper .message-tip-list .message-tip-item em {
    font-style: normal
}

.module-show-wrapper .message-tip-list .message-tip-item em:hover {
    opacity: .8;
    transition: all .2s linear
}

.module-form-wrapper {
    padding: 24px 30px;
    background-color: #f8f9fb;
    position: relative
}

.module-form-wrapper .date-scope {
    display: flex;
    align-items: center
}

.module-form-wrapper .date-scope .datepicker-wrap {
    width: 132px
}

.module-form-wrapper .date-scope .datepicker-wrap .input, .module-form-wrapper .date-scope .input-wrap {
    min-width: 100%
}

.module-form-wrapper .date-scope .date-scope-text {
    margin: 0 10px
}

.module-form-wrapper .ui-form {
    margin-left: -15px;
    margin-right: -15px
}

.module-form-wrapper .input {
    height: 38px;
    padding-left: 15px;
    padding-right: 15px
}

.module-form-wrapper .input[readonly], .module-form-wrapper .input[readonly]:focus, .module-form-wrapper .input[readonly]:hover {
    background-color: #fff;
    cursor: pointer
}

.module-form-wrapper .ui-select .ui-select-inner {
    height: 36px;
    padding-top: 8px
}

.module-form-wrapper .skill-tag-selecter .ui-select .ui-select-inner {
    height: auto;
    padding-top: 8px
}

.module-form-wrapper .skill-tag-selecter .ui-select .ui-select-inner .ui-select-input {
    max-width: 100%
}

.module-form-wrapper .radio-group-rectangle .radio-item {
    width: 147px;
    min-width: auto;
    line-height: 36px
}

.module-form-wrapper .input-wrap-textarea .input {
    height: 160px;
    padding: 7px 15px
}

.module-form-wrapper .form-item-advantage .input {
    height: 200px
}

.module-form-wrapper h3.title {
    font-size: 16px;
    height: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.module-form-wrapper .form-item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 0 15px
}

.module-form-wrapper .form-item .city-select-container, .module-form-wrapper .form-item .datepicker-wrap, .module-form-wrapper .form-item .input-wrap, .module-form-wrapper .form-item .ui-cascader, .module-form-wrapper .form-item .ui-cascader-selection, .module-form-wrapper .form-item .ui-select {
    width: 100%;
    flex: 1
}

.module-form-wrapper .form-item .city-select-container .dropdown-select, .module-form-wrapper .form-item .city-select-container .ipt {
    width: 100%
}

.module-form-wrapper .form-item .city-select-container .dropdown-menu .city-box .dropdown-city, .module-form-wrapper .form-item .city-select-container .dropdown-menu .city-box .dropdown-province {
    width: 171px
}

.module-form-wrapper .form-item .date-scope-text, .module-form-wrapper .form-item .scope-separator {
    margin: 0 15px
}

.module-form-wrapper .form-item .real-name {
    position: absolute;
    top: -33px;
    left: 38px;
    color: #00c2b3;
    display: flex;
    align-items: center;
    font-size: 12px
}

.module-form-wrapper .form-item .real-name img {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.module-form-wrapper .form-item.form-item-blur .item-label {
    width: 100%;
    text-align: left
}

.module-form-wrapper .form-item.form-item-blur .slot-label {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 20px
}

.module-form-wrapper .form-item.form-item-blur .slot-label em {
    font-style: normal;
    font-weight: 400;
    color: #8d92a1;
    font-size: 12px
}

.module-form-wrapper .form-item.form-item-blur .input-prepend-blur {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 38px;
    line-height: 36px;
    border: 1px solid #e3e7ed;
    z-index: 1;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 30px;
    box-sizing: border-box;
    transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
    cursor: text
}

.module-form-wrapper .form-item.form-item-blur .input-prepend-blur:hover {
    border-color: #2cd7c8
}

.module-form-wrapper .form-item.form-item-blur .input-prepend-blur span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.module-form-wrapper .form-item.form-item-blur .input-wrap:hover .suffix {
    display: flex
}

.module-form-wrapper .form-item.form-item-blur .suffix {
    z-index: 3;
    cursor: pointer;
    display: none
}

.module-form-wrapper .form-item .append-tip {
    display: none;
    position: absolute;
    z-index: 99;
    top: 38px;
    left: 0;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    padding: 9px 14px;
    background-color: #fff;
    border: 1px solid #e3e7ed;
    border-top: 0
}

.module-form-wrapper .form-item .append-tip .gray {
    font-size: 12px
}

.module-form-wrapper .form-item .append-tip .gray a {
    color: #00c2b3
}

.module-form-wrapper .form-item .append-tip .gray a:hover {
    color: #6adbcf
}

.module-form-wrapper .form-item .append-tip .radio-inner {
    margin-right: 10px
}

.module-form-wrapper .form-item .datepicker-wrap:hover .append-tip, .module-form-wrapper .form-item .input-group-with-append:hover .append-tip, .module-form-wrapper .form-item .radio-group:hover .append-tip, .module-form-wrapper .form-item .ui-select:hover .append-tip {
    display: block
}

.module-form-wrapper .form-item .datepicker-wrap .prefix-totoday {
    padding-left: 10px;
    padding-right: 15px;
    line-height: 26px;
    pointer-events: none;
    left: 5px
}

.module-form-wrapper .form-item .nodata-tip {
    position: absolute;
    font-size: 12px;
    padding: 6px 10px 8px 0
}

.module-form-wrapper .form-item .nodata-tip i {
    color: #fc6c38;
    font-size: 14px;
    margin-right: 6px
}

.module-form-wrapper .form-item .datepicker-pannel {
    width: 300px
}

.module-form-wrapper .form-item .datepicker-pannel .picker-content .month, .module-form-wrapper .form-item .datepicker-pannel .picker-content .year {
    margin: 5px 4px
}

.module-form-wrapper .form-item .scope-selecter .scope-select .ui-select-selection .ui-select-inner {
    padding: 8px 15px 7px
}

.module-form-wrapper .form-item .scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
    margin: 0
}

.module-form-wrapper .form-item.form-item-full {
    width: auto;
    display: block
}

.module-form-wrapper .form-item.form-item-full .append-tip {
    max-width: none
}

.module-form-wrapper .form-item.form-item-full .item-content .date-scope .datepicker-wrap {
    flex: 1
}

.module-form-wrapper .form-item.form-item-full .item-content .date-scope .scope-separator {
    width: 30px
}

.module-form-wrapper .form-item.form-item-full .item-content:before {
    content: "";
    overflow: hidden;
    height: 0;
    display: block;
    clear: both
}

.module-form-wrapper .form-item.form-item-full .item-content .input-wrap {
    width: 100%
}

.module-form-wrapper .form-item.form-item-full .item-content .scope-separator {
    width: 30px;
    text-align: center
}

.module-form-wrapper .form-item.form-item-full .item-content .skill-tag-selecter, .module-form-wrapper .form-item.form-item-full .serial-toolbar {
    width: 100%
}

.module-form-wrapper .form-item .item-form-suggest-item u.h {
    color: #16c3b1;
    text-decoration: none
}

.module-form-wrapper .form-item.resume-expectation-city .text-small {
    position: absolute;
    right: 55px;
    top: 3px
}

.module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown, .module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu {
    width: 100%
}

.module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu .ui-cascader-menu {
    width: 50%
}

.module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu .ui-cascader-menu > .ui-dropdown-list {
    width: 100%
}

.module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu > .ui-dropdown-list {
    width: 50%
}

.module-form-wrapper .form-btns {
    text-align: right;
    padding: 0 15px
}

.module-form-wrapper .form-btns .btn {
    margin-right: 20px;
    min-width: 90px
}

.module-form-wrapper .form-btns .btn:last-of-type {
    margin-right: 0
}

.module-form-wrapper .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item, .module-form-wrapper .ui-suggest .ui-dropmenu-list li {
    display: flex
}

.module-form-wrapper .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div, .module-form-wrapper .ui-suggest .ui-dropmenu-list li div {
    flex: 1;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-form-wrapper .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div span, .module-form-wrapper .ui-suggest .ui-dropmenu-list li div span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.module-form-wrapper .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item .h, .module-form-wrapper .ui-suggest .ui-dropmenu-list li .h {
    text-decoration: none;
    color: #16c3b1
}

.module-form-wrapper .skill-tag-mask {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    cursor: pointer
}

.similar-item-wrapper {
    position: relative
}

.similar-item-wrapper .similar-item-box {
    position: absolute;
    bottom: 36px;
    left: -14px;
    width: 762px;
    z-index: 2;
    background: #fff;
    padding: 14px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
    transition: all .2s linear
}

.similar-item-wrapper .similar-item-box:after {
    content: " ";
    position: absolute;
    left: 146px;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #fff
}

.similar-item-wrapper .similar-item-box .similar-item-origin {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    height: 24px;
    background: rgba(0, 190, 189, .1);
    border-radius: 4px;
    color: #00a6a7;
    font-size: 13px;
    line-height: 18px;
    padding: 3px 8px
}

.similar-item-wrapper .similar-item-box .info-text.advantage-text, .similar-item-wrapper .similar-item-box .info-text.pr-74 {
    padding-right: 74px
}

.similar-item-wrapper .similar-item-box .resume-cert-list {
    margin-right: 70px
}

.page-resume-sync .resume-sync-wrapper {
    width: 1184px;
    margin: 0 auto;
    padding-top: 20px;
    display: flex
}

.page-resume-sync .resume-sync-wrapper.is-fixed .resume-sync-container {
    margin-left: 176px
}

.page-resume-sync .resume-sync-wrapper.is-fixed .sync-resume-catalogue {
    position: fixed;
    top: 60px;
    z-index: 20
}

.page-resume-sync .resume-sync-container {
    position: relative;
    width: 824px;
    margin-left: 16px;
    background: #fff;
    padding-bottom: 60px;
    border-radius: 16px;
    min-height: calc(100vh - 69px)
}

.page-resume-sync .resume-sync-container.data-tips-wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 0
}

.page-resume-sync .resume-sync-container.data-tips-wrapper .resume-sync-body {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-resume-sync .resume-sync-container.data-tips-wrapper .data-tips {
    height: auto
}

.page-resume-sync .resume-sync-container .resume-sync-header {
    padding: 20px 40px;
    background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
    border-radius: 12px 12px 0 0
}

.page-resume-sync .resume-sync-container .resume-sync-header .title {
    font-size: 20px;
    font-weight: 500;
    color: #222;
    line-height: 28px
}

.page-resume-sync .resume-sync-container .resume-sync-header em {
    font-style: normal;
    color: #00a6a7
}

.page-resume-sync .resume-sync-container .resume-sync-header .sub-title {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 8px;
    word-break: break-all
}

.page-resume-sync .resume-sync-container .resume-sync-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 60px;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-resume-sync .resume-sync-container .resume-sync-footer .btn-sync {
    background: #00bebd;
    border-radius: 4px;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    padding: 8px 40px;
    transition: all .2s linear
}

.page-resume-sync .resume-sync-container .resume-sync-footer .btn-sync:hover {
    background: rgba(0, 189, 189, .8)
}

.boss-dialog.outsource-dialog__wrapper {
    border-radius: 10px
}

.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close:hover {
    background: #ff3e3e
}

.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close:hover .icon-close:after, .boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close:hover .icon-close:before {
    background: #fff
}

.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close .icon-close {
    width: 20px;
    height: 20px
}

.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close .icon-close:after, .boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close .icon-close:before {
    width: 13px;
    height: 2px;
    background: #000;
    top: 10px
}

.boss-dialog.outsource-dialog__wrapper .boss-dialog__footer .boss-dialog__button {
    border-radius: 4px;
    background-color: #00bebd;
    color: #fff
}

.boss-dialog.outsource-dialog__wrapper .boss-dialog__footer .boss-dialog__button:not(.disabled):not(.button-outline):hover {
    background: #00a6a7
}

.boss-dialog.outsource-dialog__wrapper .boss-dialog__footer .boss-dialog__button.button-outline {
    border-color: #00bebd;
    background: #fff;
    color: #00bebd
}

.boss-dialog.outsource-dialog__wrapper .boss-dialog__footer .boss-dialog__button.button-outline:hover {
    border: 2px solid #00bebd
}

.boss-dialog.business-dialog__wrap {
    padding: 0;
    height: 600px
}

.boss-dialog.business-dialog__wrap .business-with-payment {
    display: flex;
    border-radius: 10px
}

.boss-dialog.business-dialog__wrap .business-with-payment .left-part {
    border-radius: 10px 0 0 10px
}

.boss-dialog.business-dialog__wrap .business-with-payment .right-part, .boss-dialog.business-dialog__wrap .business-with-payment .right-part .order-loading {
    border-radius: 0 10px 10px 0
}

.bl-loading-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    justify-content: center
}

@-webkit-keyframes bossLoading {
    0% {
        -webkit-transform: translateZ(0)
    }
    50% {
        -webkit-transform: translate3d(0, -10px, 0)
    }
}

@keyframes bossLoading {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    50% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}

.bl-loading-box .bl-loading-icon {
    -webkit-animation-fill-mode: both;
    -webkit-animation: bossLoading .6s linear infinite alternate;
    animation: bossLoading .6s linear infinite alternate;
    background: url(https://img.bosszhipin.com/static/file/2022/3n5u85ptgd1667195187847.png) no-repeat;
    display: inline-block;
    height: 42px;
    vertical-align: middle;
    width: 40px
}

.bl-loading-box .bl-loading-icon-b {
    background-position: 0 0
}

.bl-loading-box .bl-loading-icon-o {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    background-position: 0 -68px;
    content: " ";
    margin-left: -4px
}

.bl-loading-box .bl-loading-icon-s1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    background-position: 0 -141px;
    margin-left: 6px
}

.bl-loading-box .bl-loading-icon-s2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    background-position: 0 -141px;
    content: " ";
    margin-left: -4px
}

.bl-toast {
    -webkit-animation: toastTop .25s ease-out;
    animation: toastTop .25s ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    left: 10%;
    line-height: 36px;
    position: fixed;
    text-align: center;
    top: 0;
    -webkit-transform: none;
    transform: none;
    width: 80%;
    z-index: 1050
}

.bl-toast.slideup {
    -webkit-animation-name: toastHide;
    animation-name: toastHide
}

.bl-toast .toast-con {
    background: #fff;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    display: inline-block;
    line-height: 50px;
    margin: 0 auto;
    padding: 0 20px
}

.bl-toast .icon-toast-error, .bl-toast .icon-toast-info, .bl-toast .icon-toast-loading, .bl-toast .icon-toast-success, .bl-toast .icon-toast-warning {
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 20px
}

.bl-toast .icon-toast-error svg, .bl-toast .icon-toast-info svg, .bl-toast .icon-toast-loading svg, .bl-toast .icon-toast-success svg, .bl-toast .icon-toast-warning svg {
    display: block
}

.bl-toast .icon-toast-loading {
    -webkit-animation: circle 1.5s linear infinite;
    animation: circle 1.5s linear infinite
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes toastTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
    }
}

@keyframes toastTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
    }
}

@-webkit-keyframes toastHide {
    0% {
        opacity: 1;
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes toastHide {
    0% {
        opacity: 1;
        -webkit-transform: translateY(45px);
        transform: translateY(45px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.bl-dialog-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1010
}

.bl-dialog-wrap .icon-dialog-error, .bl-dialog-wrap .icon-dialog-info, .bl-dialog-wrap .icon-dialog-lock, .bl-dialog-wrap .icon-dialog-success, .bl-dialog-wrap .icon-dialog-warning {
    background-image: url(https://img.bosszhipin.com/static/file/2022/jba1qghp2g1668672926663.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.bl-dialog-wrap .icon-dialog-info {
    background-position: 0 -242px
}

.bl-dialog-wrap .icon-dialog-warning {
    background-position: 0 -163px
}

.bl-dialog-wrap .icon-dialog-error {
    background-position: 0 -82px
}

.bl-dialog-wrap .icon-dialog-lock {
    background-position: 0 -320px
}

.bl-dialog-layer {
    background: rgba(37, 40, 48, .7);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1002
}

.bl-dialog-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    max-height: 100%;
    min-width: 320px;
    padding: 24px 30px;
    position: relative;
    z-index: 1003
}

.bl-dialog-header {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

.bl-dialog-header h3.bl-dialog-title {
    font-weight: 400
}

.bl-dialog-header .bl-close {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    z-index: 1
}

.bl-dialog-header .bl-close:hover .icon-close:after, .bl-dialog-header .bl-close:hover .icon-close:before {
    background: #414a60
}

.bl-dialog-header .icon-close {
    display: inline-block;
    height: 24px;
    position: relative;
    vertical-align: top;
    width: 24px
}

.bl-dialog-header .icon-close:after, .bl-dialog-header .icon-close:before {
    background: #8d92a1;
    content: "";
    height: 1px;
    left: 4px;
    position: absolute;
    top: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px
}

.bl-dialog-header .icon-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bl-dialog-body {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    max-height: calc(100vh - 128px);
    overflow: auto
}

.bl-dialog-body .tip-text {
    background-image: none;
    color: #8d92a1;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0
}

.bl-dialog-body .tip-warning {
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    border-radius: 0;
    color: #8a6d3b;
    font-size: 12px;
    margin-top: 20px;
    padding: 8px 10px
}

.bl-dialog-footer {
    margin: 20px 0 0;
    position: relative
}

.bl-dialog-footer .bl-btn-container {
    text-align: right
}

.bl-dialog-footer .bl-btn-container .btn {
    border: 1px solid #e3e7ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    margin-left: 20px;
    min-width: 80px;
    padding: 9px 15px;
    text-align: center;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.bl-dialog-footer .bl-btn-container .btn:hover {
    background: #f7f7f7
}

.bl-dialog-footer .bl-btn-container .btn:first-of-type {
    margin-left: 0
}

.bl-dialog-footer .bl-btn-container .btn.btn-primary {
    border: 1px solid #00bebd
}

.bl-dialog-footer .bl-btn-container .btn.btn-primary:hover {
    background: rgba(0, 190, 189, .8);
    border: 1px solid rgba(0, 190, 189, .8)
}

.bl-dialog-icons-default .bl-dialog-container {
    width: 400px
}

.bl-dialog-icons-default .bl-dialog-header {
    overflow: hidden
}

.bl-dialog-icons-default .bl-dialog-header h3.bl-dialog-title {
    word-wrap: break-word;
    font-weight: 400;
    margin: 0 0 0 44px;
    word-break: break-all
}

.bl-dialog-icons-default .bl-dialog-header .icon-dialog {
    float: left;
    margin-top: 2px;
    width: 24px
}

.bl-dialog-icons-default .bl-dialog-body {
    padding-left: 44px
}

.bl-dialog-primary-default .bl-dialog-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 24px 30px;
    width: 340px
}

.bl-dialog-primary-default .bl-dialog-header h3.bl-dialog-title {
    font-weight: 400
}

.bl-dialog-primary-default .bl-dialog-footer .bl-btn-container .btn:first-of-type {
    margin-left: 0
}

.bl-dialog-around-default {
    height: auto;
    position: absolute;
    width: auto
}

.bl-dialog-around-default .bl-dialog-container:after, .bl-dialog-around-default .bl-dialog-container:before {
    background: #fff;
    content: "";
    height: 12px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 12px
}

.bl-dialog-around-default .bl-dialog-container:after {
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bl-dialog-around-default .bl-dialog-container:before {
    left: 50%;
    margin-left: -15px;
    width: 30px;
    z-index: 1
}

.bl-dialog-top-default {
    bottom: 100%;
    margin-bottom: 12px;
    right: 0;
    top: auto
}

.bl-dialog-top-default .bl-dialog-container:after {
    bottom: -6px;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    box-shadow: 0 0 14px rgba(0, 0, 0, .11);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bl-dialog-top-default .bl-dialog-container:before {
    bottom: 0;
    width: 30px;
    z-index: 1
}

.bl-dialog-top-left-default {
    bottom: 100%;
    left: auto;
    margin-bottom: 12px;
    right: 0;
    top: auto
}

.bl-dialog-top-left-default .bl-dialog-container:after {
    bottom: -6px;
    left: auto;
    right: 36px
}

.bl-dialog-top-left-default .bl-dialog-container:before {
    bottom: 0;
    left: auto;
    right: 28px
}

.bl-dialog-top-right-default {
    bottom: 100%;
    margin-bottom: 12px;
    right: auto;
    top: auto
}

.bl-dialog-top-right-default .bl-dialog-container:after {
    bottom: -6px;
    left: 30px
}

.bl-dialog-top-right-default .bl-dialog-container:before {
    bottom: 0;
    left: 30px
}

.bl-dialog-bottom-default {
    bottom: auto;
    margin-top: 12px;
    right: 0;
    top: 100%
}

.bl-dialog-bottom-default .bl-dialog-container:after {
    top: -6px
}

.bl-dialog-bottom-default .bl-dialog-container:before {
    top: 0
}

.bl-dialog-bottom-left-default {
    bottom: auto;
    left: auto;
    margin-top: 12px;
    right: 0;
    top: 100%
}

.bl-dialog-bottom-left-default .bl-dialog-container:after {
    left: auto;
    right: 36px;
    top: -6px
}

.bl-dialog-bottom-left-default .bl-dialog-container:before {
    left: auto;
    right: 28px;
    top: 0
}

.bl-dialog-bottom-right-default {
    bottom: auto;
    margin-top: 12px;
    top: 100%
}

.bl-dialog-bottom-right-default .bl-dialog-container:after {
    left: 36px;
    top: -6px
}

.bl-dialog-bottom-right-default .bl-dialog-container:before {
    left: 28px;
    top: 0
}

.bl-dialog-left-default {
    bottom: auto;
    left: auto;
    margin-right: 12px;
    right: 100%
}

.bl-dialog-left-default .bl-dialog-container:after {
    left: auto;
    margin-top: -6px;
    right: -6px;
    top: 50%
}

.bl-dialog-left-default .bl-dialog-container:before {
    left: auto;
    margin-top: -6px;
    right: -9px;
    top: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bl-dialog-left-top-default {
    bottom: auto;
    left: auto;
    margin-right: 12px;
    right: 100%
}

.bl-dialog-left-top-default .bl-dialog-container:after {
    bottom: 12px;
    left: auto;
    margin-top: -6px;
    right: -6px
}

.bl-dialog-left-top-default .bl-dialog-container:before {
    bottom: 12px;
    left: auto;
    margin-top: -6px;
    right: -9px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bl-dialog-left-bottom-default {
    bottom: auto;
    left: auto;
    margin-right: 12px;
    right: 100%;
    top: 0
}

.bl-dialog-left-bottom-default .bl-dialog-container:after {
    left: auto;
    margin-top: -6px;
    right: -6px;
    top: 18px
}

.bl-dialog-left-bottom-default .bl-dialog-container:before {
    left: auto;
    margin-top: -6px;
    right: -9px;
    top: 22px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bl-dialog-right-default {
    bottom: auto;
    left: 100%;
    margin-left: 12px
}

.bl-dialog-right-default .bl-dialog-container:after {
    left: 0;
    margin-top: -6px;
    top: 50%
}

.bl-dialog-right-default .bl-dialog-container:before {
    left: 6px;
    margin-top: -6px;
    top: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bl-dialog-right-top-default {
    bottom: auto;
    left: 100%;
    margin-left: 12px;
    top: 100%
}

.bl-dialog-right-top-default .bl-dialog-container:after {
    bottom: 12px;
    left: 0;
    margin-top: -6px
}

.bl-dialog-right-top-default .bl-dialog-container:before {
    bottom: 18px;
    left: 6px;
    margin-top: -6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bl-dialog-right-bottom-default {
    bottom: auto;
    left: 100%;
    margin-left: 12px;
    top: 0
}

.bl-dialog-right-bottom-default .bl-dialog-container:after {
    left: 0;
    margin-top: -6px;
    top: 18px
}

.bl-dialog-right-bottom-default .bl-dialog-container:before {
    left: 6px;
    margin-top: -6px;
    top: 22px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bl-dialog-alert-default .bl-dialog-header h3.bl-dialog-title {
    margin-left: 0;
    padding-bottom: 12px;
    text-align: center
}

.bl-dialog-alert-default .bl-dialog-container {
    width: 320px
}

.bl-dialog-alert-default .bl-dialog-body {
    padding-left: 0
}

.bl-dialog-alert-default .bl-dialog-footer .bl-btn-container {
    text-align: center
}

.bl-dialog-large-default .bl-dialog-container {
    width: 800px
}

.bl-dialog-inline-default .bl-dialog-container {
    top: 25px
}

.bl-dialog-layer-full {
    display: block
}

.bl-dialog-layer-full .bl-dialog-header .close {
    background-color: #8d92a1;
    height: 32px;
    right: -32px;
    top: 0;
    width: 32px
}

.bl-dialog-layer-full .bl-dialog-header .close:hover {
    opacity: .8
}

.bl-dialog-layer-full .bl-dialog-header .icon-close {
    height: 32px;
    width: 32px
}

.bl-dialog-layer-full .bl-dialog-header .icon-close:after, .bl-dialog-layer-full .bl-dialog-header .icon-close:before {
    background-color: #414a60;
    left: 7px;
    top: 15px
}

.bl-dialog-layer-full .bl-dialog-container {
    height: 100%;
    margin: 0 auto;
    padding: 0;
    width: 800px
}

.bl-dialog-layer-full .bl-dialog-body {
    max-height: 100%;
    overflow: auto
}

.bl-dialog-opacity-layer {
    background: hsla(0, 0%, 100%, 0);
    left: 0;
    top: 0
}

.bl-dialog-promotion-iframe .bl-dialog-container {
    height: 100%;
    margin-left: -375px;
    margin-top: 0;
    top: 0;
    width: 750px
}

.bl-dialog-promotion-iframe .bl-dialog-body {
    height: 100%
}

.bl-dialog-promotion-iframe .bl-dialog-body iframe {
    border: 0;
    height: 100%;
    width: 100%
}

.bl-dialog-flyin-large {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: normal;
    justify-content: flex-end
}

.bl-dialog-flyin-large .bl-dialog-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: dialogFlyinRight .3s ease-out 0s;
    animation: dialogFlyinRight .3s ease-out 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0
}

.bl-dialog-flyin-large .bl-dialog-header {
    padding: 10px 20px
}

.bl-dialog-flyin-large .bl-dialog-header .close {
    background-color: #8d92a1;
    height: 32px;
    left: -32px;
    right: auto;
    top: 0;
    width: 32px
}

.bl-dialog-flyin-large .bl-dialog-header .close:hover {
    opacity: .8
}

.bl-dialog-flyin-large .bl-dialog-header .icon-close {
    height: 32px;
    width: 32px
}

.bl-dialog-flyin-large .bl-dialog-header .icon-close:after, .bl-dialog-flyin-large .bl-dialog-header .icon-close:before {
    background-color: #414a60;
    left: 9px;
    top: 15px
}

.bl-dialog-flyin-large .bl-dialog-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: none;
    overflow: auto;
    padding: 10px 20px
}

.bl-dialog-flyin-large .bl-dialog-footer {
    margin-top: 0;
    padding: 0 20px 20px
}

.lock-html {
    overflow-y: hidden
}

@-webkit-keyframes dialogFlyinRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes dialogFlyinRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (max-width: 374px) {
    .bl-dialog-container {
        margin: -93px 0 0 -151px;
        position: absolute;
        width: 302px
    }
}

.boss-login-dialog {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    bottom: 0;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1010
}

.boss-login-dialog ::selection {
    background: #00d7c6;
    color: #fff
}

.boss-login-dialog ::-moz-selection {
    background: #00d7c6;
    color: #fff
}

.boss-login-dialog input::-webkit-input-placeholder {
    color: #9fa3af
}

.boss-login-dialog input:-ms-input-placeholder {
    color: #9fa3af
}

.boss-login-dialog input:-moz-placeholder, .boss-login-dialog input::-moz-placeholder {
    color: #9fa3af
}

.boss-login-dialog textarea::-webkit-input-placeholder {
    color: #9fa3af
}

.boss-login-dialog textarea:-ms-input-placeholder {
    color: #9fa3af
}

.boss-login-dialog textarea:-moz-placeholder, .boss-login-dialog textarea::-moz-placeholder {
    color: #9fa3af
}

.boss-login-dialog input::-webkit-contacts-auto-fill-button {
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden
}

.boss-login-dialog input:-webkit-autofill, .boss-login-dialog input:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
    box-shadow: inset 0 0 0 1000px #fff !important
}

.boss-login-dialog a, .boss-login-dialog b, .boss-login-dialog body, .boss-login-dialog button, .boss-login-dialog dd, .boss-login-dialog div, .boss-login-dialog dl, .boss-login-dialog em, .boss-login-dialog footer, .boss-login-dialog form, .boss-login-dialog h1, .boss-login-dialog h2, .boss-login-dialog h3, .boss-login-dialog h4, .boss-login-dialog h5, .boss-login-dialog h6, .boss-login-dialog i, .boss-login-dialog input, .boss-login-dialog label, .boss-login-dialog li, .boss-login-dialog nav, .boss-login-dialog p, .boss-login-dialog select, .boss-login-dialog span, .boss-login-dialog td, .boss-login-dialog textarea, .boss-login-dialog u, .boss-login-dialog ul {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0
}

.boss-login-dialog li, .boss-login-dialog ol, .boss-login-dialog ul {
    list-style: none
}

.boss-login-dialog a {
    text-decoration: none
}

.boss-login-dialog a:active, .boss-login-dialog a:focus, .boss-login-dialog a:hover, .boss-login-dialog button, .boss-login-dialog input, .boss-login-dialog textarea {
    outline: 0
}

.boss-login-dialog .clearfix {
    *zoom: 1
}

.boss-login-dialog .clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0
}

.boss-login-dialog .side-slogan-box {
    background: linear-gradient(214deg, #dffbff, #faf6f3);
    border-radius: 28px 0 0 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    height: 100%;
    padding-left: 32px;
    width: 240px
}

.boss-login-dialog .side-slogan-box .side-slogan-logo {
    display: block;
    height: 42px;
    margin-top: 68px
}

.boss-login-dialog .side-slogan-box .side-slogan-logo img {
    float: left;
    height: 42px;
    width: 42px
}

.boss-login-dialog .side-slogan-box .side-slogan-logo .desc {
    margin-left: 54px
}

.boss-login-dialog .side-slogan-box .side-slogan-logo .desc em {
    color: #00a6a7;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.boss-login-dialog .side-slogan-box .side-slogan-logo .desc p {
    color: #00a6a7;
    font-size: 14px;
    line-height: 20px;
    margin-top: 2px
}

.boss-login-dialog .side-slogan-box .desc-list {
    overflow: hidden
}

.boss-login-dialog .side-slogan-box .desc-list li {
    margin-top: 50px
}

.boss-login-dialog .side-slogan-box .desc-list li .icon {
    background: url(https://img.bosszhipin.com/static/file/2022/5j2r4fg3uy1666342531695.png) no-repeat;
    background-size: 42px auto;
    float: left;
    height: 42px;
    width: 42px
}

.boss-login-dialog .side-slogan-box .desc-list li .icon.icon-chat {
    background-position: 0 0
}

.boss-login-dialog .side-slogan-box .desc-list li .icon.icon-select {
    background-position: 0 -42px
}

.boss-login-dialog .side-slogan-box .desc-list li .icon.icon-invite {
    background-position: 0 -84px
}

.boss-login-dialog .side-slogan-box .desc-list li .icon.icon-online {
    background-position: 0 -126px
}

.boss-login-dialog .side-slogan-box .desc-list li .icon.icon-match {
    background-position: 0 -168px
}

.boss-login-dialog .side-slogan-box .desc-list li em {
    color: #666;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-left: 53px;
    margin-top: 2px
}

.boss-login-dialog .side-slogan-box .desc-list li span {
    color: #999;
    display: block;
    font-size: 13px;
    line-height: 18px;
    margin-left: 53px;
    margin-top: 2px
}

.boss-login-dialog .sms-form-wrapper {
    margin: 32px auto 0;
    position: relative;
    width: 360px
}

.boss-login-dialog .sms-form-wrapper .title {
    color: #00a6a7;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    text-align: center
}

.boss-login-dialog .sms-form-wrapper .sub-title {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 17px;
    margin-top: 8px;
    text-align: center
}

.boss-login-dialog .sms-form-wrapper .identity-tab {
    background: #f8f8f8;
    border-radius: 12px;
    margin-top: 20px;
    overflow: hidden;
    padding: 4px;
    width: 100%
}

.boss-login-dialog .sms-form-wrapper .identity-tab li {
    border-radius: 8px;
    color: #444;
    cursor: pointer;
    float: left;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 50%
}

.boss-login-dialog .sms-form-wrapper .identity-tab li.active {
    background: #fff;
    color: #00a6a7;
    cursor: default;
    font-weight: 500
}

.boss-login-dialog .sms-form-wrapper .identity-tab li:hover {
    color: #00a6a7;
    font-weight: 500
}

.boss-login-dialog .sms-form-wrapper .tip-error {
    color: #fc703e;
    font-size: 14px;
    height: 18px;
    left: 2px;
    line-height: 18px;
    position: absolute;
    text-align: left;
    top: 52px;
    white-space: nowrap
}

.boss-login-dialog .sms-form-wrapper .sms-form-row {
    margin-top: 28px;
    position: relative
}

.boss-login-dialog .sms-form-wrapper .phone-input-wrapper {
    border: 1px solid #d0d2d9;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    padding-left: 88px;
    position: relative;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.boss-login-dialog .sms-form-wrapper .phone-input-wrapper.is-focus, .boss-login-dialog .sms-form-wrapper .phone-input-wrapper:hover {
    border-color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .sms-input-wrapper {
    border: 1px solid #d0d2d9;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    position: relative;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.boss-login-dialog .sms-form-wrapper .sms-input-wrapper.is-focus, .boss-login-dialog .sms-form-wrapper .sms-input-wrapper:hover {
    border-color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .sms-input-wrapper .ipt-wrap input {
    border: none;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.boss-login-dialog .sms-form-wrapper .btn-sms {
    background-color: #fff;
    border: 0;
    border-radius: 8px;
    color: #00a6a7;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 44px;
    padding: 0 20px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px
}

.boss-login-dialog .sms-form-wrapper .btn-sms.sending {
    color: #999;
    cursor: default;
    font-size: 14px;
    letter-spacing: 0;
    white-space: nowrap
}

.boss-login-dialog .sms-form-wrapper .ipt-wrap {
    display: block;
    position: relative
}

.boss-login-dialog .sms-form-wrapper .ipt-wrap input {
    border: none;
    border-radius: 0 8px 8px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    outline: none;
    padding-right: 20px;
    width: 100%
}

.boss-login-dialog .sms-form-wrapper .ipt-wrap .account-mask {
    background: #fff;
    border-radius: 8px;
    bottom: 1px;
    left: 0;
    line-height: 42px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 9
}

.boss-login-dialog .sms-form-wrapper .dropdown-select {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    left: 0;
    line-height: 40px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 16px;
    position: absolute;
    text-overflow: ellipsis;
    top: 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 78px;
    z-index: 1
}

.boss-login-dialog .sms-form-wrapper .dropdown-select:hover {
    color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .dropdown-select:hover:after {
    border-top-color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .dropdown-select:after {
    border: 4px solid transparent;
    border-top-color: #666;
    content: " ";
    height: 0;
    position: absolute;
    right: 0;
    top: 18px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 0;
    z-index: 1
}

.boss-login-dialog .sms-form-wrapper .dropdown-menu {
    border-radius: 8px;
    cursor: pointer;
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    text-align: left;
    top: 50px;
    z-index: 10
}

.boss-login-dialog .sms-form-wrapper .dropdown-menu-open {
    display: block
}

.boss-login-dialog .sms-form-wrapper .dropdown-menu ul {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    overflow-x: hidden;
    padding: 4px 8px;
    width: 168px
}

.boss-login-dialog .sms-form-wrapper .dropdown-menu ul li {
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    white-space: nowrap
}

.boss-login-dialog .sms-form-wrapper .dropdown-menu ul li:after {
    clear: both;
    content: " ";
    display: block;
    width: 0
}

.boss-login-dialog .sms-form-wrapper .dropdown-menu ul li:not(.disabled):active, .boss-login-dialog .sms-form-wrapper .dropdown-menu ul li:not(.disabled):hover {
    background-color: #f8f8f8;
    color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .dropdown-menu ul li.disabled {
    opacity: .5
}

.boss-login-dialog .sms-form-wrapper .dropdown-menu ul li .num {
    float: right
}

.boss-login-dialog .sms-form-wrapper .sms-form-btn {
    margin-top: 30px
}

.boss-login-dialog .sms-form-wrapper .sms-form-btn .sure-btn {
    background: -webkit-gradient(linear, left top, right top, from(#00bebd), to(#01a7a7));
    background: linear-gradient(90deg, #00bebd, #01a7a7);
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
    padding: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%
}

.boss-login-dialog .sms-form-wrapper .sms-form-btn .sure-btn:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 190, 189, .8)), to(rgba(1, 167, 167, .8)));
    background: linear-gradient(90deg, rgba(0, 190, 189, .8), rgba(1, 167, 167, .8))
}

.boss-login-dialog .sms-form-wrapper .verify-row-box {
    background: #e8e8e8;
    left: 0;
    min-height: 42px;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 1
}

.boss-login-dialog .sms-form-wrapper .verify-row-box.is-hide {
    display: none
}

.boss-login-dialog .sms-form-wrapper .verify-row-box:before {
    background: url(https://z.zhipin.com/web/geek/resource/loading.gif) 100% no-repeat;
    background-size: 16px;
    color: #969696;
    content: "正在加载中";
    left: 50%;
    line-height: 42px;
    margin-left: -45px;
    padding-right: 20px;
    position: absolute
}

.boss-login-dialog .sms-form-wrapper .verify-row-box.nc-container .nc_scale {
    height: 42px
}

.boss-login-dialog .sms-form-wrapper .verify-row-box.nc-container .nc_scale .btn_ok {
    border-color: #00a6a7;
    color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .verify-row-box.nc-container .nc_scale span {
    height: 40px;
    line-height: 40px;
    width: 46px
}

.boss-login-dialog .sms-form-wrapper .verify-row-box.nc-container .nc_scale .nc_bg, .boss-login-dialog .sms-form-wrapper .verify-row-box.nc-container .nc_scale .on_ok {
    background: #8d92a1
}

.boss-login-dialog .sms-form-wrapper .verify-row-box.nc-container .nc_scale .scale_text {
    background-color: #eef0f5;
    color: #61687c;
    line-height: 42px
}

.boss-login-dialog .sms-form-wrapper .verify-row-box.nc-container .nc_wrapper {
    overflow: hidden;
    width: 100% !important
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .picture_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 94px;
    position: relative;
    width: 100%
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .picture_box .input_code {
    border: 1px solid #e3e7ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    height: 42px !important;
    outline: none;
    padding: 9px 18px !important;
    padding-left: 0;
    top: 0 !important;
    width: 100% !important
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .picture_box .input_code:focus {
    border-color: #00c2b3
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .picture_box .code_img {
    height: 42px !important;
    margin-left: 0 !important;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 96px
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light .yidun_classic-container {
    bottom: auto;
    top: 0;
    z-index: 1011
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
    height: auto !important;
    width: 100% !important
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun.yidun--light .yidun_jigsaw {
    height: 100% !important;
    width: auto !important
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light .yidun_intelli-control {
    height: 42px
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
    background-color: #00c2b3
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun.yidun--light .yidun_slider:hover {
    background-color: #00c2b3;
    color: #00c2b3
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
    background: #eefff5;
    border-color: #00c2b3
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon, .boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
    background-color: #00c2b3
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text, .boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
    color: #00c2b3
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
    background: #eefff5;
    border-color: #00c2b3;
    color: #00c2b3;
    cursor: default;
    height: 40px;
    line-height: 38px;
    padding: 0 18px;
    text-align: left
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
    background-color: #00c2b3;
    -webkit-box-shadow: 0 2px 6px 1px #00c2b3;
    box-shadow: 0 2px 6px 1px #00c2b3
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
    color: #00c2b3
}

.boss-login-dialog .sms-form-wrapper .verify-row-box .yidun_intellisense--light {
    z-index: 10
}

.boss-login-dialog .sms-form-wrapper .wx-login-area {
    margin-top: 24px;
    text-align: center
}

.boss-login-dialog .sms-form-wrapper .wx-login-area .wx-login-btn {
    color: #666;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.boss-login-dialog .sms-form-wrapper .wx-login-area .wx-login-btn .wx-login-icon {
    background: url(https://img.bosszhipin.com/static/file/2022/ms9k6a4fcg1668585584201.png) 0 0/24px auto no-repeat;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-left: 6px;
    margin-top: -2px;
    text-align: center;
    vertical-align: middle;
    width: 24px
}

.boss-login-dialog .sms-form-wrapper .wx-login-area .wx-login-btn:hover {
    color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper {
    color: #666;
    font-size: 12px;
    line-height: 17px;
    margin-top: 40px;
    text-align: center
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper .agree-policy-wrapper {
    border: 1px solid #848899;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin-right: 6px;
    position: relative;
    top: -1px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    vertical-align: middle;
    width: 13px
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper .agree-policy-wrapper:hover {
    border-color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper .agree-policy-wrapper input {
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper .agree-policy-wrapper.is-check {
    border-color: #00a6a7
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper .agree-policy-wrapper.is-check .checkbox-edging {
    background: #00a6a7;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper .agree-policy-wrapper.is-check .checkbox-edging:after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: table
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper .agree-policy-wrapper .checkbox-edging {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 1
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper .agree-policy-wrapper .checkbox-edging:after {
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    content: "";
    display: none;
    height: 6px;
    left: 3px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 3px
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper a {
    color: #00a6a7;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.boss-login-dialog .sms-form-wrapper .login-policy-wrapper a:hover {
    color: rgba(0, 166, 167, .8)
}

.boss-login-dialog .scan-app-wrapper {
    margin: 0 auto;
    padding-top: 40px;
    position: relative;
    width: 360px
}

.boss-login-dialog .scan-app-wrapper .title {
    color: #222;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    text-align: center
}

.boss-login-dialog .scan-app-wrapper .qr-code-box {
    margin: 32px auto 0
}

.boss-login-dialog .scan-app-wrapper .qr-code-box .login-step-box {
    text-align: center
}

.boss-login-dialog .scan-app-wrapper .qr-code-box .login-step-box .user-photo {
    display: inline-block;
    height: 160px;
    margin-bottom: 30px;
    width: 160px
}

.boss-login-dialog .scan-app-wrapper .qr-code-box .login-step-box .user-photo img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.boss-login-dialog .scan-app-wrapper .qr-code-box .login-step-box .login-step-title {
    color: #00a6a7;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center
}

.boss-login-dialog .scan-app-wrapper .qr-code-box .login-step-box .login-step-detail {
    color: #999;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.boss-login-dialog .scan-app-wrapper .operate-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 8px auto 48px;
    overflow: hidden;
    padding: 0 8px;
    width: 200px
}

.boss-login-dialog .scan-app-wrapper .operate-list li {
    color: #666;
    cursor: default;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.boss-login-dialog .scan-app-wrapper .operate-list li i {
    font-size: 12px;
    margin-left: 2px
}

.boss-login-dialog .scan-app-wrapper .operate-list li:hover {
    color: #00a6a7
}

.boss-login-dialog .scan-app-wrapper .operate-list li:last-child {
    float: right
}

.boss-login-dialog .scan-app-wrapper .qr-img-box {
    display: block;
    height: 200px;
    margin: 0 auto;
    position: relative;
    width: 200px
}

.boss-login-dialog .scan-app-wrapper .qr-img-box .invalid-box {
    background-color: hsla(0, 0%, 100%, .9);
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 200px
}

.boss-login-dialog .scan-app-wrapper .qr-img-box .invalid-box .qr-loading {
    -webkit-animation: loading 1.2s infinite;
    animation: loading 1.2s infinite;
    color: #999;
    display: block;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    margin: 75px auto 0;
    width: 30px
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.boss-login-dialog .scan-app-wrapper .qr-img-box .invalid-box p {
    color: #666;
    font-size: 16px;
    padding: 50px 0 25px;
    text-align: center
}

.boss-login-dialog .scan-app-wrapper .qr-img-box .invalid-box .btn {
    background: -webkit-gradient(linear, left top, right top, from(#00bebd), to(#01a7a7));
    background: linear-gradient(90deg, #00bebd, #01a7a7);
    border: none;
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    min-width: 100px;
    padding: 0;
    text-align: center
}

.boss-login-dialog .scan-app-wrapper .qr-img-box .invalid-box .btn:active, .boss-login-dialog .scan-app-wrapper .qr-img-box .invalid-box .btn:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 190, 189, .8)), to(rgba(1, 167, 167, .8)));
    background: linear-gradient(90deg, rgba(0, 190, 189, .8), rgba(1, 167, 167, .8));
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.boss-login-dialog .scan-app-wrapper .qr-img-box img {
    height: 100%;
    width: 100%
}

.boss-login-dialog .scan-app-wrapper .app-load-box {
    background: #fff;
    border-radius: 12px;
    bottom: -30px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(92, 94, 102, .1), 0 6px 13px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(92, 94, 102, .1), 0 6px 13px 0 rgba(0, 0, 0, .1);
    display: none;
    height: 210px;
    position: absolute;
    right: -210px;
    width: 200px
}

.boss-login-dialog .scan-app-wrapper .app-load-box.show {
    display: block
}

.boss-login-dialog .scan-app-wrapper .app-load-box:before {
    background: #fff;
    bottom: 28px;
    content: "";
    height: 28px;
    left: 0;
    position: absolute;
    width: 24px;
    z-index: 1
}

.boss-login-dialog .scan-app-wrapper .app-load-box:after {
    background: #fff;
    border: 6px solid transparent;
    bottom: 34px;
    -webkit-box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    content: "";
    height: 0;
    left: -6px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0
}

.boss-login-dialog .scan-app-wrapper .app-load-box img {
    display: block;
    height: 100px;
    margin: 40px auto 8px;
    width: 100px
}

.boss-login-dialog .scan-app-wrapper .app-load-box p {
    color: #666;
    line-height: 20px;
    text-align: center
}

.boss-login-dialog .scan-help-wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(#7ce9ea), color-stop(28%, #e0ffff), to(#fcfaf8));
    background: linear-gradient(180deg, #7ce9ea, #e0ffff 28%, #fcfaf8);
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(92, 94, 102, .1), 0 4px 16px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 30px 0 rgba(92, 94, 102, .1), 0 4px 16px 0 rgba(0, 0, 0, .08);
    height: 460px;
    left: 308px;
    position: absolute;
    top: -48px;
    width: 285px;
    z-index: 10
}

.boss-login-dialog .scan-help-wrapper:before {
    border: 10px solid transparent;
    border-right-color: #f4fbfa;
    border-left: none;
    bottom: 84px;
    content: "";
    height: 0;
    left: -10px;
    position: absolute;
    width: 0
}

.boss-login-dialog .scan-help-wrapper.show {
    display: block;
    margin-left: 0;
    opacity: 1
}

.boss-login-dialog .scan-help-wrapper h4 {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin: 40px auto 20px;
    text-align: center
}

.boss-login-dialog .scan-help-wrapper .scan-help-tab {
    background: #49cbca;
    border: 2px solid transparent;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(92, 94, 102, .1);
    box-shadow: 0 10px 30px 0 rgba(92, 94, 102, .1);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    height: 28px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 190px
}

.boss-login-dialog .scan-help-wrapper .scan-help-tab li {
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    width: 50%
}

.boss-login-dialog .scan-help-wrapper .scan-help-tab li.active {
    background-color: #fff;
    color: #00a6a7;
    cursor: default;
    font-weight: 500
}

.boss-login-dialog .scan-help-wrapper .sub-title {
    color: #666;
    font-size: 12px;
    line-height: 17px;
    margin: 16px auto 12px;
    text-align: center
}

.boss-login-dialog .scan-help-wrapper .scan-help-content {
    height: 298px;
    overflow: hidden
}

.boss-login-dialog .scan-help-wrapper .scan-help-content li {
    display: none;
    height: 298px;
    margin: 0 auto;
    width: 214px
}

.boss-login-dialog .scan-help-wrapper .scan-help-content li.active {
    display: block
}

.boss-login-dialog .scan-help-wrapper .scan-help-content li.help-boss {
    background: url(https://img.bosszhipin.com/static/file/2022/9hubpekiu81667185843815.png) no-repeat 50%;
    background-size: 100% 100%
}

.boss-login-dialog .scan-help-wrapper .scan-help-content li.help-geek {
    background: url(https://img.bosszhipin.com/static/file/2022/g278fh4px81667185843898.png) no-repeat 50%;
    background-size: 100% 100%
}

.boss-login-dialog .scan-wx-wrapper {
    margin: 0 auto;
    position: relative;
    width: 360px
}

.boss-login-dialog .scan-wx-wrapper .title {
    color: #222;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 32px;
    text-align: center
}

.boss-login-dialog .scan-wx-wrapper .scan-wx-box {
    position: relative
}

.boss-login-dialog .scan-wx-wrapper .mini-app-login {
    margin: 0 auto;
    min-height: 200px;
    text-align: center
}

.boss-login-dialog .scan-wx-wrapper .mini-app-login .mini-qrcode {
    display: block;
    margin: 0 auto;
    width: 200px
}

.boss-login-dialog .scan-wx-wrapper .info {
    margin-top: 8px;
    text-align: center
}

.boss-login-dialog .scan-wx-wrapper .info p {
    color: #999;
    font-size: 12px;
    line-height: 17px
}

.boss-login-dialog .scan-wx-wrapper .overdue {
    background-color: hsla(0, 0%, 100%, .9);
    height: 200px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 200px
}

.boss-login-dialog .scan-wx-wrapper .overdue .qr-loading {
    -webkit-animation: loading 1.2s infinite;
    animation: loading 1.2s infinite;
    color: #999;
    display: block;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    margin: 90px auto 0;
    width: 30px
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.boss-login-dialog .scan-wx-wrapper .overdue span {
    color: #666;
    display: block;
    font-size: 16px;
    padding: 54px 0 24px;
    text-align: center
}

.boss-login-dialog .scan-wx-wrapper .overdue .btn-refresh {
    background: -webkit-gradient(linear, left top, right top, from(#00bebd), to(#01a7a7));
    background: linear-gradient(90deg, #00bebd, #01a7a7);
    border: none;
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    min-width: 100px;
    padding: 0;
    text-align: center
}

.boss-login-dialog .scan-wx-wrapper .overdue .btn-refresh:active, .boss-login-dialog .scan-wx-wrapper .overdue .btn-refresh:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 190, 189, .8)), to(rgba(1, 167, 167, .8)));
    background: linear-gradient(90deg, rgba(0, 190, 189, .8), rgba(1, 167, 167, .8));
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.boss-login-dialog .scan-wx-wrapper .sms-login-btn {
    background: #f2f2f2;
    border-radius: 8px;
    color: #333;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin: 32px auto 0;
    text-align: center;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 160px
}

.boss-login-dialog .scan-wx-wrapper .sms-login-btn:hover {
    background: rgba(0, 166, 167, .1);
    color: #00a6a7
}

.boss-login-dialog .scan-wx-wrapper .sms-login-btn:hover:before {
    border-right: 4px solid #00bebd
}

.boss-login-dialog .scan-wx-wrapper .sms-login-btn:before {
    border: 4px solid transparent;
    border-right-color: #b8bbcc;
    content: " ";
    display: inline-block;
    height: 0;
    margin-right: 6px;
    position: relative;
    top: -1px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 0
}

.boss-login-dialog .boss-login-dialog-mask {
    background: rgba(37, 40, 48, .7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.boss-login-dialog .boss-login-dialog-content {
    background: #fff;
    border-radius: 28px;
    -webkit-box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    position: relative;
    z-index: 2
}

.boss-login-dialog .boss-login-dialog-header .boss-login-close {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    z-index: 1
}

.boss-login-dialog .boss-login-dialog-header .boss-login-close .icon-close {
    display: inline-block;
    height: 24px;
    position: relative;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    vertical-align: top;
    width: 24px
}

.boss-login-dialog .boss-login-dialog-header .boss-login-close .icon-close:hover {
    background: #ddd
}

.boss-login-dialog .boss-login-dialog-header .boss-login-close .icon-close:hover:after, .boss-login-dialog .boss-login-dialog-header .boss-login-close .icon-close:hover:before {
    background: #363636
}

.boss-login-dialog .boss-login-dialog-header .boss-login-close .icon-close:after, .boss-login-dialog .boss-login-dialog-header .boss-login-close .icon-close:before {
    background: #ccc;
    content: " ";
    height: 1px;
    left: 4px;
    position: absolute;
    top: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 16px
}

.boss-login-dialog .boss-login-dialog-header .boss-login-close .icon-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.boss-login-dialog .boss-login-dialog-body {
    max-height: none;
    overflow: visible;
    overflow: initial
}

.boss-login-dialog .boss-login-dialog-body .boss-login-sign-wrap {
    height: 540px;
    width: 728px
}

.boss-login-dialog .boss-sign-form {
    float: left;
    padding: 48px 0;
    position: relative;
    width: 488px
}

.boss-login-dialog .boss-sign-form .boss-btn-switch {
    background: no-repeat;
    background: url(https://img.bosszhipin.com/static/file/2022/4dwjcdpfje1667186848239.png) 0 0/40px auto no-repeat;
    cursor: pointer;
    height: 40px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 40px;
    z-index: 1
}

.boss-login-dialog .boss-sign-form .boss-btn-switch:hover {
    background-position: 0 -40px
}

.boss-login-dialog .boss-sign-form .boss-btn-switch.boss-phone-switch {
    background-position: 0 -80px
}

.boss-login-dialog .boss-sign-form .boss-btn-switch.boss-phone-switch:hover {
    background-position: 0 -120px
}

.boss-login-dialog .boss-sign-form .boss-btn-switch .boss-switch-tip {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    color: #666;
    cursor: default;
    font-size: 12px;
    left: 60px;
    line-height: 32px;
    padding: 0 14px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 4px;
    white-space: nowrap
}

.boss-login-dialog .boss-sign-form .boss-btn-switch .boss-switch-tip:before {
    background-color: #fff;
    -webkit-box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .1);
    content: "";
    height: 10px;
    left: -5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    z-index: -1
}

.bl-agreement-link {
    color: #00a6a7;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.bl-agreement-link:hover {
    color: rgba(0, 166, 167, .8)
}

.bl-limit-boss-dialog .bl-dialog-container {
    padding: 0 0 30px;
    width: 520px
}

.bl-limit-boss-dialog .bl-dialog-footer {
    margin-top: 0;
    padding: 0 30px
}

.bl-limit-boss-dialog .bl-dialog-header .title {
    display: none;
    margin: 0
}

.bl-limit-boss-dialog .btn {
    font-size: 14px;
    padding: 6px 20px
}

.bl-limit-boss-dialog .limit-content .title {
    background: url(https://img.bosszhipin.com/static/file/2022/rkemy6z8u41668673019263.png) no-repeat 50%;
    background-size: 100% auto;
    height: 96px;
    width: 100%
}

.bl-limit-boss-dialog .limit-content .title h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding: 36px 0 0 30px
}

.bl-limit-boss-dialog .limit-content .content {
    padding: 20px 30px;
    white-space: pre-wrap
}

.bl-limit-boss-dialog .limit-content .content p {
    color: #51586d;
    line-height: 28px
}

.bl-limit-boss-dialog .limit-content .content p:first-child {
    padding-bottom: 8px
}

.bl-limit-boss-dialog .limit-content .text-primary {
    color: #00c2b3
}

.bl-limit-boss-dialog .limit-content .text-primary:hover {
    color: #18c3b1
}

.bl-limit-boss-dialog .limit-content .text-danger {
    color: #ef505e
}

.change-identity-dialog.identity-geek .bl-dialog-container:before {
    background-position: 0 -133px
}

.change-identity-dialog .bl-dialog-container {
    background: #fff;
    border-radius: 12px;
    height: 320px;
    margin: -160px -230px;
    padding: 0;
    width: 460px
}

.change-identity-dialog .bl-dialog-container:before {
    background: url(https://img.bosszhipin.com/static/file/2022/55vhpichnp1666676376854.png) 0 0/100% auto no-repeat;
    content: " ";
    height: 133px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.change-identity-dialog .bl-dialog-container p {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-align: center
}

.change-identity-dialog .bl-dialog-body {
    padding-top: 150px
}

.change-identity-dialog .bl-dialog-body span.warm-tip-message {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.change-identity-dialog .bl-dialog-footer {
    margin-top: 24px
}

.change-identity-dialog .bl-dialog-footer .bl-btn-container {
    text-align: center
}

.change-identity-dialog .bl-dialog-footer .bl-btn-container .btn {
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin-left: 16px;
    padding: 0;
    text-align: center;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 128px
}

.change-identity-dialog .bl-dialog-footer .bl-btn-container .btn-outline {
    background: rgba(0, 190, 189, .1);
    color: #00a6a7
}

.change-identity-dialog .bl-dialog-footer .bl-btn-container .btn-outline:hover {
    background: rgba(0, 190, 189, .2);
    padding: 0
}

.change-identity-dialog .bl-dialog-footer .bl-btn-container .btn-sure {
    background: #00bebd;
    color: #fff;
    position: relative
}

.change-identity-dialog .bl-dialog-footer .bl-btn-container .btn-sure:before {
    background: url(https://img.bosszhipin.com/static/file/2022/pqiygk26lv1661743616985.png) 0 0/68px auto no-repeat;
    content: " ";
    height: 22px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 68px;
    z-index: 0
}

.change-identity-dialog .bl-dialog-footer .bl-btn-container .btn-sure:hover {
    background: rgba(0, 190, 189, .8)
}

.image-icon[data-v-a10199a8], .svg-icon[data-v-a10199a8] {
    display: inline-block
}

.image-icon[data-v-a10199a8] {
    width: 14px;
    height: 14px
}

.image-icon img[data-v-a10199a8] {
    display: block;
    width: 100%;
    height: 100%
}