@charset "UTF-8";

@font-face {
    font-family: sk;
    src: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/iconfont.e170339079eb46216277118dd2f9bf19.ttf) format("truetype");
}

.sk {
    font-family: sk !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sk-bell:before {
    content: "\e612";
}

.sk-mobile:before {
    content: "\e613";
}

.sk-service:before {
    content: "\e614";
}

.sk-zhankai:before {
    content: "\e615";
}

.sk-search:before {
    content: "\e617";
}

.sk-filter:before {
    content: "\e619";
}

.sk-more:before {
    content: "\e61a";
}

.sk-educate:before {
    content: "\e61c";
}

.sk-work:before {
    content: "\e61d";
}

.sk-times:before {
    content: "\e623";
}

.sk-bellring:before {
    content: "\e624";
}

.sk-edit:before {
    content: "\e628";
}

.sk-share:before {
    content: "\e629";
}

.sk-offline:before {
    content: "\e62a";
}

.sk-top:before {
    content: "\e62b";
}

.sk-refresh:before {
    content: "\e62c";
}

.sk-phone-small:before {
    content: "\e632";
}

.sk-email:before {
    content: "\e633";
}

.sk-housekeeper:before {
    content: "\e634";
}

.sk-release:before {
    content: "\e63b";
}

.sk-gengduosousuotiaojian:before {
    content: "\e63f";
}

.sk-warning:before {
    content: "\e640";
}

.sk-notice:before {
    content: "\e641";
}

.sk-success:before {
    content: "\e642";
}

.sk-error:before {
    content: "\e643";
}

.sk-telephone:before {
    content: "\e644";
}

.sk-hangup:before {
    content: "\e654";
}

.sk-silence:before {
    content: "\e655";
}

.sk-change:before {
    content: "\e656";
}

.sk-shuaxin:before {
    content: "\e61b";
}

.sk-zhiding:before {
    content: "\e61e";
}

.sk-xitieshi:before {
    content: "\e61f";
}

.sk-yaoqing:before {
    content: "\e65e";
}

.sk-zhanghuzichan:before {
    content: "\e65f";
}

.sk-gerenxinxi:before {
    content: "\e660";
}

.sk-shoucang:before {
    content: "\e661";
}

.sk-paixu:before {
    content: "\e662";
}

.sk-manage:before {
    content: "\e663";
}

.sk-tags:before {
    content: "\e666";
}

.sk-complaint:before {
    content: "\e667";
}

.sk-download:before {
    content: "\e668";
}

.sk-morefeatures:before {
    content: "\e669";
}

.sk-dengpao:before {
    content: "\e66a";
}

.sk-tuichu:before {
    content: "\e66b";
}

.sk-pingbi:before {
    content: "\e66c";
}

.sk-delect:before {
    content: "\e66d";
}

.sk-libaoduihuan:before {
    content: "\e66f";
}

.sk-log:before {
    content: "\e670";
}

.sk-helpcenter:before {
    content: "\e671";
}

.sk-jiantou:before {
    content: "\e672";
}

.sk-qiehuanmoshi:before {
    content: "\e674";
}

.sk-set:before {
    content: "\e675";
}

.sk-chakanjianli:before {
    content: "\e676";
}

.sk-shipinmianshi:before {
    content: "\e677";
}

.sk-biaoqing:before {
    content: "\e678";
}

.sk-shouji:before {
    content: "\e679";
}

.sk-jiaohuan:before {
    content: "\e67a";
}

.sk-changyongyu:before {
    content: "\e67b";
}

.sk-tupian:before {
    content: "\e67c";
}

.sk-weixin:before {
    content: "\e67d";
}

.sk-newscenter:before {
    content: "\e67e";
}

.sk-quanbubiaoweiyidu:before {
    content: "\e67f";
}

.sk-gongzuojingyan:before {
    content: "\e680";
}

.sk-xueli:before {
    content: "\e681";
}

.sk-zuojiantou:before {
    content: "\e682";
}

.sk-zhaopinzhenduan:before {
    content: "\e683";
}

.sk-qiyeguanliicon:before {
    content: "\e684";
}

.sk-xuanzebendizhaopian:before {
    content: "\e685";
}

.sk-notes:before {
    content: "\e687";
}

.sk-pipei:before {
    content: "\e686";
}

.sk-yaoqingtongshi:before {
    content: "\e689";
}

.sk-rencaiguanli:before {
    content: "\e68a";
}

.sk-zhifubao:before {
    content: "\e68c";
}

.sk-weixinzhifu:before {
    content: "\e68d";
}

.sk-meihuaicon:before {
    content: "\e68f";
}

.sk-daiding:before {
    content: "\e691";
}

.sk-jinggao:before {
    content: "\e692";
}

.sk-viewmore:before {
    content: "\e693";
}

.sk-chuangjian:before {
    content: "\e695";
}

.sk-daochu:before {
    content: "\e697";
}

.sk-camera:before {
    content: "\e699";
}

.sk-daohang:before {
    content: "\e69a";
}

.sk-kuaijieshaixuan:before {
    content: "\e69b";
}

.sk-zhushilei:before {
    content: "\e69e";
}

.sk-yigoutong:before {
    content: "\e6a2";
}

.sk-tongguo:before {
    content: "\e6a3";
}

.sk-weitongguo:before {
    content: "\e6a4";
}

.sk-weifankui:before {
    content: "\e6a5";
}

.sk-zanweichakan:before {
    content: "\e6a6";
}

.sk-tianjiagengduo:before {
    content: "\e6ad";
}

.sk-tuichu1:before {
    content: "\e6af";
}

.sk-guanbi:before {
    content: "\e605";
}

.sk-xiezuojilufill:before {
    content: "\e6b3";
}

.sk-xiezuojiluline:before {
    content: "\e6b4";
}

.sk-weifankuishixin:before {
    content: "\e6b5";
}

.sk-yigoutongshixin:before {
    content: "\e6b6";
}

.sk-weichakan:before {
    content: "\e6b7";
}

.sk-dianhuagoutong:before {
    content: "\e606";
}

.sk-tianjiaicon:before {
    content: "\e6b8";
}

.sk-chat:before {
    content: "\e600";
}

.sk-revoke:before {
    content: "\e601";
}

.sk-detail:before {
    content: "\e602";
}

.sk-interview:before {
    content: "\e603";
}

.sk-number:before {
    content: "\e604";
}

.sk-improper:before {
    content: "\e607";
}

.sk-oncall:before {
    content: "\e608";
}

.sk-a-icon-shijian-cu2x:before {
    content: "\e609";
}

.sk-forwardingtalents:before {
    content: "\e620";
}

.sk-coupon:before {
    content: "\e621";
}

.sk-juxing:before {
    content: "\e622";
}

.sk-pdf:before {
    content: "\e6b9";
}

.sk-image:before {
    content: "\e6bb";
}

.sk-gif:before {
    content: "\e6bc";
}

.sk-loading:before {
    content: "\e6bd";
}

.sk-bang:before {
    content: "\e625";
}

.sk-video:before {
    content: "\e60a";
}

.sk-videoline:before {
    content: "\e6be";
}

.sk-address:before {
    content: "\e626";
}

.sk-mianshiguanli:before {
    content: "\e6bf";
}

.sk-empty:before {
    content: "\e6c1";
}

.sk-xunihaoma:before {
    content: "\e6c2";
}

.sk-phoneunavailable:before {
    content: "\e6c4";
}

.sk-phone-outline-blue:before {
    content: "\e6c6";
}

.sk-wechat-outline-blue:before {
    content: "\e6c7";
}

.sk-rencaidongchaicon:before {
    content: "\e6c8";
}

.sk-ruotishiicon:before {
    content: "\e6c9";
}

.sk-kapian:before {
    content: "\e627";
}

.sk-list:before {
    content: "\e62d";
}

.sk-erweima:before {
    content: "\e6cb";
}

.sk-a-jiangbei1:before {
    content: "\e62e";
}

.sk-tongguoiconanniu:before {
    content: "\e6cd";
}

.sk-wolaigoutongiconanniu:before {
    content: "\e6cf";
}

.job-side-selector .km-modal--normal {
    height: 100vh !important;
    margin: 0;
    width: 437px;
}

.job-side-selector .km-modal__body {
    border-radius: 0 0 0 16px;
}

.job-side-selector .km-modal__scroll-view {
    padding: 0;
}

.job-side-selector .km-modal__title-inner {
    line-height: 26px;
}

.job-side-selector .km-modal__title-icon {
    border-radius: 0;
    color: rgba(0,0,0,0) !important;
    height: 18px;
    width: 18px;
}

    .job-side-selector .km-modal__title-icon > i {
        color: #000;
        font-size: 18px;
        font-style: normal;
    }

.job-side-selector__filter {
    margin: 0 24px 24px;
}

.job-side-selector__tabs {
    margin-top: -10px;
}

    .job-side-selector__tabs .km-tab__nav {
        padding: 8px 20px;
    }

        .job-side-selector__tabs .km-tab__nav:first-child {
            padding-left: 24px;
        }

        .job-side-selector__tabs .km-tab__nav.km-tab__nav--active {
            font-weight: 700;
        }

    .job-side-selector__tabs .km-tab__content {
        margin: 0;
    }

.job-side-selector__tabs--title {
    display: flex;
}

.job-side-selector__tabs--gap {
    margin: 0 6px;
}

.job-side-selector__item {
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 24px;
}

    .job-side-selector__item.is-active, .job-side-selector__item:hover {
        background: rgba(61,126,255,.05);
    }

        .job-side-selector__item.is-active .job-side-selector__title, .job-side-selector__item:hover .job-side-selector__title {
            color: #1155c2;
        }

.job-side-selector__inner {
    border-bottom: 1px solid #f6f7fa;
    padding: 21px 0;
}

.job-side-selector__title {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
}

    .job-side-selector__title .job-tag-coordination {
        align-items: center;
        background: #f3f7fc;
        border: 1px solid rgba(61,126,255,.15);
        border-radius: 2px;
        color: #1155c2;
        display: inline-flex;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        height: 18px;
        justify-content: center;
        margin-right: 4px;
        transform: scale(1);
        width: 30px;
    }

        .job-side-selector__title .job-tag-coordination:before {
            content: "\534f\4f5c";
        }

    .job-side-selector__title .icon-eye {
        background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-eye@2x.410896.svg);
        background-size: 100%;
        display: inline-block;
        height: 12px;
        margin-left: 8px;
        width: 15px;
    }

.job-side-selector__info {
    color: #7a7f99;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-top: 12px;
}

.job-side-selector__tag {
    margin-top: -2px;
    vertical-align: middle;
}

.job-side-selector__loading .km-skeleton__content {
    border-radius: 4px;
    left: 24px;
    width: 240px;
}

    .job-side-selector__loading .km-skeleton__content[data-content="1"] {
        height: 16px;
    }

    .job-side-selector__loading .km-skeleton__content[data-content="2"] {
        height: 12px;
        top: 30px;
        width: 160px;
    }

        .job-side-selector__loading .km-skeleton__content[data-content="2"].km-skeleton__gutter:after {
            left: 80px;
            width: 8px;
        }

    .job-side-selector__loading .km-skeleton__content[data-content="3"] {
        display: none;
    }

.job-side-selector__empty .km-empty__img {
    margin-bottom: 24px;
}

    .job-side-selector__empty .km-empty__img div {
        background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/empty.8d2b01.png);
        background-size: 100%;
        height: 140px;
        width: 156px;
    }

html.is-retina .job-side-selector__empty .km-empty__img div {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/empty@2x.437d8a.png);
}

.job-side-selector__empty .km-empty__title {
    margin-bottom: 0;
}

    .job-side-selector__empty .km-empty__title div {
        color: #141933;
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
    }

.search-label-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    line-height: 14px;
    /*width: 100%;*/
}

.search-labe-wrapper-result-big {
    margin-left: 0px;
}

.search-labe-wrapper-industry-big {
    width: 262px;
    margin-left: 53px;
}

.search-labe-wrapper-company-big {
    width: 261px;
    margin-left: 59px;
}

.search-label-wrapper__label-company-big {
    width: 58px;
    margin-left: 30px;
}

.search-labe-wrapper-release-big {
    /*width: 212px;*/
    margin-left: 30px;
}

.search-labe-wrapper-released-big {
    margin-left: 49px;
}

.search-labe-wrapper-area-big {
    width: 262px;
    margin-left: 0px;
}

.search-labe-wrapper-zblx-big {
    width: 262px;
    margin-left: 48px;
}

.search-labe-wrapper-model-big {
    width: 262px;
    margin-left: 44px;
    position: relative;
    margin-right: 0px;
}

.search-label-wrapper__label {
    color: #7a7f99;
    flex-shrink: 0;
    margin-right: 16px;
}

.search-label-wrapper__content {
    flex: 1;
    height: 100%;
    min-width: 0;
}

.search-label-wrapper__content-big {
    width: auto;
}

@media screen and (max-width:1366px) {
    .search-label-wrapper {
        font-size: 13px;
    }
}

.search-label-wrapper-up-down {
    height: 100%;
    line-height: 14px;
    width: 100%;
}

.search-label-wrapper-up-down__label {
    color: #7a7f99;
    margin-bottom: 8px;
}

.search-label-wrapper-up-down__content {
    flex: 1;
    margin-bottom: 16px;
}

@media screen and (max-width:1366px) {
    .search-label-wrapper-up-down {
        font-size: 13px;
    }
}

.search-job-panel {
    height: 28px;
    margin-bottom: 14px;
}

.search-job-panel__content {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
}

.search-job-panel__content-item {
    align-items: center;
    border: 1px solid #e6e8f2;
    border-radius: 4px;
    display: flex;
    height: 100%;
    line-height: 14px;
    margin-right: 12px;
    padding: 0 12px;
    user-select: none;
}

    .search-job-panel__content-item > div {
        height: 16px;
        line-height: 16px;
    }

.search-job-panel__content-item-title {
    color: #141933;
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-job-panel__content-item-divider {
    border-left: 1px solid #dadce6;
    box-sizing: border-box;
    height: 12px !important;
    margin: 0 6px;
}

.search-job-panel__content-item-city {
    color: #7a7f99;
    max-width: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-job-panel__content-item-active, .search-job-panel__content-item:hover {
    background-color: rgba(88,124,247,.15);
    border-color: rgba(0,0,0,0);
    cursor: pointer;
}

    .search-job-panel__content-item-active .search-job-panel__content-item-city, .search-job-panel__content-item-active .search-job-panel__content-item-title, .search-job-panel__content-item:hover .search-job-panel__content-item-city, .search-job-panel__content-item:hover .search-job-panel__content-item-title {
        color: #1155c2;
    }

    .search-job-panel__content-item-active .search-job-panel__content-item-divider, .search-job-panel__content-item:hover .search-job-panel__content-item-divider {
        border-color: rgba(88,124,247,.35);
    }

@media screen and (min-width:1480px) {
    .search-job-panel__content-item .search-job-panel__content-item-title {
        max-width: 142px;
    }

    .search-job-panel__content-item .search-job-panel__content-item-city {
        max-width: 44px;
    }
}

@media screen and (min-width:1366px)and (max-width:1480px) {
    .search-job-panel__content-item .search-job-panel__content-item-title {
        max-width: 112px;
    }

    .search-job-panel__content-item .search-job-panel__content-item-city {
        max-width: 44px;
    }
}

@media screen and (max-width:1366px) {
    .search-job-panel__content-item .search-job-panel__content-item-title {
        max-width: 98px;
    }

    .search-job-panel__content-item .search-job-panel__content-item-city {
        max-width: 40px;
    }
}

.search-job-panel__content-item-active {
    font-weight: 700;
}

.search-job-panel__content-tooltip {
    max-width: 272px;
    position: relative;
    text-align: justify;
}

    .search-job-panel__content-tooltip.has-close {
        padding-right: 16px;
    }

    .search-job-panel__content-tooltip .km-icon {
        position: absolute;
        right: -4px;
        top: 50%;
        transform: translateY(-50%);
    }

        .search-job-panel__content-tooltip .km-icon:hover {
            cursor: pointer;
        }

.search-job-panel__wrapper {
    align-items: center;
    display: flex;
    height: 100%;
}

.search-job-panel__btn {
    color: #7a7f99;
    flex-shrink: 0;
}

    .search-job-panel__btn .km-icon {
        margin-right: 8px;
    }

.search-city {
    cursor: pointer;
    display: flex;
    height: 100%;
    position: relative;
    width: 100;
}

.search-city__tooltip {
    padding-right: 16px;
    position: relative;
    user-select: none;
}

    .search-city__tooltip .km-icon {
        position: absolute;
        right: -4px;
        top: 50%;
        transform: translateY(-50%);
    }

        .search-city__tooltip .km-icon:hover {
            cursor: pointer;
        }

.search-city__label {
    align-items: center;
    color: #141933;
    display: flex;
    font-size: 14px;
}

.search-city__label-icon {
    color: #7a7f99;
    font-size: 18px;
}

.search-city__label-text {
    display: inline-block;
    margin-left: 4px;
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.keyword-list__prepend {
    display: flex;
    justify-content: space-between;
    padding: 0 22px 12px;
}

.keyword-list__prepend-title {
    color: #141933;
    font-weight: 600;
}

.keyword-list__prepend-btn {
    color: #7a7f99;
    cursor: pointer;
}

    .keyword-list__prepend-btn:hover {
        color: #1155c2;
    }

.keyword-list__item {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px 22px;
}

    .keyword-list__item:hover {
        background: rgba(88,124,247,.05);
    }

        .keyword-list__item:hover .keyword-list__item-text {
            color: #1155c2;
        }

        .keyword-list__item:hover .keyword-list__item-btn {
            display: block;
        }

.keyword-list__item-text {
    color: #141933;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.keyword-list__item-btn {
    color: #7a7f99;
    display: none;
    margin-left: 16px;
}

    .keyword-list__item-btn:hover, .keyword-list__item .has-text-primary {
        color: #1155c2;
    }

.keyword-input {
    display: flex;
    width: 100%;
}

.keyword-input__main {
    background: #fff;
    border: 2px solid #1155c2;
    border-radius: 6px 0 0 6px;
    flex: 1;
    height: 52px;
    position: relative;
}

    .keyword-input__main.is-expand {
        border-bottom-color: rgba(0,0,0,0);
        border-radius: 6px 0 0 0;
    }

.keyword-input__main--top {
    align-items: center;
    display: flex;
    height: 100%;
}

.keyword-input__main--bottom {
    background: #fff;
    border-radius: 0 0 6px 6px;
    border: 2px solid #1155c2;
    border-top: none;
    height: auto;
    left: -2px;
    padding: 12px 0 8px;
    position: absolute;
    top: 48px;
    width: calc(100% + 4px);
}

    .keyword-input__main--bottom:before {
        background: #f2f3f8;
        content: "";
        height: 2px;
        left: 16px;
        position: absolute;
        right: 12px;
        top: 0;
        width: calc(100% - 28px);
    }

.keyword-input__prepend {
    height: 100%;
    padding: 0 18px;
    position: relative;
}

    .keyword-input__prepend:after {
        background: #e6e8f2;
        content: "";
        height: 32px;
        position: absolute;
        right: 0;
        top: calc(50% - 16px);
        width: 1px;
    }

.keyword-input__input {
    flex: 1;
}

    .keyword-input__input.km-input {
        background-color: rgba(0,0,0,0);
        border: none;
        border-radius: 0;
        box-shadow: none;
        height: 100%;
    }

        .keyword-input__input.km-input.is-focused {
            box-shadow: none;
        }

        .keyword-input__input.km-input .km-input__original.is-normal {
            height: 100%;
        }

    .keyword-input__input .km-icon.sk-search {
        font-size: 16px;
        margin-left: 3px;
    }

.keyword-input__btn {
    border-radius: 0 6px 6px 0;
    font-size: 16px;
    font-weight: 500;
    height: 52px;
    width: 100px;
}

.advanced-search-input {
    color: #141933;
    display: flex;
    position: relative;
    width: 228px;
}

    .advanced-search-input:not(:nth-child(4)) {
        margin-right: 4px;
    }

@media screen and (max-width:1366px) {
    .advanced-search-input {
        font-size: 13px;
        line-height: 13px;
    }
}

.advanced-search-input__label {
    align-items: center;
    background: #f8f9fc;
    border-radius: 4px 0 0 4px;
    border: 1px solid #e2e4ee;
    border-right: none;
    color: #101030;
    display: flex;
    justify-content: center;
    width: 63px;
}

.advanced-search-input__input {
    flex: 1;
}

    .advanced-search-input__input .km-input__original.is-large {
        color: #141933;
    }

@media screen and (max-width:1366px) {
    .advanced-search-input__input .km-input__original.is-large {
        font-size: 13px;
    }
}

.advanced-search-input__keyword {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgba(122,127,153,.25);
    color: #141933;
    left: 63px;
    max-height: 168px;
    position: absolute;
    top: 48px;
    width: 200px;
}

    .advanced-search-input__keyword .keyword-list__item {
        padding: 10px 16px;
    }

.advanced-search {
    width: 100%;
}

.advanced-search--bottom, .advanced-search--top {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.advanced-search--bottom {
    color: #7a7f99;
    margin-top: 12px;
}

@media screen and (max-width:1366px) {
    .advanced-search--bottom {
        font-size: 13px;
    }
}

.advanced-search__clear {
    cursor: pointer;
}

    .advanced-search__clear:hover {
        color: #1155c2;
    }

.advanced-search__clear-icon {
    margin-right: 4px;
}

.search-keyword-recommend {
    color: #474c66;
    display: flex;
    margin-top: 6px;
    overflow: hidden;
    width: 100%;
}

    .search-keyword-recommend > div:not(.search-keyword-recommend__item-wrapper) {
        flex-shrink: 0;
    }

.search-keyword-recommend__label {
    width: 0;
}

.search-keyword-recommend__item-wrapper {
    display: flex;
    overflow: hidden;
}

    .search-keyword-recommend__item-wrapper .km-button--focuse {
        color: #1155c2;
    }

    .search-keyword-recommend__item-wrapper .km-button--primary {
        font-weight: 700;
    }

        .search-keyword-recommend__item-wrapper .km-button--primary:focus, .search-keyword-recommend__item-wrapper .km-button--primary:hover {
            color: #1155c2;
        }

    .search-keyword-recommend__item-wrapper .km-button--light.km-button--text {
        color: #474c66;
    }

    .search-keyword-recommend__item-wrapper > span {
        flex-shrink: 0;
    }

.search-keyword-recommend__item {
    margin-right: 20px;
}

    .search-keyword-recommend__item:hover {
        color: #1155c2 !important;
    }

    .search-keyword-recommend__item .km-ripple {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .search-keyword-recommend__item:first-child {
        flex-shrink: 0;
        margin-left: 26px;
    }

.search-keyword-recommend__more {
    cursor: pointer;
    position: relative;
    width: 63px;
}

    .search-keyword-recommend__more:hover {
        color: #1155c2;
    }

    .search-keyword-recommend__more .km-icon {
        font-size: 12px;
        position: relative;
        top: -1px;
        transform: rotate(180deg);
    }

.search-keyword-recommend__more-num {
    background-color: #79a5ff;
    border-radius: 14px;
    color: #fff;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 14px;
}

    .search-keyword-recommend__more-num span {
        font-weight: 400 !important;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.search-keyword-recommend__divider {
    border-left: 1px solid #d8d8d8;
    height: 12px;
    margin: 0 20px;
    position: relative;
    top: 4px;
}

.search-keyword-recommend .active {
    color: #1155c2;
    font-weight: 700;
}

.search-keyword {
    height: 116px;
    margin-bottom: 20px;
    padding: 20px 32px 0 122px;
}

.search-keyword__is-expand {
    background: rgba(61,126,255,.08);
    height: 185px;
}

.search-keyword--top {
    align-items: center;
    display: flex;
}

.search-keyword__input {
    flex: 1;
}

.search-keyword__advanced-input {
    margin-top: 20px;
    padding-right: 226px;
}

.search-keyword__advanced-btn {
    align-items: center;
    color: #474c66;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    margin-left: 24px;
    width: 130px;
}

    .search-keyword__advanced-btn:hover {
        color: #1155c2;
    }

.search-keyword__advanced-count {
    background: #79a5ff;
    box-shadow: none;
    height: 16px;
    line-height: 16px;
    margin-left: 4px;
    min-width: 16px;
    text-shadow: none;
}

.search-keyword__advanced-icon {
    font-size: 18px;
    margin-left: 4px;
}

.search-keyword__stash {
    color: #7a7f99;
    cursor: pointer;
}

    .search-keyword__stash:hover {
        color: #1155c2;
    }

.search-keyword-stash-tooltip .km-tooltip__inner {
    padding: 8px 12px;
}

    .search-keyword-stash-tooltip .km-tooltip__inner .km-icon {
        cursor: pointer;
        margin-left: 4px;
        vertical-align: middle;
    }

.search-quick-search {
    align-items: center;
    display: flex;
    height: 28px;
    margin-bottom: 14px;
    width: 100%;
}

.search-quick-search__content {
    display: flex;
    flex: 1;
    width: calc(100% - 56px);
}

.search-quick-search__content-item {
    background-color: #f2f3f8;
    border-radius: 4px;
    box-sizing: border-box;
    color: #141933;
    cursor: pointer;
    line-height: 28px;
    max-width: 33.3333333333%;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 28px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .search-quick-search__content-item:hover {
        background-color: rgba(88,124,247,.15);
        color: #1155c2;
    }

        .search-quick-search__content-item:hover .km-icon {
            color: #1155c2;
        }

            .search-quick-search__content-item:hover .km-icon:nth-child(2) {
                display: none;
            }

            .search-quick-search__content-item:hover .km-icon:nth-child(3) {
                display: inline-block;
            }

    .search-quick-search__content-item:not(:first-child) {
        margin-left: 12px;
    }

    .search-quick-search__content-item .km-icon {
        color: #7a7f99;
        height: 20px;
        position: absolute;
        right: 0;
        top: calc(50% - 6px);
        width: 20px;
    }

        .search-quick-search__content-item .km-icon:nth-child(3) {
            display: none;
        }

.search-quick-search__content-tooltip {
    padding-right: 16px;
    position: relative;
}

    .search-quick-search__content-tooltip .km-icon {
        position: absolute;
        right: -4px;
        top: 50%;
        transform: translateY(-50%);
    }

        .search-quick-search__content-tooltip .km-icon:hover {
            cursor: pointer;
        }

.search-school-nature {
    align-items: center;
    display: flex;
    height: 24px;
    line-height: 14px;
}

.search-school-nature__item {
    flex-shrink: 0;
    padding: 5px 12px;
}

    .search-school-nature__item:hover {
        color: #1155c2;
        cursor: pointer;
    }

.search-school-nature__item-active {
    background: rgba(61,126,255,.1);
    border-radius: 12px;
    color: #1155c2;
    font-weight: 700;
}

.search-school-nature__item:not(:first-child) {
    margin-left: 16px;
}

.search-school-nature__item-disabled {
    color: #b8bbcc;
}

    .search-school-nature__item-disabled:hover {
        color: #b8bbcc;
        cursor: not-allowed;
    }

.search-select-two {
    align-items: center;
    display: flex;
    width: 100%;
}

.search-select-two__divider {
    border-bottom: 1px solid #b8bbcc;
    flex-shrink: 0;
    height: 1px;
    margin: 0 6px;
    width: 8px;
}

.search-select-two__end, .search-select-two__start {
    flex: 1;
}

.search-select-two__unlimit, .search-select-two__unlimit .km-input__original.is-small {
    color: #b8bbcc !important;
}

.search-select-two .km-input__original.is-small {
    color: #1155c2 !important;
    font-size: 14px;
}

@media screen and (max-width:1366px) {
    .search-select-two .km-input__original.is-small {
        font-size: 13px;
    }
}

.search-select-two-up-down .km-input__original.is-small {
    color: #141933 !important;
}

.is-ie .search-select-two__popover .km-select__dropdown {
    height: 320px;
}

.search-education-custom {
    align-items: center;
    display: flex;
    margin-left: 16px;
}

.search-education-custom__label {
    flex-shrink: 0;
    padding: 5px 12px;
}

    .search-education-custom__label:hover {
        color: #1155c2;
        cursor: pointer;
    }

.search-education-custom__label-active {
    background: rgba(61,126,255,.1);
    border-radius: 12px;
    color: #1155c2;
    font-weight: 700;
}

.search-education-custom__select {
    margin-left: 8px;
    width: 220px;
}

.search-education {
    height: 24px;
    line-height: 14px;
}

.search-education-big {
    width: 400px;
    float: right;
    margin-top: 8px;
    margin-right: 40px;
}

.search-education, .search-education__selector {
    align-items: center;
    display: flex;
}

.search-education__selector-item {
    flex-shrink: 0;
    padding: 5px 12px;
}

    .search-education__selector-item:hover {
        color: #1155c2;
        cursor: pointer;
    }

.search-education__selector-item-active {
    background: #ebf2ff;
    border-radius: 12px;
    color: #1155c2;
    font-weight: 700;
}

.search-education__selector-item:not(:first-child) {
    margin-left: 16px;
}

.search-condition-result {
    align-items: center;
    display: flex;
    line-height: 28px;
}

    .search-condition-result span {
        font-style: normal;
    }

.search-condition-result__item-wrapper {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.search-condition-result__item {
    background-color: #f2f3f8;
    border-radius: 4px;
    margin-bottom: 12px;
    margin-right: 12px;
    padding: 0 12px;
}

    .search-condition-result__item:hover {
        color: #1155c2;
        cursor: pointer;
    }

        .search-condition-result__item:hover .km-icon {
            color: #1155c2;
        }

            .search-condition-result__item:hover .km-icon:nth-child(2) {
                display: none;
            }

            .search-condition-result__item:hover .km-icon:nth-child(3) {
                display: inline-block;
            }

    .search-condition-result__item .km-icon {
        color: #7a7f99;
        height: 12px;
        left: 4px;
        position: relative;
        top: 1px;
        width: 12px;
    }

        .search-condition-result__item .km-icon:nth-child(3) {
            display: none;
        }

.search-condition-result__save {
    color: #1155c2;
}

    .search-condition-result__save span {
        padding-left: 6px;
    }

    .search-condition-result__save:hover {
        color: #1d6ff2;
    }

.search-condition-result__saved {
    color: #1155c2;
}

    .search-condition-result__saved span {
        padding-left: 6px;
    }

    .search-condition-result__saved:hover {
        color: #1d6ff2;
    }

.gomyprojects {
    color: #1155c2;
}

    .gomyprojects:hover {
        color: #1d6ff2;
    }

.search-condition-result__count {
    align-self: flex-start;
    color: #7a7f99;
}

.search-condition-result__count-num {
    color: #141933;
}

.search-condition-result__label .search-label-wrapper__label {
    align-self: flex-start;
    line-height: 28px;
}

.search-age {
    display: flex;
}

.search-age__title {
    color: #7a7f99;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 32px;
    margin-right: 16px;
}

.search-select-one__unlimit, .search-select-one__unlimit .km-input__original.is-small {
    color: #b8bbcc !important;
}

.search-select-one .km-input__original.is-small {
    color: #1155c2;
    font-size: 14px;
}


.km-input__original-wrapper-selected input::-webkit-input-placeholder { /* WebKit browsers */
    color: #1155c2 !important;
}

@media screen and (max-width:1366px) {
    .search-select-one .km-input__original.is-small {
        font-size: 13px;
    }
}

.search-input-modal-trigger {
    align-items: center;
    border: 1px solid #e6e8f2;
    /*border-radius: 4px;*/
    display: flex;
    height: 100%;
}

    .search-input-modal-trigger:hover {
        border-color: #b8c0cb;
        cursor: pointer;
    }

    .search-input-modal-trigger span {
        color: #1155c2;
        flex: 1;
        margin-left: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.search-input-modal-trigger__empty {
    color: #b8bbcc !important;
}

.search-input-modal-trigger .km-icon {
    color: #b8bbcc;
    flex-shrink: 0;
    font-size: 14px;
    padding: 0 8px;
}

.job-tag-lowexposure {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon.9e07f4.png);
}

html.is-retina .job-tag-lowexposure {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon@2x.e969eb.png);
}

.search-job-type {
    height: 100%;
}

.search-region-type {
    height: 100%;
}

.search-industry {
    height: 36px;
}

.job-tag-lowexposure {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon.9e07f4.png);
}

html.is-retina .job-tag-lowexposure {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon@2x.e969eb.png);
}

.search-expected-salary {
    display: flex;
}

.search-expected-salary__title {
    color: #7a7f99;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 32px;
    margin-right: 16px;
}

.search-filter-more-city {
    height: 36px;
}

.job-tag-lowexposure {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon.9e07f4.png);
}

html.is-retina .job-tag-lowexposure {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon@2x.e969eb.png);
}

.search-career .km-input {
    height: 36px !important;
}

.is-ie .search-career .search-career__popover .km-select__dropdown {
    height: 320px;
}

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

.search-language .km-input {
    height: 36px !important;
}

.is-ie .search-language .search-language__popover .km-select__dropdown {
    height: 320px;
}

.search-filter-more .km-modal--normal {
    height: 100vh !important;
    margin: 0;
    width: 504px;
}

.search-filter-more .km-modal__scroll-view {
    padding: 0;
}

.search-filter-more .km-modal__footer {
    position: relative;
}

    .search-filter-more .km-modal__footer:before {
        background-image: linear-gradient(0deg,#fff 22%,rgba(245,246,248,.75));
        content: "";
        height: 20px;
        left: 0;
        position: absolute;
        right: 0;
        top: -20px;
        transform: scaleY(-1);
    }

.search-filter-more .km-modal__title-inner {
    line-height: 26px;
}

.search-filter-more .km-modal__title-icon {
    border-radius: 0;
    color: rgba(0,0,0,0) !important;
    height: 18px;
    width: 18px;
}

    .search-filter-more .km-modal__title-icon > i {
        color: #000;
        font-size: 18px;
        font-style: normal;
    }

.search-filter-more__content {
    padding: 0 24px 20px;
}

.search-filter-more__group-label {
    color: #141933;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    padding: 16px 0;
}

.search-filter-more__group-con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-filter-more__group-con-item {
    width: calc(50% - 20px);
}

.search-filter-more__footer {
    align-items: center;
    display: flex;
    flex-grow: 1;
    margin-right: -8px;
}

    .search-filter-more__footer .km-button {
        margin: 0 8px;
        width: 96px;
    }

    .search-filter-more__footer .km-button--text {
        color: #7a7f99;
        margin: 0;
        width: auto;
    }

.job-tag-lowexposure {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon.9e07f4.png);
}

html.is-retina .job-tag-lowexposure {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon@2x.e969eb.png);
}

.search-condition-panel {
    background-color: #fff;
    border-radius: 4px;
    margin-top: 12px;
    padding: 20px 32px 8px;
}

.search-condition-panel__divider1, .search-condition-panel__divider2 {
    border-bottom: 1px dashed #e2e4ee;
    margin-bottom: 20px;
}

.search-condition-panel__divider3 {
    border-bottom: 4px solid #e9eef5;
    margin-bottom: 20px;
    margin-top: 5px;
}

.search-condition-panel_all_divider3 {
    border-bottom: 4px solid #e9eef5;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 820px;
}

.search-condition-panel__divider_list {
    border-bottom: 2px solid #1155c2;
    margin-bottom: 16px;
    margin-top: 5px;
}

.search-condition-panel__divider2 {
    margin-top: 6px;
}

.search-condition-panel__wrapper1 {
    display: flex;
    margin-bottom: 16px;
    position: relative;
    margin-left: -30px;
}

    .search-condition-panel__wrapper1 .search-education {
        width: calc(100% - 100px);
    }

.search-condition-panel__clear {
    color: #7a7f99;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    right: 0;
}

.search-condition-panel__clear-span {
    padding-left: 8px;
}

@media screen and (max-width:1366px) {
    .search-condition-panel__clear-span {
        font-size: 13px;
    }
}

.search-condition-panel__wrapper2 {
    display: flex;
    margin: 20px 0;
    position: relative;
}

    .search-condition-panel__wrapper2 > div {
        height: 32px;
        /*margin-right: 10px;*/
        /*width: 284px;*/
        /*margin-left: 20px;*/
    }

.search-condition-panel__more {
    background-color: rgba(0,0,0,0) !important;
    color: #7a7f99;
    line-height: 32px;
    margin-right: 0 !important;
    position: absolute;
    right: 0;
    width: auto !important;
}

.search-condition-panel__more-text {
    padding-left: 8px;
}

.search-condition-panel__more-num {
    background-color: #79a5ff;
    border-radius: 14px;
    color: #fff;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    text-align: center;
}

@media screen and (max-width:1366px) {
    .search-condition-panel__more {
        font-size: 13px;
    }
}

.search-condition-panel__count {
    position: absolute;
    right: 0;
}

.search-filter-action {
    align-items: center;
    color: #7a7f99;
    display: flex;
    height: 100%;
}

.search-filter-action__label {
    margin-right: 8px;
}

.search-filter-action .km-checkbox {
    margin-right: 28px;
}

    .search-filter-action .km-checkbox .km-checkbox__label {
        padding-left: 6px;
    }

        .search-filter-action .km-checkbox .km-checkbox__label:hover {
            color: #141933;
        }

@media screen and (max-width:1366px) {
    .search-filter-action .km-checkbox .km-checkbox__label {
        font-size: 13px;
    }
}

.search-filter-action__divider {
    border-left: 1px solid #dadce6;
    height: 14px;
    margin-right: 16px;
}

.search-filter-action__sort {
    cursor: pointer;
    flex-shrink: 0;
    padding-left: 16px;
}

.search-filter-action__sort-label .km-icon {
    color: #b8bbcc;
    padding-left: 2px;
    position: relative;
    top: 2px;
}

.search-filter-action__sort-item .km-icon {
    margin-left: 20px;
}

.search-filter-action__sort-item-active {
    color: #1155c2;
    font-weight: 700;
}

.rights-custom-modal .km-modal__body {
    padding: 0;
}

.rights-custom-modal__content {
    background: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/sale-modal-bg.4fb714.png) no-repeat 0 0;
    background-size: cover;
    height: 100%;
    padding: 40px 0;
    width: 100%;
}

html.is-retina .rights-custom-modal__content {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/sale-modal-bg@2x.0da1b6.png);
}

.rights-custom-modal__close {
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    right: 14px;
    text-align: center;
    top: 14px;
    width: 24px;
}

.rights-custom-modal .title {
    color: #141933;
    font-size: 16px;
    font-weight: 700;
    margin: 18px 0 16px;
}

.rights-custom-modal .content {
    color: #7a7f99;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 56px;
    padding: 0 64px;
    text-align: center;
}

.staff-search {
    padding: 18px 24px 14px;
}

.staff-group__name {
    color: #141933;
    font-size: 14px;
    padding: 0 24px;
}

.staff-avatar-role {
    position: relative;
}

    .staff-avatar-role .staff-role {
        bottom: 0;
        position: absolute;
        right: -6px;
    }

.staff-item {
    justify-content: space-between;
    padding: 16px 24px;
}

.staff-item, .staff-item-left {
    align-items: center;
    display: flex;
}

.staff-item-avatar {
    margin-right: 12px;
}

.staff-item-basic {
    display: flex;
    flex-direction: column;
}

.staff-item-basic__top {
    align-items: center;
    display: flex;
}

.staff-item-basic__name {
    color: #141933;
    font-size: 14px;
}

.staff-item-basic__job {
    color: #b8bbcc;
    font-size: 12px;
    margin-left: 8px;
}

.staff-item-basic__email {
    color: #7a7f99;
    font-size: 12px;
    margin-top: 4px;
}

.staff-item-operation__checkbox {
    background: #fff;
    border: 1px solid #d8dee6;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px;
}

.staff-item-operation__delete {
    color: #b8bbcc;
    cursor: pointer;
    display: none;
}

    .staff-item-operation__delete:hover {
        color: #1155c2;
    }

.staff-item.has-cursor-pointer {
    cursor: pointer;
}

.staff-item:hover {
    background: rgba(61,126,255,.05);
}

    .staff-item:hover .staff-item-operation__checkbox {
        border: 1px solid #1155c2;
    }

    .staff-item:hover .staff-item-operation__delete {
        display: block;
    }

.staff-item.is-active .staff-item-operation__checkbox {
    background: #1155c2;
    border: 1px solid #1155c2;
}

.staff-item.is-disabled {
    cursor: not-allowed;
}

    .staff-item.is-disabled .staff-item-operation__checkbox {
        background: #e8ebf3;
        border: 1px solid #e8ebf3;
    }

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

.staff-selector-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.staff-selector-empty__tip {
    color: #7a7f99;
    font-size: 14px;
    margin-top: 24px;
}

.add-member-modal .km-modal__body {
    padding: 0;
}

.add-member-modal .km-modal__footer {
    border-top: 1px solid #e8ebf3;
}

.add-member-modal__title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.add-member-modal__title--tip {
    color: #7a7f99;
    font-size: 14px;
    font-weight: 400;
    margin-left: 12px;
}

.add-member-modal__body {
    display: flex;
}

.add-member-modal__section {
    flex: 1;
}

    .add-member-modal__section:first-child {
        flex: none;
        width: 100%;
    }

.add-member-modal__section--title {
    color: #141933;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    padding: 18px 24px 14px;
}

.add-member-modal__empty, .add-member-modal__loading {
    align-items: center;
    display: flex;
    height: 480px;
    justify-content: center;
    width: 100%;
}

.add-member-modal__empty {
    flex-direction: column;
}

.add-member-modal__empty-tip {
    color: #7a7f99;
    font-size: 14px;
    margin-top: 24px;
}

.add-member-modal__checked {
    align-items: center;
    color: #7a7f99;
    display: flex;
    font-size: 14px;
    height: 416px;
    justify-content: center;
    width: 100%;
}

.commercial-promotion-tips {
    align-items: center;
    background-image: linear-gradient(90deg,#ffdfd5,#fff);
    border-radius: 12px 0 0 0;
    color: #f86545;
    display: flex;
    flex-flow: row nowrap;
    font-size: 12px;
    font-weight: 700;
    height: 24px;
    line-height: 16px;
    opacity: .8;
    padding-left: 6px;
}

.commercial-promotion-tips__icon {
    background: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/gift.c37fef.png) no-repeat 0/cover;
    height: 20px;
    margin: 0 4px;
    width: 20px;
}

html.is-retina .commercial-promotion-tips__icon {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/gift@2x.687b76.png);
}

.commercial-promotion-tips__rule {
    background: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/rule-tip.28f9dc.png) no-repeat 0/cover;
    cursor: pointer;
    height: 12px;
    margin-left: 4px;
    width: 12px;
}

html.is-retina .commercial-promotion-tips__rule {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/rule-tip@2x.5562e6.png);
}

.commercial-promotion-tips-modal-content {
    color: #40425a;
    font-size: 14px;
    line-height: 28px;
}

.commercial-promotion-tag {
    align-items: center;
    display: flex;
    overflow: hidden;
    user-select: none;
}

.commercial-promotion-tag__inner {
    font-size: 12px;
    font-weight: 700;
    padding: 0 6px;
}

.send-recruitment-welfare {
    align-items: center;
    background: no-repeat 0/cover;
    display: flex;
    height: 26px;
    min-width: 24px;
    position: relative;
}

    .send-recruitment-welfare.is-mall {
        height: 27px;
        width: 250px;
    }

    .send-recruitment-welfare.is-mall, html.is-retina .send-recruitment-welfare.is-mall {
        background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/mall.bf5fb1.png);
    }

    .send-recruitment-welfare.is-modal {
        background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/modal.85e696.png);
        width: 185px;
    }

html.is-retina .send-recruitment-welfare.is-modal {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/modal@2x.122e83.png);
}

.send-recruitment-welfare-pop {
    background: rgba(0,0,0,0);
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}

.send-recruitment-welfare-popover {
    height: 362px;
    width: 374px;
}

    .send-recruitment-welfare-popover .km-popover__inner {
        padding: 20px;
    }

.send-recruitment-welfare-popover__title {
    color: #03040d;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center;
}

.send-recruitment-welfare-popover__content {
    color: #474c66;
    font-size: 14px;
}

    .send-recruitment-welfare-popover__content p {
        margin-bottom: 4px;
    }

@font-face {
    font-family: iconfont;
    src: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/iconfont.e170339079eb46216277118dd2f9bf19.ttf) format("truetype");
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bell:before {
    content: "\e612";
}

.icon-mobile:before {
    content: "\e613";
}

.icon-service:before {
    content: "\e614";
}

.icon-zhankai:before {
    content: "\e615";
}

.icon-search:before {
    content: "\e617";
}

.icon-filter:before {
    content: "\e619";
}

.icon-more:before {
    content: "\e61a";
}

.icon-educate:before {
    content: "\e61c";
}

.icon-work:before {
    content: "\e61d";
}

.icon-times:before {
    content: "\e623";
}

.icon-bellring:before {
    content: "\e624";
}

.icon-edit:before {
    content: "\e628";
}

.icon-share:before {
    content: "\e629";
}

.icon-offline:before {
    content: "\e62a";
}

.icon-top:before {
    content: "\e62b";
}

.icon-refresh:before {
    content: "\e62c";
}

.icon-phone-small:before {
    content: "\e632";
}

.icon-email:before {
    content: "\e633";
}

.icon-housekeeper:before {
    content: "\e634";
}

.icon-release:before {
    content: "\e63b";
}

.icon-gengduosousuotiaojian:before {
    content: "\e63f";
}

.icon-warning:before {
    content: "\e640";
}

.icon-notice:before {
    content: "\e641";
}

.icon-success:before {
    content: "\e642";
}

.icon-error:before {
    content: "\e643";
}

.icon-telephone:before {
    content: "\e644";
}

.icon-hangup:before {
    content: "\e654";
}

.icon-silence:before {
    content: "\e655";
}

.icon-change:before {
    content: "\e656";
}

.icon-shuaxin:before {
    content: "\e61b";
}

.icon-zhiding:before {
    content: "\e61e";
}

.icon-xitieshi:before {
    content: "\e61f";
}

.icon-yaoqing:before {
    content: "\e65e";
}

.icon-zhanghuzichan:before {
    content: "\e65f";
}

.icon-gerenxinxi:before {
    content: "\e660";
}

.icon-shoucang:before {
    content: "\e661";
}

.icon-paixu:before {
    content: "\e662";
}

.icon-manage:before {
    content: "\e663";
}

.icon-tags:before {
    content: "\e666";
}

.icon-complaint:before {
    content: "\e667";
}

.icon-download:before {
    content: "\e668";
}

.icon-morefeatures:before {
    content: "\e669";
}

.icon-dengpao:before {
    content: "\e66a";
}

.icon-tuichu:before {
    content: "\e66b";
}

.icon-pingbi:before {
    content: "\e66c";
}

.icon-delect:before {
    content: "\e66d";
}

.icon-libaoduihuan:before {
    content: "\e66f";
}

.icon-log:before {
    content: "\e670";
}

.icon-helpcenter:before {
    content: "\e671";
}

.icon-jiantou:before {
    content: "\e672";
}

.icon-qiehuanmoshi:before {
    content: "\e674";
}

.icon-set:before {
    content: "\e675";
}

.icon-chakanjianli:before {
    content: "\e676";
}

.icon-shipinmianshi:before {
    content: "\e677";
}

.icon-biaoqing:before {
    content: "\e678";
}

.icon-shouji:before {
    content: "\e679";
}

.icon-jiaohuan:before {
    content: "\e67a";
}

.icon-changyongyu:before {
    content: "\e67b";
}

.icon-tupian:before {
    content: "\e67c";
}

.icon-weixin:before {
    content: "\e67d";
}

.icon-newscenter:before {
    content: "\e67e";
}

.icon-quanbubiaoweiyidu:before {
    content: "\e67f";
}

.icon-gongzuojingyan:before {
    content: "\e680";
}

.icon-xueli:before {
    content: "\e681";
}

.icon-zuojiantou:before {
    content: "\e682";
}

.icon-zhaopinzhenduan:before {
    content: "\e683";
}

.icon-qiyeguanliicon:before {
    content: "\e684";
}

.icon-xuanzebendizhaopian:before {
    content: "\e685";
}

.icon-notes:before {
    content: "\e687";
}

.icon-pipei:before {
    content: "\e686";
}

.icon-yaoqingtongshi:before {
    content: "\e689";
}

.icon-rencaiguanli:before {
    content: "\e68a";
}

.icon-zhifubao:before {
    content: "\e68c";
}

.icon-weixinzhifu:before {
    content: "\e68d";
}

.icon-meihuaicon:before {
    content: "\e68f";
}

.icon-daiding:before {
    content: "\e691";
}

.icon-jinggao:before {
    content: "\e692";
}

.icon-viewmore:before {
    content: "\e693";
}

.icon-chuangjian:before {
    content: "\e695";
}

.icon-daochu:before {
    content: "\e697";
}

.icon-camera:before {
    content: "\e699";
}

.icon-daohang:before {
    content: "\e69a";
}

.icon-kuaijieshaixuan:before {
    content: "\e69b";
}

.icon-zhushilei:before {
    content: "\e69e";
}

.icon-yigoutong:before {
    content: "\e6a2";
}

.icon-tongguo:before {
    content: "\e6a3";
}

.icon-weitongguo:before {
    content: "\e6a4";
}

.icon-weifankui:before {
    content: "\e6a5";
}

.icon-zanweichakan:before {
    content: "\e6a6";
}

.icon-tianjiagengduo:before {
    content: "\e6ad";
}

.icon-tuichu1:before {
    content: "\e6af";
}

.icon-guanbi:before {
    content: "\e605";
}

.icon-xiezuojilufill:before {
    content: "\e6b3";
}

.icon-xiezuojiluline:before {
    content: "\e6b4";
}

.icon-weifankuishixin:before {
    content: "\e6b5";
}

.icon-yigoutongshixin:before {
    content: "\e6b6";
}

.icon-weichakan:before {
    content: "\e6b7";
}

.icon-dianhuagoutong:before {
    content: "\e606";
}

.icon-tianjiaicon:before {
    content: "\e6b8";
}

.icon-chat:before {
    content: "\e600";
}

.icon-revoke:before {
    content: "\e601";
}

.icon-detail:before {
    content: "\e602";
}

.icon-interview:before {
    content: "\e603";
}

.icon-number:before {
    content: "\e604";
}

.icon-improper:before {
    content: "\e607";
}

.icon-oncall:before {
    content: "\e608";
}

.icon-a-icon-shijian-cu2x:before {
    content: "\e609";
}

.icon-forwardingtalents:before {
    content: "\e620";
}

.icon-coupon:before {
    content: "\e621";
}

.icon-juxing:before {
    content: "\e622";
}

.icon-pdf:before {
    content: "\e6b9";
}

.icon-image:before {
    content: "\e6bb";
}

.icon-gif:before {
    content: "\e6bc";
}

.icon-loading:before {
    content: "\e6bd";
}

.icon-bang:before {
    content: "\e625";
}

.icon-video:before {
    content: "\e60a";
}

.icon-videoline:before {
    content: "\e6be";
}

.icon-address:before {
    content: "\e626";
}

.icon-mianshiguanli:before {
    content: "\e6bf";
}

.icon-empty:before {
    content: "\e6c1";
}

.icon-xunihaoma:before {
    content: "\e6c2";
}

.icon-phoneunavailable:before {
    content: "\e6c4";
}

.icon-phone-outline-blue:before {
    content: "\e6c6";
}

.icon-wechat-outline-blue:before {
    content: "\e6c7";
}

.icon-rencaidongchaicon:before {
    content: "\e6c8";
}

.icon-ruotishiicon:before {
    content: "\e6c9";
}

.icon-kapian:before {
    content: "\e627";
}

.icon-list:before {
    content: "\e62d";
}

.icon-erweima:before {
    content: "\e6cb";
}

.icon-a-jiangbei1:before {
    content: "\e62e";
}

.icon-tongguoiconanniu:before {
    content: "\e6cd";
}

.icon-wolaigoutongiconanniu:before {
    content: "\e6cf";
}

.v-rights-entry {
    align-items: center;
    border-radius: 4px;
    height: 100%;
    justify-content: flex-end;
    padding-right: 32px;
    user-select: none;
    width: 100%;
}

    .v-rights-entry .guide-entry {
        background: rgba(0,0,0,0) url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/rights-entry.4a4276.gif) no-repeat 0/contain;
        cursor: pointer;
        height: 26px;
        position: relative;
        user-select: none;
        width: 282px;
    }

    .v-rights-entry .guide-entry-icon {
        background: rgba(0,0,0,0) no-repeat 0/cover;
        height: 61px;
        position: absolute;
        right: -5px;
        top: -38px;
        width: 113px;
    }

    .v-rights-entry .guide-entry-icon__activity {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/discount-activity.d3faab.png);
    }

html.is-retina .v-rights-entry .guide-entry-icon__activity {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/discount-activity@2x.2b7f8f.png);
}

.v-rights-entry .guide-entry-icon__activity.is-small {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/discount-activity__small.22d7ba.png);
}

html.is-retina .v-rights-entry .guide-entry-icon__activity.is-small {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/discount-activity__small@2x.ba294b.png);
}

.v-rights-entry .guide-entry-promotion {
    background: rgba(0,0,0,0) url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/rights-entry-promotion@2x.cd57e7.png) no-repeat 0/contain;
    cursor: pointer;
    height: 26px;
    position: relative;
    user-select: none;
    width: 198px;
}

.v-rights-entry .rights-vip-notice__wrapper {
    height: 36px;
    margin-right: 8px;
    width: 350px;
}

.v-rights-entry .rights-label {
    align-items: center;
    user-select: none;
}

.v-rights-entry .rights-count {
    color: #7a7f99;
    font-size: 14px;
    margin-right: 20px;
    position: relative;
}

.v-rights-entry .rights-count-number {
    background: #e2ecff;
    border-radius: 4px;
    color: #141933;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    margin: 0 4px;
    padding: 0 8px;
}

.v-rights-entry .rights-count:last-of-type {
    margin-right: 0;
}

.v-rights-entry.is-year-vip {
    background-image: linear-gradient(151deg,#fff,#fff4e0);
}

    .v-rights-entry.is-year-vip .rights-count {
        color: #60260d;
    }

    .v-rights-entry.is-year-vip .rights-count-number {
        background: rgba(255,212,147,.7);
        color: #60260d;
    }

.rights-renew-entry-popover {
    width: 320px;
}

    .rights-renew-entry-popover .expiration-card-title {
        color: #141933;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 22px;
    }

    .rights-renew-entry-popover .expiration-card-icon {
        color: #f5b025;
        font-size: 16px;
        margin-right: 4px;
    }

    .rights-renew-entry-popover .expiration-card-content {
        color: #7a7f99;
        font-size: 12px;
        line-height: 18px;
        margin: 8px 0 20px 22px;
    }

    .rights-renew-entry-popover .expiration-card-button {
        font-size: 12px;
        height: 28px;
        width: 72px;
    }

    .rights-renew-entry-popover .expiration-card-button__close {
        background: #fff;
        border: 1px solid #e2e4ee;
        color: #141933;
    }

    .rights-renew-entry-popover .expiration-card-button__renew {
        background-image: linear-gradient(90deg,#f7d593 4%,#e9ad74);
        color: #60260d;
    }

.rights-vip-label__wrapper {
    align-items: center;
    display: flex;
    height: 24px;
    position: relative;
}

    .rights-vip-label__wrapper.is-mini .rights-vip-label-content {
        font-size: 12px;
        padding-left: 18px;
    }

        .rights-vip-label__wrapper.is-mini .rights-vip-label-content .icon {
            height: 20px;
            margin-top: -10px;
            width: 20px;
        }

.rights-vip-label-content {
    background-image: linear-gradient(90deg,#fbf2e1 10%,#fcd9a4);
    border-radius: 12px;
    color: #141933;
    font-size: 14px;
    padding: 0 6px 0 20px;
    position: relative;
    user-select: none;
}

    .rights-vip-label-content .icon {
        background: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/vip.af819d.svg) no-repeat 0 0;
        background-size: cover;
        height: 24px;
        left: -6px;
        margin-top: -12px;
        position: absolute;
        top: 50%;
        width: 24px;
    }

    .rights-vip-label-content.is-year .icon {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/year-vip.1547d4.svg);
    }

    .rights-vip-label-content.is-package {
        background-image: linear-gradient(90deg,#fff0e8 10%,#ffcec9);
        color: #6d1400;
        padding-left: 16px;
    }

        .rights-vip-label-content.is-package .icon {
            background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/package.1e91a9.svg);
            height: 21px;
            margin-top: -10px;
            width: 21px;
        }

.rights-vip-notice__wrapper {
    align-items: center;
    background-image: linear-gradient(90deg,#fff2db,#fff7e9 5%,rgba(255,228,187,.8) 74%);
    border-radius: 20px;
    color: #60260d;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: space-between;
    padding: 0 5px 0 10px;
    position: relative;
    width: 100%;
}

    .rights-vip-notice__wrapper .button {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/btn-understand.ee83b2.png);
        background-size: cover;
        height: 36px;
        width: 60px;
    }

html.is-retina .rights-vip-notice__wrapper .button {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/btn-understand@2x.6cff2d.png);
}

.rights-vip-notice__wrapper .km-carousel {
    font-size: 13px;
    height: 20px;
    line-height: 22px;
    width: 194px;
}

.rights-detail-modal__wrapper .km-modal__body {
    padding: 0 !important;
}

.rights-detail-modal__wrapper .rights-detail-content {
    box-sizing: border-box;
    padding: 26px 24px;
}

.rights-detail-modal__wrapper .rights-box {
    margin-bottom: 24px;
}

    .rights-detail-modal__wrapper .rights-box .rights-title {
        align-items: center;
        flex-flow: row nowrap;
    }

        .rights-detail-modal__wrapper .rights-box .rights-title .rights-icon {
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: cover;
            height: 20px;
            margin-right: 6px;
            width: 20px;
        }

            .rights-detail-modal__wrapper .rights-box .rights-title .rights-icon.icon-staff {
                background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/right-staff.5f05a7.png);
            }

html.is-retina .rights-detail-modal__wrapper .rights-box .rights-title .rights-icon.icon-staff {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/right-staff@2x.3b3d60.png);
}

.rights-detail-modal__wrapper .rights-box .rights-title .rights-icon.icon-org {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/right-org.525ef7.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-box .rights-title .rights-icon.icon-org {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/right-org@2x.cdfb8b.png);
}

.rights-detail-modal__wrapper .rights-box .rights-title .rights-name {
    color: #60260d;
    font-size: 18px;
    min-width: 76px;
}

.rights-detail-modal__wrapper .rights-box .rights-title .rights-label {
    color: #7a7f99;
    font-size: 12px;
    height: 100%;
}

.rights-detail-modal__wrapper .rights-box .rights-title .rights-desc {
    color: #7a7f99;
    font-size: 12px;
}

.rights-detail-modal__wrapper .rights-list {
    background: rgba(239,241,245,.7);
    border-radius: 12px;
    height: 126px;
    margin-top: 16px;
    min-width: 534px;
    position: relative;
}

    .rights-detail-modal__wrapper .rights-list:before {
        border-radius: 12px;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .rights-detail-modal__wrapper .rights-list .rights-item {
        align-items: center;
        display: flex;
        flex-flow: column nowrap;
        height: 100%;
        justify-content: center;
        padding: 0 4px;
        position: relative;
        width: 140px;
    }

    .rights-detail-modal__wrapper .rights-list .rights-item-icon {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        height: 30px;
        margin-bottom: 8px;
        width: 50px;
    }

    .rights-detail-modal__wrapper .rights-list .rights-item-icon__job {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/job-normal.293a2f.png);
    }

html.is-retina .rights-detail-modal__wrapper .rights-list .rights-item-icon__job {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/job-normal@2x.af9200.png);
}

.rights-detail-modal__wrapper .rights-list .rights-item-icon__chat {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/chat-normal.ee27fc.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list .rights-item-icon__chat {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/chat-normal@2x.947d4d.png);
}

.rights-detail-modal__wrapper .rights-list .rights-item-title {
    color: #141933;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 4px;
}

.rights-detail-modal__wrapper .rights-list .rights-item-unused {
    color: #141933;
    font-size: 12px;
    opacity: .7;
    text-align: center;
}

.rights-detail-modal__wrapper .rights-list.is-vip:before {
    background-image: linear-gradient(-45deg,#fbdaa6,#f5e9d0);
    border: 1px solid #fedfb0;
    opacity: .7;
}

.rights-detail-modal__wrapper .rights-list.is-vip .rights-item-icon__job {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/job-vip.0b5cb7.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-vip .rights-item-icon__job {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/job-vip@2x.551549.png);
}

.rights-detail-modal__wrapper .rights-list.is-vip .rights-item-icon__chat {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/chat-vip.c82bac.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-vip .rights-item-icon__chat {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/chat-vip@2x.6f806e.png);
}

.rights-detail-modal__wrapper .rights-list.is-vip .rights-item-icon__exposure {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/exposure-vip.37dd38.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-vip .rights-item-icon__exposure {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/exposure-vip@2x.45e9c6.png);
}

.rights-detail-modal__wrapper .rights-list.is-vip .rights-item-icon__discount {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/discount-vip.3e18ad.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-vip .rights-item-icon__discount {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/discount-vip@2x.1a9cc1.png);
}

.rights-detail-modal__wrapper .rights-list.is-vip .rights-item-title {
    color: #60260d;
}

.rights-detail-modal__wrapper .rights-list.is-vip .rights-item-unused {
    color: #5b240c;
}

.rights-detail-modal__wrapper .rights-list.is-year-vip:before {
    background-image: linear-gradient(90deg,#423f3f,#323232);
    opacity: .9;
}

.rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__job {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/job-year-vip.76fa36.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__job {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/job-year-vip@2x.789426.png);
}

.rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__chat {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/chat-year-vip.118351.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__chat {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/chat-year-vip@2x.be3237.png);
}

.rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__exposure {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/exposure-year-vip.f89069.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__exposure {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/exposure-year-vip@2x.0bbe37.png);
}

.rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__discount {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/discount-year-vip.a2d152.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__discount {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/discount-year-vip@2x.8b5c5b.png);
}

.rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__download {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/download-year-vip.544618.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-icon__download {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/download-year-vip@2x.1d32ec.png);
}

.rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-title, .rights-detail-modal__wrapper .rights-list.is-year-vip .rights-item-unused {
    color: #ffd596;
}

.rights-detail-modal__wrapper .rights-explain {
    color: #7a7f99;
}

.rights-detail-modal__wrapper .rights-explain-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
}

.rights-detail-modal__wrapper .rights-explain-item {
    font-size: 12px;
    line-height: 20px;
    list-style: initial;
    margin-left: 16px;
}

.rights-detail-modal__wrapper .rights-buy {
    align-items: center;
    background-image: linear-gradient(90deg,#fff2db,#fff7e9 5%,rgba(255,228,187,.8) 74%);
    border-radius: 36px;
    box-sizing: border-box;
    color: #60260d;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    font-size: 14px;
    height: 40px;
    justify-content: space-between;
    padding: 0 6px 0 20px;
    position: relative;
    width: 100%;
}

    .rights-detail-modal__wrapper .rights-buy .rights-vip-notice__name {
        font-size: 14px;
    }

    .rights-detail-modal__wrapper .rights-buy .desc {
        font-size: 12px;
        opacity: .6;
    }

    .rights-detail-modal__wrapper .rights-buy .button {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/btn-open.26c171.png);
        background-size: cover;
        height: 40px;
        width: 92px;
    }

html.is-retina .rights-detail-modal__wrapper .rights-buy .button {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/btn-open@2x.a3285c.png);
}

.rights-detail-modal__wrapper .rights-buy .km-carousel {
    height: 20px;
    line-height: 22px;
    margin-left: 12px;
    width: 315px;
}

.rights-detail-modal__wrapper .rights-box-coupon .rights-icon.icon-vip {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/vip-icon.26e654.png);
}

html.is-retina .rights-detail-modal__wrapper .rights-box-coupon .rights-icon.icon-vip {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/vip-icon@2x.d8081b.png);
}

.rights-detail-modal__wrapper .rights-box-coupon .rights-list {
    height: 149px;
    padding-top: 30px;
    position: relative;
}

.rights-detail-modal__wrapper .rights-box-coupon .rights-item {
    justify-content: flex-start;
}

.rights-detail-modal__wrapper.rights-detail-modal-coupon .coupon-status {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    height: 80px;
    position: absolute;
    right: -10px;
    top: -42px;
    width: 80px;
}

.rights-detail-modal__wrapper.rights-detail-modal-coupon .coupon-status__activated {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/coupon-activated.91cc76.png);
    display: block;
}

html.is-retina .rights-detail-modal__wrapper.rights-detail-modal-coupon .coupon-status__activated {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/coupon-activated@2x.a2e05a.png);
}

.rights-detail-modal__wrapper.rights-detail-modal-coupon .coupon-status__expired {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/coupon-expired.0e192a.png);
    display: block;
}

html.is-retina .rights-detail-modal__wrapper.rights-detail-modal-coupon .coupon-status__expired {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/coupon-expired@2x.476231.png);
}

.rights-detail-modal__wrapper.rights-detail-modal-coupon .rights-footer-button .rights-button {
    border-radius: 18px;
    width: 96px;
}

.rights-detail-modal__wrapper.rights-detail-modal-coupon .rights-footer-button .rights-button-give {
    border: 1px solid rgba(96,38,13,.3);
    color: #60260d;
}

.rights-detail-modal__wrapper.rights-detail-modal-coupon .rights-footer-button .rights-button-active {
    background-image: linear-gradient(86deg,#704a22,#241c17);
    color: #ffecc7;
}

.rights-vip-notice {
    align-items: center;
    display: flex;
}

.rights-vip-notice__icon {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-month.a8a996.png);
    background-size: 100%;
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    margin-top: -2px;
    width: 18px;
}

html.is-retina .rights-vip-notice__icon {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-month@2x.2ed44d.png);
}

.rights-vip-notice__name {
    color: #60260d;
    font-size: 13px;
    font-weight: 600;
    margin-right: 8px;
}

.popover-list {
    border: 1px solid #e6e8f2;
    border-radius: 4px;
    width: 350px;
}

    .popover-list span {
        color: #7a7f99;
    }

.popover-list__head {
    background: #f2f3f8;
    border-bottom: 1px solid #e6e8f2;
    color: #474c66;
    display: flex;
    font-size: 14px;
    height: 38px;
    justify-content: space-between;
    line-height: 38px;
    padding: 0 20px;
}

.popover-list__content {
    max-height: 240px;
}

.popover-list__item {
    border-bottom: 1px solid #e6e8f2;
    display: flex;
    font-weight: 500;
    height: 60px;
    justify-content: space-between;
    line-height: 60px;
    margin: 0 20px;
}

    .popover-list__item:last-child {
        border-bottom: none;
    }

.search-filter-asset {
    height: 100%;
    padding: 1px;
}

.search-filter {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    height: 46px;
    justify-content: space-between;
    margin: 12px 0;
    padding-left: 32px;
}

.talent-portrait {
    padding-bottom: 14px;
    position: relative;
}

    .talent-portrait .km-portrait {
        border: 1px solid #e2e4ee;
        box-shadow: none;
    }

.talent-portrait__online {
    background: #30ce7e;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 10px;
}

.talent-portrait__level {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50px;
}

.talent-portrait__level--icon {
    background-size: 100%;
    display: inline-block;
    height: 27px;
    width: 62px;
}

    .talent-portrait__level--icon.is-gold {
        background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/gold-user.e8f83e.png);
    }

html.is-retina .talent-portrait__level--icon.is-gold {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/gold-user@2x.16c844.png);
}

.talent-portrait__level--icon.is-school {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/school-user.3ba9e0.png);
}

html.is-retina .talent-portrait__level--icon.is-school {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/school-user@2x.026682.png);
}

.highlight__stress {
    background: #ffea92;
    color: #000;
    padding: 1px;
    position: relative;
}

.highlight__stress-undeline {
    background-image: linear-gradient(90deg,#e39f04,#e39f04 50%,rgba(0,0,0,0) 0);
    background-repeat: repeat-x;
    background-size: 2px 2px;
    bottom: -2px;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.talent-basic-info {
    color: #7a7f99;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.talent-basic-info__name, .talent-basic-info__title {
    align-items: center;
    display: flex;
}

.talent-basic-info__name {
    color: #141933;
    font-size: 16px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    margin-right: 8px;
    padding-right: 56px;
    position: relative;
}

.talent-basic-info__name--inner {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.talent-basic-info__name--sale {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/sale-recommend.01b5ca.png);
    background-size: cover;
    display: inline-block;
    height: 16px;
    margin-left: 8px;
    position: relative;
    top: -1px;
    width: 68px;
}

html.is-retina .talent-basic-info__name--sale {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/sale-recommend@2x.5b86ae.png);
}

.talent-basic-info__online {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/active-online.cf8e0b.png);
    background-size: 100%;
    display: inline-block;
    height: 26px;
    margin-left: 8px;
    margin-top: 4px;
    width: 52px;
}

html.is-retina .talent-basic-info__online {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/active-online@2x.5a1a55.png);
}

.talent-basic-info__activeState {
    color: #7a7f99;
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    padding-left: 10px;
    position: relative;
}

.talent-basic-info__newOnline {
    padding-left: 22px;
}

    .talent-basic-info__newOnline:after {
        background-color: #00d3a3;
        border-radius: 50%;
        bottom: 4px;
        content: " ";
        height: 6px;
        left: 10px;
        position: absolute;
        width: 6px;
    }

.talent-basic-info__state {
    background-size: 100%;
    display: inline-block;
    height: 18px;
    margin-left: 10px;
    margin-top: -2px;
}

    .talent-basic-info__state.is-activity {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/%E6%96%B0%E6%B4%BB%E8%B7%83.05870d.png);
        width: 44px;
    }

html.is-retina .talent-basic-info__state.is-activity {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/%E6%96%B0%E6%B4%BB%E8%B7%83@2x.624064.png);
}

.talent-basic-info__state.is-today {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/%E4%BB%8A%E6%97%A5%E6%B4%BB%E8%B7%83.fd4738.png);
    width: 56px;
}

html.is-retina .talent-basic-info__state.is-today {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/%E4%BB%8A%E6%97%A5%E6%B4%BB%E8%B7%83@2x.adc856.png);
}

.talent-basic-info__state.is-latest {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/%E6%9C%AC%E5%91%A8%E6%B4%BB%E8%B7%83.ba9fbf.png);
    width: 56px;
}

html.is-retina .talent-basic-info__state.is-latest {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/%E6%9C%AC%E5%91%A8%E6%B4%BB%E8%B7%83@2x.f4c516.png);
}

.talent-basic-info__state.is-private {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/is-private.eee479.png);
    height: 17px;
    width: 70px;
}

html.is-retina .talent-basic-info__state.is-private {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/is-private@2x.1b05ac.png);
}

.talent-basic-info__basic {
    color: #474c66;
    display: flex;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
}

    .talent-basic-info__basic > span {
        display: block;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .talent-basic-info__basic > span:not(:first-child):before {
            color: #e0e3eb;
            content: "|";
            display: inline-block;
            font-weight: 300;
            text-align: center;
            width: 17px;
        }

.talent-basic-info__extra {
    display: flex;
    margin-top: 8px;
    white-space: nowrap;
}

    .talent-basic-info__extra:before {
        content: "\671f\671b\ff1a";
    }

    .talent-basic-info__extra > span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .talent-basic-info__extra > span:not(:first-child):before {
            color: #e0e3eb;
            content: "|";
            display: inline-block;
            font-weight: 300;
            text-align: center;
            width: 17px;
        }

.talent-basic-info__tags {
    display: flex;
    flex-wrap: wrap;
    height: 24px;
    margin-top: 12px;
    overflow: hidden;
}

    .talent-basic-info__tags .km-tag {
        flex-shrink: 0;
        height: 24px;
        line-height: 24px;
    }

        .talent-basic-info__tags .km-tag > div {
            max-width: 120px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.talent-basic-info__tags-light {
    background-color: #ffea92 !important;
    border: none !important;
    color: #141933 !important;
}

.talent-basic-info__tags-search .km-tag > div {
    max-width: 100px;
}

.talent-experience {
    font-size: .875rem;
    line-height: 23px;
    position: relative;
    width: 100%;
}

    .talent-experience:before {
        border-left: 1px dashed #e0e3eb;
        content: "";
        height: calc(100% - 20px);
        left: 6px;
        position: absolute;
        top: 15px;
        width: 1px;
    }

    .talent-experience tr:not(:last-child) td {
        padding-bottom: 12px;
    }

.talent-experience__icon {
    color: rgba(61,126,255,.7);
    padding-right: 16px;
    position: relative;
}

    .talent-experience__icon .km-icon {
        background-color: #fff;
    }

.talent-experience__time {
    color: #7a7f99;
    flex-shrink: 0;
    font-family: Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    width: 120px;
}

.talent-experience__name {
    color: #141933;
    flex-shrink: 0;
    font-weight: 500;
    max-width: 306px;
}

.talent-experience__title {
    color: #474c66;
    margin-left: 16px;
}

.talent-experience .mutil-line-ellipsis {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
}

@media (-ms-high-contrast:none),screen and (max-width:1440px)and (-ms-high-contrast:active) {
    .resume-action .resume-action__inner .resume-button {
        min-width: 48px !important;
    }
}

@media screen and (max-width:1440px) {
    .recommend-item__inner-content, .resume-item:not(.recommend-item) {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .resume-item__basic {
        width: 371px !important;
    }

    .resume-item__experience {
        margin-left: 24px !important;
    }

    .talent-experience__icon {
        padding-right: 12px !important;
    }

    .talent-experience__title {
        margin-left: 12px !important;
    }

    .communication-record {
        margin-top: -18px !important;
    }

    .resume-action .resume-action__inner .small-screen-btn {
        margin-left: 0;
    }

    .resume-action .resume-action__inner .resume-button {
        flex: 0;
        margin-left: 22px;
        min-width: auto;
    }

        .resume-action .resume-action__inner .resume-button.full-width, .resume-action .resume-action__inner .resume-button.full-width .km-button, .resume-action .resume-action__inner .resume-button.is-full-button, .resume-action .resume-action__inner .resume-button.is-full-button .km-button, .resume-action .resume-action__inner .resume-button.is-single, .resume-action .resume-action__inner .resume-button.is-single .km-button {
            width: auto;
        }

        .resume-action .resume-action__inner .resume-button.small-screen-btn, .resume-action .resume-action__inner .resume-button:first-child {
            margin-left: 0 !important;
        }

    .resume-action .resume-action__inner .revert-button .km-button {
        width: auto !important;
    }

    .resume-action .resume-action__inner .km-button.small-screen-btn {
        min-width: auto !important;
    }

    .resume-action .resume-action__inner .km-button.resume-btn-small__icon {
        min-width: 32px !important;
    }

    #root:not(.app-layout--collapsed) .talent-experience__name {
        max-width: 257px !important;
    }
}

@media screen and (max-width:1366px) {
    .talent-basic-info__basic, .talent-basic-info__extra, .talent-experience {
        font-size: 13px;
        line-height: 20px;
    }

        .talent-basic-info__basic span:last-child {
            max-width: 100px;
        }

    .talent-experience__time {
        width: 110px !important;
    }

    .resume-item__action {
        margin-left: 16px !important;
    }

    .talent-experience__name {
        max-width: 290px !important;
    }

    #root:not(.app-layout--collapsed) .talent-experience__name {
        max-width: 240px !important;
    }
}

.resume-item__content {
    align-items: flex-start !important;
    cursor: pointer;
    position: relative;
}

.resume-item__basic {
    display: flex;
    flex-shrink: 0;
    width: 383px;
}

.resume-item__portrait {
    display: flex;
    flex-shrink: 0;
    width: 64px;
}

.resume-item__basic-info {
    display: flex;
    margin-left: 16px;
    min-width: 0;
}

.resume-item__experience {
    align-self: center;
    display: flex;
    margin-left: 40px;
    min-width: 0;
}

.resume-item__debug {
    color: #7a7f99;
    font-size: 14px;
    left: -10px;
    padding: 4px 10px;
    position: absolute;
    top: -24px;
}

.candidate-selector {
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    position: relative;
    width: 30px;
}

.action-result__bg, .action-result__inner {
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
}

.action-result {
    height: 32px;
    position: relative;
    width: 208px;
}

.action-result__bg {
    background: #e2ecff;
    border-radius: 3px;
    z-index: 2;
}

.action-result__inner {
    color: #7a7f99;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    z-index: 3;
}

.action-result__icon {
    background-size: 100%;
    color: #1155c2;
    display: inline-block;
    font-size: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    width: 16px;
}

    .action-result__icon.icon-none {
        display: none;
    }

    .action-result__icon.icon-check {
        background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/check.052d48.png);
    }

html.is-retina .action-result__icon.icon-check {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/check@2x.f0404e.png);
}

.action-result__icon.icon-close {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/close.7387f4.png);
}

html.is-retina .action-result__icon.icon-close {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/close@2x.426c96.png);
}

.action-result__text {
    vertical-align: middle;
}

.action-result .bg-enter-active {
    transition: all .2s ease-in-out;
}

.action-result .bg-enter, .action-result .bg-leave-to {
    opacity: 0;
    transform: translateX(100%);
}

.action-result .inner-enter-active {
    transition: all .2s ease-in-out .1s;
}

.action-result .inner-enter, .action-result .inner-leave-to {
    opacity: 0;
    transform: scale(.5);
}

.app-job-selector-filter {
    width: 220px;
}

.app-job-selector__date {
    align-items: center;
    display: flex;
    flex-direction: column;
}

    .app-job-selector__date .k-date-picker {
        width: 100%;
    }

.app-job-selector__date-join-line {
    border-left: 1px solid #e2e4ee;
    flex-shrink: 0;
    height: 8px;
    margin-left: -36px;
    width: 148px;
}

.app-job-selector__date .k-input {
    white-space: nowrap;
}

.app-job-selector__title {
    font-weight: 700;
    padding: 12px 20px 8px;
}

.app-job-selector__filter-tags {
    margin-bottom: -4px;
    margin-top: 8px;
}

    .app-job-selector__filter-tags .k-tag {
        margin-bottom: 4px;
    }

.app-job-selector__empty-image {
    height: 140px;
    width: 156px;
}

    .app-job-selector__empty-image > img {
        height: 100% !important;
    }

.app-job-selector__option {
    display: flex;
    flex-direction: column;
    max-width: 400px;
}

    .app-job-selector__option > .k-tag {
        margin-top: 4px;
    }

.app-job-selector-popper {
    min-width: 340px;
}

.is-ie .app-job-selector-popper .km-select__dropdown {
    height: 320px;
}

.app-job-selector-popper .km-select__search {
    margin-bottom: 0;
    padding: 20px;
}

.app-job-selector-popper .km-option {
    padding: 12px 20px;
}

    .app-job-selector-popper .km-option.is-hovered {
        background-color: rgba(88,124,247,.05);
    }

.app-job-selector__job {
    align-items: center;
    display: flex;
}

.app-job-selector__job-tag {
    background: #fff;
    border: 1px solid rgba(61,126,255,.15);
    border-radius: 2px;
    color: #1155c2;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-left: 6px;
    min-width: 32px;
    padding: 0 3px;
}

.app-job-selector--rpo-mark {
    background: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/rpo-mark.328377.svg) 0 0 no-repeat;
    background-size: cover;
    box-shadow: 0 6px 5px -3px hsla(31,41%,64%,.5);
    display: block;
    flex-shrink: 0;
    height: 15px;
    margin-right: 6px;
    width: 32px;
}

.km-select__search-input {
    background-color: unset;
    border-color: #e2e4ee;
}

.resume-coupon__dropdown {
    display: flex;
}

.resume-coupon__dropdown--time {
    color: #7a7f99;
}

.resume-balances {
    height: 36px;
}

.resume-balances, .resume-balances__text {
    align-items: center;
    display: flex;
    overflow: hidden;
    width: 100%;
}

.resume-balances__text--label {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-balances__text--icon {
    flex-shrink: 0;
    margin-left: 4px;
}

.resume-balances__text .km-icon:hover {
    color: #717f99;
    cursor: pointer;
}

.resume-balances__label {
    display: flex;
}

.resume-balances__label--name {
    display: flex;
    overflow: hidden;
}

.resume-balances__label--tip {
    color: #b8c0cb;
    flex-shrink: 0;
    margin-left: 8px;
}

.resume-balances__dropdown {
    align-items: center;
    display: flex;
}

.resume-balances__dropdown--time {
    color: #b8c0cb;
    flex-shrink: 0;
}

.resume-balances .select-label__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-balances .select-label__balance {
    white-space: nowrap;
}

.avatar-group {
    align-items: center;
    display: flex;
    position: relative;
}

    .avatar-group div:first-child {
        display: flex;
    }

.avatar-group__item {
    background-color: #fff;
    display: inline-block;
    position: relative;
    transition: all .5s;
}

    .avatar-group__item img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.avatar-group__shadow {
    align-items: center;
    background-color: rgba(16,16,48,.4);
    display: flex;
    justify-content: space-around;
    padding: 2px 3px 0;
    position: relative;
}

.avatar-group__shadow-item {
    background-color: #fff;
    border-radius: 1px;
    height: 2px;
    transform: scale(1.3);
    width: 2px;
}

.avatar-group__label span {
    color: #474c66;
    font-size: 14px;
    padding-left: 12px;
}

    .avatar-group__label span:hover {
        color: #1155c2;
    }

.avatar-group__wrapper-left-enter-active, .avatar-group__wrapper-middle-enter-active, .avatar-group__wrapper-right-enter-active {
    transition: all .5s;
}

.avatar-group__wrapper-left-leave-active, .avatar-group__wrapper-middle-leave-active, .avatar-group__wrapper-right-leave-active {
    position: absolute;
}

.avatar-group__wrapper-left-enter, .avatar-group__wrapper-right-leave-to {
    opacity: 0;
    transform: translateX(-32px) scale(0);
}

.avatar-group__wrapper-left-leave-to, .avatar-group__wrapper-middle-enter, .avatar-group__wrapper-middle-leave-to, .avatar-group__wrapper-right-enter {
    opacity: 0;
    transform: scale(0);
}

.resume-pay__type-icon .icon-check {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-check.262dec.png);
}

html.is-retina .resume-pay__type-icon .icon-check {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-check@2x.cdb675.png);
}

.resume-pay .pay-type__wrap-icon {
    background: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon11@2x.61bf34.png) no-repeat 0/cover;
}

.resume-pay-rights__package-mark-icon {
    background: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/rights-package.36c1fa.png) no-repeat 0/cover;
}

html.is-retina .resume-pay-rights__package-mark-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/rights-package@2x.124888.png);
}

.setting-greet {
    width: 534px;
}

    .setting-greet .km-popover__inner {
        padding: 0;
    }

    .setting-greet .km-popover__title {
        align-items: center;
        display: flex;
        height: 52px;
        margin: 0;
        padding: 0 20px;
    }

.setting-greet__body {
    padding: 8px 20px 20px;
}

.setting-greet__footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.setting-greet__list {
    color: #141933;
}

.setting-greet__list--wrapper {
    display: flex;
}

.setting-greet__special .setting-greet__list--wrapper:first-child .km-radio:first-child {
    align-items: center;
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/bg.065842.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    height: 68px;
    width: 100%;
}

html.is-retina .setting-greet__special .setting-greet__list--wrapper:first-child .km-radio:first-child {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/bg@2x.67e247.png);
}

.setting-greet__special .setting-greet__list--wrapper:first-child .km-radio:first-child .km-radio__icon {
    align-self: flex-start;
    margin-top: 15px;
}

.setting-greet__list--custom .km-radio__icon {
    margin-top: 12px !important;
}

.setting-greet__list .km-radio {
    align-items: unset;
    line-height: 22px;
    margin-bottom: 16px;
    padding-left: 8px;
}

.setting-greet__list .km-radio__icon {
    flex-shrink: 0;
    margin-top: 3px;
}

.setting-greet__list .km-radio__label {
    font-size: .875rem;
    max-height: 66px;
    overflow: hidden;
}

.setting-greet__close {
    color: #7a7f99;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 17px;
}

.setting-greet__textarea--wrapper {
    position: relative;
}

    .setting-greet__textarea--wrapper textarea {
        max-height: 154px;
        overflow: hidden;
    }

.setting-greet__textarea {
    padding-bottom: 22px;
    width: 462px;
}

    .setting-greet__textarea .km-scrollbar__wrap {
        overflow: unset;
    }

    .setting-greet__textarea .km-input__original.is-textarea {
        height: auto;
    }

.setting-greet__length {
    bottom: 0;
    color: #b8b0cb;
    position: absolute;
    right: 8px;
}

.setting-greet__length--over {
    color: red;
}

.setting-greet__special .km-popover__title {
    padding-top: 4px;
}

.tooltip-interest-chat.km-tooltip {
    z-index: 12 !important;
}

.chat-set-greet .km-modal__body {
    overflow-y: auto;
    padding: 0 44px;
}

.chat-set-greet .km-modal__header {
    background-color: #fff;
    height: 44px;
}

.chat-set-greet .km-modal__close-btn {
    position: relative;
    top: 8px;
}

.chat-set-greet .km-modal__footer .km-button--light.km-button--outlined {
    color: #141933;
}

.chat-set-greet__content-form .km-radio__label {
    color: #141933;
    font-size: 14px;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
}

.chat-set-greet__content-form .km-radio__icon {
    align-self: flex-start;
    flex-shrink: 0;
    position: relative;
    top: 4px;
}

.chat-set-greet__content-form-item {
    margin-bottom: 16px;
}

.chat-set-greet__content-textarea {
    align-items: flex-start;
    display: flex;
}

    .chat-set-greet__content-textarea .km-radio {
        margin-right: 0;
    }

    .chat-set-greet__content-textarea .km-form {
        flex: 1;
    }

        .chat-set-greet__content-textarea .km-form .km-form-item {
            margin-bottom: 0 !important;
        }

    .chat-set-greet__content-textarea .km-input.is-textarea {
        padding-bottom: 20px;
    }

.chat-set-greet__content-textarea-count {
    background-color: rgba(0,0,0,0);
    bottom: 1px;
    color: #b8c0cb;
    font-size: 12px;
    position: absolute;
    right: 8px;
}

.chat-set-greet__content-textarea-count-invalid {
    color: #fb6160;
}

.chat-set-greet__content-title {
    display: flex;
    margin-bottom: 28px;
}

.chat-set-greet__content-title-left {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/xiaozhi.1c24e4.png);
    background-size: cover;
    height: 48px;
    width: 48px;
}

.chat-set-greet__content-title-right {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 12px;
}

    .chat-set-greet__content-title-right p {
        color: #7a7f99;
        font-size: 14px;
        line-height: 20px;
    }

        .chat-set-greet__content-title-right p:first-child {
            color: #141933;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
        }

.set-greet-success-modal .km-modal__body {
    overflow-y: auto;
    padding: 0 44px;
}

.set-greet-success-modal .km-modal__header {
    background-color: #fff;
    height: 48px;
}

.set-greet-success-modal .km-modal__close-btn {
    position: relative;
    top: 8px;
}

.set-greet-success-modal__con {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.set-greet-success-modal__icon {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/tick.8bd796.png);
    background-size: cover;
    height: 56px;
    width: 56px;
}

.set-greet-success-modal__title {
    color: #141933;
    font-size: 18px;
    font-weight: 700;
    margin-top: 22px;
}

.set-greet-success-modal__sub {
    color: #7a7f99;
    font-size: 14px;
    margin-top: 8px;
}

.set-greet-success-modal__example {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/example.9d9298.png);
    background-size: cover;
    height: 158px;
    margin-top: 20px;
    width: 100%;
}

.set-greet-success-modal__btn {
    margin-top: 32px;
}

    .set-greet-success-modal__btn .km-button {
        width: 184px;
    }

.group-mismatch .km-modal__header {
    background: #fff;
    height: 46px;
}

.group-mismatch .km-modal__close-btn {
    width: 28px;
}

.group-mismatch .km-modal__body {
    padding: 0;
}

.group-mismatch .km-modal__footer {
    justify-content: space-between;
    padding: 24px 20px;
}

.group-mismatch.has-box-shadow .km-modal__footer {
    box-shadow: 0 -4px 6px 0 rgba(6,6,136,.05);
}

.group-mismatch__tip {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

    .group-mismatch__tip .icon {
        background: #10b966;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        height: 24px;
        line-height: 26px;
        margin-right: 12px;
        text-align: center;
        width: 24px;
    }

    .group-mismatch__tip .title {
        color: #141933;
        font-size: 18px;
        font-weight: 500;
    }

.group-mismatch__list {
    margin-top: 20px;
    max-height: 190px;
    overflow: auto;
    padding: 0 38px;
}

.group-mismatch__list-sentinel {
    height: 5px;
    width: 1px;
}

.group-mismatch__body .job {
    font-size: 16px;
    font-weight: 700;
    max-width: 300px;
}

.group-mismatch__body .creator {
    display: inline-block;
    max-width: 200px;
}

.group-mismatch__body .city {
    display: inline-block;
    max-width: 100px;
}

.group-mismatch__staff {
    margin-top: 10px;
}

    .group-mismatch__staff > span:not(:last-child):after {
        color: #7a7f99;
        content: "·";
        display: inline-block;
        text-align: center;
        width: 4px;
    }

.group-mismatch__item {
    background: rgba(61,126,255,.04);
    display: flex;
    margin-bottom: 8px;
    margin-right: 0;
}

    .group-mismatch__item .km-checkbox__icon {
        border: 1px solid #e2e4ee;
        height: 16px;
        margin-left: 34px;
        margin-top: -26px;
        width: 16px;
    }

    .group-mismatch__item .km-checkbox__label {
        flex: 1;
        padding: 18px 14px;
    }

.mismatch-set-modal .km-modal__body {
    padding: 20px 24px;
}

.mismatch-set-modal .km-modal__footer {
    padding-top: 3px;
}

.mismatch-set-modal__content {
    min-height: 325px;
    width: 100%;
}

.mismatch-set-modal__pick {
    margin-bottom: 20px;
}

    .mismatch-set-modal__pick label {
        color: #141933;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
    }

.mismatch-set-modal__custom--box {
    background-color: #f2f3f8;
    border-radius: 4px;
    color: #474c66;
    display: flex;
    height: 44px;
    justify-content: space-between;
    line-height: 44px;
    margin: 8px 0 0 25px;
    padding: 0 16px;
}

.mismatch-set-modal__custom--text {
    flex: 1;
    margin-right: 16px;
}

.mismatch-set-modal__reason--box {
    border: 1px solid #dadce6;
    border-radius: 4px;
    margin: 8px 0 0 25px;
    max-height: 200px;
}

.mismatch-set-modal__reasons--line {
    display: flex;
    line-height: 44px;
    max-height: 88px;
    padding: 0 16px;
    width: 100%;
}

    .mismatch-set-modal__reasons--line:hover {
        background-color: rgba(88,124,247,.05);
    }

.mismatch-set-modal__reasons--title {
    font-size: 14px;
    font-weight: 600;
    width: 110px;
}

.mismatch-set-modal__reasons--icon {
    background: #dadce6;
    font-size: 0;
    height: 16px;
    margin-top: 14px;
    width: 1px;
}

.mismatch-set-modal__reasons--content {
    color: #7a7f99;
    flex: 1;
    padding: 11px 12px;
}

.mismatch-set-modal__reasons--content--none {
    color: #b8bbcc;
}

.mismatch-set-modal__reasons--content div {
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
}

.mismatch-set-modal__reasons--button {
    width: 30px;
}

    .mismatch-set-modal__reasons--button .km-ripple {
        align-items: flex-start;
    }

.mismatch-set-modal__hidden {
    display: none;
}

.mismatch-reply-edit .km-modal__body {
    padding-top: 20px;
}

.mismatch-reply-edit__tip {
    color: #7a7f99;
    font-size: .875rem;
    line-height: 22px;
    margin: 0 0 20px;
}

.mismatch-reply-edit__operation {
    display: flex;
    justify-content: flex-end;
    margin-top: 48px;
}

.mismatch-reply-edit__editor {
    position: relative;
}

    .mismatch-reply-edit__editor .km-input__original.is-textarea {
        padding: 12px 16px;
        resize: none;
    }

.mismatch-reply-edit__editor__invalid .km-input, .mismatch-reply-edit__editor__invalid .km-input.is-active, .mismatch-reply-edit__editor__invalid .km-input.is-focused, .mismatch-reply-edit__editor__invalid .km-input:active, .mismatch-reply-edit__editor__invalid .km-input:focus {
    border-color: #fb6160 !important;
    box-shadow: 0 0 5px .15em rgba(251,97,96,.251) !important;
}

.mismatch-reply-edit__editor .is-disabled {
    background: #f8f9fc;
    border: 1px solid #e2e4ee;
}

.mismatch-reply-edit__error {
    color: #fb6160;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-top: 4px;
    position: relative;
}

.mismatch-reply-edit .text-count {
    bottom: 4px;
    color: #b8bbcc;
    font-size: 12px;
    position: absolute;
    right: 8px;
    text-align: right;
    width: 100%;
}

    .mismatch-reply-edit .text-count.is-valid {
        color: #fb6160;
    }

.no-hover .km-button--primary.km-button--text {
    cursor: default;
}

    .no-hover .km-button--primary.km-button--text:hover {
        color: #7a7f99 !important;
    }

.mismatch-popover {
    display: none;
}

    .mismatch-popover .km-popover__inner {
        padding: 0;
    }

.mismatch-grayscale {
    display: block;
}

.mismatch-popover-box {
    max-width: 360px;
    min-width: 300px;
    overflow: hidden;
}

.mismatch-popover-title {
    display: flex;
    height: 56px;
    justify-content: space-between;
    line-height: 56px;
    padding: 0 24px;
    width: 100%;
}

.mismatch-popover-title__text {
    color: #141933;
    flex: 1;
    font-size: 16px;
    font-weight: 600;
}

.mismatch-popover-content {
    border-top: 1px solid #e6e8f2;
    width: 100%;
}

.mismatch-popover-content__custom {
    cursor: pointer;
    padding: 15px 24px;
    width: 100%;
}

.mismatch-popover-content__custom--text {
    color: #7a7f99;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
    width: 100%;
}

.mismatch-popover-content__reasons--line {
    border-top: 1px solid #f2f3f8;
    color: #474c66;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: space-between;
    line-height: 40px;
    padding: 0 24px;
}

    .mismatch-popover-content__reasons--line:first-child {
        border-top: none;
    }

    .mismatch-popover-content__reasons--line:hover {
        background-color: rgba(88,124,247,.05);
    }

.mismatch-popover-content__reasons--icon {
    background: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/message.9c1d07.svg) no-repeat 50%;
    height: 16px;
    margin: auto 0;
    width: 16px;
}

.mismatch-popover-content__reasons--icon--none {
    background: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/no-message.8f80d7.svg) no-repeat 50%;
}

.mismatch-popover-content__reasons--icon:hover {
    background: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/message-hover.96411b.svg) no-repeat 50%;
}

.mismatch-popover-content__reasons--icon--none:hover {
    background: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/no-message-hover.174c7c.svg) no-repeat 50%;
}

.mismatch-popover-content__reasons--guide {
    height: auto;
    line-height: 22px;
    max-height: 66px;
    max-width: 280px;
    overflow: hidden;
}

.download-data-table-th {
    background-color: #f6f7fa;
    border-radius: 4px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
}

.download-data-table-row, .download-data-table-th {
    color: #141933;
    display: flex;
    font-size: 14px;
    width: 100%;
}

.download-data-table-row {
    border-bottom: 1px solid #e8ebf3;
    height: 50px;
    line-height: 50px;
}

.download-data-table-row__column {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.download-data-table {
    height: 100%;
}

.download-data-table__data-wrapper {
    height: calc(100% - 40px);
    overflow-y: auto;
}

.avatar-local-upload .upload-loading {
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
}

.ka-portrait {
    border-radius: 50%;
    position: relative;
}

.ka-portrait--editable {
    cursor: pointer;
}

    .ka-portrait--editable:hover {
        border: 3px solid #1155c2;
    }

.ka-portrait .modify-modal {
    align-items: center;
    background-color: rgba(0,0,0,.3);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ka-portrait .modify-modal-mini {
    background-color: #1155c2;
    border: 2px solid #fff;
    bottom: 0;
    left: auto;
    right: 0;
    top: auto;
}

    .ka-portrait .modify-modal-mini .km-icon {
        transform: scale(.65);
    }

    .ka-portrait .modify-modal-mini:hover {
        background-color: #548dff;
    }

.portrait-form-modal .km-modal__body {
    padding: 24px 32px;
    position: static;
}

.portrait-form-modal .portrait-form {
    margin-top: 8px;
}

.portrait-form, .portrait-form .tabs-content__wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: center;
}

.portrait-preview {
    margin-left: 32px;
}

.portrait-preview__wrapper {
    align-items: center;
    display: flex;
    height: 220px;
    justify-content: center;
    width: 236px;
}

.portrait-preview__tip {
    color: #7a7f99;
    margin-bottom: 30px;
}

.portrait-preview__title {
    color: #141933;
    font-size: .875rem;
    height: 20px;
    margin-top: 28px;
}

.portrait-preview__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.portrait-preview__first {
    margin-bottom: 32px;
}

.portrait-preview__text {
    color: #b8c0cb;
    font-size: .75rem;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    text-align: center;
}

.weixin-scan {
    flex-direction: column;
}

.weixin-scan, .weixin-scan__qr-code {
    align-items: center;
    display: flex;
    justify-content: center;
}

.weixin-scan__qr-code {
    background-color: #eaeff9;
    height: 200px;
    margin-bottom: 8px;
    width: 200px;
}

.weixin-scan__label {
    color: #7a7f99;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.avatar-local-upload__btn .km-icon {
    font-size: 20px;
}

.avatar-local-upload__part {
    align-items: center;
    background: #fff;
    border: 1px solid #e8ebf3;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 220px;
    justify-content: center;
    width: 220px;
}

.avatar-local-upload__footer .save-btn {
    bottom: 24px;
    position: absolute;
    right: 32px;
}

.avatar-local-upload .upload-loading {
    align-items: center;
    background: rgba(0,0,0,.2);
    display: flex;
    justify-content: center;
    z-index: 2;
}

.avatar-local-upload__title {
    color: #7a7f99;
    font-size: .875rem;
    height: 20px;
    line-height: 20px;
}

.avatar-local-upload__section {
    height: 220px;
    position: relative;
}

.avatar-local-upload__crop {
    height: 220px;
    width: 100%;
}

.avatar-local-upload__btn.flex-important {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .avatar-local-upload__btn.flex-important .upload-icon {
        color: #b8c0cb;
        font-size: 30px;
        left: 20px;
        position: absolute;
        top: 24px;
    }

    .avatar-local-upload__btn.flex-important .update-refresh {
        bottom: 24px;
        position: absolute;
        right: 150px;
    }

.avatar-local-upload .default-image {
    cursor: pointer;
    display: inline-block;
    height: 56px;
    margin: 8px;
    position: relative;
    width: 56px;
}

    .avatar-local-upload .default-image img {
        border-radius: 50%;
        display: inline-block;
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

.avatar-local-upload .default-image__border {
    background: none;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 60px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 60px;
}

    .avatar-local-upload .default-image__border .km-icon {
        background: #fff;
        border-radius: 50%;
        bottom: 0;
        color: #1e9bf5;
        display: none;
        font-size: 16px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        right: 0;
        text-align: center;
        width: 16px;
    }

    .avatar-local-upload .default-image__border.is-active {
        border: 1px solid #1e9bf5;
    }

        .avatar-local-upload .default-image__border.is-active .km-icon {
            display: inline-block;
        }

.download-row-city-price {
    border-bottom: 1px solid #e8ebf3;
    display: flex;
    padding: 15px 0 3px 20px;
}

.download-row-city-price__left {
    width: 84px;
}

.download-row-city-price__right {
    flex: 1;
}

.download-row-city-price__right-item {
    display: flex;
    padding-bottom: 12px;
}

.download-row-city-price__right-left {
    padding-right: 30px;
    width: 328px;
}

.resume-buttons-chat__candidate {
    align-items: center;
    display: flex;
}

.resume-buttons-chat__candidate--name {
    font-weight: 700;
    margin-left: 12px;
}

.resume-pay .km-modal--normal {
    min-height: 558px;
    width: 580px;
}

.resume-pay .km-modal__body {
    padding: 0;
}

.resume-pay .km-form-item__label {
    color: #40415a;
    justify-content: flex-end;
}

.resume-pay .km-form-item__content {
    align-items: center;
    display: flex;
}

    .resume-pay .km-form-item__content .avatar-group {
        left: -2px;
        position: relative;
        width: 33.3333333333%;
    }

.resume-pay__tips {
    background: #f6f7fa;
    border-radius: 4px;
    color: #7a7f99;
    line-height: 22px;
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 16px;
    padding: 7px 16px;
}

    .resume-pay__tips > ul {
        list-style-type: disc;
        margin-left: 16px;
    }

.resume-pay__form {
    margin-left: 24px;
    margin-right: 44px;
    margin-top: 24px;
}

.resume-pay__form-filter-tip {
    color: #e49a08;
    margin-top: -12px;
}

    .resume-pay__form-filter-tip .km-icon {
        color: #faad14;
        padding-right: 6px;
        position: relative;
        top: 1px;
    }

.resume-pay__candidate {
    align-items: center;
    display: flex;
}

.resume-pay__candidate--count {
    margin-left: 20px;
}

    .resume-pay__candidate--count span {
        margin-right: 12px;
    }

.resume-pay__balance .km-form-item__label {
    align-self: flex-start;
    margin-top: 11px;
}

.resume-pay__balance .km-form-item__content {
    align-items: flex-start;
    flex-direction: column;
    overflow: hidden;
}

.resume-pay__type {
    font-size: 14px !important;
    height: 36px !important;
    margin-right: 12px;
    width: 106px;
}

    .resume-pay__type.km-button--primary.km-button--outlined-plus {
        border-color: #1155c2;
    }

.resume-pay__type-icon .icon-check {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/icon-check.262dec.png);
    background-size: 100%;
    bottom: 0;
    height: 20px;
    position: absolute;
    right: 0;
    width: 20px;
}

html.is-retina .resume-pay__type-icon .icon-check {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/icon-check@2x.cdb675.png);
}

.resume-pay__sum {
    height: 20px;
    margin-bottom: 0;
}

.resume-pay__price {
    color: #fb6160;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}

.resume-pay__original-price {
    color: #7a7f99;
    text-decoration: line-through;
}

.resume-pay__extra {
    color: #7a7f99;
    display: flex;
    margin-top: 8px;
}

.resume-pay .pay-type__wrap {
    display: flex;
    overflow: visible;
    position: relative;
}

    .resume-pay .pay-type__wrap:not(:first-child) {
        margin-left: 16px;
    }

.resume-pay .pay-type__wrap--text {
    background-image: linear-gradient(135deg,#f28c20,#fc624d);
    border-radius: 12px 1px 12px 1px;
    box-shadow: 1px 2px 2px 0 rgba(255,201,179,.5);
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 20px;
    padding: 0 8px;
    position: absolute;
    top: -10px;
    z-index: 2;
}

.resume-pay .pay-type__wrap-icon {
    background: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/icon11@2x.61bf34.png) no-repeat 0/cover;
    background-size: cover;
    height: 16px;
    left: 0;
    position: absolute;
    top: -13px;
    width: 80px;
    z-index: 2;
}

.resume-pay .pay-type__wrap--button .km-ripple {
    padding: 0 4px !important;
}

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

.resume-pay-rights__package {
    align-items: center;
    background-image: linear-gradient(180deg,#fff4f3,#fffbf7);
    border-radius: 4px;
    height: 68px;
    justify-content: space-between;
    margin-top: 24px;
    padding: 0 18px;
    width: 420px;
}

.resume-pay-rights__package-mark {
    background-image: linear-gradient(59deg,#ff8178 12%,#ffcd97);
    border-radius: 8px 1px 8px 1px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    left: 0;
    line-height: 12px;
    padding-left: 8px;
    position: absolute;
    text-shadow: 0 0 4px #ec7a69;
    top: 18px;
    user-select: none;
    width: 90px;
}

.resume-pay-rights__package-mark-icon {
    background: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rights-package.36c1fa.png) no-repeat 0/cover;
    height: 12px;
    margin-right: 4px;
    width: 12px;
}

html.is-retina .resume-pay-rights__package-mark-icon {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rights-package@2x.124888.png);
}

.resume-pay-rights__package-title {
    color: #60330d;
    font-size: 15px;
    font-weight: bolder;
}

.resume-pay-rights__package-title-sub {
    color: #60330d;
    font-size: 12px;
    opacity: .6;
}

.resume-pay-rights__package-button {
    background: #ff743b !important;
    font-size: 14px;
    height: 32px;
    width: 78px;
}

.pay-job-selector-popper {
    width: 420px;
}

.resume-pay__strategy {
    align-items: center;
    display: flex;
    margin-right: 24px;
}

    .resume-pay__strategy .km-radio {
        margin-right: 4px;
    }

    .resume-pay__strategy .km-radio__label {
        font-size: 14px;
        padding-left: 8px;
    }

    .resume-pay__strategy .km-icon:hover {
        color: #717f99;
        cursor: pointer;
    }

.resume-pay__price-list {
    align-items: center;
    display: flex;
}

    .resume-pay__price-list > span {
        font-size: 14px;
        margin-left: 12px;
        margin-right: 4px;
    }

    .resume-pay__price-list .km-icon:hover {
        color: #717f99;
        cursor: pointer;
    }

.resume-pay__with-divider:after {
    color: #e0e3eb;
    content: "|";
    font-size: 12px;
    margin-left: 12px;
}

.resume-pay__with-divider:before {
    color: #e0e3eb;
    content: "|";
    font-size: 12px;
    margin-left: 10px;
}

.resume-pay__price--label {
    display: flex;
}

.resume-pay__price--container {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 7px;
    position: relative;
    top: -1px;
}

.resume-pay .rights-entry {
    background: #f6f7fa;
    border-radius: 4px;
    font-size: 14px;
    margin: 26px 0 4px;
    padding: 9px 12px;
    width: 382px;
}

    .resume-pay .rights-entry span {
        color: #f2665b;
        font-weight: 600;
    }

    .resume-pay .rights-entry .sati-chevron-right {
        color: #147dff;
        margin: -1px 0 0 4px;
        vertical-align: middle;
    }

    .resume-pay .rights-entry .km-button {
        margin-left: 8px;
    }

.resume-price {
    margin-left: -110px;
    width: 542px;
}

.resume-price__detail {
    margin: -12px -16px;
    padding-bottom: 10px;
    width: 540px;
}

.resume-price__inner:first-child {
    border-bottom: 1px solid #e2e4ee;
    margin-bottom: -2px;
    padding-bottom: 10px;
}

.resume-price__name {
    background: #f6f7fa;
    color: #141933;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    margin-bottom: -2px;
    padding: 0 24px;
}

.resume-price__item {
    color: #7a7f99;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px;
    padding: 0 24px;
}

.resume-price__label {
    flex-shrink: 0;
    margin-right: 24px;
    text-align: center;
    width: 74px;
}

.resume-price__content {
    flex-wrap: wrap;
}

.resume-price .km-popover__inner {
    padding: 16px 20px 0;
}

.resume-pay__pay-detail {
    height: 404px;
    width: 500px;
}

.interview-type-popover .km-popover__inner {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center;
    width: 272px;
}

.interview-type-popover .interview-type-content {
    display: flex;
}

.interview-type-popover .interview-type-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .interview-type-popover .interview-type-item:not(:last-child) {
        margin-right: 64px;
    }

.interview-type-popover .interview-type-icon {
    background-size: cover;
    border-radius: 50%;
    height: 48px;
    line-height: 48px;
    margin-bottom: 8px;
    text-align: center;
    width: 48px;
}

    .interview-type-popover .interview-type-icon.is-attend {
        background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/attend-icon.709383.png);
    }

html.is-retina .interview-type-popover .interview-type-icon.is-attend {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/attend-icon@2x.c83bab.png);
}

.interview-type-popover .interview-type-icon.is-video {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/video-icon.9ebc6b.png);
}

html.is-retina .interview-type-popover .interview-type-icon.is-video {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/video-icon@2x.498fb7.png);
}

.interview-type-popover .interview-type-text {
    font-weight: 500;
}

    .interview-type-popover .interview-type-text:hover {
        color: #1155c2;
    }

.interview-type-popover .interview-type-tips {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/tencent-tips.5ea2b5.png);
    background-size: cover;
    height: 16px;
    left: 24px;
    position: absolute;
    top: -8px;
    width: 70px;
}

html.is-retina .interview-type-popover .interview-type-tips {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/tencent-tips@2x.45b8ad.png);
}

.timer__popper .km-scrollbar {
    max-height: 320px;
}

.consultant-detail {
    color: #141933;
}

.consultant-detail__wrapper {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/bg-day.08d013.png) no-repeat 0 0;
    background-size: 100% 100%;
    height: 320px;
    padding: 32px;
    width: 420px;
}

html.is-retina .consultant-detail__wrapper {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/bg-day@2x.3c4094.png);
}

.consultant-detail__head {
    display: flex;
    justify-content: flex-start;
}

.consultant-detail__head-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 14px;
}

.consultant-detail__head-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
    max-width: 90px;
}

.consultant-detail__head-tip {
    align-items: center;
    display: flex;
    height: 72px;
    line-height: 24px;
    margin-top: 5px;
    overflow: hidden;
    padding-right: 10px;
}

.consultant-detail__head-tip-wrapper {
    display: flex;
}

.consultant-detail__head-tip .marks {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/marks.9dcba3.svg) no-repeat 0 0;
    background-position-y: -5px;
    background-size: 100% 100%;
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    margin-right: 5px;
    width: 10px;
}

.consultant-detail__head-tip .marks--end {
    margin-right: 0;
    transform: rotate(180deg);
    vertical-align: bottom;
}

.consultant-detail__content {
    margin-top: 22px;
    padding-top: 22px;
}

    .consultant-detail__content p {
        line-height: 14px;
    }

        .consultant-detail__content p .km-icon {
            color: #1155c2;
            font-size: 10px;
            margin-right: 18px;
        }

        .consultant-detail__content p:not(:last-child) {
            margin-bottom: 20px;
        }

.consultant-detail__hotline {
    line-height: 14px;
    margin-top: 30px;
}

.consultant-detail .km-popover__inner {
    border: 0;
    padding: 0;
}

.consultant-detail .km-popover__inner__inner {
    background-color: none;
}

.consultant-detail .km-modal {
    width: 420px;
}

.consultant-detail .km-modal__header {
    height: 0;
}

.consultant-detail .km-modal__body {
    padding: 0;
}

.consultant-detail .km-modal__close-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 666;
}

.consultant-detail--night {
    box-shadow: none;
}

    .consultant-detail--night .consultant-detail__wrapper {
        background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/bg-night.5a2086.png);
        color: #fff;
        height: 240px;
        padding: 20px 30px 30px;
        width: 345px;
    }

html.is-retina .consultant-detail--night .consultant-detail__wrapper {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/bg-night@2x.c88b76.png);
}

.consultant-detail--night .consultant-detail__head-tip {
    height: 80px;
    line-height: 20px;
    margin-top: 0;
    padding-right: 0;
}

    .consultant-detail--night .consultant-detail__head-tip .marks {
        background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/marks-night.971ea5.svg);
    }

.consultant-detail--night .consultant-detail__content {
    border-top: 1px solid hsla(0,0%,100%,.1);
    margin-top: 18px;
}

    .consultant-detail--night .consultant-detail__content p:not(:last-child) {
        margin-bottom: 15px;
    }

    .consultant-detail--night .consultant-detail__content .km-icon {
        color: #b8bbcc;
    }

.consultant-detail--night.km-popover[x-placement^=right].km-popover--no-arrow {
    margin-left: 0;
}

.consultant-detail--day .consultant-detail__wrapper {
    border-radius: 4px;
}

.consultant-detail--day .consultant-detail__content {
    padding-top: 24px;
}

.consultant-detail--empty .consultant-detail__wrapper {
    align-items: center;
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/bg-day-empty.69a164.png);
    display: flex;
    font-weight: 700;
    height: 240px;
    justify-content: center;
}

html.is-retina .consultant-detail--empty .consultant-detail__wrapper {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/bg-day-empty@2x.ed0df9.png);
}

.consultant-detail--empty .consultant-detail__hotline {
    margin-top: 0;
}

.popover-trigger--consultant {
    line-height: 0;
}

.address-empty-slot {
    color: #7a7f99;
    font-size: 12px;
    padding: 0 36px 8px;
}

    .address-empty-slot .km-empty {
        color: #141933;
        font-size: 14px;
        padding: 16px 0;
    }

    .address-empty-slot .km-empty__img {
        margin-bottom: 16px;
    }

        .address-empty-slot .km-empty__img img {
            height: 110px;
        }

.address-selector-modal .km-modal__body {
    padding: 0;
}

.address-selector-modal .km-modal__footer {
    align-items: center;
    border-top: 1px solid #f2f3f8;
    display: flex;
    justify-content: space-between;
}

.address-selector-modal__list {
    height: 473px;
}

.address-selector-modal__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 12px 24px;
}

    .address-selector-modal__item:hover {
        background: rgba(88,124,247,.05);
    }

    .address-selector-modal__item .km-radio {
        cursor: pointer;
        flex: 1;
        font-size: 14px;
        padding: 18px 20px;
    }

    .address-selector-modal__item .km-radio__label {
        align-items: center;
        display: flex;
    }

    .address-selector-modal__item .address-tag {
        background: rgba(88,124,247,.05);
        border: 1px solid rgba(88,124,247,.15);
        border-radius: 2px;
        color: #1155c2;
        font-size: 12px;
        margin-right: 8px;
        padding: 2px 4px;
    }

    .address-selector-modal__item .address-info {
        max-width: 540px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .address-selector-modal__item .address-operate {
        color: #b8bbcc;
        cursor: pointer;
    }

        .address-selector-modal__item .address-operate:hover {
            color: #1155c2;
        }

        .address-selector-modal__item .address-operate.edit-btn {
            margin-right: 20px;
        }

        .address-selector-modal__item .address-operate.delete-btn {
            font-size: 16px;
            margin: 0 32px;
        }

.delete-address-confirm-popover .km-popover__inner {
    padding: 0;
}

.delete-address-confirm-popover .delete-confirm__inner {
    height: 136px;
    padding: 16px 20px 20px;
    width: 240px;
}

.delete-address-confirm-popover .delete-confirm__title {
    align-items: center;
    color: #141933;
    display: flex;
    font-size: 16px;
}

    .delete-address-confirm-popover .delete-confirm__title .km-icon {
        color: #faaa14;
        font-size: 20px;
        margin-right: 8px;
    }

.delete-address-confirm-popover .delete-confirm__subtitle {
    color: #7a7f99;
    font-size: 12px;
    margin-top: 4px;
    padding-left: 28px;
}

.delete-address-confirm-popover .delete-confirm__btn {
    display: flex;
    justify-content: end;
    margin-top: 22px;
}

    .delete-address-confirm-popover .delete-confirm__btn .km-button {
        min-width: auto;
    }

        .delete-address-confirm-popover .delete-confirm__btn .km-button + .km-button {
            margin-left: 8px;
        }

.addition-info .is-checked.km-button, .checked.is-checked {
    background-color: rgba(88,124,247,.05);
    border: 1px solid rgba(88,124,247,.2);
    color: #1155c2;
}

    .addition-info .is-checked.km-button .icon, .checked.is-checked .icon {
        filter: none;
    }

.addition-info {
    align-items: center;
    display: flex;
}

    .addition-info .km-checkbox {
        margin-right: 16px;
    }

    .addition-info .km-button {
        width: 140px;
    }

    .addition-info .setting-url {
        color: #7a7f99;
        text-decoration: underline;
    }

.interview-form__notice--input .km-scrollbar {
    height: 100%;
}

    .interview-form__notice--input .km-scrollbar .is-textarea {
        height: 86px !important;
    }

.interview-form__notice--choice .km-tag--light {
    background-color: #f0f2f6;
}

.interview-form__notice .textarea-number {
    background: #fff;
    bottom: 1px;
    color: hsla(227,7%,51%,.6);
    font-size: 12px;
    padding: 2px 2px 2px 4px;
    position: absolute;
    right: 16px;
}

.interview-form__notice .textarea-number__active {
    color: #ea4c4f;
}

.checked.is-checked, .is-checked.interview-platform__btn {
    background-color: rgba(88,124,247,.05);
    border: 1px solid rgba(88,124,247,.2);
    color: #1155c2;
}

    .checked.is-checked .icon, .is-checked.interview-platform__btn .icon {
        filter: none;
    }

.interview-platform__btn {
    width: 140px;
}

    .interview-platform__btn + .interview-platform__btn {
        margin-left: 16px !important;
    }

.lazy-list__wrapper {
    position: relative;
}

.lazy-list__observer {
    bottom: 0;
    height: 200px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.interviewers-staff-selector .km-input__icon {
    display: none;
}

.interviewers-staff-selector__popper {
    width: 300px !important;
}

    .interviewers-staff-selector__popper.is-empty {
        display: none;
    }

.interviewers-staff-selector__item {
    align-items: center;
    display: flex;
}

    .interviewers-staff-selector__item .card-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 12px;
    }

    .interviewers-staff-selector__item .card-top {
        align-items: center;
        display: flex;
        line-height: 20px;
    }

    .interviewers-staff-selector__item .card-job, .interviewers-staff-selector__item .card-name {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .interviewers-staff-selector__item .card-job {
        color: #b8bbcc;
        font-size: 12px;
        margin-left: 4px;
    }

    .interviewers-staff-selector__item .card-icon {
        background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/attestation.813852.png);
        background-size: cover;
        height: 12px;
        margin-left: 4px;
        width: 12px;
    }

html.is-retina .interviewers-staff-selector__item .card-icon {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/attestation@2x.242460.png);
}

.interviewers-staff-selector__item .card-email {
    color: #7a7f99;
    font-size: 12px;
    margin-top: 2px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interviewer-item-form {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    position: relative;
}

    .interviewer-item-form .km-form-item:first-child {
        margin-right: 16px;
        width: 140px;
    }

    .interviewer-item-form .km-form-item:nth-child(2) {
        flex: 1;
    }

    .interviewer-item-form .km-form-item.is-invalid {
        margin-bottom: 8px;
    }

.interviewer-item-form__remove {
    color: #b8bbcc;
    cursor: pointer;
    position: absolute;
    right: -24px;
    top: 10px;
}

    .interviewer-item-form__remove:hover {
        color: #1155c2;
    }

.interviewers-history {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin-left: 24px;
}

.interviewers-history__tip {
    color: #7a7f99;
    display: block;
    line-height: 28px;
    margin-right: 8px;
}

.interviewers-history__tag {
    border-radius: 4px;
    cursor: pointer;
    height: 28px;
}

    .interviewers-history__tag:not([disabled]):hover {
        background-color: rgba(61,126,255,.05) !important;
        color: #1155c2;
    }

    .interviewers-history__tag.is-disabled {
        cursor: not-allowed;
        pointer-events: auto;
    }

    .interviewers-history__tag > div {
        max-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.interviewers-form__title {
    color: #7a7f99;
    margin-bottom: 16px;
}

.interviewers-form__item {
    position: relative;
}

.interviewers-form__footer {
    display: flex;
}

.contact-item-form {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    position: relative;
}

.contact-item-form__name {
    margin-right: 16px;
    width: 140px;
}

.contact-item-form__number {
    align-items: flex-start;
    display: flex;
    flex: 1;
}

.contact-item-form__type {
    width: 96px;
}

    .contact-item-form__type .km-input {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0;
    }

        .contact-item-form__type .km-input:hover {
            border-color: #e2e4ee;
        }

        .contact-item-form__type .km-input.is-active {
            border-color: #e2e4ee;
            box-shadow: none;
            outline: none;
        }

.contact-item-form__cellphone, .contact-item-form__telephone {
    flex: 1;
}

    .contact-item-form__cellphone .km-input, .contact-item-form__telephone .km-input {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.contact-item-form .km-form-item.is-invalid {
    margin-bottom: 8px;
}

.contact-item-form__remove {
    color: #b8bbcc;
    cursor: pointer;
    position: absolute;
    right: -24px;
    top: 10px;
}

    .contact-item-form__remove:hover {
        color: #1155c2;
    }

.contacts-history {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin-left: 24px;
}

.contacts-history__tip {
    color: #7a7f99;
    display: block;
    line-height: 28px;
    margin-right: 8px;
}

.contacts-history__tag {
    border-radius: 4px;
    cursor: pointer;
    height: 28px;
}

    .contacts-history__tag:not([disabled]):hover {
        background-color: rgba(61,126,255,.05) !important;
        color: #1155c2;
    }

    .contacts-history__tag.is-disabled {
        cursor: not-allowed;
        pointer-events: auto;
    }

    .contacts-history__tag > div {
        max-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.contacts-form__title {
    color: #7a7f99;
    margin-bottom: 16px;
}

.contacts-form__item {
    position: relative;
}

.contacts-form__footer {
    display: flex;
}

.interview-form > .km-form-item {
    flex-shrink: 0;
    padding-right: 24px;
}

    .interview-form > .km-form-item:last-child {
        margin-bottom: 0;
    }

.interview-form .km-form-item__label {
    color: #40415a;
}

.interview-form .km-input.is-disabled {
    border-color: #e2e4ee;
}

.interview-form__time > .km-form-item__content {
    display: flex;
}

.interview-form__time--item {
    margin-right: 16px;
    width: 140px;
}

.interview-form__contacts {
    align-items: baseline;
}

.interview-form__email--note {
    color: #7a7f99;
    margin: 8px 0;
}

.interview-form__email .km-form-item__label {
    margin-top: -34px;
}

.interview-form__interviewers {
    align-items: baseline;
}

.interview-form__notice {
    align-items: flex-start;
}

    .interview-form__notice .km-form-item__label {
        margin-top: 14px;
    }

    .interview-form__notice .km-form-item__invalid {
        left: auto;
        right: 0;
    }

.interview-form__notice--choice {
    color: #b8bbcc;
    font-size: .75rem;
    margin-top: 8px;
}

    .interview-form__notice--choice > a {
        padding-right: 4px;
    }

.interview-form__SMSReminder {
    position: relative;
}

    .interview-form__SMSReminder .km-checkbox__label {
        padding-left: 6px;
    }

.interview-form__SMSReminder-desc {
    color: #7a7f99;
    margin-left: 6px;
}

.interview-form__SMSReminder-img {
    height: 16px;
    left: -30px;
    position: absolute;
    top: -14px;
    width: 32px;
    z-index: 1;
}

.interview-way {
    color: #222;
    cursor: pointer;
    font-size: 14px;
}

    .interview-way:hover {
        color: #1155c2;
    }

    .interview-way .icon {
        font-size: 14px;
        margin-right: 4px;
    }

.interview-modal .km-modal__header {
    background-image: linear-gradient(180deg,#f5f7fa,#e8ebf3);
    box-shadow: 0 1px 0 0 #f6f7fa;
    flex-shrink: 0;
    height: 102px;
    position: relative;
    width: 100%;
}

.interview-modal .km-modal__title {
    display: flex;
    margin-right: 60px;
    padding: 0;
}

.interview-modal .km-modal__close-btn {
    margin: 0;
    position: absolute;
    right: 4px;
    top: 4px;
}

.interview-modal .km-modal__body {
    padding: 0;
}

.interview-modal .km-modal .km-modal__scroll-view {
    padding: 24px 20px 40px 44px;
}

.interview-modal .km-modal__footer {
    flex-shrink: 0;
}

.interview-modal__title {
    flex: 1;
    padding-left: 44px;
}

.interview-modal__title-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.interview-modal__title .interview-title {
    display: flex;
    font-size: 20px;
    font-weight: 600;
}

    .interview-modal__title .interview-title > div {
        max-width: 216px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.interview-modal__title .job-title {
    color: #474c66;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
}

    .interview-modal__title .job-title > div {
        max-width: 480px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.copy-interview {
    cursor: pointer;
}

.interview-cancel {
    font-size: .875rem;
}

    .interview-cancel .km-modal__body {
        padding: 32px 24px;
    }

.interview-cancel__tip {
    color: #7a7f99;
}

.interview-cancel__radio {
    color: #141933;
    font-size: .875rem;
    line-height: 40px !important;
}

    .interview-cancel__radio:first-child {
        margin-top: 18px;
    }

.interview-cancel__other {
    align-items: flex-start;
    margin-top: 12px;
}

.interview-cancel__other-label {
    line-height: 1 !important;
    margin-bottom: 12px;
}

.interview-cancel__textarea {
    padding-bottom: 16px;
    width: 506px;
}

.interview-cancel__length {
    bottom: 0;
    color: #b8b0cb;
    position: absolute;
    right: 8px;
}

.interview-cancel__length--over {
    color: red;
}

.comment-modal .is-font-large {
    font-size: 16px;
}

.comment-modal .km-modal__body {
    padding: 32px 24px;
}

.comment-modal__tip {
    font-weight: 500;
}

.comment-modal__tip-mark {
    align-items: center;
    color: #7a7f99;
    display: flex;
    font-size: 14px !important;
    font-weight: 400;
    justify-content: center;
}

.comment-modal__mark .km-modal__header {
    background-color: unset;
}

.comment-modal__mark-head {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    margin: -26px 0 24px;
}

.comment-modal__mark-success {
    color: #2fce7e;
    font-size: 24px;
    margin-right: 12px;
}

.comment-modal__choose-box {
    display: flex;
    justify-content: space-between;
    margin: 32px auto 20px;
}

.comment-modal__buttons {
    align-items: center;
    background: #fff;
    border: 1px solid #e8ebf3;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    height: 120px;
    justify-content: center;
    width: 156px;
}

    .comment-modal__buttons.result-choose {
        background: #f7f8ff;
        border: 1px solid #dee5fd;
        color: #1155c2;
    }

.comment-modal__buttons--bg {
    background-size: 100%;
    display: inline-block;
    height: 52px;
    width: 52px;
}

.comment-modal__is-pass .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass.944f08.png);
}

html.is-retina .comment-modal__is-pass .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass@2x.1d332b.png);
}

.comment-modal__is-fail .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-fail.aeb2f3.png);
}

html.is-retina .comment-modal__is-fail .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-fail@2x.9351d8.png);
}

.comment-modal__is-pending .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pending.f05b60.png);
}

html.is-retina .comment-modal__is-pending .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pending@2x.85e2ba.png);
}

.result-choose.comment-modal__is-pass .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass-active.bf624c.png);
}

html.is-retina .result-choose.comment-modal__is-pass .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass-active@2x.a0632b.png);
}

.result-choose.comment-modal__is-fail .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-fail-active.a1199b.png);
}

html.is-retina .result-choose.comment-modal__is-fail .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-fail-active@2x.84d03c.png);
}

.result-choose.comment-modal__is-pending .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pending-active.70129e.png);
}

html.is-retina .result-choose.comment-modal__is-pending .comment-modal__buttons--bg {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pending-active@2x.e94ab5.png);
}

.comment-modal .submit-tip {
    color: #ea4c4f;
    font-size: .75rem;
    margin: 9px auto;
}

.comment-modal__textarea .is-textarea {
    height: 176px !important;
}

.comment-modal__textarea-wrapper {
    position: relative;
}

    .comment-modal__textarea-wrapper .textarea-number {
        bottom: 8px;
        color: hsla(227,7%,51%,.6);
        position: absolute;
        right: 8px;
    }

    .comment-modal__textarea-wrapper .textarea-number__active {
        color: #ea4c4f;
    }

.comment-modal__notice--content {
    word-break: break-all;
}

.multi-search-select {
    position: relative;
}

    .multi-search-select .km-input__original {
        display: flex;
    }

.multi-search-select__search {
    height: unset !important;
    min-height: 36px;
}

    .multi-search-select__search .km-input__original {
        height: unset !important;
        padding-bottom: 6px !important;
        padding-top: 0 !important;
    }

    .multi-search-select__search .km-input__icon {
        padding: 0 10px 0 0;
    }

    .multi-search-select__search .km-rd-tag {
        border: none;
        margin-top: 6px;
    }

        .multi-search-select__search .km-rd-tag:hover {
            border-width: 0 !important;
        }

        .multi-search-select__search .km-rd-tag:last-child {
            margin-right: 8px;
        }

.multi-search-select__input {
    border: none;
    flex: 1;
    font-size: 14px;
    height: 22px;
    margin-top: 6px;
    outline: none;
}

    .multi-search-select__input::-moz-placeholder {
        color: #b8c0cb;
    }

    .multi-search-select__input::-webkit-input-placeholder {
        color: #b8c0cb;
    }

    .multi-search-select__input:-moz-placeholder {
        color: #b8c0cb;
    }

    .multi-search-select__input:-ms-input-placeholder {
        color: #b8c0cb;
    }

.multi-search-select__options {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 7px 8px -4px rgba(181,192,210,.2),0 12px 17px 2px rgba(181,192,210,.14),0 5px 22px 4px rgba(181,192,210,.12);
    margin-top: 4px;
    max-height: 224px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 10;
}

    .multi-search-select__options .km-image__inner {
        height: 100% !important;
    }

.multi-search-select__option {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px 14px;
}

.multi-search-select__option--active, .multi-search-select__option--hover {
    background-color: #f7f8ff;
    color: #1155c2;
}

.user-multi-search-select-new__card {
    align-items: center;
    display: flex;
    height: 80px;
    line-height: 22px;
    padding: 20px 24px;
}

.user-multi-search-select-new__card-info {
    display: flex;
}

    .user-multi-search-select-new__card-info .card-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 12px;
    }

        .user-multi-search-select-new__card-info .card-right span {
            display: inline-block;
        }

    .user-multi-search-select-new__card-info .card-top {
        align-items: baseline;
        display: flex;
        line-height: 18px;
    }

    .user-multi-search-select-new__card-info .card-job {
        color: #b8bbcc;
        font-size: 12px;
        margin-left: 8px;
        max-width: 140px;
    }

    .user-multi-search-select-new__card-info .card-name {
        max-width: 140px;
    }

    .user-multi-search-select-new__card-info .card-email-name {
        max-width: 340px;
    }

    .user-multi-search-select-new__card-info .card-icon {
        background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/attestation.813852.png);
        background-size: cover;
        height: 12px;
        margin-left: 3px;
        position: relative;
        top: 1px;
        width: 12px;
    }

html.is-retina .user-multi-search-select-new__card-info .card-icon {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/attestation@2x.242460.png);
}

.user-multi-search-select-new__card-info .un-valid-icon {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/un-valid.d5c2c4.png);
    background-size: cover;
    height: 20px;
    margin-left: 6px;
    position: relative;
    top: 5px;
    width: 53px;
}

html.is-retina .user-multi-search-select-new__card-info .un-valid-icon {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/un-valid@2x.3418bb.png);
}

.user-multi-search-select-new__card-info .card-email {
    color: #7a7f99;
    display: block;
    font-size: 12px;
    max-width: 200px;
}

.user-multi-search-select-new__card:hover {
    background: #f7f8ff;
}

.user-multi-search-select-new__tips {
    align-items: center;
    display: flex;
    padding: 12px 16px;
}

.user-multi-search-select-new__tips-text {
    color: #d49011;
    font-size: 12px;
    line-height: 24px;
    padding-left: 6px;
}

.user-multi-search-select-new__empty {
    align-items: center;
    color: #7a7f99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
}

.user-multi-search-select-new .is-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-multi-search-select-new .multi-search-select__option {
    align-items: center;
    color: #141933;
    font-weight: 500;
    padding: 12px 16px;
}

.user-multi-search-select-new .multi-search-select__search .km-input__original {
    padding-bottom: 3px !important;
    padding-left: 3px !important;
}

.user-multi-search-select-new .multi-search-select__search .km-rd-tag {
    line-height: 28px;
    margin-right: 4px;
    margin-top: 3px;
}

.user-multi-search-select-new .multi-search-select__labels {
    width: 100%;
}

    .user-multi-search-select-new .multi-search-select__labels .km-rd-tag span {
        max-width: 314px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.user-multi-search-select-new .multi-search-select__input {
    height: 28px;
    margin-top: 3px;
}

    .user-multi-search-select-new .multi-search-select__input[disabled] {
        background-color: #fff;
        cursor: not-allowed;
    }

.user-multi-search-select-new .multi-search-select__search .km-scrollbar__view {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.user-multi-search-select-new .km-empty {
    padding: 0;
}

.forward-wechat__checkbox {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.forward-link__textbox-pure {
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
}

.forward-resume .km-modal__header {
    height: 56px;
}

    .forward-resume .km-modal__header .km-icon.sati-times {
        font-size: 1.2rem;
    }

    .forward-resume .km-modal__header .km-button {
        min-width: 40px;
    }

.forward-resume .km-modal__body {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.forward-resume__title {
    font-size: 1rem;
    font-weight: 600;
}

.forward-resume__tip {
    color: #7a7f99;
    font-size: .875rem;
    font-weight: 400;
    margin-left: 24px;
}

.forward-resume__navs {
    position: relative;
    width: 168px;
}

    .forward-resume__navs:before {
        background: #e6e8f2;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
    }

.forward-resume__nav {
    align-items: center;
    color: #7a7f99;
    display: flex;
    height: 56px;
    padding: 0 32px;
}

    .forward-resume__nav:hover {
        color: #1155c2;
    }

.forward-resume__nav--active {
    background: rgba(88,124,247,.1);
    border-right: 3px solid #1155c2;
    color: #1155c2;
    font-weight: 700;
    transform: scale(1);
}

.forward-resume__nav img {
    height: 24px;
    margin-right: 12px;
    width: 24px;
}

.forward-resume__main {
    padding: 24px 40px;
}

.forward-form {
    padding-right: 20px;
}

    .forward-form .km-form-item {
        align-items: start;
    }

    .forward-form .km-form-item__label {
        color: #474c66;
        line-height: 2.5;
    }

.forward-form__wrapper {
    height: 512px;
    margin-right: -20px;
    position: relative;
}

.forward-form__scrollbar {
    height: calc(100% - 50px);
}

.forward-form__action {
    bottom: 0;
    padding-right: 4px;
    position: absolute;
    right: 0;
}

.forward-form .text-area__count {
    background: #fff;
    bottom: 4px;
    color: #b8bbcc;
    font-size: 12px;
    position: absolute;
    right: 10px;
}

.forward-form__receiver .km-form-item__invalid {
    display: none;
}

.forward-form__receiver-error {
    color: #fb6160;
    font-size: .875rem;
    line-height: 22px;
}

.forward-form__note .km-form-item__content .km-control .km-scrollbar .km-scrollbar__view textarea {
    min-height: 62px;
}

.forward-form__selector {
    width: 478px;
}

.batch-forward-email {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    width: 100%;
}

.batch-forward-email__main {
    flex-grow: 1;
    height: 404px;
    overflow-y: auto;
    padding: 28px 44px 0 32px;
}

.batch-forward-email__popover {
    white-space: nowrap;
}

    .batch-forward-email__popover .km-popover__inner {
        background: rgba(0,2,6,.9);
        padding: 8px 12px;
    }

    .batch-forward-email__popover .km-popover__arrow:after {
        border-top-color: rgba(0,2,6,.9) !important;
    }

.batch-forward-email__popover__inner {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px;
}

.batch-forward-email__popover__close {
    cursor: pointer;
    position: relative;
    top: -12px;
}

.batch-forward-email .km-form-item__content {
    flex-grow: 1;
    min-width: 0;
}

.batch-forward-email .form-content__history {
    padding-left: 87px;
}

.batch-forward-email__footer {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 24px;
}

.batch-forward-email .form-content {
    margin-bottom: 20px;
}

.batch-forward-email .form-content__email {
    margin-bottom: 8px;
}

    .batch-forward-email .form-content__email .km-form-item__invalid {
        position: relative;
    }

.batch-forward-email .form-content .km-form-item__label {
    align-self: flex-start;
    display: inline;
    line-height: 36px;
    min-width: 65px;
    text-align: right;
}

.batch-forward-email .text-area__count {
    background: #fff;
    bottom: 4px;
    color: #b8bbcc;
    font-size: 12px;
    position: absolute;
    right: 10px;
}

.email-history {
    margin: 8px 0 -8px;
}

.email-history__tip {
    color: #7a7f99;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
    width: 55px;
}

.email-history__tag {
    border-radius: 2px;
    cursor: pointer;
    height: 28px;
    margin-bottom: 8px;
}

    .email-history__tag[disabled] {
        pointer-events: auto;
    }

    .email-history__tag span {
        max-width: 380px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.email-edit {
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #e2e4ee;
    border-radius: 4px;
    cursor: text;
    display: flex;
    flex-wrap: wrap;
    min-height: 70px;
    overflow-y: auto;
    padding: 4px 8px 0;
    position: relative;
    width: 470px;
}

    .email-edit:hover {
        border-color: #b8c0cb;
    }

    .email-edit.is-focused {
        border-color: #1155c2;
        box-shadow: 0 0 5px .15em rgba(88,124,247,.25);
        outline: none;
    }

    .email-edit.is-invalid {
        border-color: #fb6160;
        box-shadow: 0 0 5px .15em rgba(251,97,96,.12);
    }

.email-edit__tag {
    background: #f2f3f8 !important;
    border-radius: 4px;
    cursor: auto;
    flex-shrink: 0;
    font-size: .875rem;
    height: 28px;
    margin: 0 4px 4px 0;
    max-width: 100%;
    vertical-align: top;
    word-break: break-all;
}

    .email-edit__tag .km-tag__icon {
        font-size: .75rem;
    }

    .email-edit__tag.km-tag--clearable:hover {
        background-color: rgba(242,243,248,.7) !important;
        border-color: rgba(0,0,0,0) !important;
        color: #7a7f99 !important;
    }

    .email-edit__tag .km-tag-clear:hover {
        color: inherit !important;
    }

.email-edit__tag-wrapper {
    max-width: 100%;
}

.email-edit__input {
    display: inline-block;
    flex: 1;
    line-height: 30px;
    max-width: 100%;
    min-height: 30px;
    min-width: 70px;
    overflow: hidden;
    position: relative;
}

    .email-edit__input input {
        background: rgba(0,0,0,0);
        border: none;
        caret-color: #1155c2;
        font-size: 14px;
        height: 100%;
        outline: none;
        padding: 0;
        position: absolute;
        width: 100%;
    }

        .email-edit__input input::placeholder {
            color: #b8bbcc;
        }

    .email-edit__input .test-insert {
        display: none;
    }

    .email-edit__input .email-edit__holder {
        display: block;
        height: 0;
        visibility: hidden;
        word-break: break-all;
    }

    .email-edit__input.is-disabled {
        flex: auto;
        width: 200px;
    }

        .email-edit__input.is-disabled input {
            cursor: not-allowed;
        }

.email-edit.is-editing .email-edit__input {
    flex: auto;
    flex-shrink: 0;
    line-height: 28px;
    max-width: fit-content;
    min-height: 28px;
}

.email-edit.is-editing .email-edit__holder {
    white-space: nowrap;
    width: fit-content;
}

.forward-link .interview-tip {
    color: #474c66 !important;
}

.forward-link .click-icon {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/click@3x.85fb2a.png);
    background-size: cover;
    display: inline-block;
    height: 20px;
    margin-right: 6px;
    width: 20px;
}

.forward-link__count {
    align-items: center;
    display: flex;
    margin-bottom: 24px;
}

    .forward-link__count > span {
        color: #474c66;
        margin-right: 16px;
    }

.forward-link__form .km-form-item {
    align-items: flex-start;
    margin-left: -9px;
}

.forward-link__form .km-form-item__label {
    color: #474c66;
    display: inline;
    line-height: 36px;
    min-width: 65px;
    text-align: right;
}

.forward-link__textbox {
    background-color: #f8f9fc;
    border: 1px dashed #dadce6;
    border-radius: 4px;
    height: 140px;
    line-height: 22px;
    position: relative;
}

    .forward-link__textbox .is-flex {
        bottom: 20px;
        position: absolute;
        right: 20px;
    }

.forward-link__textbox-pure {
    color: #1155c2;
}

.forward-link .copy-icon {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/new-copy-job.d03cc4.png);
    background-size: cover;
    display: inline-block;
    height: 14px;
    margin-right: 4px;
    width: 14px;
}

html.is-retina .forward-link .copy-icon {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/new-copy-job@2x.af107b.png);
}

.forward-link__result {
    height: 100%;
    padding: 12px 20px 20px;
    width: 100%;
    word-break: break-all;
}

    .forward-link__result .km-button:not(.km-button--square):not(.km-button--text) > .km-ripple {
        padding: 0;
    }

.forward-wechat {
    display: flex;
}

.forward-wechat__content {
    margin-right: 24px;
}

.forward-wechat__img {
    background-color: #f1f5fb;
    height: 512px;
    overflow: hidden;
    position: relative;
    width: 288px;
}

    .forward-wechat__img img {
        height: 100%;
        width: 100%;
    }

    .forward-wechat__img .loading-err {
        background-color: hsla(0,0%,100%,.8);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
    }

    .forward-wechat__img .loading-err__tip {
        color: #141933;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 36px;
        margin-top: 170px;
        text-align: center;
    }

        .forward-wechat__img .loading-err__tip .km-button {
            width: 184px;
        }

    .forward-wechat__img .loading-err--delete {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        padding: 174px 88px 0;
    }

.forward-wechat__tip {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/wechat-guide.5dc1dc.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 75px;
    margin: 130px 0 150px;
    width: 244px;
}

html.is-retina .forward-wechat__tip {
    background-image: url(//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/wechat-guide@2x.985110.png);
}

.forward-wechat__look-guide {
    color: #7a7f99;
    width: 212px;
}

.forward-wechat__checkbox {
    margin-top: 24px;
}

.forward-wechat #forward-weixin {
    left: 0;
    position: absolute;
    top: 0;
}

.forward-weixin {
    background: #fff;
    color: #fff;
    font-family: PingFangSC-Regular,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,arial,sans-serif;
    font-size: 12px;
    height: 512px;
    margin: 0;
    position: relative;
    width: 288px;
}

.forward-weixin__wrapper {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 20px 14px 14px;
    position: absolute;
    top: 0;
    width: 100%;
}

.forward-weixin__note {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    height: 72px;
    line-height: 36px;
    margin: 36px 0;
    text-shadow: 0 1px 12px rgba(0,0,0,.15);
}

.forward-weixin__qrcode {
    border-radius: 4px;
    bottom: 6px;
    height: 66px;
    overflow: hidden;
    position: absolute;
    right: 16px;
    width: 66px;
}

.forward-weixin__qrcode-code {
    height: 100%;
    width: 100%;
}

    .forward-weixin__qrcode-code canvas, .forward-weixin__qrcode-code img {
        border-radius: 2px;
        height: 100%;
        width: 100%;
    }

.forward-weixin__qrcode-logo {
    height: 16px !important;
    left: 25px;
    position: absolute;
    top: 25px;
    width: 16px !important;
}

.forward-weixin .forward-date {
    color: #fff;
    display: inline-block;
    font-family: Futura-Medium,PingFangSC-Regular,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,arial,sans-serif;
    height: 64px;
    position: relative;
    width: 28px;
}

    .forward-weixin .forward-date:after {
        border: 1px solid #fff;
        bottom: 0;
        content: "";
        display: block;
        position: absolute;
        width: 20px;
    }

    .forward-weixin .forward-date .forward-month {
        font-size: 24px;
        line-height: 1;
    }

    .forward-weixin .forward-date .forward-day {
        font-size: 16px;
        line-height: 1;
        margin-top: 5px;
        padding-left: 9px;
        position: relative;
    }

        .forward-weixin .forward-date .forward-day .sup {
            height: 11px;
            left: 0;
            overflow: hidden;
            position: absolute;
            top: 2px;
        }

.forward-weixin .forward-profile {
    box-sizing: border-box;
    color: #7a7f99;
    height: 246px;
    padding: 20px 16px 12px 12px;
    position: relative;
    width: 260px;
}

.forward-weixin .forward-profile__info {
    display: flex;
    height: 36px;
    margin-bottom: 20px;
}

    .forward-weixin .forward-profile__info:last-child {
        margin-bottom: 0;
    }

.forward-weixin .forward-profile__info-wrapper--more {
    margin-top: 8px;
}

.forward-weixin .forward-profile__info-avatar {
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    height: 36px;
    margin-right: 8px;
    vertical-align: top;
    width: 36px;
}

.forward-weixin .forward-profile__info .profile-detail {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: -2px;
}

.forward-weixin .forward-profile__info .profile-detail_name {
    color: #141933;
    font-family: PingFangSC-Medium,PingFangSC-Regular,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,arial,sans-serif;
    margin-bottom: 2px;
    width: 128px;
}

.forward-weixin .forward-profile__info .profile-detail_message {
    display: flex;
    width: 188px;
}

    .forward-weixin .forward-profile__info .profile-detail_message.is-separator > :not(:first-child):before {
        color: inherit;
        content: "|";
        display: inline-block;
        font-weight: 300;
        text-align: center;
        width: 7px;
    }

    .forward-weixin .forward-profile__info .profile-detail_message span {
        flex-basis: auto;
        flex-shrink: 0;
    }

.forward-weixin .forward-profile__experience {
    margin-left: 10px;
    margin-top: 20px;
    position: relative;
}

    .forward-weixin .forward-profile__experience .dot {
        border-left: 1px dashed #e2e4ee;
        height: 100%;
        left: 7px;
        position: absolute;
        width: 0;
    }

    .forward-weixin .forward-profile__experience .profile-experience li {
        align-items: flex-start;
        display: flex;
        margin-bottom: 10px;
        position: relative;
    }

        .forward-weixin .forward-profile__experience .profile-experience li:last-child {
            margin-bottom: 0;
        }

        .forward-weixin .forward-profile__experience .profile-experience li div {
            font-size: 12px;
            width: 180px;
        }

    .forward-weixin .forward-profile__experience .profile-experience__icon {
        height: 14px;
        left: 0;
        position: absolute;
        top: 0;
        width: 14px;
    }

    .forward-weixin .forward-profile__experience .profile-experience__info {
        display: inline-block;
        margin-left: 34px;
        margin-top: -3px;
        max-width: 192px;
    }

    .forward-weixin .forward-profile__experience .profile-experience__name {
        color: #141933;
        font-family: PingFangSC-Medium,PingFangSC-Regular,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,arial,sans-serif;
    }

.forward-weixin .forward-profile__more {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

    .forward-weixin .forward-profile__more span {
        background: #b8bbcc;
        border-radius: 50%;
        height: 3px;
        margin: 5px;
        width: 3px;
    }

.forward-weixin .resume-counts {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 22px;
    justify-content: center;
    position: absolute;
    right: -5px;
    top: 6px;
    width: 80px;
}

.interview-detail .km-modal__footer, .interview-detail .km-modal__header {
    flex-shrink: 0;
}

.interview-detail .km-modal__body {
    padding: 0;
}

    .interview-detail .km-modal__body .km-modal__scroll-view {
        padding: 32px 24px;
    }

.interview-detail__footer .start-interview {
    width: 100px;
}

    .interview-detail__footer .start-interview .km-ripple {
        padding: 0 10px !important;
    }

    .interview-detail__footer .start-interview .video-interview {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/white-video.960c77.svg);
        background-size: cover;
        display: inline-block;
        height: 16px;
        margin-right: 4px;
        width: 16px;
    }

.interview-detail__candidate {
    display: flex;
    margin-bottom: 28px;
}

.interview-detail__candidate--portrait {
    margin-right: 20px;
}

.interview-detail__candidate--info {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

    .interview-detail__candidate--info .candidate-name {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .interview-detail__candidate--info .candidate-talent {
        color: #1155c2;
        cursor: pointer;
        margin-left: 8px;
    }

        .interview-detail__candidate--info .candidate-talent .km-icon {
            margin-right: 4px;
        }

        .interview-detail__candidate--info .candidate-talent:hover {
            color: #1155c2;
        }

    .interview-detail__candidate--info .candidate-job-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.interview-detail__pagination {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 280px;
    overflow: hidden;
}

.interview-detail__pagination--total {
    color: #7a7f99;
    font-size: .75rem;
    margin-bottom: 14px;
    padding-left: 14px;
}

.interview-detail__pagination--num .km-pagination__pager {
    color: #7a7f99;
    height: 24px;
    line-height: 24px;
    min-width: 24px;
}

    .interview-detail__pagination--num .km-pagination__pager.km-pagination__pager--current {
        background: #1155c2;
        border-radius: 4px;
        color: #fff;
    }

.interview-detail__invitation {
    align-items: center;
    background-color: #f6f7fa;
    border-radius: 4px;
    display: flex;
    font-size: .875rem;
    height: 60px;
    padding: 0 20px;
}

.interview-detail__invitation--way {
    font-weight: 500;
}

.interview-detail__invitation--time {
    flex: 1;
}

.interview-detail__info-row {
    display: flex;
}

    .interview-detail__info-row:not(:last-child) {
        margin-bottom: 16px;
    }

    .interview-detail__info-row .row-label {
        color: #7a8193;
        font-size: 14px;
        text-align: left;
        width: 108px;
    }

    .interview-detail__info-row .row-text {
        flex: 1;
    }

.interview-detail .interview-platform-tencent {
    align-items: center;
    display: flex;
}

    .interview-detail .interview-platform-tencent .km-image {
        margin-right: 6px;
    }

    .interview-detail .interview-platform-tencent .meeting-code-copy {
        color: #1155c2;
        cursor: pointer;
    }

.interview-detail .interview-contact-list {
    display: flex;
    flex-wrap: wrap;
}

.interview-detail .interview-contact-item {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
}

    .interview-detail .interview-contact-item:not(:last-child) {
        margin-right: 12px;
    }

    .interview-detail .interview-contact-item .mobile-icon {
        color: #7a7f99;
        font-size: 12px;
        height: 20px;
        margin-right: 4px;
        width: 20px;
    }

    .interview-detail .interview-contact-item .avatar-icon {
        margin-right: 4px;
    }

.interview-detail .sms-notify {
    align-items: center;
    display: flex;
}

    .interview-detail .sms-notify .text {
        margin-left: 4px;
        margin-right: 8px;
    }

    .interview-detail .sms-notify .tips {
        color: #7a7f99;
        font-size: 12px;
    }

.interview-detail .info-forward {
    position: relative;
}

.interview-detail .info-forward__count {
    color: #7a8193;
    left: -8px;
    position: absolute;
    top: 20px;
}

.interview-detail .info-forward .row-share-list {
    display: flex;
    flex-wrap: wrap;
}

.interview-detail .info-forward__item {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
    margin-right: 12px;
}

.interview-detail__btns {
    display: flex;
}

    .interview-detail__btns .interview-button:not(:first-child) {
        margin-left: 16px;
    }

    .interview-detail__btns .interview-button__is-disabled {
        cursor: not-allowed !important;
        opacity: .5;
    }

.interview-detail__state {
    font-weight: 500;
}

.interview-detail__state--1 {
    color: #faaa14;
}

.interview-detail__state--2 {
    color: #fb6160;
}

.interview-detail__state--3 {
    color: #30ce7e;
}

.interview-detail__state--4, .interview-detail__state--5 {
    color: #fb6160;
}

.interview-detail__state--6 {
    color: #faaa14;
}

.interview-detail__state--7 {
    color: #30ce7e;
}

.interview-detail__state--8 {
    color: #fb6160;
}

.interview-detail__state--9 {
    color: #faaa14;
}

.interview-detail__state--10, .interview-detail__state--11 {
    color: #fb6160;
}

.interview-detail__state--12 {
    color: #faaa14;
}

.interview-button {
    min-width: 80px;
}

.save-resume__header {
    align-items: center;
    background: hsla(0,0%,100%,.1);
    border-radius: 20px;
    box-shadow: 5px 2px 10px 0 rgba(0,0,0,.1);
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin-bottom: 22px;
    margin-left: 16px;
    padding-left: 16px;
    padding-right: 8px;
    width: 500px;
}

.save-resume__header-content {
    color: #141933;
    font-size: 13px;
    font-weight: 700;
    padding: 0 8px;
}

.save-resume__header-button {
    background-image: linear-gradient(163deg,#679aff,#1155c2 98%);
    border-radius: 16px;
    box-shadow: 2px 2px 4px 0 rgba(61,126,255,.29);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 68px;
}

    .save-resume__header-button:hover {
        color: #fff;
    }

.save-resume__header .icon-dengpao {
    font-size: 18px;
    position: relative;
    top: -2px;
}

.save-resume__tips {
    color: #7a7f99;
    font-size: 12px;
    margin-left: calc(50% - 196px);
}

.save-resume .file-list {
    display: flex;
    justify-content: center;
}

    .save-resume .file-list .file-item:first-child {
        margin-right: 40px;
    }

    .save-resume .file-list .file-item {
        align-items: center;
        background: #fff;
        border: 1px solid #e2e4ee;
        border-radius: 4px;
        color: #141933;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        font-size: 14px;
        height: 108px;
        justify-content: center;
        position: relative;
        width: 176px;
    }

        .save-resume .file-list .file-item .km-icon {
            background-image: linear-gradient(137deg,#2c5ffe,#306cff 75%);
            border-radius: 4px 0 4px 0;
            bottom: -1px;
            color: #fff;
            display: none;
            font-size: 12px;
            height: 14px;
            line-height: 14px;
            position: absolute;
            right: -1px;
            text-align: center;
            width: 14px;
        }

        .save-resume .file-list .file-item.is-selected {
            border: 1px solid #3872ff;
            box-shadow: 0 2px 10px 0 rgba(61,126,255,.3);
        }

            .save-resume .file-list .file-item.is-selected .km-icon {
                display: block;
            }

    .save-resume .file-list .km-button {
        min-width: 121px;
    }

.gallery {
    display: flex;
}

.gallery-item {
    background: #fff;
    border: 1px solid #e2e4ee;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    height: 75px;
    margin-right: 8px;
    text-align: center;
    width: 100px;
}

.gallery-item__content {
    height: 100%;
    position: relative;
    user-select: none;
    width: 100%;
}

.gallery-item__image {
    height: 100%;
    width: 100%;
}

    .gallery-item__image img {
        height: 100%;
    }

.gallery-item__close {
    background: rgba(16,16,48,.7);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 5px;
}

    .gallery-item__close, .gallery-item__close .km-icon {
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

.gallery-item:hover .gallery-item__close {
    display: block;
}

.gallery-upload {
    border: 1px dashed #e2e4ee;
}

.gallery-upload__add {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.gallery-upload__add--icon {
    background: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/upload.7128b7.png) no-repeat 0 0;
    background-size: cover;
    height: 24px;
    width: 24px;
}

html.is-retina .gallery-upload__add--icon {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/upload@2x.d90bb6.png);
}

.gallery-upload__progress {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: center;
    width: 100%;
}

.gallery-upload__progress, .gallery-upload__success {
    background: rgba(16,16,48,.7);
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
}

.gallery-upload__success {
    height: 32px;
    line-height: 32px;
    margin: auto;
    right: 0;
    top: 0;
    width: 90px;
}

.gallery-upload__success--icon {
    background: rgba(0,0,0,0) url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass.87181e.png) no-repeat 50%;
    background-size: cover;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

html.is-retina .gallery-upload__success--icon {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass@2x.2eea92.png);
}

.gallery-upload__success--text {
    color: #fff;
    font-size: 14px;
}

.gallery-large .km-modal {
    background: none;
    box-shadow: none;
    width: auto;
}

.gallery-large .km-modal__body {
    padding: 0;
}

.gallery-large__body {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

    .gallery-large__body img {
        max-height: 80vh;
        max-width: 80vw;
    }

    .gallery-large__body .km-icon {
        color: #fff;
        cursor: pointer;
        font-size: 32px;
        position: fixed;
        right: 10px;
        top: 10px;
    }

.resume-report .km-modal__body {
    padding: 16px 24px 0;
}

.resume-report__alert {
    background: rgba(251,96,133,.05);
    border-radius: 4px;
    color: #fb606c;
    font-size: 14px;
    padding: 8px 18px;
}

.resume-report__form {
    margin-top: 24px;
}

    .resume-report__form .km-form-item {
        align-items: flex-start;
    }

    .resume-report__form .km-form-item__label {
        margin-top: 2px;
    }

.resume-report__type .km-form-item__label {
    margin-top: 8px;
}

.resume-report__type .km-radio {
    margin-bottom: 10px;
    margin-right: 54px;
}

    .resume-report__type .km-radio:nth-child(2) .km-radio__label, .resume-report__type .km-radio:nth-child(5) .km-radio__label {
        width: 150px;
    }

.resume-report__type .km-radio__ripple {
    display: none;
}

.resume-report__reason {
    position: relative;
}

.resume-report__reason-tip {
    bottom: 4px;
    color: #b8bbcc;
    font-size: 12px;
    position: absolute;
    right: 16px;
}

.resume-report__reason .km-form-item__label {
    margin-top: 13px;
}

.resume-report__reason .is-textarea textarea {
    resize: none;
}

.report-success__modal {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 42px 0 72px;
}

.report-success__title {
    color: #141933;
    font-size: 18px;
    font-weight: 500;
    margin-top: 24px;
}

.report-success__desc {
    color: #7a7f99;
    font-size: 14px;
    margin: 8px 0 40px;
    text-align: center;
    width: 490px;
}

.guarantee-intention {
    align-items: center;
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/bg.d35c33.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
    color: #7a7f99;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    padding: 16px 14px;
}

html.is-retina .guarantee-intention {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/bg@2x.9369a0.png);
}

.guarantee-intention__title {
    color: #141933;
    font-size: 16px;
    font-weight: 600;
    margin-right: 6px;
}

.guarantee-intention__scenes {
    background-image: linear-gradient(253deg,#c69f31,#ffeaad 51%,#eed794 100%,#eed794 0);
    border: 0 solid #d7b85f;
    border-radius: 0 100px 100px 100px;
    color: #6f5620;
    padding: 2px 6px;
}

.guarantee-intention__btn {
    background-image: linear-gradient(180deg,#787463 2%,#2d2826);
    border-radius: 15px;
    color: #f9e5b9;
    cursor: pointer;
    padding: 8px 10px;
}

.guarantee-intention__tip {
    color: #474c66;
}

.resume-button__forward {
    color: #141933;
    cursor: pointer;
    display: inline-block;
}

    .resume-button__forward .forward-icon {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/forward@2x.81df03.png);
        background-size: cover;
        display: inline-block;
        height: 16px;
        margin-right: 4px;
        width: 16px;
    }

.download-resume__top {
    align-items: center;
    background: hsla(0,0%,100%,.1);
    border-radius: 20px;
    box-shadow: 5px 2px 10px 0 rgba(0,0,0,.1);
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin: 0 auto 22px;
    padding: 0 8px 0 16px;
    width: 500px;
}

.download-resume__top-content {
    color: #141933;
    font-size: 13px;
    font-weight: 700;
    padding: 0 8px;
}

.download-resume__top-button {
    background-image: linear-gradient(163deg,#679aff,#3d7eff 98%);
    border-radius: 16px;
    box-shadow: 2px 2px 4px 0 rgba(61,126,255,.29);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 68px;
}

    .download-resume__top-button:hover {
        color: #fff;
    }

.download-resume__left {
    margin-bottom: 20px;
}

.download-resume__right {
    margin-top: 40px;
}

.download-resume__types {
    display: flex;
    justify-content: center;
}

.download-resume__types-item:first-child {
    margin-right: 40px;
}

.download-resume__types-item {
    align-items: center;
    background: #fff;
    border: 1px solid #e2e4ee;
    border-radius: 4px;
    color: #141933;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 108px;
    justify-content: center;
    position: relative;
    width: 176px;
}

    .download-resume__types-item .km-icon {
        background-image: linear-gradient(137deg,#2c5ffe,#306cff 75%);
        border-radius: 4px 0 4px 0;
        bottom: -1px;
        color: #fff;
        display: none;
        font-size: 12px;
        height: 14px;
        line-height: 14px;
        position: absolute;
        right: -1px;
        text-align: center;
        width: 14px;
    }

.download-resume__types-active {
    border: 1px solid #3872ff;
    box-shadow: 0 2px 10px 0 rgba(61,126,255,.3);
}

    .download-resume__types-active .km-icon {
        display: block;
    }

.download-resume__hint {
    color: #7a7f99;
    font-size: 12px;
    margin-left: calc(50% - 196px);
    margin-top: 12px;
}

.resume-button {
    color: #141933;
    cursor: pointer;
    display: flex;
}

.download-cell-candidate {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
}

    .download-cell-candidate .ka-portrait {
        top: -2px;
    }

    .download-cell-candidate span {
        padding-left: 8px;
    }

.bulk-download-modal .km-modal__body {
    height: calc(100% - 144px);
    padding: 20px 24px 0;
}

.km-button--minor.km-button--filled {
    background-color: #35b3fe;
    border-color: rgba(0,0,0,0);
    color: #fff;
}

    .km-button--minor.km-button--filled:not([disabled]).is-hovered:before, .km-button--minor.km-button--filled:not([disabled]):hover:before {
        background-color: #fff;
        opacity: .1;
    }

    .km-button--minor.km-button--filled:not([disabled]).is-focused:before, .km-button--minor.km-button--filled:not([disabled]):focus:before {
        background-color: #fff;
        opacity: .24;
    }

    .km-button--minor.km-button--filled:not([disabled]).is-active:before, .km-button--minor.km-button--filled:not([disabled]):active:before {
        background-color: #000;
        opacity: .15;
    }

    .km-button--minor.km-button--filled.is-raised, .km-button--minor.km-button--filled.is-raised.is-hovered, .km-button--minor.km-button--filled.is-raised:hover {
        box-shadow: 0 3px 1px -2px rgba(53,179,254,.2),0 2px 2px 0 rgba(53,179,254,.14),0 1px 5px 0 rgba(53,179,254,.12);
    }

        .km-button--minor.km-button--filled.is-raised.is-focused, .km-button--minor.km-button--filled.is-raised:focus {
            box-shadow: 0 2px 4px -1px rgba(53,179,254,.2),0 4px 5px 0 rgba(53,179,254,.14),0 1px 10px 0 rgba(53,179,254,.12);
        }

        .km-button--minor.km-button--filled.is-raised.is-active, .km-button--minor.km-button--filled.is-raised:active {
            box-shadow: 0 5px 5px -3px rgba(53,179,254,.2),0 8px 10px 1px rgba(53,179,254,.14),0 3px 14px 2px rgba(53,179,254,.12);
        }

.is-ie .km-select__dropdown {
    height: 320px;
}

.km-pagination__pager {
    color: #7a7f99;
}

.km-pagination__pager--current {
    background-color: #1155c2;
    color: #fff;
}

    .km-pagination__pager--current:hover {
        color: #fff;
    }

.km-pagination__jumper-input .km-input__original {
    text-align: center;
}

.km-pagination--small .km-pagination__size-changer {
    min-width: 120px;
    width: 120px;
}

.km-checkbox .km-checkbox__icon {
    border-color: #b8c0cb;
}

    .km-checkbox .km-checkbox__icon:hover {
        border-color: #1155c2;
    }

.km-radio--checked .km-radio__icon {
    background-color: #1155c2 !important;
}

.km-radio--checked .km-radio__icon-dot {
    background-color: #fff !important;
}

.km-radio .km-radio__icon {
    border-color: #b8c0cb;
}

    .km-radio .km-radio__icon:hover {
        border-color: #1155c2;
    }

.km-tooltip--dark .km-button--text {
    color: #47b4ff !important;
}

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
    background-color: #f0f2f6;
    font-size: 16px;
    height: 100%;
    min-width: 300px;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
}

article, aside, figure, footer, header, hgroup, section {
    display: block;
}

body, button, input, select, textarea {
    font-family: Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
}

body {
    color: #141933;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.42857143;
    min-width: 1200px;
}

[tabindex] {
    outline: none;
}

strong {
    color: #03040d;
    font-weight: 700;
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

    a strong {
        color: currentColor;
    }

    a:hover {
        color: #1155c2;
    }

    a[disabled] {
        cursor: not-allowed;
        opacity: .65;
        pointer-events: none;
        user-select: none;
    }

p {
    line-height: 1.7;
}

code {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: initial;
    color: #fb6160;
    font-family: monospace;
    font-size: .875em;
    font-weight: 400;
    padding: .25em .5em;
}

code, hr {
    background-color: #eaeff9;
}

hr {
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0;
}

img {
    height: auto;
    max-width: 100%;
}

input[type=checkbox], input[type=radio] {
    vertical-align: baseline;
}

small {
    font-size: .875em;
}

span {
    font-style: inherit;
    font-weight: inherit;
}

pre {
    font-family: inherit;
}

    pre code {
        background-color: rgba(0,0,0,0);
        color: currentColor;
        font-family: monospace;
        font-size: 1em;
        padding: 0;
    }

table td, table th {
    text-align: left;
    vertical-align: top;
}

table th {
    color: #141933;
}

[disabled] {
    cursor: default;
}

.no-overscroll-behavior .km-scrollbar__wrap {
    overscroll-behavior: none;
}

.basic-table {
    border-radius: 4px;
    width: 100%;
}

    .basic-table th {
        background: #fafbfc;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        padding: 0 32px;
        position: sticky;
        top: 63px;
        white-space: nowrap;
    }

    .basic-table tbody td {
        background: #fff;
        border-bottom: 1px solid #e2e4ee;
        padding: 28px 32px;
        vertical-align: middle;
    }

    .basic-table td, .basic-table th {
        color: #141933;
        font-size: 14px;
    }

.basic-table__wrapper {
    background: #fff;
    padding: 32px;
    position: relative;
}

.basic-table__mask {
    background: #f0f2f6;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100000px;
    z-index: 10;
}

    .basic-table__mask.is-left {
        margin-right: -32px;
        right: 100%;
    }

        .basic-table__mask.is-left:after {
            background: #fff;
            bottom: 0;
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 32px;
            z-index: 10;
        }

    .basic-table__mask.is-right {
        left: 100%;
        margin-left: -32px;
    }

        .basic-table__mask.is-right:after {
            background: #fff;
            bottom: 0;
            content: "";
            position: absolute;
            top: 0;
            width: 32px;
            z-index: 10;
        }

.job-tag-withdrawn {
    align-items: center;
    background: rgba(0,0,0,0);
    border: 1px solid rgba(88,124,247,.15);
    border-radius: 3px;
    color: #7a7f99;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    justify-content: center;
    margin-right: 2px;
    transform: scale(.94);
    width: 42px;
}

    .job-tag-withdrawn:before {
        content: "\5df2\4e0b\7ebf";
    }

.job-tag-coordination {
    align-items: center;
    background: #f3f7fc;
    border: 1px solid rgba(61,126,255,.15);
    border-radius: 3px;
    color: #1155c2;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    justify-content: center;
    margin-right: 2px;
    transform: scale(.94);
    width: 30px;
}

    .job-tag-coordination:before {
        content: "\534f\4f5c";
    }

.job-tag-lowexposure {
    align-items: center;
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon.9e07f4.png);
    background-size: 100% 100%;
    display: inline-flex;
    flex: none;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px;
}

html.is-retina .job-tag-lowexposure {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon@2x.e969eb.png);
    background-size: 100% 100%;
}

.resume-bulk-download {
    font-size: 14px;
    margin-left: 32px;
}

    .resume-bulk-download:hover {
        color: #1155c2;
        cursor: pointer;
    }

.resume-bulk-download-btn {
    align-items: center;
    display: flex;
}

.resume-bulk-download-icon {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/phone@2x.df0a5f.png);
    background-size: cover;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    width: 17px;
}

.resume-btn-small {
    min-height: 50px;
    min-width: 32px;
}

    .resume-btn-small > .km-ripple {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 !important;
    }

.resume-btn-small__icon {
    font-size: 24px;
    height: 32px;
    min-width: 32px;
    width: 32px;
}

    .resume-btn-small__icon > .km-ripple {
        padding: 0 !important;
    }

    .resume-btn-small__icon.is-disabled {
        opacity: 1;
    }

.resume-btn-small__text {
    color: #7a7f99;
    font-size: 12px;
    margin-top: 6px;
}

.large-screen-btn {
    display: block;
}

.small-screen-btn {
    display: none;
}

@media screen and (max-width:1440px) {
    .large-screen-btn {
        display: none;
    }

    .small-screen-btn {
        display: block;
    }

    .resume-action {
        height: 50px;
    }
}

.attach-resume {
    align-items: center;
    background: #f2f3f8;
    border-radius: 4px;
    color: #141933;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    justify-content: center;
    width: 102px;
}

.attach-resume__icon {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/attach-normal.9ebbe6.svg);
    background-size: cover;
    height: 20px;
    margin-right: 4px;
    width: 20px;
}

.attach-resume__tooltip.has-width {
    width: 304px;
}

.attach-resume__tooltip .km-tooltip__inner {
    padding: 8px 12px;
    text-align: left;
}

.attach-resume:hover {
    background: rgba(88,124,247,.1);
    color: #1155c2;
}

.attach-resume.is-small {
    font-size: 12px;
    height: 28px;
    width: 90px;
}

    .attach-resume.is-small .attach-resume__icon {
        height: 17px;
        margin-right: 3px;
        width: 17px;
    }

.attach-resume.is-disabled {
    background: #f2f3f8;
    color: #b8bbcc;
    cursor: not-allowed;
}

    .attach-resume.is-disabled .attach-resume__icon {
        background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/attach-disabled.628615.svg);
    }

.resume-action {
    overflow: hidden;
    position: relative;
    text-align: right;
}

.resume-action__inner {
    background: rgba(0,0,0,0);
    display: flex;
    justify-content: center;
}

    .resume-action__inner .resume-button {
        flex: 1;
        height: 32px;
        margin-left: 16px;
        min-width: 96px;
    }

        .resume-action__inner .resume-button:first-child {
            margin-left: 0;
        }

        .resume-action__inner .resume-button.full-width {
            margin-right: 0;
            width: 208px;
        }

        .resume-action__inner .resume-button .km-button {
            height: 32px;
        }

    .resume-action__inner .km-button.full-width {
        margin-right: 0;
        width: 208px;
    }

.negative-feedback-trigger__icon-wrapper {
    align-items: center;
    color: #b8bbcc;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}

    .negative-feedback-trigger__icon-wrapper:hover {
        color: #1155c2;
        cursor: pointer;
    }

    .negative-feedback-trigger__icon-wrapper .km-icon {
        font-size: 12px;
    }

.job-questionnaire-score__item {
    align-items: center;
    cursor: pointer;
    display: flex;
}

.job-questionnaire-score__item-img {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-1.bf1cd2.png) no-repeat 50%;
    background-size: cover;
    display: inline-block;
    height: 44px;
    vertical-align: middle;
    width: 44px;
}

html.is-retina .job-questionnaire-score__item-img {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-1@2x.c21351.png);
}

.job-questionnaire-score__item .score-1 {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-1.bf1cd2.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-1 {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-1@2x.c21351.png);
}

.job-questionnaire-score__item .score-1-choose, .job-questionnaire-score__item .score-1:hover {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-1-choose.a8d9d8.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-1-choose, html.is-retina .job-questionnaire-score__item .score-1:hover {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-1-choose@2x.93d6a0.png);
}

.job-questionnaire-score__item .score-2 {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-2.d2a941.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-2 {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-2@2x.7a6551.png);
}

.job-questionnaire-score__item .score-2-choose, .job-questionnaire-score__item .score-2:hover {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-2-choose.bf9c98.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-2-choose, html.is-retina .job-questionnaire-score__item .score-2:hover {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-2-choose@2x.95ea44.png);
}

.job-questionnaire-score__item .score-3 {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-3.34e046.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-3 {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-3@2x.090882.png);
}

.job-questionnaire-score__item .score-3-choose, .job-questionnaire-score__item .score-3:hover {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-3-choose.92016c.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-3-choose, html.is-retina .job-questionnaire-score__item .score-3:hover {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-3-choose@2x.d051c6.png);
}

.job-questionnaire-score__item .score-4 {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-4.161cf1.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-4 {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-4@2x.f4876f.png);
}

.job-questionnaire-score__item .score-4-choose, .job-questionnaire-score__item .score-4:hover {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-4-choose.65ccf6.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-4-choose, html.is-retina .job-questionnaire-score__item .score-4:hover {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-4-choose@2x.9b8979.png);
}

.job-questionnaire-score__item .score-5 {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-5.b6138d.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-5 {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-5@2x.5ab828.png);
}

.job-questionnaire-score__item .score-5-choose, .job-questionnaire-score__item .score-5:hover {
    background: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-5-choose.fba0e8.png) no-repeat 50%;
    background-size: cover;
}

html.is-retina .job-questionnaire-score__item .score-5-choose, html.is-retina .job-questionnaire-score__item .score-5:hover {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/score-5-choose@2x.d9a984.png);
}

.job-questionnaire-score__tip {
    font-weight: 700;
    line-height: 24px;
    padding-top: 12px;
}

.score-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-bottom: 8px;
}

.score-checkbox-group__item {
    border-radius: 4px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 0 8px;
    text-align: center;
}

    .score-checkbox-group__item:hover {
        background-color: rgba(61,126,255,.06);
        color: #3d7eff;
        cursor: pointer;
    }

.score-checkbox-group__active {
    background-color: rgba(61,126,255,.06);
    border: 1px solid rgba(61,126,255,.3);
    color: #3d7eff;
    line-height: 26px;
    padding: 0 7px;
}

.score-checkbox-group__inactive {
    background-color: rgba(16,16,48,.04);
    color: #7a7f99;
}

.job-questionnaire {
    background-image: linear-gradient(-15deg,#fff 80%,#f0f9ff);
    border: 1px solid #fff;
    border-radius: 4px;
    margin-top: 12px;
    padding: 20px 32px;
    position: relative;
    width: 100%;
}

.job-questionnaire__title {
    color: #141933;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.job-questionnaire__main {
    display: flex;
}

.job-questionnaire__main-title {
    color: #7a7f99;
    font-size: 12px;
    line-height: 44px;
    padding-right: 16px;
}

.job-questionnaire__main-content {
    width: 90%;
}

    .job-questionnaire__main-content .text-area {
        position: relative;
        width: 100%;
    }

    .job-questionnaire__main-content .text-area__count {
        bottom: 6px;
        color: #b8bbcc;
        position: absolute;
        right: 6px;
    }

.job-questionnaire__close {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
}

.job-questionnaire:hover {
    box-shadow: 0 2px 20px 0 rgba(52,80,136,.2);
    z-index: 2;
}

    .job-questionnaire:hover .job-questionnaire__close {
        display: flex;
    }

.resume-item {
    background: #fff;
    border-radius: 4px;
    height: auto;
    margin-bottom: 12px;
    padding: 16px 40px 16px 24px;
    position: relative;
    width: 100%;
}

    .resume-item.is-read {
        background: #f8f9fc;
    }

    .resume-item .is-read-tag {
        background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/tag-read.ffb8bc.png);
        background-size: 100%;
        height: 28px;
        left: -1px;
        position: absolute;
        top: -1px;
        width: 28px;
        z-index: 2;
    }

html.is-retina .resume-item .is-read-tag {
    background-image: url(//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/tag-read@2x.bfd1f8.png);
}

.resume-item__inner {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
}

.resume-item__checkbox {
    height: 64px;
    margin-right: 16px;
    width: 16px;
}

.resume-item__content {
    align-items: center;
    display: flex;
    flex-grow: 1;
    min-width: 0;
}

.resume-item__action {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: center;
    margin-left: 28px;
}

.resume-item__state .km-tag--thin {
    padding: 2px;
    transform: scale(.9);
}

.resume-item__close {
    bottom: 0;
    color: #7a7f99;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
}

.resume-item:hover {
    box-shadow: 0 2px 20px 0 rgba(52,80,136,.2);
    z-index: 2;
}

    .resume-item:hover .resume-item__close {
        display: inline-block;
    }

.resume-item .negative-feedback-trigger {
    position: absolute;
    right: 18px;
    top: 13px;
}

.textarea-with-num__count {
    background-color: #fff;
    bottom: 1px;
    color: #b8c0cb;
    font-size: 12px;
    position: absolute;
    right: 8px;
}

.textarea-with-num__count-invalid {
    color: #fb6160;
}

.negative-feedback-popover .km-popover__inner {
    padding: 0 !important;
}

.negative-feedback-popover__content-title {
    color: #141933;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-left: 20px;
    margin-top: 16px;
}

.negative-feedback-popover__content-subtitle {
    color: #7a7f99;
    font-size: 12px;
    line-height: 20px;
    margin-left: 20px;
}

.negative-feedback-popover__content-items {
    display: flex;
    flex-wrap: wrap;
    margin: 6px 14px;
}

.negative-feedback-popover__content-item {
    background-color: #f6f7fa;
    border: 1px solid #f6f7fa;
    border-radius: 4px;
    color: #7a8193;
    height: 32px;
    line-height: 32px;
    margin: 6px;
    padding: 0 12px;
}

    .negative-feedback-popover__content-item:hover {
        cursor: pointer;
    }

    .negative-feedback-popover__content-item-active, .negative-feedback-popover__content-item:hover {
        background: rgba(61,126,255,.08);
        border: 1px solid rgba(61,126,255,.4);
        color: #1155c2;
    }

.negative-feedback-popover__content-textarea {
    display: flex;
    padding: 0 20px 24px;
}

    .negative-feedback-popover__content-textarea .km-form {
        display: inline-block;
        flex: 1;
    }

        .negative-feedback-popover__content-textarea .km-form .km-form-item {
            margin-bottom: 0;
        }

    .negative-feedback-popover__content-textarea .km-button {
        align-self: flex-end;
        flex-shrink: 0;
        margin-left: 12px;
        min-width: 0;
    }

.zppp-ali-qrcode {
    z-index: 10000;
}

.search-empty .km-skeleton {
    background-color: #fff;
}

.search-empty__initial {
    display: flex;
    height: 330px;
}

.search-empty__initial-business {
    background-color: #fff;
    flex-shrink: 0;
    margin-left: 12px;
    padding: 24px;
    width: 357px;
}

.search-empty__initial-business-title {
    align-items: center;
    color: #141933;
    display: flex;
    font-weight: 700;
    line-height: 22px;
}

.search-empty__initial-business-icon {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rights.e02768.png);
    background-size: cover;
    height: 16px;
    margin-right: 6px;
    width: 16px;
}

html.is-retina .search-empty__initial-business-icon {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rights@2x.c12d82.png);
}

.search-empty__initial-business-sub-title {
    color: #7a7f99;
    font-size: 12px;
    line-height: 20px;
    margin: 4px 0 20px;
}

.search-empty__initial-business-image {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/card.052e81.png);
    background-size: cover;
    height: 167px;
    width: 100%;
}

html.is-retina .search-empty__initial-business-image {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/card@2x.cf0eea.png);
}

.search-empty__initial-business-button {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/open.3edfbb.png);
    background-size: cover;
    cursor: pointer;
    height: 50px;
    margin: 12px auto 0;
    width: 146px;
}

html.is-retina .search-empty__initial-business-button {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/open@2x.96ba29.png);
}

.search-empty__content {
    align-items: center;
    background-color: #fff;
    flex: 1;
    justify-content: center;
    padding-top: 62px;
}

.search-empty__content-image {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/empty-search.5bee2f.png);
    background-size: cover;
    height: 140px;
    margin: 0 auto 24px;
    width: 156px;
}

html.is-retina .search-empty__content-image {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/empty-search@2x.ff8ee6.png);
}

.search-empty__content-image.no-search {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/default-empty-search.9e09bc.png);
    height: 96px;
    margin-top: 18px;
    width: 190px;
}

html.is-retina .search-empty__content-image.no-search {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/default-empty-search@2x.57c5ba.png);
}

.search-empty__content-text {
    text-align: center;
}

.search-empty__no-result {
    background-color: #fff;
    height: 500px;
}

.search-empty__no-result-check {
    margin-top: 32px;
    text-align: center;
}

.job-online-error .km-modal__body {
    padding: 24px;
}

.job-online-error .online-table {
    border: 1px solid #e2e4ee;
    border-radius: 4px;
    color: #7a7f99;
}

.job-online-error .online-table__head {
    background: #f8f9fc;
    font-weight: 500;
}

    .job-online-error .online-table__head .online-table__row {
        height: 40px;
        line-height: 40px;
    }

    .job-online-error .online-table__head .online-table__col {
        height: 40px;
    }

.job-online-error .online-table__body {
    height: 277px;
    overflow: hidden;
}

    .job-online-error .online-table__body .km-scrollbar {
        height: 100%;
    }

    .job-online-error .online-table__body .online-table__col:first-child {
        color: #1155c2;
    }

.job-online-error .online-table__row {
    border-bottom: 1px solid #e2e4ee;
    display: flex;
    margin: 0 33px;
}

    .job-online-error .online-table__row:last-child {
        border: none;
    }

.job-online-error .online-table__col {
    align-items: center;
    display: flex;
    flex: 1;
    height: 68px;
}

.job-online-error .is-modify {
    color: #1155c2;
    cursor: pointer;
}

.job-online-error__status {
    flex: 2;
}

.job-online-error__status-modify {
    display: flex;
}

.job-online-error__icon {
    color: #fe6f61;
    margin-top: 4px;
}

.resume-skill-tag, .resume-skill-tags {
    display: inline-block;
}

.resume-skill-tag {
    border: 1px solid #e8ebf3;
    border-radius: 14px;
    color: #7a7f99;
    font-size: 12px;
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
}

.qr-code-guide__btn {
    color: #7a7f99;
    cursor: pointer;
    font-size: 12px;
    margin-left: 12px;
}

    .qr-code-guide__btn.is-active, .qr-code-guide__btn:hover {
        color: #1155c2;
    }

.qr-code-guide__popover .km-popover__inner {
    padding: 0;
}

.qr-code-guide__con {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.qr-code-guide__title {
    color: #141933;
    font-size: 16px;
    font-weight: 500;
}

.qr-code-guide__subtitle {
    color: #7a7f99;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 2px;
}

.qr-code-guide__img {
    align-items: center;
    display: flex;
    height: 160px;
    justify-content: center;
    width: 160px;
}

    .qr-code-guide__img img {
        height: 100%;
        widows: 100%;
    }

.change-outbound-contact {
    display: flex;
}

.change-outbound-contact__select {
    width: 96px;
}

    .change-outbound-contact__select .km-control {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.is-ie .change-outbound-contact__select--popper {
    height: 90px;
}

.change-outbound-contact__telephone {
    display: flex;
    width: 345px;
}

    .change-outbound-contact__telephone > div {
        margin-left: -1px;
    }

.change-outbound-contact__telephone--zone {
    width: 134px;
}

    .change-outbound-contact__telephone--zone .km-control {
        border-radius: 0;
    }

.change-outbound-contact__telephone--phone {
    width: 100%;
}

    .change-outbound-contact__telephone--phone .km-control {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.change-outbound-contact__mobile {
    margin-left: -1px;
    width: 345px;
}

    .change-outbound-contact__mobile .km-control {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.change-outbound-phone-modal__wrap--title {
    font-weight: 500;
}

.change-outbound-phone-modal__contact {
    margin-top: 16px;
}

.change-outbound-phone-modal__contact--title {
    color: #7a7f99;
}

.change-outbound-phone-modal__instructions {
    color: #7a7f99;
    font-size: .75rem;
}

.change-outbound-phone-confirm-modal__head {
    align-items: center;
    display: flex;
}

.change-outbound-phone-confirm-modal__head--icon {
    color: #1155c2;
    font-size: 20px;
}

.change-outbound-phone-confirm-modal__head--title {
    font-size: 16px;
    font-weight: 500;
    margin-left: 8px;
}

.change-outbound-phone-confirm-modal__content {
    color: #7a7f99;
    margin-left: 24px;
    margin-top: 8px;
}

.outbound-phone-detail {
    color: #7a7f99;
    display: inline;
}

.outbound-phone-detail__mobile {
    color: #f88e07;
    margin: 0 4px;
}

.outbound-phone-detail__trigger {
    border-bottom: 1px solid #d7d9e0;
}

    .outbound-phone-detail__trigger:hover {
        border-bottom: 1px solid #1155c2;
    }

.error-virtual-number_normal {
    color: #1155c2;
}

.error-virtual-number_normal__trigger, .error-virtual-number_normal__trigger:hover {
    border: none;
}

.error-virtual-number__trigger {
    border-bottom: 1px solid #b9bac2;
}

    .error-virtual-number__trigger:hover {
        border-bottom: 1px solid #1155c2;
    }

.im-ask-for-wx__modal {
    height: 224px;
    width: 306px;
}

    .im-ask-for-wx__modal .km-popover__inner {
        padding: 20px 24px;
    }

    .im-ask-for-wx__modal .km-popover__title {
        font-size: .875rem;
        margin: 0 0 20px;
    }

    .im-ask-for-wx__modal .action-buttons {
        display: flex;
        justify-content: center;
    }

.im-ask-for-wx__small {
    height: 133px;
    width: 280px;
}

.im-ask-for-wx__number {
    padding-top: 4px;
    text-align: center;
}

.im-ask-for-wx__number--text {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
    min-height: 24px;
}

.im-ask-for-wx__number--button .km-button {
    width: 96px;
}

.im-ask-for-wx__tip {
    color: #7a7f99;
    font-size: 12px;
    margin: -2px 0 10px;
}

.ask-for-phone-and-exchange-wx {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-end;
}

.resume-analyses-trigger__icon-wrapper {
    background-color: #f2f3f8;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
}

    .resume-analyses-trigger__icon-wrapper .iconfont {
        font-size: 12px;
    }

    .resume-analyses-trigger__icon-wrapper:hover {
        background: rgba(88,124,247,.1);
        color: #1155c2;
    }

.resume-analyses-popover ul {
    color: #7a7f99;
    list-style: inside;
}

    .resume-analyses-popover ul li {
        font-size: 14px;
        line-height: 24px;
    }

        .resume-analyses-popover ul li span {
            color: #1155c2;
            font-weight: 700;
        }

.accessory-list {
    color: #fff;
    position: relative;
}

.accessory-list__arrow {
    font-size: 30px;
    height: 100%;
    line-height: 130px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 80px;
    z-index: 2;
}

    .accessory-list__arrow i {
        cursor: pointer;
        opacity: .5;
    }

.accessory-list__arrow-prev {
    background-image: linear-gradient(90deg,#000 1%,#000 49%,rgba(0,0,0,0) 99%);
    left: 0;
}

.accessory-list__arrow-next {
    background-image: linear-gradient(-90deg,#000 1%,#000 49%,rgba(0,0,0,0) 99%);
    right: 0;
}

.accessory-list__container {
    background: #000;
    display: flex;
    height: 130px;
    overflow: hidden;
    width: 100%;
}

.accessory-list__group {
    margin: 0 30px;
    padding: 16px 0;
    position: relative;
}

    .accessory-list__group:first-child {
        margin-left: 0;
        padding-left: 80px;
    }

    .accessory-list__group:last-child {
        margin-right: 0;
        padding-right: 80px;
    }

    .accessory-list__group:before {
        background: #777;
        content: "";
        height: 90px;
        left: -30px;
        opacity: .5;
        position: absolute;
        width: 1px;
    }

.accessory-list__group-title {
    font-weight: 500;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .accessory-list__group-title.small {
        max-width: 86px;
    }

    .accessory-list__group-title.medium {
        max-width: 182px;
    }

.accessory-list__group-wrapper {
    display: flex;
}

.accessory-list__item {
    cursor: pointer;
}

    .accessory-list__item:not(:first-child) {
        margin-left: 10px;
    }

.accessory-list__item-file {
    background: #777;
    border-radius: 4px;
    height: 48px;
    margin: 6px 0;
    position: relative;
    text-align: center;
    width: 86px;
}

    .accessory-list__item-file img {
        height: 100%;
        width: 36px;
    }

.accessory-list__item-name {
    font-size: 12px;
    max-width: 86px;
    opacity: .5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accessory-list__item-cover {
    background: #000;
    border-radius: 4px;
    height: 48px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 86px;
}

.accessory-list__item.active .accessory-list__item-file {
    border: 2px solid #1f9bf5;
}

.accessory-list__item.active .accessory-list__item-name {
    opacity: .8;
}

.accessory-list__item.active .accessory-list__item-cover {
    opacity: 0;
}

.accessory-list__toggle {
    background: #000;
    border-radius: 4px 4px 0 0;
    bottom: 130px;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    position: fixed;
    right: 30px;
    text-align: center;
    vertical-align: middle;
    width: 132px;
    z-index: 2;
}

    .accessory-list__toggle i {
        font-size: 20px;
        vertical-align: sub;
    }

    .accessory-list__toggle.hide {
        bottom: 0;
    }
/*!
 * Viewer.js v1.11.1
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-06T05:18:17.414Z
 */ .viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 280px;
    color: rgba(0,0,0,0);
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
}

.viewer-zoom-in:before {
    background-position: 0 0;
    content: "Zoom In";
}

.viewer-zoom-out:before {
    background-position: -20px 0;
    content: "Zoom Out";
}

.viewer-one-to-one:before {
    background-position: -40px 0;
    content: "One to One";
}

.viewer-reset:before {
    background-position: -60px 0;
    content: "Reset";
}

.viewer-prev:before {
    background-position: -80px 0;
    content: "Previous";
}

.viewer-play:before {
    background-position: -100px 0;
    content: "Play";
}

.viewer-next:before {
    background-position: -120px 0;
    content: "Next";
}

.viewer-rotate-left:before {
    background-position: -140px 0;
    content: "Rotate Left";
}

.viewer-rotate-right:before {
    background-position: -160px 0;
    content: "Rotate Right";
}

.viewer-flip-horizontal:before {
    background-position: -180px 0;
    content: "Flip Horizontal";
}

.viewer-flip-vertical:before {
    background-position: -200px 0;
    content: "Flip Vertical";
}

.viewer-fullscreen:before {
    background-position: -220px 0;
    content: "Enter Full Screen";
}

.viewer-fullscreen-exit:before {
    background-position: -240px 0;
    content: "Exit Full Screen";
}

.viewer-close:before {
    background-position: -260px 0;
    content: "Close";
}

.viewer-container {
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .viewer-container::-moz-selection, .viewer-container ::-moz-selection {
        background-color: rgba(0,0,0,0);
    }

    .viewer-container::selection, .viewer-container ::selection {
        background-color: rgba(0,0,0,0);
    }

    .viewer-container:focus {
        outline: 0;
    }

    .viewer-container img {
        display: block;
        height: auto;
        max-height: none !important;
        max-width: none !important;
        min-height: 0 !important;
        min-width: 0 !important;
        width: 100%;
    }

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

    .viewer-canvas > img {
        height: auto;
        margin: 15px auto;
        max-width: 90% !important;
        width: auto;
    }

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
}

.viewer-navbar {
    background-color: rgba(0,0,0,.5);
    overflow: hidden;
}

.viewer-list {
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 1px 0;
}

    .viewer-list > li {
        color: rgba(0,0,0,0);
        cursor: pointer;
        float: left;
        font-size: 0;
        height: 50px;
        line-height: 0;
        opacity: .5;
        overflow: hidden;
        transition: opacity .15s;
        width: 30px;
    }

        .viewer-list > li:focus, .viewer-list > li:hover {
            opacity: .75;
        }

        .viewer-list > li:focus {
            outline: 0;
        }

        .viewer-list > li + li {
            margin-left: 1px;
        }

    .viewer-list > .viewer-loading {
        position: relative;
    }

        .viewer-list > .viewer-loading:after {
            border-width: 2px;
            height: 20px;
            margin-left: -10px;
            margin-top: -10px;
            width: 20px;
        }

    .viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
        opacity: 1;
    }

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    right: 0;
    z-index: 1;
}

    .viewer-player, .viewer-player > img {
        left: 0;
        position: absolute;
        top: 0;
    }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
}

    .viewer-toolbar > ul > li {
        background-color: rgba(0,0,0,.5);
        border-radius: 50%;
        cursor: pointer;
        float: left;
        height: 24px;
        overflow: hidden;
        transition: background-color .15s;
        width: 24px;
    }

        .viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
            background-color: rgba(0,0,0,.8);
        }

        .viewer-toolbar > ul > li:focus {
            box-shadow: 0 0 3px #fff;
            outline: 0;
            position: relative;
            z-index: 1;
        }

        .viewer-toolbar > ul > li:before {
            margin: 2px;
        }

        .viewer-toolbar > ul > li + li {
            margin-left: 1px;
        }

    .viewer-toolbar > ul > .viewer-small {
        height: 18px;
        margin-bottom: 3px;
        margin-top: 3px;
        width: 18px;
    }

        .viewer-toolbar > ul > .viewer-small:before {
            margin: -1px;
        }

    .viewer-toolbar > ul > .viewer-large {
        height: 30px;
        margin-bottom: -3px;
        margin-top: -3px;
        width: 30px;
    }

        .viewer-toolbar > ul > .viewer-large:before {
            margin: 5px;
        }

.viewer-tooltip {
    background-color: rgba(0,0,0,.8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin: 5px 5%;
    max-width: 90%;
    min-height: 14px;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity .15s;
    white-space: nowrap;
}

    .viewer-title:hover {
        opacity: 1;
    }

.viewer-button {
    -webkit-app-region: no-drag;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    transition: background-color .15s;
    width: 80px;
}

    .viewer-button:focus, .viewer-button:hover {
        background-color: rgba(0,0,0,.8);
    }

    .viewer-button:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0;
    }

    .viewer-button:before {
        bottom: 15px;
        left: 15px;
        position: absolute;
    }

.viewer-fixed {
    position: fixed;
}

.viewer-open {
    overflow: hidden;
}

.viewer-show {
    display: block;
}

.viewer-hide {
    display: none;
}

.viewer-backdrop {
    background-color: rgba(0,0,0,.5);
}

.viewer-invisible {
    visibility: hidden;
}

.viewer-move {
    cursor: move;
    cursor: grab;
}

.viewer-fade {
    opacity: 0;
}

.viewer-in {
    opacity: 1;
}

.viewer-transition {
    transition: all .3s;
}

@keyframes viewer-spinner {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.viewer-loading:after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid hsla(0,0%,100%,.1);
    border-left-color: hsla(0,0%,100%,.5);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
}

@media (max-width:767px) {
    .viewer-hide-xs-down {
        display: none;
    }
}

@media (max-width:991px) {
    .viewer-hide-sm-down {
        display: none;
    }
}

@media (max-width:1199px) {
    .viewer-hide-md-down {
        display: none;
    }
}

.preview-image {
    height: 100%;
    width: 100%;
}

.preview-image__viewer {
    display: none;
}

.preview-image .viewer-container {
    background: none;
    height: 100% !important;
    width: 100% !important;
}

.preview-image.is-show-list .viewer-toolbar {
    bottom: 130px;
}

.preview-image .viewer-toolbar {
    bottom: 0;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
}

    .preview-image .viewer-toolbar ul {
        background: rgba(0,0,0,.5);
        border-radius: 4px;
        margin-bottom: 20px;
        padding: 12px 28px;
    }

        .preview-image .viewer-toolbar ul li {
            background: none;
            border-radius: 0;
            height: 26px;
            margin: 0;
            width: 26px;
        }

            .preview-image .viewer-toolbar ul li + li {
                margin-left: 20px;
            }

            .preview-image .viewer-toolbar ul li.viewer-fullscreen:before, .preview-image .viewer-toolbar ul li.viewer-rotate-left:before, .preview-image .viewer-toolbar ul li.viewer-zoom-in:before, .preview-image .viewer-toolbar ul li.viewer-zoom-out:before {
                background: none;
                content: "";
                margin: 0;
            }

            .preview-image .viewer-toolbar ul li.viewer-fullscreen, .preview-image .viewer-toolbar ul li.viewer-rotate-left, .preview-image .viewer-toolbar ul li.viewer-zoom-in, .preview-image .viewer-toolbar ul li.viewer-zoom-out {
                background-size: 100%,100%;
            }

            .preview-image .viewer-toolbar ul li.viewer-zoom-in {
                background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/zoom-in.70651e.png);
            }

            .preview-image .viewer-toolbar ul li.viewer-zoom-out {
                background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/zoom-out.551ce1.png);
            }

            .preview-image .viewer-toolbar ul li.viewer-fullscreen {
                background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/full-screen.b5ebd8.png);
            }

            .preview-image .viewer-toolbar ul li.viewer-rotate-left {
                background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rotate-left.c9f050.png);
            }

            .preview-image .viewer-toolbar ul li:hover.viewer-zoom-in {
                background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/zoom-in-hover.7d6788.png);
            }

            .preview-image .viewer-toolbar ul li:hover.viewer-zoom-out {
                background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/zoom-out-hover.4fe233.png);
            }

            .preview-image .viewer-toolbar ul li:hover.viewer-fullscreen {
                background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/full-screen-hover.9db429.png);
            }

            .preview-image .viewer-toolbar ul li:hover.viewer-rotate-left {
                background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rotate-left-hover.eb5583.png);
            }

.preview-pdf {
    background: #fff;
    border-radius: 4px;
    bottom: 0;
    color: #4c4c4c;
    height: 270px;
    justify-content: space-between;
    left: 0;
    margin: auto;
    padding: 30px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
}

.preview-pdf, .preview-pdf__file {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.preview-pdf__file {
    border: 1px solid #e1e4ec;
    border-radius: 4px;
    color: #8e96a4;
    font-size: 12px;
    height: 120px;
    width: 120px;
}

.preview-pdf__file-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/pdf.f35eb0.png);
    background-size: 100% 100%;
    height: 52px;
    line-height: 52px;
    margin-bottom: 12px;
    margin-top: 22px;
    text-align: center;
    width: 42px;
}

.preview-pdf__file-name {
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-pdf__btn a {
    display: block;
    height: 32px;
    width: 88px;
}

.preview-word {
    background: #fff;
    border-radius: 4px;
    bottom: 0;
    color: #4c4c4c;
    height: 270px;
    justify-content: space-between;
    left: 0;
    margin: auto;
    padding: 30px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
}

.preview-word, .preview-word__file {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.preview-word__file {
    border: 1px solid #e1e4ec;
    border-radius: 4px;
    color: #8e96a4;
    font-size: 12px;
    height: 120px;
    width: 120px;
}

.preview-word__file-icon {
    background-image: url(//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/word.3c4f06.png);
    background-size: 100% 100%;
    height: 52px;
    line-height: 52px;
    margin-bottom: 12px;
    margin-top: 22px;
    text-align: center;
    width: 42px;
}

.preview-word__file-name {
    max-width: 86px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-word__btn a {
    display: block;
    height: 32px;
    width: 88px;
}

.accessory-viewer {
    position: fixed;
    z-index: 9999;
}

.accessory-viewer, .accessory-viewer__container, .accessory-viewer__cover {
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.accessory-viewer__cover {
    background: #000;
    opacity: .7;
    position: absolute;
}

.accessory-viewer__container {
    display: flex;
    flex-direction: column;
    position: absolute;
}

.accessory-viewer__header {
    align-items: center;
    background: #000;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 48px;
    justify-content: space-between;
    padding: 0 30px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.accessory-viewer__header-icon {
    color: #d8d8d8;
    cursor: pointer;
}

    .accessory-viewer__header-icon:hover {
        color: #fff;
    }

.accessory-viewer__preview {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 0 30px;
    position: relative;
}

.accessory-viewer__arrow {
    height: 56px;
    position: relative;
    width: 56px;
    z-index: 2;
}

    .accessory-viewer__arrow span {
        align-items: center;
        background: rgba(0,0,0,.5);
        border-radius: 100%;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 30px;
        height: 56px;
        justify-content: center;
        width: 56px;
    }

.accessory-viewer__footer {
    position: relative;
    width: 100%;
    z-index: 2;
}

.resume-accessory {
    display: flex;
    flex-flow: row wrap;
}

.resume-accessory__group {
    align-items: center;
    background: #f6f7fa;
    border-radius: 4px;
    color: #7a7f99;
    cursor: pointer;
    display: flex;
    flex-basis: 30%;
    font-size: 14px;
    height: 68px;
    justify-content: space-between;
    margin-right: 3%;
    padding: 0 18px;
}

.resume-accessory--small .resume-accessory__group {
    flex-basis: 100%;
    margin-right: 0;
}

.resume-accessory__group:hover {
    border: 1px solid #e2e4ee;
    box-shadow: 0 2px 12px 0 rgba(0,2,6,.1);
}

.resume-accessory__group:nth-child(3n+3) {
    margin-right: 0;
}

.resume-accessory__group:nth-child(n+4) {
    margin-top: 26px;
}

.resume-accessory--small .resume-accessory__group:not(:first-child) {
    margin-top: 16px;
}

.resume-accessory__group-content {
    align-items: center;
    display: flex;
}

.resume-accessory__group-folder {
    margin-right: 18px;
}

.resume-accessory__group-title {
    color: #141933;
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-accessory--small .resume-accessory__group-title {
    font-size: 12px;
}

.resume-accessory__group-type {
    font-size: 12px;
    margin-top: 2px;
}

    .resume-accessory__group-type span:not(:first-child) {
        margin-left: 8px;
    }

.resume-accessory__group-icon {
    color: #b8bbcc;
    font-size: 18px;
}

.resume-abnormal {
    align-items: center;
    color: #141933;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.resume-detail--default .resume-abnormal {
    background: #fff;
    border-radius: 4px;
}

.resume-detail--small .resume-abnormal {
    font-size: 14px;
}

.resume-abnormal__tip {
    margin-top: 32px;
    max-width: 80%;
    text-align: center;
}

.resume-abnormal__tip-text {
    color: #7a7f99;
    margin-top: 10px;
}

.resume-abnormal__btn {
    margin-top: 10px;
}

.resume-detail {
    color: #474c66;
    font-size: 14px;
}

.resume-detail--default .km-skeleton {
    background: #fff;
}

.resume-detail--small {
    font-size: 12px;
}

@keyframes skeleton-placeholder {
    0% {
        background-color: #f6f7f8;
    }

    to {
        background-color: #edeef1;
    }
}

.resume-basic {
    position: relative;
}

.resume-detail--default .resume-basic {
    background-color: #fff;
    border-radius: 4px;
    padding: 24px 32px;
}

.resume-detail--small .resume-basic {
    padding: 24px;
}

.resume-basic__active {
    color: #7a7f99;
    display: inline-block;
    font-size: 14px;
    margin-left: 12px;
}

.resume-basic__portrait {
    position: relative;
}

.resume-detail--small .resume-basic__portrait {
    cursor: pointer;
}

.resume-basic__portrait-tag {
    left: 50%;
    position: absolute;
    top: 92px;
    transform: translate(-50%,-50%);
}

.resume-detail--small .resume-basic__portrait-tag {
    top: 56px;
}

.resume-basic__portrait-hover {
    background-color: rgba(16,16,48,.65);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 88px;
    left: 0;
    line-height: 88px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 88px;
}

.resume-basic__portrait-hover--middle {
    height: 68px;
    line-height: 68px;
    width: 68px;
}

.resume-basic__portrait-hover--small {
    background-color: rgba(0,0,0,0);
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.resume-basic__portrait:hover .resume-basic__portrait-hover {
    display: block;
}

.resume-basic__portrait-modal .km-modal {
    box-shadow: none;
}

.resume-basic__portrait-big {
    height: 400px;
    position: relative;
    width: 400px;
}

.resume-basic__portrait-close {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 32px;
    line-height: 30px;
    position: absolute;
    right: -42px;
    text-align: center;
    top: -42px;
    width: 32px;
}

.resume-basic__name-wrap {
    position: relative;
}

.resume-basic__name-wrap, .resume-detail--small .resume-basic__name-wrap {
    align-items: center;
    display: flex;
}

.resume-basic__name {
    color: #141933;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-detail--small .resume-basic__name {
    cursor: pointer;
    font-size: 18px;
    max-width: 138px;
}

.resume-basic__phone-icon {
    left: -20px;
    line-height: 20px;
    position: absolute;
    top: 0;
}

.resume-basic__state {
    display: inline-block;
    height: 18px;
    position: relative;
    width: 56px;
}

    .resume-basic__state.is-online {
        background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/active-online.cf8e0b.png);
        background-size: contain;
        height: 26px;
        width: 52px;
    }

html.is-retina .resume-basic__state.is-online {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/active-online@2x.5a1a55.png);
}

.resume-basic__state.is-activity {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/%E6%96%B0%E6%B4%BB%E8%B7%83.05870d.png);
    background-size: contain;
    width: 44px;
}

html.is-retina .resume-basic__state.is-activity {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/%E6%96%B0%E6%B4%BB%E8%B7%83@2x.624064.png);
}

.resume-basic__state.is-today {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/%E4%BB%8A%E6%97%A5%E6%B4%BB%E8%B7%83.fd4738.png);
    background-size: contain;
}

html.is-retina .resume-basic__state.is-today {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/%E4%BB%8A%E6%97%A5%E6%B4%BB%E8%B7%83@2x.adc856.png);
}

.resume-basic__state.is-this-week {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/%E6%9C%AC%E5%91%A8%E6%B4%BB%E8%B7%83.ba9fbf.png);
    background-size: contain;
}

html.is-retina .resume-basic__state.is-this-week {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/%E6%9C%AC%E5%91%A8%E6%B4%BB%E8%B7%83@2x.f4c516.png);
}

.resume-basic__activeState {
    color: #7a7f99;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    padding-left: 8px;
    position: relative;
}

.resume-basic__newOnline {
    padding-left: 20px;
}

    .resume-basic__newOnline:after {
        background-color: #00d3a3;
        border-radius: 50%;
        content: " ";
        height: 6px;
        left: 8px;
        position: absolute;
        top: 11px;
        width: 6px;
    }

.resume-basic__chip {
    color: #141933;
}

    .resume-basic__chip:not(:first-child):before {
        border-left: 1px solid #e0e3eb;
        content: " ";
        display: inline-block;
        height: 10px;
        line-height: 14px;
        margin: 0 .6em;
    }

.resume-basic__contact {
    flex-direction: column;
}

.resume-detail--small .resume-basic__contact {
    font-size: 14px;
}

.resume-basic__contact-tip {
    align-items: center;
    color: #7a7f99;
    display: inline;
    flex-wrap: wrap;
    margin: 0 5px;
}

.resume-basic__contact-tip-place {
    align-items: center;
    display: inline-flex;
}

.resume-basic__contact--outbound {
    margin-left: 20px;
}

.resume-basic__suggestion {
    color: #474c66;
    letter-spacing: 1px;
}

.resume-basic__bubble {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.resume-basic__bubble-btn {
    background: rgba(61,126,255,.1);
    border-radius: 4px;
    color: #141933;
    display: inline-block;
    font-size: 14px;
    max-width: 545px;
    min-width: 92px;
    padding: 8px 16px;
    position: relative;
}

.resume-basic__bubble-btns-wrapper {
    flex-shrink: 0;
    padding-left: 16px;
}

.resume-basic__bubble-emoji {
    background-size: 100%;
    display: inline-block;
    height: 24px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 24px;
}

    .resume-basic__bubble-emoji.is-apply {
        background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/apply-emoji.05da1f.png);
    }

html.is-retina .resume-basic__bubble-emoji.is-apply {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/apply-emoji@2x.8ec260.png);
}

.resume-basic__bubble-emoji.is-online {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/online-emoji.65f077.png);
}

html.is-retina .resume-basic__bubble-emoji.is-online {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/online-emoji@2x.9c7db1.png);
}

.resume-basic__bubble-emoji.is-active {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/active-emoji.7addb2.png);
}

html.is-retina .resume-basic__bubble-emoji.is-active {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/active-emoji@2x.7a4916.png);
}

.resume-basic__bubble .triangle_up {
    border: 6px dashed rgba(0,0,0,0);
    border-bottom: 6px solid #eaeff9;
    height: 0;
    left: 40px;
    position: absolute;
    top: -12px;
    width: 0;
}

.resume-basic__bubble-reference {
    height: 100%;
    position: absolute;
    top: 0;
    width: 2px;
}

.resume-basic__bubble--sender-slot {
    align-items: center;
    background-color: #fff;
    color: #b8bbcc;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    height: 100%;
    justify-content: center;
}

    .resume-basic__bubble--sender-slot .km-button {
        width: 96px;
    }

.resume-basic__score {
    background-image: linear-gradient(45deg,#e0f6ff,#eaeafd);
    border-radius: 100px 0 0 100px;
    color: #141933;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 173px;
}

.resume-basic .is-pointer {
    cursor: pointer;
}

.resume-basic .resume-phone-error {
    align-items: flex-start;
    background: #f2f3f8;
    border-radius: 4px;
    color: #474c66;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0;
    padding: 4px 8px;
    width: fit-content;
}

.resume-basic .resume-phone-error__icon {
    color: #faad14;
    margin-top: 2px;
}

.resume-basic .resume-phone-error__trigger {
    border-bottom: 1px solid #b9bac2;
}

    .resume-basic .resume-phone-error__trigger:hover {
        border-bottom: 1px solid #1155c2;
    }

.phone-tip .km-tooltip__inner {
    text-align: left;
}

.resume-detail--default .resume-content {
    background: #fff;
    border-radius: 4px;
    margin-top: 12px;
    padding: 24px 32px;
}

.resume-detail--small .resume-content {
    padding: 0 24px 24px;
}

.resume-content__chip {
    color: #474c66;
}

.resume-content__section {
    margin-bottom: 24px;
}

.resume-detail--small .resume-content__section {
    margin-bottom: 36px;
}

.resume-content__section:last-child {
    margin-bottom: 0;
}

.resume-content__title {
    color: #141933;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

.resume-detail--small .resume-content__title {
    color: #7a7f99;
    font-size: 14px;
    font-weight: 400;
}

.resume-content__body {
    margin-top: 12px;
}

.resume-detail--small .resume-content__body {
    margin-top: 16px;
}

.resume-content__body .km-timeline__item {
    line-height: 22px;
    padding: 0;
}

    .resume-content__body .km-timeline__item:not(:last-child), .resume-detail--small .resume-content__body .km-timeline__item:not(:last-child) {
        padding-bottom: 16px;
    }

.resume-content__body .km-timeline__item-content {
    color: #474c66;
}

.resume-content__main {
    color: #141933;
    font-size: 14px;
    font-weight: 600;
}

.resume-detail--small .resume-content__main {
    font-weight: 400;
}

.resume-content__block {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
}

    .resume-content__block.full-width .resume-content__block-item {
        flex-basis: 100%;
        margin-right: 0;
    }

    .resume-content__block.full-width .resume-content__block-name {
        max-width: 600px;
    }

.resume-content__block-item {
    flex-basis: 30%;
    margin-right: 3%;
    position: relative;
}

.resume-detail--small .resume-content__block-item {
    flex-basis: 100%;
    margin-right: 0;
}

.resume-content__block-item:before {
    border-left: 1px solid #e2e4ee;
    content: " ";
    height: 40px;
    position: absolute;
    right: 0;
    top: 2px;
}

.resume-detail--small .resume-content__block-item:before {
    content: none;
}

.resume-content__block-item:nth-child(3n+3) {
    margin-right: 0;
}

    .resume-content__block-item:nth-child(3n+3):before {
        content: none;
    }

.resume-content__block-item:nth-child(n+4) {
    margin-top: 24px;
}

.resume-detail--small .resume-content__block-item:not(:first-child) {
    margin-top: 16px;
}

.resume-content__block-item:last-child:before {
    content: none;
}

.resume-content__block-item.is-language:before {
    bottom: 0;
    top: auto;
}

.resume-content__block-item.is-english {
    padding-right: 12px;
}

    .resume-content__block-item.is-english .resume-content__chip {
        align-items: center;
        color: #474c66;
        display: flex;
    }

    .resume-content__block-item.is-english .resume-content__block-bar {
        flex: 1;
    }

.resume-content__block-name {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-content__block-label {
    font-size: 12px;
    line-height: 12px;
}

.resume-content__block-bar {
    background: #e2e4ee;
    border-radius: 14px;
    display: inline-block;
    height: 4px;
    margin: 0 12px;
    position: relative;
    vertical-align: middle;
    width: 52%;
}

    .resume-content__block-bar span {
        background-image: linear-gradient(140deg,#1155c2,#52bdff);
        border-radius: 14px;
        bottom: 0;
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
    }

.resume-content__assessments {
    display: flex;
    flex-flow: row wrap;
}

.resume-content__assessments-item {
    align-items: center;
    background: #f6f7fa;
    border-radius: 4px;
    color: #141933;
    cursor: pointer;
    display: flex;
    flex-basis: 30%;
    font-size: 14px;
    font-weight: 400;
    height: 68px;
    justify-content: space-between;
    margin-right: 3%;
    padding: 0 18px;
}

.resume-detail--small .resume-content__assessments-item {
    flex-basis: 100%;
    margin-right: 0;
}

.resume-content__assessments-item:hover {
    border: 1px solid #e2e4ee;
    box-shadow: 0 2px 12px 0 rgba(0,2,6,.1);
}

.resume-content__assessments-item:nth-child(3n+3) {
    margin-right: 0;
}

.resume-content__assessments-item:nth-child(n+4) {
    margin-top: 26px;
}

.resume-detail--small .resume-content__assessments-item:not(:first-child) {
    margin-top: 16px;
}

.resume-content__assessments-icon {
    margin-right: 18px;
}

.resume-content__assessments-name {
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-content__assessments .km-icon {
    color: #b8bbcc;
    font-size: 18px;
}

.resume-content .is-pre {
    line-height: 24px;
    white-space: break-spaces;
    word-break: break-all;
}

.resume-detail--small .resume-content .is-pre {
    line-height: 24px;
}

.resume-content .km-timeline .km-timeline__item-line {
    transform: none;
    width: 1px;
}

.resume-detail--new__warp {
    background-color: #fff;
    max-width: 840px;
    min-height: calc(100vh - 260px);
    padding-top: 32px;
}

    .resume-detail--new__warp .resume-basic {
        background: none;
        padding-bottom: 0;
        padding-left: 40px;
        padding-right: 40px;
    }

    .resume-detail--new__warp .resume-content {
        padding-bottom: 80px;
        padding-left: 40px;
        padding-right: 40px;
    }

.resume-pipeline {
    display: flex;
    justify-content: center;
}

.resume-pipeline__item {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative;
}

.resume-pipeline__item-dot {
    background: #b8c0cb;
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.resume-pipeline__item-line {
    border-bottom: 1px dashed #b8c0cb;
    left: -40%;
    position: absolute;
    top: 2px;
    width: 80%;
}

.resume-pipeline__item-tip {
    color: #7a7f99;
    font-size: 12px;
    left: -50%;
    position: absolute;
    text-align: center;
    top: -18px;
    width: 100%;
}

.resume-pipeline__item-content {
    color: #b8bbcc;
    font-size: 12px;
    margin-top: 10px;
    max-width: 84px;
    text-align: center;
}

.resume-pipeline__item:first-child .resume-pipeline__item-line {
    display: none;
}

.resume-pipeline__item.active .resume-pipeline__item-dot {
    background: #1155c2;
}

.resume-pipeline__item.active .resume-pipeline__item-line {
    border-bottom: 1px solid #1155c2;
}

.resume-pipeline__item.active .resume-pipeline__item-content {
    color: #141933;
}

.resume-logs {
    color: #7a7f99;
    font-size: 14px;
    line-height: 18px;
}

    .resume-logs .km-timeline__item-line {
        transform: none;
        width: 1px;
    }

    .resume-logs .km-timeline__item {
        padding: 0;
    }

        .resume-logs .km-timeline__item:not(:last-child) {
            padding-bottom: 24px;
        }

.resume-logs__group:not(:first-child) {
    margin-top: 32px;
}

.resume-logs__group-name {
    color: #b8bbcc;
    font-weight: 500;
    margin-bottom: 12px;
}

.resume-logs__time {
    font-size: 13px;
}

.resume-logs__name {
    color: #141933;
    font-weight: 500;
    margin-top: 10px;
}

    .resume-logs__name > span:not(:last-child):after {
        color: inherit;
        content: "|";
        content: "·";
        display: inline-block;
        font-weight: 300;
        text-align: center;
        width: 17px;
        width: 10px;
    }

.resume-logs__content {
    margin-top: 6px;
    word-break: break-word;
}

.resume-logs__modal .km-modal__body {
    padding: 0;
}

.resume-logs__modal .km-scrollbar__wrap {
    max-height: 476px;
    padding: 24px 44px;
}

.resume-evaluate__textarea {
    background: #f6f7fa;
    border: none;
    border-radius: 12px;
}

    .resume-evaluate__textarea.is-textarea textarea {
        resize: none;
    }

    .resume-evaluate__textarea.is-focused {
        background: #fff;
    }

.resume-evaluate .km-form-item__invalid {
    padding-top: 10px;
}

.resume-evaluate__save .km-image {
    cursor: pointer;
    vertical-align: middle;
}

.resume-communicate-job {
    align-items: baseline;
    display: flex;
    height: 36px;
}

.resume-communicate-job__title {
    color: #141933;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

.resume-communicate-job .km-input__icon {
    color: #141933 !important;
    margin-left: 8px;
    padding: 0;
}

.resume-communicate-job__label {
    color: #141933;
    font-size: 18px;
    font-weight: 500;
    max-width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-communicate-job .cursor-pointer {
    cursor: pointer;
}

.resume-communicate-job__popper {
    width: 356px;
}

.resume-communicate-job__popper-job {
    color: #141933;
    font-size: 14px;
    font-weight: 500;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-communicate-job__popper-creator {
    color: #7a7f99;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}

    .resume-communicate-job__popper-creator > span:not(:last-child):after {
        color: inherit;
        content: "|";
        content: "·";
        display: inline-block;
        font-weight: 300;
        text-align: center;
        width: 17px;
        width: 2px;
    }

.km-option:hover .resume-communicate-job__popper-job {
    color: #1155c2;
}

.resume-tags-wrapper {
    align-items: flex-start;
    display: flex;
}

    .resume-tags-wrapper.empty {
        display: none;
    }

.resume-tags-title {
    flex-shrink: 0;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-right: 4px;
}

.resume-tags {
    align-content: flex-start;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

    .resume-tags.show-more > * {
        margin-bottom: 0;
    }

.resume-tags--empty {
    color: #474c66;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 8px;
}

.resume-tags--more {
    align-items: center;
    display: flex;
    height: 24px;
    margin-bottom: 8px;
    margin-right: 8px;
}

    .resume-tags--more > span {
        background: #e6e8f2;
        border-radius: 50%;
        color: #7a7f99;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        line-height: 20px;
        text-align: center;
        width: 18px;
    }

        .resume-tags--more > span:hover {
            background: rgba(88,124,247,.1);
            color: #1155c2;
        }

.resume-tag, .resume-tags--add {
    height: 24px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-right: 8px;
}

.resume-tag {
    align-items: center;
    background: #e6e8f2;
    border-radius: 12px;
    color: #141933;
    display: flex;
    font-size: 12px;
    padding: 0 8px;
}

    .resume-tag:hover {
        background: rgba(88,124,247,.1);
        color: #1155c2;
    }

        .resume-tag:hover .resume-tag-close {
            background: #1155c2;
            border-radius: 50%;
            color: #fff;
            transform: scale(.8);
        }

.resume-tag-text {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-tag-close {
    color: #7a7f99;
    cursor: pointer;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin-left: 6px;
    text-align: center;
    width: 14px;
}

.tag-selector-content {
    margin-right: -4px;
    min-height: 282px;
    padding: 21px 0 8px 8px;
}

.tag-selector-content__header {
    color: #141933;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-right: 12px;
}

.tag-selector-content__body {
    min-height: 136px;
    width: 500px;
}

.tag-selector-content__footer {
    display: flex;
    justify-content: space-between;
    padding-right: 12px;
    padding-top: 36px;
}

.tag-manage-btn {
    cursor: pointer;
    font-weight: 400;
}

.tag-manage-btn--selecting {
    color: #1155c2;
}

.tag-manage-btn.is-disabled {
    color: #b8bbcc;
    cursor: not-allowed;
}

.tag-manage-btn .manage-icon {
    margin-right: 5px;
    vertical-align: middle;
}

.tag-manage-list {
    display: flex;
    flex-wrap: wrap;
}

    .tag-manage-list.selected-all .tag-manage:not(.tag-manage--selected) {
        background-color: #f6f7fa;
        border-color: #f6f7fa;
        color: #7a7f99;
        cursor: not-allowed;
    }

    .tag-manage-list .tag-manage {
        background-color: #f6f7fa;
        border: 1px solid #f6f7fa;
        border-radius: 4px;
        color: #7a7f99;
        cursor: pointer;
        display: inline-block;
        height: 32px;
        line-height: 30px;
        margin-bottom: 12px;
        margin-right: 12px;
        max-width: 184px;
        overflow: hidden;
        padding: 0 12px;
        text-align: center;
        text-overflow: ellipsis;
        user-select: none;
        white-space: nowrap;
    }

    .tag-manage-list .tag-manage-icon {
        cursor: pointer;
        display: none;
        height: 100%;
        line-height: 30px;
        margin-left: 5px;
        width: 11px;
    }

    .tag-manage-list .tag-manage--selected {
        background-color: rgba(61,126,255,.05);
        border-color: rgba(61,126,255,.3);
        color: #1155c2;
    }

    .tag-manage-list .tag-manage--selecting {
        cursor: default !important;
        padding-right: 30px;
        position: relative;
    }

        .tag-manage-list .tag-manage--selecting .tag-manage-icon {
            display: inline-block;
            position: absolute;
            right: 12px;
        }

        .tag-manage-list .tag-manage--selecting .tag-manage-icon--hover, .tag-manage-list .tag-manage--selecting:hover .tag-manage-icon {
            display: none;
        }

        .tag-manage-list .tag-manage--selecting:hover .tag-manage-icon--hover {
            display: inline-block;
        }

    .tag-manage-list .tag-manage:hover {
        background-color: rgba(61,126,255,.06);
        color: #1155c2;
    }

.tag-customize {
    height: 36px;
    margin-top: 12px;
    padding-right: 12px;
}

.tag-customize--pending {
    color: #1155c2;
    cursor: pointer;
    display: inline-block;
}

    .tag-customize--pending .km-icon {
        font-weight: 700;
        height: 16px;
        vertical-align: middle;
    }

.tag-customize--editing {
    position: relative;
}

.tag-customize-edit {
    display: flex;
}

    .tag-customize-edit .tag-form {
        flex: 1;
    }

.tag-customize-action {
    color: #b8bbcc;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 36px;
}

.tag-customize-action--add {
    color: #1155c2;
    margin-left: 18px;
    margin-right: 24px;
}

.tag-customize-error {
    color: #fb6160;
    margin-top: 5px;
    position: absolute;
}

.tag-manage-status {
    color: #7a7f99;
    line-height: 36px;
}

    .tag-manage-status span {
        display: inline-block;
        vertical-align: middle;
    }

.tag-manage-status--selected {
    font-size: 18px;
    letter-spacing: 2px;
    margin-right: -4px;
}

.tag-manage-status--err {
    color: #fb6160;
    margin-left: 24px;
}

.delete-tag-confirm-popover .km-popover__inner {
    padding: 0;
}

.delete-tag-confirm-popover .delete-confirm__inner {
    height: 136px;
    padding: 16px 20px 20px;
    width: 240px;
}

.delete-tag-confirm-popover .delete-confirm__title {
    align-items: center;
    color: #141933;
    display: flex;
    font-size: 16px;
}

    .delete-tag-confirm-popover .delete-confirm__title .km-icon {
        color: #faaa14;
        font-size: 20px;
        margin-right: 8px;
    }

.delete-tag-confirm-popover .delete-confirm__subtitle {
    color: #7a7f99;
    font-size: 12px;
    margin-top: 4px;
    padding-left: 28px;
}

.delete-tag-confirm-popover .delete-confirm__btn {
    display: flex;
    justify-content: end;
    margin-top: 22px;
}

    .delete-tag-confirm-popover .delete-confirm__btn .km-button {
        min-width: auto;
    }

        .delete-tag-confirm-popover .delete-confirm__btn .km-button + .km-button {
            margin-left: 8px;
        }

.popover-trigger {
    color: #141933;
    cursor: pointer;
    font-size: 14px;
    height: 20px;
}

    .popover-trigger:hover {
        color: #1155c2;
    }

.tag-selector-trigger {
    align-items: center;
    color: #141933;
    display: flex;
}

    .tag-selector-trigger:hover {
        color: #1155c2;
    }

.tag-selector-trigger__icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/add-icon@2x.a82183.png);
    background-size: cover;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    width: 16px;
}

.resume-detail-container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 1200px;
}

.resume-detail-wrap {
    display: flex;
    min-height: calc(100vh - 202px);
    position: relative;
}

.resume-detail {
    flex: 1;
}

.resume-sidebar {
    align-self: flex-start;
    background: #fff;
    border-radius: 4px;
    margin-left: 20px;
    padding: 24px;
    position: sticky;
    top: 24px;
    width: 316px;
}

.resume-sidebar__section:not(:last-child) {
    border-bottom: 1px solid #e8ebf3;
    margin-bottom: 24px;
}

.resume-sidebar__unfold {
    color: #7a7f99;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: -25px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

    .resume-sidebar__unfold .km-icon {
        vertical-align: middle;
    }

.resume-sidebar__title {
    color: #141933;
    font-size: 18px;
    font-weight: 500;
}

.resume-sidebar__title-label {
    float: right;
    font-weight: 400;
}

.resume-sidebar__main {
    padding: 24px 0;
}

.resume-sidebar__actions {
    display: flex;
    flex-wrap: wrap;
}

    .resume-sidebar__actions .resume-button {
        margin-bottom: 16px;
        overflow: visible;
        position: relative;
    }

        .resume-sidebar__actions .resume-button.is-fullwidth {
            width: 100%;
        }

        .resume-sidebar__actions .resume-button:not(.is-fullwidth) {
            flex-basis: 80px;
            flex-grow: 1;
            margin-right: 14px;
        }

        .resume-sidebar__actions .resume-button:last-child {
            margin-right: 0;
        }

        .resume-sidebar__actions .resume-button .km-button {
            min-width: 80px;
            overflow: visible;
        }

            .resume-sidebar__actions .resume-button .km-button .km-ripple {
                padding: 0 12px;
            }

    .resume-sidebar__actions .has-new-staff-coupon {
        position: relative;
    }

        .resume-sidebar__actions .has-new-staff-coupon:after {
            background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/has-coupon-icon.aa0483.png);
            background-size: cover;
            content: "";
            display: block;
            height: 22px;
            left: 0;
            position: absolute;
            top: -11px;
            width: 56px;
            z-index: 10;
        }

html.is-retina .resume-sidebar__actions .has-new-staff-coupon:after {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/has-coupon-icon@2x.312989.png);
}

.resume-sidebar__actions .has-new-staff-gift {
    position: relative;
}

    .resume-sidebar__actions .has-new-staff-gift:after {
        background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/has-gift-icon.7347ea.png);
        background-size: cover;
        content: "";
        display: block;
        height: 22px;
        left: 0;
        position: absolute;
        top: -11px;
        width: 68px;
        z-index: 10;
    }

html.is-retina .resume-sidebar__actions .has-new-staff-gift:after {
    background-image: url(//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/has-gift-icon@2x.98f9c9.png);
}

.resume-sidebar__actions.is-operate {
    margin-top: 24px;
}

    .resume-sidebar__actions.is-operate .resume-button {
        flex-basis: 67px;
        flex-grow: 1;
        margin-bottom: 0;
        margin-right: 0;
    }

        .resume-sidebar__actions.is-operate .resume-button:nth-child(n+5) {
            flex-grow: 0;
            margin-top: 24px;
        }

    .resume-sidebar__actions.is-operate .resume-button--item {
        align-items: center;
        color: #7a7f99;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        font-size: 12px;
        justify-content: center;
        width: 100%;
    }

        .resume-sidebar__actions.is-operate .resume-button--item .km-image {
            margin-bottom: 10px;
        }

        .resume-sidebar__actions.is-operate .resume-button--item:hover .is-label {
            color: #1155c2;
        }

.resume-operate {
    color: #7a7f99;
    position: absolute;
    right: 24px;
    top: 24px;
}

@media print {
    .app-footer, .app-header, .no-print {
        display: none !important;
    }

    .app-layout, .app-main__content, html {
        background: #fff !important;
    }

    .app-main__content {
        padding: 0 !important;
    }

    .resume-detail-container {
        width: 100%;
    }

        .resume-detail-container .resume-content {
            padding-top: 0;
        }

    .resume-basic .is-pad, .resume-content__body {
        padding-right: 20px;
    }

    .resume-basic__bubble {
        padding-right: 24px;
    }
}

.imc-matching-card__operator {
    background: rgba(88,124,247,.05);
    border-radius: 4px;
    color: #141933;
    font-size: 13px;
    line-height: 22px;
    margin-top: 12px;
    padding: 8px 12px;
}

.imc-matching-card__operator--title {
    font-weight: 600;
    padding-bottom: 8px;
}

.imc-matching-card__operator--icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/check-icon.871e99.png);
    background-size: cover;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px;
}

html.is-retina .imc-matching-card__operator--icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/check-icon@2x.2fcb9f.png);
}

.imc-matching-card__operator--keyword {
    color: #7a7f99;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    margin-right: 18px;
}

.imc-matching-card__operator .no-border {
    border: none;
}

.resume-feedback__base {
    margin-top: 8px;
    padding-bottom: 24px;
    width: 100%;
}

.resume-feedback__job {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px;
}

.resume-feedback__person {
    display: flex;
}

.resume-feedback__basic {
    flex: 1;
}

.resume-feedback__avatar {
    align-self: center;
    display: flex;
    margin-right: 12px;
}

.resume-feedback__title {
    display: flex;
    justify-content: space-between;
}

.resume-feedback__title--center {
    margin-top: 5px;
}

.resume-feedback__name {
    font-size: .875rem;
    font-weight: 500;
}

.resume-feedback__b2b-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/b2b-icon.72e980.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 16px;
    vertical-align: -3px;
    width: 32px;
}

html.is-retina .resume-feedback__b2b-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/b2b-icon@2x.deeac8.png);
}

.resume-feedback__b2b-icon.resign-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/b2b-resign.7c2eb7.png);
    width: 74px;
}

html.is-retina .resume-feedback__b2b-icon.resign-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/b2b-resign@2x.7c2f13.png);
}

.resume-feedback__b2b-icon.official-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/official_icon.3bdcc1.png);
    width: 32px;
}

html.is-retina .resume-feedback__b2b-icon.official-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/official_icon@2x.be7010.png);
}

.resume-feedback__b2b-icon.operator-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/operator_icon_new.45c059.png);
    background-size: cover;
    height: 11px;
    position: relative;
    top: -2px;
    width: 48px;
}

html.is-retina .resume-feedback__b2b-icon.operator-icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/operator_icon_new@2x.d559a8.png);
}

.resume-feedback__date {
    color: #b8bbcc;
    font-size: .75rem;
}

.resume-feedback__note {
    color: #7a7f99;
    font-size: .75rem;
    margin-top: 8px;
}

    .resume-feedback__note.is-operator {
        margin-top: 0;
    }

.resume-feedback__tip {
    font-size: 1rem;
    font-weight: 500;
    margin: 24px 0;
}

.resume-feedback__buttons {
    display: flex;
    justify-content: space-between;
}

.resume-feedback__btn {
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    height: 100px;
    text-shadow: 0 0 currentColor;
    width: 80px;
}

    .resume-feedback__btn .km-icon {
        font-size: 24px;
        margin-bottom: 8px;
        text-shadow: none;
    }

    .resume-feedback__btn .km-ripple {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .resume-feedback__btn.pass {
        background-color: #f5fdf9;
        border-color: #cbf3df;
        color: #30ce7e;
    }

    .resume-feedback__btn.reject {
        background-color: #fff7f7;
        border-color: #fed8d7;
        color: #fb6160;
    }

    .resume-feedback__btn.pending {
        background-color: #f7f8ff;
        border-color: #d5defd;
        color: #1155c2;
    }

.resume-feedback__guide {
    text-align: unset;
    width: 357px;
}

.resume-feedback__guide-inner {
    display: flex;
    padding-right: 10px;
}

    .resume-feedback__guide-inner .dot {
        height: 4px;
        margin-right: 8px;
        width: 4px;
    }

.resume-feedback__guide-close {
    height: 14px;
    position: absolute;
    right: 9px;
    top: 8px;
    width: 14px;
}

    .resume-feedback__guide-close .km-icon {
        color: #fff;
        cursor: pointer;
        font-size: 14px;
    }

.resume-feedback__official--buttons .neglect-button, .resume-feedback__official--buttons .resume-button {
    flex: 1;
}

.resume-feedback__official--text {
    color: #7a7f99;
    font-size: 12px;
    margin-top: 22px;
    text-align: center;
}

.job-offline-module {
    align-items: center;
    background: linear-gradient(-20deg,#fff 70%,#f0f9ff);
    border-radius: 4px;
    display: flex;
    height: 78px;
    justify-content: space-between;
    margin-top: 12px;
    padding: 9px 24px;
    width: 100%;
}

.job-offline-module__icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/zhi-icon.46956d.png);
    background-repeat: no-repeat;
    background-size: 34px 43px;
    height: 60px;
    margin-right: 8px;
    width: 34px;
}

html.is-retina .job-offline-module__icon {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/zhi-icon@2x.6473f3.png);
}

.job-offline-module__content {
    display: flex;
}

.job-offline-module__content--state {
    color: #474c66;
    font-size: 14px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
}

.job-offline-module__content--info {
    color: #474c66;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    margin-top: 6px;
}

.job-manage-online .km-modal__body {
    padding: 24px;
}

.job-manage-online .online-table {
    border: 1px solid #e2e4ee;
    border-radius: 4px;
    color: #7a7f99;
}

.job-manage-online .online-table__head {
    background: #f8f9fc;
    font-weight: 500;
}

    .job-manage-online .online-table__head .online-table__row {
        height: 40px;
        line-height: 40px;
    }

    .job-manage-online .online-table__head .online-table__col {
        height: 40px;
    }

.job-manage-online .online-table__body {
    height: 277px;
    overflow: hidden;
}

    .job-manage-online .online-table__body .km-scrollbar {
        height: 100%;
    }

    .job-manage-online .online-table__body .online-table__col:first-child {
        color: #1155c2;
    }

.job-manage-online .online-table__row {
    border-bottom: 1px solid #e2e4ee;
    display: flex;
    margin: 0 33px;
}

    .job-manage-online .online-table__row:last-child {
        border: none;
    }

.job-manage-online .online-table__col {
    align-items: center;
    display: flex;
    flex: 1;
    height: 68px;
}

.job-manage-online .is-modify {
    color: #1155c2;
    cursor: pointer;
}

.job-manage-online__status {
    flex: 2;
}

.job-manage-online__status-modify {
    display: flex;
}

.job-manage-online__icon {
    color: #fe6f61;
    margin-top: 4px;
}

.shortcut-resume__custom-title {
    display: flex;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}

.shortcut-resume__state {
    color: #30ce7e;
    font-size: 1rem;
    margin-right: 4px;
}

.shortcut-resume__state-PASS {
    color: #30ce7e;
}

.shortcut-resume__state-REJECT {
    color: #fb6160;
}

.shortcut-resume__state-CONVERSION {
    color: #1155c2;
}

.shortcut-resume__title {
    align-items: center;
    display: flex;
    font-weight: 500;
}

.shortcut-resume__title-state {
    align-items: center;
    background-color: #f8f9fc;
    border-radius: 16px;
    display: inline-flex;
    font-size: 16px;
    height: 32px;
    left: 706px;
    padding: 0 16px;
    position: absolute;
}

.shortcut-resume__modal .km-modal {
    border-radius: 0;
    height: 100vh !important;
    max-height: 100vh;
    width: 1048px;
}

.shortcut-resume__modal .km-modal__body {
    background-color: #f0f2f6;
}

.shortcut-resume__modal .km-modal__header {
    background-color: #fff;
    min-height: 64px;
}

.shortcut-resume__modal .km-modal__title {
    padding: 0 17px 0 24px;
}

.shortcut-resume__modal .resume-detail .resume-content__block-name {
    max-width: 170px;
}

.shortcut-resume__modal .resume-detail .resume-accessory__group {
    padding: 0 12px;
}

.shortcut-resume__modal .resume-detail .resume-accessory__group-folder {
    margin-right: 8px;
}

.shortcut-resume__modal .resume-detail .resume-accessory__group-title {
    max-width: 104px;
}

.shortcut-resume__modal .resume-detail .resume-content__assessments-item {
    padding: 0 12px;
}

.shortcut-resume__modal .resume-detail .resume-content__assessments-icon {
    margin-right: 8px;
}

.shortcut-resume__modal .resume-detail .resume-content__assessments-name {
    max-width: 104px;
}

.shortcut-resume__wrapper {
    color: #fff;
    height: calc(100vh - 64px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.shortcut-resume__left, .shortcut-resume__right {
    align-items: center;
    background: #03040d;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 54px;
    justify-content: center;
    opacity: .2;
    position: absolute;
    top: calc(50% - 27px);
    width: 32px;
    z-index: 9999;
}

    .shortcut-resume__left:hover, .shortcut-resume__right:hover {
        opacity: .4;
    }

    .shortcut-resume__left:active, .shortcut-resume__right:active {
        opacity: .6;
    }

.shortcut-resume__left--none, .shortcut-resume__left--none:active, .shortcut-resume__left--none:hover, .shortcut-resume__right--none, .shortcut-resume__right--none:active, .shortcut-resume__right--none:hover {
    opacity: .1;
}

.shortcut-resume__left {
    left: 0;
}

.shortcut-resume__right {
    right: 0;
}

.shortcut-resume__empty {
    height: calc(100vh - 112px);
}

.shortcut-resume__empty, .shortcut-resume__newEmpty {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.shortcut-resume__newEmpty {
    height: 100%;
    left: 0;
    min-width: 1000px;
    position: absolute;
    top: 0;
    z-index: 10;
}

    .shortcut-resume__newEmpty .greeting-loading {
        text-align: center;
        width: 100%;
    }

    .shortcut-resume__newEmpty .greeting-loading-text {
        display: inline-block;
        max-width: 260px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.shortcut-resume__greeting-done-empty {
    height: 100%;
    min-height: 100%;
}

.shortcut-resume__resume-wrap {
    height: fit-content;
}

@media print {
    .no-print {
        display: none !important;
    }

    body.km-modal__wrapper--locked {
        overflow: auto;
        padding-right: 0 !important;
    }

        body.km-modal__wrapper--locked .app-layout {
            display: none;
        }

        body.km-modal__wrapper--locked .km-modal__backdrop--active {
            opacity: 0;
        }

    .shortcut-resume__modal {
        position: relative;
    }

        .shortcut-resume__modal .km-modal--scrollable .km-modal__scroll-view {
            background: #fff;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .shortcut-resume__modal .km-scrollbar__wrap {
            overflow: inherit !important;
        }

        .shortcut-resume__modal .km-modal.km-modal--open {
            height: auto !important;
            max-height: none;
            width: 100% !important;
            z-index: 10000;
        }

            .shortcut-resume__modal .km-modal.km-modal--open .km-modal__header, .shortcut-resume__modal .km-modal.km-modal--open .shortcut-resume__left, .shortcut-resume__modal .km-modal.km-modal--open .shortcut-resume__right {
                display: none;
            }

            .shortcut-resume__modal .km-modal.km-modal--open .km-modal--scrollable.km-modal__body {
                overflow: auto;
            }

            .shortcut-resume__modal .km-modal.km-modal--open .resume-detail--default .resume-content {
                padding: 24px 0;
            }

            .shortcut-resume__modal .km-modal.km-modal--open .resume-detail--default .resume-basic {
                overflow: hidden;
                padding: 0;
            }

            .shortcut-resume__modal .km-modal.km-modal--open .resume-detail-wrap {
                overflow: hidden;
            }
}

.search-result {
    border-radius: 4px;
    overflow: hidden;
}

.search-result__pagination {
    justify-content: center;
    margin-top: 28px;
}

.page-action-bar.sticky-pane--bottom-stuck:after {
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
}

.page-action-bar {
    background: #fff;
    border-radius: 4px;
    display: flex;
    line-height: 24px;
    padding: 14px 32px;
}

@media screen and (max-width:1228px) {
    .page-action-bar {
        margin: auto;
    }
}

.page-action-bar.sticky-pane--bottom-stuck {
    z-index: 16;
}

    .page-action-bar.sticky-pane--bottom-stuck:after {
        box-shadow: 0 2px 4px -1px rgba(181,192,210,.2),0 4px 5px 0 rgba(181,192,210,.14),0 1px 10px 0 rgba(181,192,210,.12);
        content: "";
        transform: rotate(180deg);
        z-index: -1;
    }

.sticky-pane {
    position: sticky;
    position: -webkit-sticky;
}

.sticky-pane__sentinel {
    left: 0;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.footer-bar {
    height: 64px;
    padding: 0;
}

.footer-bar__inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1530px;
    min-width: 1130px;
    padding: 0 80px 0 56px;
    width: 100%;
}

.app-layout--collapsed .footer-bar__inner {
    max-width: 1628px;
    min-width: 1228px;
}

.footer-bar__front {
    display: flex;
    flex: 1;
    position: relative;
}

.footer-bar__end {
    align-items: center;
    display: flex;
    font-size: 0;
}

    .footer-bar__end .km-button {
        height: 32px;
        width: 208px !important;
    }

.footer-bar .km-checkbox {
    background-color: #fff;
    margin-right: 16px;
    z-index: 10;
}

    .footer-bar .km-checkbox .km-checkbox__label {
        color: #7a7f99;
        padding-left: 16px;
    }

.footer-bar .avatar-group {
    background-color: #fff;
    padding-right: 48px;
    z-index: 3;
}

.footer-bar--flex .footer-bar__inner {
    padding: 0 88px 0 48px;
}

@media screen and (max-width:1440px) {
    .footer-bar--flex .footer-bar__inner {
        padding: 0 72px 0 40px;
    }
}

:export {
    primary: #1155c2;
    secondary: #00bca2;
    highlight: #fe6f61;
    success: #30ce7e;
    warning: #faaa14;
    danger: #fb6160;
    light: #eaeff9;
    dark: #000206;
}

.exposure-ball {
    align-self: flex-end;
    height: 62px;
    margin-bottom: 20px;
    min-width: 62px;
    padding-right: 34px;
}

.exposure-ball__wrapper--hide {
    opacity: 0;
}

.exposure-ball__wrapper--hide-animation {
    transition: opacity .1s 1s;
}

.exposure-ball__tip {
    overflow: hidden;
}

.exposure-ball__tip-inner {
    background: rgba(16,16,48,.85);
    border-radius: 30px 0 0 30px;
    box-shadow: 0 6px 12px 0 rgba(70,93,118,0);
    color: #fff;
    height: 54px;
    margin: 4px 0;
    padding: 6px 16px;
    width: 186px;
}

.exposure-ball__tip .score {
    font-size: 16px;
}

.exposure-ball__tip-enter-active, .exposure-ball__tip-leave-active {
    transition: all .5s;
}

.exposure-ball__tip-enter, .exposure-ball__tip-leave-to {
    opacity: 0;
    transform: translateX(100%);
}

.exposure-ball__count {
    cursor: pointer;
    height: 62px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
}

.exposure-ball__count, .exposure-ball__count-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.exposure-ball__count-inner {
    background-image: linear-gradient(139deg,#fff3e2 13%,#ffe0c1);
    border-radius: 50%;
    color: #60260d;
    height: 54px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    width: 54px;
}

    .exposure-ball__count-inner:before {
        transition: transform .5s;
    }

    .exposure-ball__count-inner--fold:before, .exposure-ball__count-inner:before {
        background: hsla(0,0%,100%,.6);
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        transform: rotate(-45deg) translate(-10px,-24px);
        width: 100%;
    }

.exposure-ball__count-inner--fold:before {
    transform: rotate(-45deg) translate(-10px,42px);
    transition: transform .5s .5s;
}

.exposure-ball__count-outer {
    height: 100%;
    position: absolute;
    width: 100%;
}

.exposure-ball__count-lightning {
    background: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/lightning.0e2481.svg) no-repeat 0 0;
    background-size: cover;
    flex-shrink: 0;
    height: 15px;
    width: 12px;
}

.exposure-ball__count-sore {
    font-size: 15px;
    font-weight: 700;
}

.exposure-ball .score {
    color: #ff6700;
}

.exposure-aggregation {
    cursor: pointer;
    height: 86px;
    left: -100%;
    margin-bottom: 20px;
    min-width: 83px;
    position: relative;
    user-select: none;
}

.exposure-aggregation-tips {
    left: -210%;
    overflow: hidden;
    position: absolute;
    top: 22px;
}

.exposure-aggregation-tips__inner {
    background: rgba(71,76,102,.8);
    border-radius: 22px 0 0 22px;
    color: #fff;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding-left: 14px;
    position: relative;
    width: 190px;
    z-index: -1;
}

.exposure-aggregation-tips-enter-active, .exposure-aggregation-tips-leave-active {
    transition: all .5s;
}

.exposure-aggregation-tips-enter, .exposure-aggregation-tips-leave-to {
    opacity: 0;
    transform: translateX(100%);
}

.exposure-aggregation-content {
    align-items: center;
    background: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/aggregation.549e3c.png) no-repeat 0/cover;
    color: #5e3c00;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    padding-right: 6px;
    width: 83px;
}

html.is-retina .exposure-aggregation-content {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/aggregation@2x.059b1c.png);
}

.exposure-aggregation-content__empty {
    background: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/lightning.85a571.png) no-repeat 50%/cover;
    height: 33px;
    width: 28px;
}

html.is-retina .exposure-aggregation-content__empty {
    background-image: url(//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/lightning@2x.b0aa73.png);
}

.exposure-aggregation-content__value {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: -6px;
}