.job-online-error .km-modal__body {
    padding: 24px;
}

.job-online-error .online-table {
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    color: rgb(122, 127, 153);
}

.job-online-error .online-table__head {
    background: rgb(248, 249, 252);
    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: rgb(88, 124, 247);
    }

.job-online-error .online-table__row {
    border-bottom: 1px solid rgb(226, 228, 238);
    display: flex;
    margin: 0px 33px;
}

    .job-online-error .online-table__row:last-child {
        border: none;
    }

.job-online-error .online-table__col {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    height: 68px;
}

.job-online-error .is-modify {
    color: rgb(88, 124, 247);
    cursor: pointer;
}

.job-online-error__status {
    flex: 2 1 0%;
}

.job-online-error__status-modify {
    display: flex;
}

.job-online-error__icon {
    color: rgb(254, 111, 97);
    margin-top: 4px;
}

.highlight__stress {
    background: rgb(255, 234, 146);
    color: rgb(0, 0, 0);
    padding: 1px;
    position: relative;
}

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

.resume-skill-tag, .resume-skill-tags {
    display: inline-block;
}

.resume-skill-tag {
    border: 1px solid rgb(232, 235, 243);
    border-radius: 14px;
    color: rgb(122, 127, 153);
    font-size: 12px;
    height: 28px;
    line-height: 26px;
    padding: 0px 12px;
}

.qr-code-guide__btn {
    color: rgb(122, 127, 153);
    cursor: pointer;
    font-size: 12px;
    margin-left: 12px;
}

    .qr-code-guide__btn.is-active, .qr-code-guide__btn:hover {
        color: rgb(88, 124, 247);
    }

.qr-code-guide__popover .km-popover__inner {
    padding: 0px;
}

.qr-code-guide__con {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.qr-code-guide__title {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 500;
}

.qr-code-guide__subtitle {
    color: rgb(122, 127, 153);
    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%;
    }

.change-outbound-contact {
    display: flex;
}

.change-outbound-contact__select {
    width: 96px;
}

    .change-outbound-contact__select .km-control {
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }

.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: 0px;
    }

.change-outbound-contact__telephone--phone {
    width: 100%;
}

    .change-outbound-contact__telephone--phone .km-control {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

.change-outbound-contact__mobile {
    margin-left: -1px;
    width: 345px;
}

    .change-outbound-contact__mobile .km-control {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

.change-outbound-phone-modal__wrap--title {
    font-weight: 500;
}

.change-outbound-phone-modal__contact {
    margin-top: 16px;
}

.change-outbound-phone-modal__contact--title {
    color: rgb(122, 127, 153);
}

.change-outbound-phone-modal__instructions {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
}

.change-outbound-phone-confirm-modal__head {
    align-items: center;
    display: flex;
}

.change-outbound-phone-confirm-modal__head--icon {
    color: rgb(88, 124, 247);
    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: rgb(122, 127, 153);
    margin-left: 24px;
    margin-top: 8px;
}

.outbound-phone-detail {
    color: rgb(122, 127, 153);
    display: inline;
}

.outbound-phone-detail__mobile {
    color: rgb(248, 142, 7);
    margin: 0px 4px;
}

.outbound-phone-detail__trigger {
    border-bottom: 1px solid rgb(215, 217, 224);
}

    .outbound-phone-detail__trigger:hover {
        border-bottom: 1px solid rgb(88, 124, 247);
    }

.error-virtual-number_normal {
    color: rgb(88, 124, 247);
}

.error-virtual-number_normal__trigger, .error-virtual-number_normal__trigger:hover {
    border: none;
}

.error-virtual-number__trigger {
    border-bottom: 1px solid rgb(185, 186, 194);
}

    .error-virtual-number__trigger:hover {
        border-bottom: 1px solid rgb(88, 124, 247);
    }

.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 rgb(226, 228, 238);
    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: 0px;
    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, 0.05);
    }

.app-job-selector__job {
    align-items: center;
    display: flex;
}

.app-job-selector__job-tag {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(61, 126, 255, 0.15);
    border-radius: 2px;
    color: rgb(88, 124, 247);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-left: 6px;
    min-width: 32px;
    padding: 0px 3px;
}

.app-job-selector--rpo-mark {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rpo-mark.328377.svg") 0px 0px / cover no-repeat;
    box-shadow: rgba(201, 164, 126, 0.5) 0px 6px 5px -3px;
    display: block;
    flex-shrink: 0;
    height: 15px;
    margin-right: 6px;
    width: 32px;
}

.km-select__search-input {
    background-color: unset;
    border-color: rgb(226, 228, 238);
}

.resume-coupon__dropdown {
    display: flex;
}

.resume-coupon__dropdown--time {
    color: rgb(122, 127, 153);
}

.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: rgb(113, 127, 153);
    cursor: pointer;
}

.resume-balances__label {
    display: flex;
}

.resume-balances__label--name {
    display: flex;
    overflow: hidden;
}

.resume-balances__label--tip {
    color: rgb(184, 192, 203);
    flex-shrink: 0;
    margin-left: 8px;
}

.resume-balances__dropdown {
    align-items: center;
    display: flex;
}

.resume-balances__dropdown--time {
    color: rgb(184, 192, 203);
    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: rgb(255, 255, 255);
    display: inline-block;
    position: relative;
    transition: all 0.5s ease 0s;
}

    .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, 0.4);
    display: flex;
    justify-content: space-around;
    padding: 2px 3px 0px;
    position: relative;
}

.avatar-group__shadow-item {
    background-color: rgb(255, 255, 255);
    border-radius: 1px;
    height: 2px;
    transform: scale(1.3);
    width: 2px;
}

.avatar-group__label span {
    color: rgb(71, 76, 102);
    font-size: 14px;
    padding-left: 12px;
}

    .avatar-group__label span:hover {
        color: rgb(88, 124, 247);
    }

.avatar-group__wrapper-left-enter-active, .avatar-group__wrapper-middle-enter-active, .avatar-group__wrapper-right-enter-active {
    transition: all 0.5s ease 0s;
}

.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);
}

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

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

.icon-bell::before {
    content: "";
}

.icon-mobile::before {
    content: "";
}

.icon-service::before {
    content: "";
}

.icon-zhankai::before {
    content: "";
}

.icon-search::before {
    content: "";
}

.icon-filter::before {
    content: "";
}

.icon-more::before {
    content: "";
}

.icon-educate::before {
    content: "";
}

.icon-work::before {
    content: "";
}

.icon-times::before {
    content: "";
}

.icon-bellring::before {
    content: "";
}

.icon-edit::before {
    content: "";
}

.icon-share::before {
    content: "";
}

.icon-offline::before {
    content: "";
}

.icon-top::before {
    content: "";
}

.icon-refresh::before {
    content: "";
}

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

.icon-email::before {
    content: "";
}

.icon-housekeeper::before {
    content: "";
}

.icon-release::before {
    content: "";
}

.icon-gengduosousuotiaojian::before {
    content: "";
}

.icon-warning::before {
    content: "";
}

.icon-notice::before {
    content: "";
}

.icon-success::before {
    content: "";
}

.icon-error::before {
    content: "";
}

.icon-telephone::before {
    content: "";
}

.icon-hangup::before {
    content: "";
}

.icon-silence::before {
    content: "";
}

.icon-change::before {
    content: "";
}

.icon-shuaxin::before {
    content: "";
}

.icon-zhiding::before {
    content: "";
}

.icon-xitieshi::before {
    content: "";
}

.icon-yaoqing::before {
    content: "";
}

.icon-zhanghuzichan::before {
    content: "";
}

.icon-gerenxinxi::before {
    content: "";
}

.icon-shoucang::before {
    content: "";
}

.icon-paixu::before {
    content: "";
}

.icon-manage::before {
    content: "";
}

.icon-tags::before {
    content: "";
}

.icon-complaint::before {
    content: "";
}

.icon-download::before {
    content: "";
}

.icon-morefeatures::before {
    content: "";
}

.icon-dengpao::before {
    content: "";
}

.icon-tuichu::before {
    content: "";
}

.icon-pingbi::before {
    content: "";
}

.icon-delect::before {
    content: "";
}

.icon-libaoduihuan::before {
    content: "";
}

.icon-log::before {
    content: "";
}

.icon-helpcenter::before {
    content: "";
}

.icon-jiantou::before {
    content: "";
}

.icon-qiehuanmoshi::before {
    content: "";
}

.icon-set::before {
    content: "";
}

.icon-chakanjianli::before {
    content: "";
}

.icon-shipinmianshi::before {
    content: "";
}

.icon-biaoqing::before {
    content: "";
}

.icon-shouji::before {
    content: "";
}

.icon-jiaohuan::before {
    content: "";
}

.icon-changyongyu::before {
    content: "";
}

.icon-tupian::before {
    content: "";
}

.icon-weixin::before {
    content: "";
}

.icon-newscenter::before {
    content: "";
}

.icon-quanbubiaoweiyidu::before {
    content: "";
}

.icon-gongzuojingyan::before {
    content: "";
}

.icon-xueli::before {
    content: "";
}

.icon-zuojiantou::before {
    content: "";
}

.icon-zhaopinzhenduan::before {
    content: "";
}

.icon-qiyeguanliicon::before {
    content: "";
}

.icon-xuanzebendizhaopian::before {
    content: "";
}

.icon-notes::before {
    content: "";
}

.icon-pipei::before {
    content: "";
}

.icon-yaoqingtongshi::before {
    content: "";
}

.icon-rencaiguanli::before {
    content: "";
}

.icon-zhifubao::before {
    content: "";
}

.icon-weixinzhifu::before {
    content: "";
}

.icon-meihuaicon::before {
    content: "";
}

.icon-daiding::before {
    content: "";
}

.icon-jinggao::before {
    content: "";
}

.icon-viewmore::before {
    content: "";
}

.icon-chuangjian::before {
    content: "";
}

.icon-daochu::before {
    content: "";
}

.icon-camera::before {
    content: "";
}

.icon-daohang::before {
    content: "";
}

.icon-kuaijieshaixuan::before {
    content: "";
}

.icon-zhushilei::before {
    content: "";
}

.icon-yigoutong::before {
    content: "";
}

.icon-tongguo::before {
    content: "";
}

.icon-weitongguo::before {
    content: "";
}

.icon-weifankui::before {
    content: "";
}

.icon-zanweichakan::before {
    content: "";
}

.icon-tianjiagengduo::before {
    content: "";
}

.icon-tuichu1::before {
    content: "";
}

.icon-guanbi::before {
    content: "";
}

.icon-xiezuojilufill::before {
    content: "";
}

.icon-xiezuojiluline::before {
    content: "";
}

.icon-weifankuishixin::before {
    content: "";
}

.icon-yigoutongshixin::before {
    content: "";
}

.icon-weichakan::before {
    content: "";
}

.icon-dianhuagoutong::before {
    content: "";
}

.icon-tianjiaicon::before {
    content: "";
}

.icon-chat::before {
    content: "";
}

.icon-revoke::before {
    content: "";
}

.icon-detail::before {
    content: "";
}

.icon-interview::before {
    content: "";
}

.icon-number::before {
    content: "";
}

.icon-improper::before {
    content: "";
}

.icon-oncall::before {
    content: "";
}

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

.icon-forwardingtalents::before {
    content: "";
}

.icon-coupon::before {
    content: "";
}

.icon-juxing::before {
    content: "";
}

.icon-pdf::before {
    content: "";
}

.icon-image::before {
    content: "";
}

.icon-gif::before {
    content: "";
}

.icon-loading::before {
    content: "";
}

.icon-bang::before {
    content: "";
}

.icon-video::before {
    content: "";
}

.icon-videoline::before {
    content: "";
}

.icon-address::before {
    content: "";
}

.icon-mianshiguanli::before {
    content: "";
}

.icon-empty::before {
    content: "";
}

.icon-xunihaoma::before {
    content: "";
}

.icon-phoneunavailable::before {
    content: "";
}

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

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

.icon-rencaidongchaicon::before {
    content: "";
}

.icon-ruotishiicon::before {
    content: "";
}

.icon-kapian::before {
    content: "";
}

.icon-list::before {
    content: "";
}

.icon-erweima::before {
    content: "";
}

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

.icon-tongguoiconanniu::before {
    content: "";
}

.icon-wolaigoutongiconanniu::before {
    content: "";
}

.become-rights-vip .km-modal__body {
    height: 100%;
    padding: 0px;
    width: 100%;
}

.become-rights-vip .rights-modal__wrapper {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    height: 620px;
    overflow: hidden;
    width: 980px;
}

.become-rights-vip .rights-modal-content {
    height: 100%;
    width: 100%;
}

.become-rights-vip .rights-modal-header {
    align-items: center;
    color: rgb(20, 25, 51);
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 72px;
    line-height: 28px;
    position: relative;
}

.become-rights-vip .rights-modal-closer {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 24px;
}

.become-rights-vip .rights-modal-main {
    height: calc(100% - 72px);
    padding-bottom: 14px;
    width: 100%;
}

.become-rights-vip .rights-modal-main__left {
    border-right: 1px dashed rgb(226, 228, 238);
    flex-shrink: 0;
    width: 534px;
}

.become-rights-vip .rights-modal-main__right {
    flex-shrink: 0;
    width: 322px;
}

.become-rights-vip .rights-modal-main-meta {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 700;
}

.become-rights-vip .rights-modal-main-meta-icon {
    background: 0px center / cover no-repeat;
    height: 20px;
    margin-right: 8px;
    width: 20px;
}

.become-rights-vip .rights-modal-main-meta-icon__explain {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights.d53208.svg");
}

.become-rights-vip .rights-modal-main-meta-icon__pay {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/price.5a0d00.svg");
}

.become-rights-vip .rights-type-nav {
    background: rgb(242, 243, 248);
    color: rgb(122, 127, 153);
    flex-shrink: 0;
    height: 100%;
    width: 124px;
}

.become-rights-vip .rights-type-nav-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    height: 124px;
    justify-content: center;
    position: relative;
    user-select: none;
    width: 100%;
}

.become-rights-vip .rights-type-nav-item__tag {
    left: 50%;
    position: absolute;
    top: 12px;
    z-index: 1;
}

.become-rights-vip .rights-type-nav-item.is-actived {
    background-color: rgb(255, 255, 255);
    color: rgb(71, 76, 102);
}

.become-rights-vip .rights-type-nav-item-type {
    background: 0px center / cover no-repeat rgba(0, 0, 0, 0);
    height: 40px;
    position: relative;
    width: 40px;
}

    .become-rights-vip .rights-type-nav-item-type.is-package {
        background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type__package.b0b971.png");
    }

html.is-retina .become-rights-vip .rights-type-nav-item-type.is-package {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type__package@2x.c71ae5.png");
}

.become-rights-vip .rights-type-nav-item-type.is-monthly {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type__monthly.ea2b8d.png");
}

html.is-retina .become-rights-vip .rights-type-nav-item-type.is-monthly {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type__monthly@2x.9b749c.png");
}

.become-rights-vip .rights-type-nav-item-type.is-yearly {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type__yearly.892487.png");
}

html.is-retina .become-rights-vip .rights-type-nav-item-type.is-yearly {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type__yearly@2x.0e0903.png");
}

.become-rights-vip .rights-type-nav-item-type__icon {
    background: 0px center / contain no-repeat rgba(0, 0, 0, 0);
    height: 20px;
    position: absolute;
    right: -20px;
    top: 0px;
    width: 36px;
}

    .become-rights-vip .rights-type-nav-item-type__icon.is-hot {
        background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type-icon__hot.b99f62.png");
    }

html.is-retina .become-rights-vip .rights-type-nav-item-type__icon.is-hot {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type-icon__hot@2x.9570b9.png");
}

.become-rights-vip .rights-type-nav-item-type__icon.is-time {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type-icon__time.6c48f7.png");
    height: 24px;
    left: 20px;
    top: -12px;
    width: 56px;
}

html.is-retina .become-rights-vip .rights-type-nav-item-type__icon.is-time {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type-icon__time@2x.ae89dd.png");
}

.become-rights-vip .rights-type-nav-item__label {
    font-size: 14px;
    line-height: 24px;
}

.become-rights-vip .rights-type-nav .expect {
    align-items: center;
    flex-flow: column;
    justify-content: center;
    padding: 10px 0px;
}

.become-rights-vip .rights-type-nav .expect-icon {
    background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/expect.13da2a.png") 0px center / cover no-repeat;
    height: 48px;
    width: 48px;
}

html.is-retina .become-rights-vip .rights-type-nav .expect-icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/expect@2x.a62c32.png");
}

.become-rights-vip .rights-type-nav .expect-title {
    color: rgb(122, 127, 153);
    font-size: 14px;
    line-height: 22px;
    margin-top: -4px;
}

.become-rights-vip .rights-type-nav .expect-desc {
    color: rgb(20, 25, 51);
    font-size: 10px;
    line-height: 16px;
    opacity: 0.4;
}

.become-rights-vip .rights-type-nav-extra {
    flex-flow: column;
    padding: 24px 0px;
}

    .become-rights-vip .rights-type-nav-extra .business {
        align-items: center;
        cursor: pointer;
        flex-flow: column;
        justify-content: center;
        padding: 10px 0px;
    }

    .become-rights-vip .rights-type-nav-extra .business-icon {
        background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type__business.b482a5.png") 0px center / cover no-repeat;
        height: 36px;
        width: 36px;
    }

html.is-retina .become-rights-vip .rights-type-nav-extra .business-icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-type__business@2x.2c1592.png");
}

.become-rights-vip .rights-type-nav-extra .business-title {
    color: rgb(122, 127, 153);
    font-size: 14px;
    line-height: 22px;
}

.become-rights-vip .rights-type-nav-extra .business-desc {
    color: rgb(20, 25, 51);
    font-size: 10px;
    line-height: 16px;
    opacity: 0.4;
}

.become-rights-vip .rights-payment {
    height: 100%;
}

.become-rights-vip .rights-payment-level {
    height: 90px;
    margin-bottom: 0px;
    width: 100%;
}

.become-rights-vip .rights-payment-level-item {
    align-items: center;
    border: 1px solid rgb(230, 232, 242);
    border-radius: 8px;
    color: rgb(71, 76, 102);
    cursor: pointer;
    flex-flow: column nowrap;
    font-size: 14px;
    height: 90px;
    justify-content: center;
    position: relative;
    width: 80px;
}

.become-rights-vip .rights-payment-level-item-price {
    color: rgb(255, 103, 0);
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

    .become-rights-vip .rights-payment-level-item-price span {
        font-size: 12px;
        font-weight: 400;
    }

.become-rights-vip .rights-payment-level-item-price__original {
    color: rgb(122, 127, 153);
    font-size: 12px;
    text-decoration: line-through;
}

.become-rights-vip .rights-payment-level-item.is-active {
    border-color: rgb(255, 201, 141);
    border-width: 2px;
    color: rgb(96, 38, 13);
    font-size: 16px;
}

    .become-rights-vip .rights-payment-level-item.is-active .rights-payment-level-item-price__original {
        color: rgba(96, 38, 13, 0.6);
    }

    .become-rights-vip .rights-payment-level-item.is-active::after {
        background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/level-selected.8640d2.png") 0px center / cover no-repeat;
        bottom: -2px;
        content: "";
        display: block;
        height: 24px;
        position: absolute;
        right: -2px;
        width: 24px;
    }

html.is-retina .become-rights-vip .rights-payment-level-item.is-active::after {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/level-selected@2x.8e6708.png");
}

.become-rights-vip .rights-payment-info {
    height: 32px;
    line-height: 32px;
    margin: 24px 0px;
}

.become-rights-vip .rights-payment-info-date {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

.become-rights-vip .rights-payment-info-price {
    color: rgb(255, 103, 0);
    font-size: 32px;
    font-weight: 700;
    line-height: 26px;
    position: relative;
}

    .become-rights-vip .rights-payment-info-price span {
        color: rgb(255, 103, 0);
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
        margin-right: 6px;
        position: relative;
        top: -4px;
    }

.become-rights-vip .rights-payment-history {
    background: rgb(242, 243, 248);
    border-radius: 16px;
    height: 24px;
    line-height: 24px;
    width: 250px;
}

    .become-rights-vip .rights-payment-history .km-carousel__item-wrapper {
        top: 0px;
    }

.become-rights-vip .rights-payment-history-item {
    color: rgb(122, 127, 153);
    font-size: 12px;
    height: 100%;
    padding: 0px 12px;
    user-select: none;
    width: 100%;
}

.become-rights-vip .special-monthly-count {
    color: rgb(251, 97, 96);
    font-size: 14px;
    left: 93px;
    position: absolute;
    top: 3px;
}

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

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

.commercial-promotion-tips {
    align-items: center;
    background-image: linear-gradient(90deg, rgb(255, 223, 213), rgb(255, 255, 255));
    border-radius: 12px 0px 0px;
    color: rgb(248, 101, 69);
    display: flex;
    flex-flow: row nowrap;
    font-size: 12px;
    font-weight: 700;
    height: 24px;
    line-height: 16px;
    opacity: 0.8;
    padding-left: 6px;
}

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

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

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

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

.commercial-promotion-tips-modal-content {
    color: rgb(64, 66, 90);
    font-size: 14px;
    line-height: 28px;
}

.send-recruitment-welfare {
    align-items: center;
    background: 0px center / cover no-repeat;
    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("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/mall.bf5fb1.png");
    }

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

html.is-retina .send-recruitment-welfare.is-modal {
    background-image: url("//fecdn2.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: 0px;
    top: 0px;
    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: rgb(3, 4, 13);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center;
}

.send-recruitment-welfare-popover__content {
    color: rgb(71, 76, 102);
    font-size: 14px;
}

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

.capsule-tabs .tabs-nav {
    align-items: center;
    display: flex;
    justify-content: center;
}

.capsule-tabs .tabs-nav__inner {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.capsule-tabs .tabs-nav__wrapper {
    background: rgb(246, 247, 250);
    border-radius: 18px;
    color: rgb(122, 127, 153);
    display: inline-block;
    font-size: 14px;
    height: 36px;
    overflow: hidden;
    position: relative;
}

.capsule-tabs .tabs-nav__item {
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    min-width: 100px;
    padding: 0px 20px;
    position: relative;
    text-align: center;
    z-index: 2;
}

.capsule-tabs .tabs-nav__item-active {
    color: rgb(20, 25, 51);
}

.capsule-tabs .tabs-nav__indicator {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(148, 148, 188, 0.1) 0px 4px 2px 0px;
    height: 32px;
    left: 2px;
    line-height: 32px;
    min-width: 100px;
    padding: 0px 20px;
    position: absolute;
    top: 2px;
    transition: left 0.3s ease 0s;
    z-index: 1;
}

.rights-vip-order-remittance {
    color: rgb(71, 76, 102);
    font-size: 12px;
    line-height: 18px;
    width: 284px;
}

    .rights-vip-order-remittance .order-remittance-form {
        background: rgba(61, 126, 255, 0.05);
        border: 1px solid rgb(230, 232, 242);
        border-radius: 4px;
        height: 112px;
        padding: 12px 10px;
        width: 260px;
    }

    .rights-vip-order-remittance .order-remittance-form-item {
        color: rgb(20, 25, 51);
        line-height: 22px;
    }

    .rights-vip-order-remittance .order-remittance-button {
        position: relative;
        top: -6px;
    }

.rights-vip-order__wrapper {
    font-size: 14px;
}

.rights-vip-order-payment, .rights-vip-order__wrapper {
    align-items: center;
    flex-flow: column nowrap;
    text-align: center;
}

.rights-vip-order-qrcode {
    height: 154px;
    position: relative;
    width: 154px;
}

.rights-vip-order-qrcode__wrapper {
    align-items: center;
    border: 1px solid rgb(226, 228, 238);
    inset: 0px;
    display: flex;
    justify-content: center;
    position: absolute;
}

    .rights-vip-order-qrcode__wrapper .qrcode-refresh {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .rights-vip-order-qrcode__wrapper .qrcode-refresh__mask {
        background: rgba(255, 255, 255, 0.88);
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .rights-vip-order-qrcode__wrapper .qrcode-refresh__icon {
        background: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-refresh.9d7da7.png") 0px 0px / cover no-repeat;
        height: 48px;
        margin-top: 34px;
        position: absolute;
        width: 48px;
    }

html.is-retina .rights-vip-order-qrcode__wrapper .qrcode-refresh__icon {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-refresh@2x.df46a7.png");
}

.rights-vip-order-qrcode__wrapper .qrcode-refresh__text {
    color: rgb(88, 124, 247);
    font-size: 14px;
    margin-top: 80px;
    position: absolute;
}

.rights-vip-order-qrcode__wrapper .qrcode-img {
    height: 90%;
    width: 90%;
}

.rights-vip-order-qrcode-rim {
    border-color: rgb(20, 25, 51);
    border-style: solid;
    height: 14px;
    position: absolute;
    width: 14px;
}

.rights-vip-order-qrcode-rim_top {
    border-bottom: 2px;
    top: 0px;
}

.rights-vip-order-qrcode-rim_bottom {
    border-top: 2px;
    bottom: 0px;
}

.rights-vip-order-qrcode-rim_left {
    border-right: 2px;
    left: 0px;
}

.rights-vip-order-qrcode-rim_right {
    border-left: 2px;
    right: 0px;
}

.rights-vip-order-type {
    align-items: center;
    color: rgb(20, 25, 51);
    flex-flow: row nowrap;
    font-weight: 700;
    justify-content: center;
}

.rights-vip-order-type-icon {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin: 0px 6px;
    width: 16px;
}

.rights-vip-order-type-icon__ali {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/alipay.cc15f2.png");
}

html.is-retina .rights-vip-order-type-icon__ali {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/alipay@2x.acdb89.png");
}

.rights-vip-order-type-icon__wx {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/wxpay.5ff2db.png");
}

html.is-retina .rights-vip-order-type-icon__wx {
    border-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/wxpay@2x.51a640.png") 100% / 1 / 0 stretch;
}

.rights-vip-order-date {
    color: rgb(122, 127, 153);
    line-height: 32px;
}

.m-rights-introduce {
    height: 100%;
    width: 100%;
}

.m-rights-introduce-carousel {
    height: 260px;
    width: 100%;
}

    .m-rights-introduce-carousel .km-carousel__indicator {
        border-radius: 8px;
        height: 8px;
        margin: 10px 4px;
        padding: 0px;
        width: 8px;
    }

        .m-rights-introduce-carousel .km-carousel__indicator > span {
            background-color: rgba(96, 38, 13, 0.2);
            height: 8px;
        }

    .m-rights-introduce-carousel .km-carousel__indicator--active {
        width: 18px;
    }

        .m-rights-introduce-carousel .km-carousel__indicator--active > span {
            background-color: rgba(96, 38, 13, 0.5);
        }

    .m-rights-introduce-carousel .km-carousel__control {
        background: rgba(3, 4, 13, 0.1);
        font-size: 24px;
        height: 48px;
        line-height: 53px;
        margin: 0px 1px;
        width: 28px;
    }

    .m-rights-introduce-carousel .km-carousel__control--left {
        border-radius: 0px 4px 4px 0px;
    }

    .m-rights-introduce-carousel .km-carousel__control--right {
        border-radius: 4px 0px 0px 4px;
    }

        .m-rights-introduce-carousel .km-carousel__control--right .sati-chevron-right {
            padding-left: 4px;
        }

    .m-rights-introduce-carousel .km-carousel__control:hover {
        background: rgba(3, 4, 13, 0.2);
    }

.m-rights-introduce-carousel-item {
    background: 0px center / contain no-repeat rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
}

.m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-talentChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-talentChat.9c25d4.png");
    content: "yearly-----talentChat";
}

html.is-retina .m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-talentChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-talentChat@2x.c25e02.png");
}

.m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-searchChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-searchChat.6b87ff.png");
    content: "yearly-----searchChat";
}

html.is-retina .m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-searchChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-searchChat@2x.a523a6.png");
}

.m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-jobOnline {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-jobOnline.63f945.png");
    content: "yearly-----jobOnline";
}

html.is-retina .m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-jobOnline {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-jobOnline@2x.11b67b.png");
}

.m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-jobExposure {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-jobExposure.8d75ec.png");
    content: "yearly-----jobExposure";
}

html.is-retina .m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-jobExposure {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-jobExposure@2x.4d68fe.png");
}

.m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-coinDiscount {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-coinDiscount.ec2a8d.png");
    content: "yearly-----coinDiscount";
}

html.is-retina .m-rights-introduce-carousel.is-yearly .m-rights-introduce-carousel-item.is-coinDiscount {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/yearly-coinDiscount@2x.75d567.png");
}

.m-rights-introduce-carousel.is-monthly .m-rights-introduce-carousel-item.is-talentChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/monthly-talentChat.5f2eee.png");
    content: "monthly-----talentChat";
}

html.is-retina .m-rights-introduce-carousel.is-monthly .m-rights-introduce-carousel-item.is-talentChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/monthly-talentChat@2x.c6d0d2.png");
}

.m-rights-introduce-carousel.is-monthly .m-rights-introduce-carousel-item.is-searchChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/monthly-searchChat.9877b3.png");
    content: "monthly-----searchChat";
}

html.is-retina .m-rights-introduce-carousel.is-monthly .m-rights-introduce-carousel-item.is-searchChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/monthly-searchChat@2x.4e53c6.png");
}

.m-rights-introduce-carousel.is-monthly .m-rights-introduce-carousel-item.is-jobOnline {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/monthly-jobOnline.31d873.png");
    content: "monthly-----jobOnline";
}

html.is-retina .m-rights-introduce-carousel.is-monthly .m-rights-introduce-carousel-item.is-jobOnline {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/monthly-jobOnline@2x.2cb026.png");
}

.m-rights-introduce-carousel.is-monthly .m-rights-introduce-carousel-item.is-jobExposure {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/monthly-jobExposure.743440.png");
    content: "monthly-----jobExposure";
}

html.is-retina .m-rights-introduce-carousel.is-monthly .m-rights-introduce-carousel-item.is-jobExposure {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/monthly-jobExposure@2x.daed7d.png");
}

.m-rights-introduce-carousel.is-package .m-rights-introduce-carousel-item.is-talentChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/package-talentChat.f125fa.png");
    content: "package-----talentChat";
}

html.is-retina .m-rights-introduce-carousel.is-package .m-rights-introduce-carousel-item.is-talentChat {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/package-talentChat@2x.ac5f1b.png");
}

.m-rights-introduce-compare {
    background: 0px center / contain no-repeat;
    width: 100%;
}

    .m-rights-introduce-compare.is-yearly {
        background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-yearly.872b8b.png");
        height: 232px;
    }

html.is-retina .m-rights-introduce-compare.is-yearly {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-yearly@2x.8716c3.png");
}

.m-rights-introduce-compare.is-yearly.is-general {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-yearly-general.a3c84b.png");
}

html.is-retina .m-rights-introduce-compare.is-yearly.is-general {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-yearly-general@2x.b0ee64.png");
}

.m-rights-introduce-compare.is-monthly {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-monthly.5095af.png");
    height: 224px;
}

html.is-retina .m-rights-introduce-compare.is-monthly {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-monthly@2x.15df90.png");
}

.m-rights-introduce-compare.is-monthly.is-general {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-monthly-general.d4cf6a.png");
}

html.is-retina .m-rights-introduce-compare.is-monthly.is-general {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-monthly-general@2x.5ceb87.png");
}

.m-rights-introduce-compare.is-package {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-package.e13a60.png");
    height: 148px;
}

html.is-retina .m-rights-introduce-compare.is-package {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/compare-package@2x.8a6970.png");
}

.m-rights-introduce-rule {
    color: rgb(122, 127, 153);
    font-size: 14px;
    line-height: 24px;
    list-style: disc;
}

.contact-sale-modal .km-modal__body {
    padding: 0px;
}

.contact-sale-modal .consultant-close {
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 8px;
    width: 24px;
}

.contact-sale-modal .consultant-box {
    align-items: center;
    background: url("data:image/png;base64,") 0px 0px / cover no-repeat;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    padding: 24px;
    position: relative;
}

html.is-retina .contact-sale-modal .consultant-box {
    background-image: url("data:image/png;base64,");
}

.contact-sale-modal .consultant-avatar {
    margin: 24px 0px;
    position: relative;
}

.contact-sale-modal .consultant-avatar-label {
    background: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/sale.41e403.png") 0px 0px / cover no-repeat;
    height: 24px;
    left: 50%;
    margin-left: -39px;
    position: absolute;
    top: 54px;
    width: 78px;
}

html.is-retina .contact-sale-modal .consultant-avatar-label {
    background-image: url("data:image/png;base64,");
}

.contact-sale-modal .consultant-title {
    color: rgb(20, 25, 51);
    font-size: 16px;
}

.contact-sale-modal .consultant-desc {
    color: rgb(122, 127, 153);
    font-size: 14px;
    margin-top: 16px;
}

.contact-sale-modal .consultant-button {
    background-color: rgb(88, 124, 247);
    border-radius: 4px;
    font-weight: 400;
    height: 36px;
    margin-top: 60px;
    padding: 0px 20px;
}

.rights-modal-order-price {
    font-size: 16px;
}

.rights-modal-order-price-period {
    color: rgb(20, 25, 51);
}

.rights-modal-order-price-tag {
    border-radius: 12px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    width: 68px;
}

.rights-modal-order-price-original {
    color: rgb(122, 127, 153);
    font-size: 12px;
}

    .rights-modal-order-price-original span {
        text-decoration: line-through;
    }

.rights-modal-order-price-cost {
    color: rgb(255, 103, 0);
    position: relative;
    top: -4px;
}

    .rights-modal-order-price-cost span {
        font-size: 32px;
        font-weight: 700;
    }

.rights-modal-order-payments .payment-button {
    align-items: center;
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    color: rgb(122, 127, 153);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    min-width: 84px;
    padding: 0px 8px;
    position: relative;
}

    .rights-modal-order-payments .payment-button:not(:first-child) {
        margin-left: 6px;
    }

    .rights-modal-order-payments .payment-button.payment-button__active {
        border: 1px solid rgb(88, 124, 247);
        color: rgb(88, 124, 247);
    }

        .rights-modal-order-payments .payment-button.payment-button__active::after {
            background: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-check.262dec.png") 0px center / cover no-repeat;
            bottom: 0px;
            content: "";
            display: block;
            height: 20px;
            position: absolute;
            right: 0px;
            width: 20px;
        }

html.is-retina .rights-modal-order-payments .payment-button.payment-button__active::after {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-check@2x.cdb675.png");
}

.rights-modal-order-payments .payment-button__icon {
    height: 16px;
    margin-right: 4px;
    width: 16px;
}

.rights-modal-order-payments .payment-button__coupon, .rights-modal-order-payments .payment-button__discount, .rights-modal-order-payments .payment-button__yuan {
    align-items: center;
    background-image: linear-gradient(135deg, rgb(242, 140, 32), rgb(252, 98, 77));
    border-radius: 12px 1px;
    box-shadow: rgba(255, 201, 179, 0.5) 1px 2px 2px 0px;
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 12px;
    height: 18px;
    justify-content: center;
    left: -1px;
    line-height: 18px;
    padding: 0px;
    position: absolute;
    top: -14px;
    width: 54px;
}

.rights-modal-order-payments .payment-button__yuan {
    width: 70px;
}

.rights-modal-order-balances__title {
    color: rgb(122, 127, 153);
    font-size: 14px;
    margin-top: 20px;
}

.rights-modal-order-balances__text {
    align-items: center;
    display: flex;
    overflow: hidden;
    width: 100%;
}

.rights-modal-order-balances__text--label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rights-modal-order-balances__text--icon {
    flex-shrink: 0;
    margin-left: 4px;
}

.rights-modal-order-balances__text .select-label__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rights-modal-order-balances__text .select-label__balance {
    white-space: nowrap;
}

.rights-modal-order-balances__label {
    display: flex;
}

.rights-modal-order-balances__label-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rights-modal-order-balances__label-count {
    white-space: nowrap;
}

.rights-modal-order-balances__label-tip {
    color: rgb(184, 192, 203);
    flex-shrink: 0;
    margin-left: 8px;
}

.rights-modal-order-balances__dropdown {
    align-items: center;
    display: flex;
}

.rights-modal-order-balances__dropdown--time {
    color: rgb(184, 192, 203);
    flex-shrink: 0;
}

.rights-modal-order-balances__discontent {
    line-height: 36px;
}

.rights-modal-order-balances__extra {
    color: rgb(122, 127, 153);
    margin-top: 8px;
}

.rights-modal-order-capsule {
    margin-top: 30px;
}

.rights-modal-order-capsule-aggregation {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
}

    .rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode {
        height: 154px;
        position: relative;
        width: 154px;
    }

    .rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode__wrapper {
        align-items: center;
        border: 1px solid rgb(226, 228, 238);
        inset: 0px;
        justify-content: center;
        position: absolute;
    }

    .rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-refresh {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-refresh__mask {
        background: rgba(255, 255, 255, 0.88);
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-refresh__icon {
        background: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-refresh.9d7da7.png") 0px 0px / cover no-repeat;
        height: 48px;
        margin-top: 34px;
        position: absolute;
        width: 48px;
    }

html.is-retina .rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-refresh__icon {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-refresh@2x.df46a7.png");
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-refresh__text {
    color: rgb(88, 124, 247);
    font-size: 14px;
    margin-top: 80px;
    position: absolute;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-rim {
    border-color: rgb(20, 25, 51);
    border-style: solid;
    height: 14px;
    position: absolute;
    width: 14px;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-rim_top {
    border-bottom: 2px;
    top: 0px;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-rim_bottom {
    border-top: 2px;
    bottom: 0px;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-rim_left {
    border-right: 2px;
    left: 0px;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-qrcode-rim_right {
    border-left: 2px;
    right: 0px;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-tips {
    align-items: center;
    color: rgb(20, 25, 51);
    flex-flow: row nowrap;
    font-weight: 700;
    justify-content: center;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-tips-icon {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin: 0px 6px;
    width: 16px;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-tips-icon__ali {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/alipay.cc15f2.png");
}

html.is-retina .rights-modal-order-capsule-aggregation .capsule-aggregation-tips-icon__ali {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/alipay@2x.acdb89.png");
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-tips-icon__wx {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/wxpay.5ff2db.png");
}

html.is-retina .rights-modal-order-capsule-aggregation .capsule-aggregation-tips-icon__wx {
    border-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/wxpay@2x.51a640.png") 100% / 1 / 0 stretch;
}

.rights-modal-order-capsule-aggregation .capsule-aggregation-date {
    color: rgb(122, 127, 153);
    line-height: 32px;
}

.rights-vip-modal .km-modal__body {
    height: calc(100% - 72px);
    padding: 0px;
    width: 100%;
}

.rights-vip-modal .km-modal__title {
    background: rgb(255, 255, 255);
    border-radius: 4px 4px 0px 0px;
    height: 72px;
    padding: 0px 24px;
}

.rights-vip-modal__title {
    color: rgb(20, 25, 51);
    font-size: 20px;
    font-weight: bolder;
    height: 100%;
    width: 100%;
}

.rights-vip-modal__title-closer {
    cursor: pointer;
    display: block;
    height: 24px;
    margin-left: auto;
    width: 24px;
}

.rights-vip-modal__main {
    height: 100%;
    padding-bottom: 14px;
    width: 100%;
}

.rights-vip-modal__main__left {
    border-right: 1px dashed rgb(226, 228, 238);
    flex-shrink: 0;
    width: calc(100% - 322px);
}

.rights-vip-modal__main__right {
    flex-shrink: 0;
    width: 322px;
}

.rights-vip-modal-section {
    display: flex;
    margin-bottom: 24px;
    width: 100%;
}

.rights-vip-modal-section__icon {
    background: 0px center / cover no-repeat;
    flex-shrink: 0;
    height: 20px;
    margin-right: 8px;
    width: 20px;
}

.rights-vip-modal-section__icon-rights {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/rights.d53208.svg");
}

.rights-vip-modal-section__icon-price {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/price.5a0d00.svg");
}

.rights-vip-modal-section__label {
    color: rgb(20, 25, 51);
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
}

.rights-vip-modal-section__extra {
    margin-left: auto;
}

.rights-vip-modal-tabs {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.rights-vip-modal-tabs-item {
    align-items: center;
    background: rgb(248, 249, 252);
    border: 2px solid rgb(242, 243, 248);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    height: 252px;
    padding-top: 26px;
    position: relative;
    width: 180px;
}

    .rights-vip-modal-tabs-item.is-package {
        background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-package.0862bd.png") 100% 0px / 70px no-repeat rgb(248, 249, 252);
    }

html.is-retina .rights-vip-modal-tabs-item.is-package {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-package@2x.d1b9d0.png");
}

.rights-vip-modal-tabs-item.is-package.is-actived, .rights-vip-modal-tabs-item.is-package:hover {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-package-focus.78af47.png") 100% 0px / 70px no-repeat, linear-gradient(224deg, rgb(255, 227, 215), rgb(255, 250, 248) 83%, rgb(255, 243, 235));
    border-color: rgb(255, 195, 140);
    box-shadow: rgba(222, 156, 125, 0.4) 0px 2px 12px 0px;
}

html.is-retina .rights-vip-modal-tabs-item.is-package.is-actived, html.is-retina .rights-vip-modal-tabs-item.is-package:hover {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-package-focus@2x.3ad366.png") 100% 0px / 70px no-repeat, linear-gradient(224deg, rgb(255, 227, 215), rgb(255, 250, 248) 83%, rgb(255, 243, 235));
}

.rights-vip-modal-tabs-item.is-package.is-actived::after {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-selected.443cee.png") 100% 100% / cover no-repeat;
    bottom: -2px;
    content: "";
    display: block;
    height: 32px;
    position: absolute;
    right: -2px;
    width: 32px;
}

html.is-retina .rights-vip-modal-tabs-item.is-package.is-actived::after {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-selected@2x.014efe.png");
}

.rights-vip-modal-tabs-item.is-monthly {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-monthly.932e69.png") 100% 0px / 70px no-repeat rgb(248, 249, 252);
}

html.is-retina .rights-vip-modal-tabs-item.is-monthly {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-monthly@2x.9af407.png");
}

.rights-vip-modal-tabs-item.is-monthly.is-actived, .rights-vip-modal-tabs-item.is-monthly:hover {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-monthly-focus.20b834.png") 100% 0px / 70px no-repeat, linear-gradient(0deg, rgb(255, 247, 238) 1%, rgb(255, 252, 248) 22%, rgb(255, 224, 198));
    border-color: rgb(255, 195, 140);
    box-shadow: rgba(238, 188, 144, 0.4) 0px 2px 12px 0px;
}

html.is-retina .rights-vip-modal-tabs-item.is-monthly.is-actived, html.is-retina .rights-vip-modal-tabs-item.is-monthly:hover {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-monthly-focus@2x.bdc07d.png") 100% 0px / 70px no-repeat, linear-gradient(0deg, rgb(255, 247, 238) 1%, rgb(255, 252, 248) 22%, rgb(255, 224, 198));
}

.rights-vip-modal-tabs-item.is-monthly.is-actived::after {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-selected.443cee.png") 100% 100% / cover no-repeat;
    bottom: -2px;
    content: "";
    display: block;
    height: 32px;
    position: absolute;
    right: -2px;
    width: 32px;
}

html.is-retina .rights-vip-modal-tabs-item.is-monthly.is-actived::after {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-selected@2x.014efe.png");
}

.rights-vip-modal-tabs-item.is-yearly {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-yearly.932e69.png") 100% 0px / 70px no-repeat rgb(248, 249, 252);
}

html.is-retina .rights-vip-modal-tabs-item.is-yearly {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-yearly@2x.9af407.png");
}

.rights-vip-modal-tabs-item.is-yearly.is-actived, .rights-vip-modal-tabs-item.is-yearly:hover {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-yearly-focus.d44e24.png") 100% 0px / 70px no-repeat, linear-gradient(0deg, rgb(253, 246, 234), rgb(252, 249, 244) 21%, rgb(244, 228, 197));
    border-color: rgb(234, 191, 112);
    box-shadow: rgba(228, 199, 150, 0.4) 0px 2px 12px 0px;
}

html.is-retina .rights-vip-modal-tabs-item.is-yearly.is-actived, html.is-retina .rights-vip-modal-tabs-item.is-yearly:hover {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-yearly-focus@2x.12c309.png") 100% 0px / 70px no-repeat, linear-gradient(0deg, rgb(253, 246, 234), rgb(252, 249, 244) 21%, rgb(244, 228, 197));
}

.rights-vip-modal-tabs-item.is-yearly.is-actived::after {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-selected.443cee.png") 100% 100% / cover no-repeat;
    bottom: -2px;
    content: "";
    display: block;
    height: 32px;
    position: absolute;
    right: -2px;
    width: 32px;
}

html.is-retina .rights-vip-modal-tabs-item.is-yearly.is-actived::after {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-selected@2x.014efe.png");
}

.rights-vip-modal-tabs-item.is-service {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-service.3b0cc7.png") center bottom / 180px 130px no-repeat rgb(248, 249, 252);
    cursor: auto;
    justify-content: center;
}

html.is-retina .rights-vip-modal-tabs-item.is-service {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/tab-service@2x.8f6e49.png");
}

.rights-vip-modal-tabs-item__title {
    color: rgb(20, 25, 51);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.rights-vip-modal-tabs-item__rights {
    color: rgb(122, 127, 153);
    font-size: 13px;
    line-height: 22px;
    text-align: center;
}

.rights-vip-modal-tabs-item__payment {
    align-items: center;
    bottom: 0px;
    flex-flow: column nowrap;
    height: 74px;
    left: 0px;
    position: absolute;
    width: 100%;
}

.rights-vip-modal-tabs-item__payment-price {
    align-items: baseline;
    color: rgb(255, 103, 0);
    font-size: 12px;
}

    .rights-vip-modal-tabs-item__payment-price span {
        font-size: 28px;
        font-weight: 700;
        padding-left: 2px;
    }

.rights-vip-modal-tabs-item__payment-price__original {
    color: rgb(122, 127, 153);
    font-size: 12px;
    margin-left: 4px;
    text-decoration: line-through;
}

.rights-vip-modal-tabs-item__payment-daily {
    color: rgb(255, 103, 0);
    font-size: 12px;
}

.rights-vip-modal-tabs-item__tag {
    position: absolute;
}

    .rights-vip-modal-tabs-item__tag.is-sinkeh {
        left: -2px;
        top: -2px;
    }

.rights-vip-modal-history {
    background: rgb(242, 243, 248);
    border-radius: 16px;
    height: 24px;
    line-height: 24px;
    width: 250px;
}

    .rights-vip-modal-history .km-carousel__item-wrapper {
        top: 0px;
    }

.rights-vip-modal-history-item {
    color: rgb(122, 127, 153);
    font-size: 12px;
    height: 100%;
    padding: 0px 12px;
    user-select: none;
    width: 100%;
}

.rights-vip-modal-carousels {
    width: 100%;
}

.rights-vip-modal-carousels-list {
    height: 260px;
    width: 469px;
}

    .rights-vip-modal-carousels-list .km-carousel__indicator {
        border-radius: 8px;
        height: 8px;
        margin: 10px 4px;
        padding: 0px;
        width: 8px;
    }

        .rights-vip-modal-carousels-list .km-carousel__indicator > span {
            background-color: rgba(96, 38, 13, 0.2);
            height: 8px;
        }

    .rights-vip-modal-carousels-list .km-carousel__indicator--active {
        width: 18px;
    }

        .rights-vip-modal-carousels-list .km-carousel__indicator--active > span {
            background-color: rgba(96, 38, 13, 0.5);
        }

    .rights-vip-modal-carousels-list .km-carousel__control {
        background: rgba(3, 4, 13, 0.1);
        font-size: 24px;
        height: 48px;
        line-height: 53px;
        margin: 0px 1px;
        width: 28px;
    }

    .rights-vip-modal-carousels-list .km-carousel__control--left {
        border-radius: 0px 4px 4px 0px;
    }

    .rights-vip-modal-carousels-list .km-carousel__control--right {
        border-radius: 4px 0px 0px 4px;
    }

        .rights-vip-modal-carousels-list .km-carousel__control--right .sati-chevron-right {
            padding-left: 4px;
        }

    .rights-vip-modal-carousels-list .km-carousel__control:hover {
        background: rgba(3, 4, 13, 0.2);
    }

    .rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-talentChat {
        background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-talentChat.9c25d4.png");
        content: "";
    }

html.is-retina .rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-talentChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-talentChat@2x.c25e02.png");
}

.rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-searchChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-searchChat.6b87ff.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-searchChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-searchChat@2x.a523a6.png");
}

.rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-jobOnline {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-jobOnline.63f945.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-jobOnline {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-jobOnline@2x.11b67b.png");
}

.rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-jobExposure {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-jobExposure.8d75ec.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-jobExposure {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-jobExposure@2x.4d68fe.png");
}

.rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-coinDiscount {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-coinDiscount.ec2a8d.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-yearly .rights-vip-modal-carousels-item.is-coinDiscount {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/yearly-coinDiscount@2x.75d567.png");
}

.rights-vip-modal-carousels-list.is-monthly .rights-vip-modal-carousels-item.is-talentChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/monthly-talentChat.5f2eee.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-monthly .rights-vip-modal-carousels-item.is-talentChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/monthly-talentChat@2x.c6d0d2.png");
}

.rights-vip-modal-carousels-list.is-monthly .rights-vip-modal-carousels-item.is-searchChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/monthly-searchChat.9877b3.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-monthly .rights-vip-modal-carousels-item.is-searchChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/monthly-searchChat@2x.4e53c6.png");
}

.rights-vip-modal-carousels-list.is-monthly .rights-vip-modal-carousels-item.is-jobOnline {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/monthly-jobOnline.31d873.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-monthly .rights-vip-modal-carousels-item.is-jobOnline {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/monthly-jobOnline@2x.2cb026.png");
}

.rights-vip-modal-carousels-list.is-monthly .rights-vip-modal-carousels-item.is-jobExposure {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/monthly-jobExposure.743440.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-monthly .rights-vip-modal-carousels-item.is-jobExposure {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/monthly-jobExposure@2x.daed7d.png");
}

.rights-vip-modal-carousels-list.is-package .rights-vip-modal-carousels-item.is-talentChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/package-talentChat.f125fa.png");
    content: "";
}

html.is-retina .rights-vip-modal-carousels-list.is-package .rights-vip-modal-carousels-item.is-talentChat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/package-talentChat@2x.ac5f1b.png");
}

.rights-vip-modal-carousels-item {
    background: 0px center / contain no-repeat rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
}

.rights-vip-modal-rule {
    color: rgb(122, 127, 153);
    font-size: 14px;
    line-height: 24px;
    list-style: disc;
}

.rights-vip-modal-payment {
    height: 100%;
}

.rights-vip-modal-payment-level {
    height: 90px;
    margin-bottom: 0px;
    width: 100%;
}

.rights-vip-modal-payment-level-item {
    align-items: center;
    border: 1px solid rgb(230, 232, 242);
    border-radius: 8px;
    color: rgb(71, 76, 102);
    cursor: pointer;
    flex-flow: column nowrap;
    font-size: 14px;
    height: 90px;
    justify-content: center;
    position: relative;
    width: 80px;
}

.rights-vip-modal-payment-level-item-price {
    color: rgb(255, 103, 0);
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

    .rights-vip-modal-payment-level-item-price span {
        font-size: 12px;
        font-weight: 400;
    }

.rights-vip-modal-payment-level-item-price__original {
    color: rgb(122, 127, 153);
    font-size: 12px;
    text-decoration: line-through;
}

.rights-vip-modal-payment-level-item.is-active {
    border-color: rgb(255, 201, 141);
    border-width: 2px;
    color: rgb(96, 38, 13);
    font-size: 16px;
}

    .rights-vip-modal-payment-level-item.is-active .rights-payment-level-item-price__original {
        color: rgba(96, 38, 13, 0.6);
    }

    .rights-vip-modal-payment-level-item.is-active::after {
        background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/level-selected.8640d2.png") 0px center / cover no-repeat;
        bottom: -2px;
        content: "";
        display: block;
        height: 24px;
        position: absolute;
        right: -2px;
        width: 24px;
    }

html.is-retina .rights-vip-modal-payment-level-item.is-active::after {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/level-selected@2x.8e6708.png");
}

.rights-vip-modal-payment-info {
    height: 32px;
    line-height: 32px;
    margin: 24px 0px;
}

.rights-vip-modal-payment-info-date {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

.rights-vip-modal-payment-info-price {
    color: rgb(255, 103, 0);
    font-size: 32px;
    font-weight: 700;
    line-height: 26px;
    position: relative;
}

    .rights-vip-modal-payment-info-price span {
        color: rgb(255, 103, 0);
        display: inline-block;
        font-size: 18px;
        font-weight: 400;
        margin-right: 6px;
        position: relative;
        top: -4px;
    }

.rights-vip-modal-payment-history {
    background: rgb(242, 243, 248);
    border-radius: 16px;
    height: 24px;
    line-height: 24px;
    width: 250px;
}

    .rights-vip-modal-payment-history .km-carousel__item-wrapper {
        top: 0px;
    }

.rights-vip-modal-payment-history-item {
    color: rgb(122, 127, 153);
    font-size: 12px;
    height: 100%;
    padding: 0px 12px;
    user-select: none;
    width: 100%;
}

.become-rights-result .km-modal__body {
    padding: 0px;
}

.become-rights-result-content {
    border-radius: 4px;
}

.become-rights-result .result-modal-header {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/header.1761b3.png") 0px 0px / cover no-repeat;
    color: rgb(255, 222, 162);
    height: 174px;
    position: relative;
    width: 100%;
}

html.is-retina .become-rights-result .result-modal-header {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/header@2x.e83bea.png");
}

.become-rights-result .result-modal-header__package {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/header__multi.fed7d4.png");
}

html.is-retina .become-rights-result .result-modal-header__package {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/header__multi@2x.dfa17c.png");
}

.become-rights-result .result-modal-header .close-btn {
    font-size: 24px;
    position: absolute;
    right: 0px;
    top: 6px;
    z-index: 10;
}

.become-rights-result .result-modal-header .title {
    display: flex;
    font-size: 28px;
    font-weight: 700;
    justify-content: center;
    position: absolute;
    top: 80px;
    width: 100%;
}

    .become-rights-result .result-modal-header .title::before {
        background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/header__left.8b8bf4.png");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        display: block;
        height: 9px;
        margin-right: 14px;
        margin-top: 14px;
        width: 55px;
    }

html.is-retina .become-rights-result .result-modal-header .title::before {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/header__left@2x.499f06.png");
}

.become-rights-result .result-modal-header .title::after {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/header__right.cf4edb.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 9px;
    margin-left: 14px;
    margin-top: 14px;
    width: 55px;
}

html.is-retina .become-rights-result .result-modal-header .title::after {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/header__right@2x.abfa47.png");
}

.become-rights-result .result-modal-header .desc {
    display: flex;
    font-size: 16px;
    justify-content: center;
    position: absolute;
    top: 122px;
    width: 100%;
}

.become-rights-result .result-modal-content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 30px auto 40px;
    width: 730px;
}

    .become-rights-result .result-modal-content.is-package {
        width: 580px;
    }

        .become-rights-result .result-modal-content.is-package .support-right-item {
            width: 404px;
        }

    .become-rights-result .result-modal-content .support-right-item {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-flow: column nowrap;
        height: 195px;
        margin-right: 16px;
        padding: 32px 16px 0px;
        position: relative;
        width: 170px;
    }

        .become-rights-result .result-modal-content .support-right-item:last-of-type {
            margin-right: 0px;
        }

        .become-rights-result .result-modal-content .support-right-item::before {
            background-image: linear-gradient(-45deg, rgb(251, 218, 166), rgb(245, 233, 208));
            border: 1px solid rgb(254, 223, 176);
            border-radius: 4px;
            inset: 0px;
            content: "";
            opacity: 0.7;
            position: absolute;
        }

    .become-rights-result .result-modal-content .support-right-item-icon {
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-size: cover;
        height: 44px;
        margin-bottom: 8px;
        width: 74px;
        z-index: 1;
    }

    .become-rights-result .result-modal-content .support-right-item-icon__job {
        background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/right-job.080f78.png");
    }

html.is-retina .become-rights-result .result-modal-content .support-right-item-icon__job {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/right-job@2x.7d7a03.png");
}

.become-rights-result .result-modal-content .support-right-item-icon__chat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/right-chat.b8880a.png");
}

html.is-retina .become-rights-result .result-modal-content .support-right-item-icon__chat {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/right-chat@2x.359d2f.png");
}

.become-rights-result .result-modal-content .support-right-item-icon__exposure {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/right-exposure.dc39da.png");
}

html.is-retina .become-rights-result .result-modal-content .support-right-item-icon__exposure {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/right-exposure@2x.fd216f.png");
}

.become-rights-result .result-modal-content .support-right-item-icon__discount {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/right-discount.3e18ad.png");
}

html.is-retina .become-rights-result .result-modal-content .support-right-item-icon__discount {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/right-discount@2x.1a9cc1.png");
}

.become-rights-result .result-modal-content .support-right-item-title {
    color: rgb(96, 38, 13);
    font-size: 18px;
    font-weight: 700;
    z-index: 1;
}

.become-rights-result .result-modal-content .support-right-item-remark {
    color: rgb(78, 26, 5);
    font-size: 14px;
    opacity: 0.7;
    text-align: center;
    z-index: 1;
}

.become-rights-result .result-modal-button {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/button.0fc536.png") 0px 0px / cover no-repeat;
    color: rgb(96, 38, 13);
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 0px auto;
    text-align: center;
    width: 192px;
}

html.is-retina .become-rights-result .result-modal-button {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/button@2.9e65b8.png");
}

.become-rights-result .fail {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    padding-top: 68px;
}

.become-rights-result .fail-icon {
    color: rgb(251, 97, 96);
    font-size: 64px;
}

.become-rights-result .fail-text {
    color: rgb(20, 25, 51);
    font-size: 18px;
    line-height: 24px;
    margin: 22px 0px 42px;
}

.become-rights-result .fail-button {
    width: 184px;
}

.become-rights-result .special-result-close {
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 0px;
}

.become-rights-result .special-result-content {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding-top: 44px;
}

    .become-rights-result .special-result-content .agent-recruit {
        background: rgb(253, 246, 240);
        border-radius: 17px;
        color: rgb(236, 103, 44);
        font-size: 14px;
        height: 34px;
        margin-bottom: 36px;
        padding: 0px 20px;
        width: 380px;
    }

    .become-rights-result .special-result-content .agent-recruit-icon {
        background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/gift.9ab26e.png") 0px center / cover no-repeat;
        height: 14px;
        width: 14px;
    }

html.is-retina .become-rights-result .special-result-content .agent-recruit-icon {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/gift@2x.1a4f97.png");
}

.become-rights-result .special-result-content .agent-recruit-btn {
    margin-left: auto;
}

.become-rights-result .special-result-icon {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/success.49fe3d.png") 0px center / cover no-repeat;
    height: 64px;
    margin-bottom: 12px;
    width: 64px;
}

html.is-retina .become-rights-result .special-result-icon {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/success@2x.3ee704.png");
}

.become-rights-result .special-result-title {
    color: rgb(20, 25, 51);
    font-size: 18px;
    margin-bottom: 18px;
}

.become-rights-result .special-result-btn {
    width: 184px;
}

.resume-pay__type-icon .icon-check {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/icon-check.262dec.png");
}

html.is-retina .resume-pay__type-icon .icon-check {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/icon-check@2x.cdb675.png");
}

.resume-pay .pay-type__wrap-icon {
    background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/icon11@2x.61bf34.png") 0px center / cover no-repeat;
}

.resume-pay-rights__package-mark-icon {
    background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-package.36c1fa.png") 0px center / cover no-repeat;
}

html.is-retina .resume-pay-rights__package-mark-icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/rights-package@2x.124888.png");
}

.resume-pay__type-icon .icon-check {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/icon-check.262dec.png");
}

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 .pay-type__wrap-icon {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/icon11@2x.61bf34.png") 0px center / cover no-repeat;
}

.resume-pay-rights__package-mark-icon {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rights-package.36c1fa.png") 0px center / cover no-repeat;
}

html.is-retina .resume-pay-rights__package-mark-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/rights-package@2x.124888.png");
}

.setting-greet {
    width: 534px;
}

    .setting-greet .km-popover__inner {
        padding: 0px;
    }

    .setting-greet .km-popover__title {
        align-items: center;
        display: flex;
        height: 52px;
        margin: 0px;
        padding: 0px 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: rgb(20, 25, 51);
}

.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: 0.875rem;
    max-height: 66px;
    overflow: hidden;
}

.setting-greet__close {
    color: rgb(122, 127, 153);
    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: 0px;
    color: rgb(184, 176, 203);
    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: 0px 44px;
}

.chat-set-greet .km-modal__header {
    background-color: rgb(255, 255, 255);
    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: rgb(20, 25, 51);
}

.chat-set-greet__content-form .km-radio__label {
    color: rgb(20, 25, 51);
    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: 0px;
    }

    .chat-set-greet__content-textarea .km-form {
        flex: 1 1 0%;
    }

        .chat-set-greet__content-textarea .km-form .km-form-item {
            margin-bottom: 0px !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: rgb(184, 192, 203);
    font-size: 12px;
    position: absolute;
    right: 8px;
}

.chat-set-greet__content-textarea-count-invalid {
    color: rgb(251, 97, 96);
}

.chat-set-greet__content-title {
    display: flex;
    margin-bottom: 28px;
}

.chat-set-greet__content-title-left {
    background-image: url("//fecdn5.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 1 0%;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 12px;
}

    .chat-set-greet__content-title-right p {
        color: rgb(122, 127, 153);
        font-size: 14px;
        line-height: 20px;
    }

        .chat-set-greet__content-title-right p:first-child {
            color: rgb(20, 25, 51);
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
        }

.set-greet-success-modal .km-modal__body {
    overflow-y: auto;
    padding: 0px 44px;
}

.set-greet-success-modal .km-modal__header {
    background-color: rgb(255, 255, 255);
    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("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/tick.8bd796.png");
    background-size: cover;
    height: 56px;
    width: 56px;
}

.set-greet-success-modal__title {
    color: rgb(20, 25, 51);
    font-size: 18px;
    font-weight: 700;
    margin-top: 22px;
}

.set-greet-success-modal__sub {
    color: rgb(122, 127, 153);
    font-size: 14px;
    margin-top: 8px;
}

.set-greet-success-modal__example {
    background-image: url("//fecdn4.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: rgb(255, 255, 255);
    height: 46px;
}

.group-mismatch .km-modal__close-btn {
    width: 28px;
}

.group-mismatch .km-modal__body {
    padding: 0px;
}

.group-mismatch .km-modal__footer {
    justify-content: space-between;
    padding: 24px 20px;
}

.group-mismatch.has-box-shadow .km-modal__footer {
    box-shadow: rgba(6, 6, 136, 0.05) 0px -4px 6px 0px;
}

.group-mismatch__tip {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

    .group-mismatch__tip .icon {
        background: rgb(16, 185, 102);
        border-radius: 50%;
        color: rgb(255, 255, 255);
        display: inline-block;
        height: 24px;
        line-height: 26px;
        margin-right: 12px;
        text-align: center;
        width: 24px;
    }

    .group-mismatch__tip .title {
        color: rgb(20, 25, 51);
        font-size: 18px;
        font-weight: 500;
    }

.group-mismatch__list {
    margin-top: 20px;
    max-height: 190px;
    overflow: auto;
    padding: 0px 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: rgb(122, 127, 153);
        content: "·";
        display: inline-block;
        text-align: center;
        width: 4px;
    }

.group-mismatch__item {
    background: rgba(61, 126, 255, 0.04);
    display: flex;
    margin-bottom: 8px;
    margin-right: 0px;
}

    .group-mismatch__item .km-checkbox__icon {
        border: 1px solid rgb(226, 228, 238);
        height: 16px;
        margin-left: 34px;
        margin-top: -26px;
        width: 16px;
    }

    .group-mismatch__item .km-checkbox__label {
        flex: 1 1 0%;
        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: rgb(20, 25, 51);
        font-size: 14px;
        height: 22px;
        line-height: 22px;
    }

.mismatch-set-modal__custom--box {
    background-color: rgb(242, 243, 248);
    border-radius: 4px;
    color: rgb(71, 76, 102);
    display: flex;
    height: 44px;
    justify-content: space-between;
    line-height: 44px;
    margin: 8px 0px 0px 25px;
    padding: 0px 16px;
}

.mismatch-set-modal__custom--text {
    flex: 1 1 0%;
    margin-right: 16px;
}

.mismatch-set-modal__reason--box {
    border: 1px solid rgb(218, 220, 230);
    border-radius: 4px;
    margin: 8px 0px 0px 25px;
    max-height: 200px;
}

.mismatch-set-modal__reasons--line {
    display: flex;
    line-height: 44px;
    max-height: 88px;
    padding: 0px 16px;
    width: 100%;
}

    .mismatch-set-modal__reasons--line:hover {
        background-color: rgba(88, 124, 247, 0.05);
    }

.mismatch-set-modal__reasons--title {
    font-size: 14px;
    font-weight: 600;
    width: 110px;
}

.mismatch-set-modal__reasons--icon {
    background: rgb(218, 220, 230);
    font-size: 0px;
    height: 16px;
    margin-top: 14px;
    width: 1px;
}

.mismatch-set-modal__reasons--content {
    color: rgb(122, 127, 153);
    flex: 1 1 0%;
    padding: 11px 12px;
}

.mismatch-set-modal__reasons--content--none {
    color: rgb(184, 187, 204);
}

.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: rgb(122, 127, 153);
    font-size: 0.875rem;
    line-height: 22px;
    margin: 0px 0px 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: rgb(251, 97, 96) !important;
    box-shadow: rgba(251, 97, 96, 0.25) 0px 0px 5px 0.15em !important;
}

.mismatch-reply-edit__editor .is-disabled {
    background: rgb(248, 249, 252);
    border: 1px solid rgb(226, 228, 238);
}

.mismatch-reply-edit__error {
    color: rgb(251, 97, 96);
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin-top: 4px;
    position: relative;
}

.mismatch-reply-edit .text-count {
    bottom: 4px;
    color: rgb(184, 187, 204);
    font-size: 12px;
    position: absolute;
    right: 8px;
    text-align: right;
    width: 100%;
}

    .mismatch-reply-edit .text-count.is-valid {
        color: rgb(251, 97, 96);
    }

.no-hover .km-button--primary.km-button--text {
    cursor: default;
}

    .no-hover .km-button--primary.km-button--text:hover {
        color: rgb(122, 127, 153) !important;
    }

.mismatch-popover {
    display: none;
}

    .mismatch-popover .km-popover__inner {
        padding: 0px;
    }

.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: 0px 24px;
    width: 100%;
}

.mismatch-popover-title__text {
    color: rgb(20, 25, 51);
    flex: 1 1 0%;
    font-size: 16px;
    font-weight: 600;
}

.mismatch-popover-content {
    border-top: 1px solid rgb(230, 232, 242);
    width: 100%;
}

.mismatch-popover-content__custom {
    cursor: pointer;
    padding: 15px 24px;
    width: 100%;
}

.mismatch-popover-content__custom--text {
    color: rgb(122, 127, 153);
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
    width: 100%;
}

.mismatch-popover-content__reasons--line {
    border-top: 1px solid rgb(242, 243, 248);
    color: rgb(71, 76, 102);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: space-between;
    line-height: 40px;
    padding: 0px 24px;
}

    .mismatch-popover-content__reasons--line:first-child {
        border-top: none;
    }

    .mismatch-popover-content__reasons--line:hover {
        background-color: rgba(88, 124, 247, 0.05);
    }

.mismatch-popover-content__reasons--icon {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/message.9c1d07.svg") 50% center no-repeat;
    height: 16px;
    margin: auto 0px;
    width: 16px;
}

.mismatch-popover-content__reasons--icon--none {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/no-message.8f80d7.svg") 50% center no-repeat;
}

.mismatch-popover-content__reasons--icon:hover {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/message-hover.96411b.svg") 50% center no-repeat;
}

.mismatch-popover-content__reasons--icon--none:hover {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/no-message-hover.174c7c.svg") 50% center no-repeat;
}

.mismatch-popover-content__reasons--guide {
    height: auto;
    line-height: 22px;
    max-height: 66px;
    max-width: 280px;
    overflow: hidden;
}

.download-data-table-th {
    background-color: rgb(246, 247, 250);
    border-radius: 4px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
}

.download-data-table-row, .download-data-table-th {
    color: rgb(20, 25, 51);
    display: flex;
    font-size: 14px;
    width: 100%;
}

.download-data-table-row {
    border-bottom: 1px solid rgb(232, 235, 243);
    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 {
    inset: 0px;
    position: absolute !important;
}

.ka-portrait {
    border-radius: 50%;
    position: relative;
}

.ka-portrait--editable {
    cursor: pointer;
}

    .ka-portrait--editable:hover {
        border: 3px solid rgb(88, 124, 247);
    }

.ka-portrait .modify-modal {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.ka-portrait .modify-modal-mini {
    background-color: rgb(88, 124, 247);
    border: 2px solid rgb(255, 255, 255);
    inset: auto 0px 0px auto;
}

    .ka-portrait .modify-modal-mini .km-icon {
        transform: scale(0.65);
    }

    .ka-portrait .modify-modal-mini:hover {
        background-color: rgb(84, 141, 255);
    }

.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: rgb(122, 127, 153);
    margin-bottom: 30px;
}

.portrait-preview__title {
    color: rgb(20, 25, 51);
    font-size: 0.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: rgb(184, 192, 203);
    font-size: 0.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: rgb(234, 239, 249);
    height: 200px;
    margin-bottom: 8px;
    width: 200px;
}

.weixin-scan__label {
    color: rgb(122, 127, 153);
    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: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    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, 0.2);
    display: flex;
    justify-content: center;
    z-index: 2;
}

.avatar-local-upload__title {
    color: rgb(122, 127, 153);
    font-size: 0.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: rgb(184, 192, 203);
        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 rgb(255, 255, 255);
    border-radius: 50%;
    height: 60px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 60px;
}

    .avatar-local-upload .default-image__border .km-icon {
        background: rgb(255, 255, 255);
        border-radius: 50%;
        bottom: 0px;
        color: rgb(30, 155, 245);
        display: none;
        font-size: 16px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        right: 0px;
        text-align: center;
        width: 16px;
    }

    .avatar-local-upload .default-image__border.is-active {
        border: 1px solid rgb(30, 155, 245);
    }

        .avatar-local-upload .default-image__border.is-active .km-icon {
            display: inline-block;
        }

.download-row-city-price {
    border-bottom: 1px solid rgb(232, 235, 243);
    display: flex;
    padding: 15px 0px 3px 20px;
}

.download-row-city-price__left {
    width: 84px;
}

.download-row-city-price__right {
    flex: 1 1 0%;
}

.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: 0px;
}

.resume-pay .km-form-item__label {
    color: rgb(64, 65, 90);
    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.3333%;
    }

.resume-pay__tips {
    background: rgb(246, 247, 250);
    border-radius: 4px;
    color: rgb(122, 127, 153);
    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: rgb(228, 154, 8);
    margin-top: -12px;
}

    .resume-pay__form-filter-tip .km-icon {
        color: rgb(250, 173, 20);
        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 {
    margin-right: 12px;
    width: 106px;
    font-size: 14px !important;
    height: 36px !important;
}

    .resume-pay__type.km-button--primary.km-button--outlined-plus {
        border-color: rgb(88, 124, 247);
    }

.resume-pay__type-icon .icon-check {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-check.262dec.png");
    background-size: 100%;
    bottom: 0px;
    height: 20px;
    position: absolute;
    right: 0px;
    width: 20px;
}

html.is-retina .resume-pay__type-icon .icon-check {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon-check@2x.cdb675.png");
}

.resume-pay__sum {
    height: 20px;
    margin-bottom: 0px;
}

.resume-pay__price {
    color: rgb(251, 97, 96);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}

.resume-pay__original-price {
    color: rgb(122, 127, 153);
    text-decoration: line-through;
}

.resume-pay__extra {
    color: rgb(122, 127, 153);
    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, rgb(242, 140, 32), rgb(252, 98, 77));
    border-radius: 12px 1px;
    box-shadow: rgba(255, 201, 179, 0.5) 1px 2px 2px 0px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    left: 0px;
    line-height: 20px;
    padding: 0px 8px;
    position: absolute;
    top: -10px;
    z-index: 2;
}

.resume-pay .pay-type__wrap-icon {
    background: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/icon11@2x.61bf34.png") 0px center / cover no-repeat;
    height: 16px;
    left: 0px;
    position: absolute;
    top: -13px;
    width: 80px;
    z-index: 2;
}

.resume-pay .pay-type__wrap--button .km-ripple {
    padding: 0px 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(rgb(255, 244, 243), rgb(255, 251, 247));
    border-radius: 4px;
    height: 68px;
    justify-content: space-between;
    margin-top: 24px;
    padding: 0px 18px;
    width: 420px;
}

.resume-pay-rights__package-mark {
    background-image: linear-gradient(59deg, rgb(255, 129, 120) 12%, rgb(255, 205, 151));
    border-radius: 8px 1px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    left: 0px;
    line-height: 12px;
    padding-left: 8px;
    position: absolute;
    text-shadow: rgb(236, 122, 105) 0px 0px 4px;
    top: 18px;
    user-select: none;
    width: 90px;
}

.resume-pay-rights__package-mark-icon {
    background: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/rights-package.36c1fa.png") 0px center / cover no-repeat;
    height: 12px;
    margin-right: 4px;
    width: 12px;
}

html.is-retina .resume-pay-rights__package-mark-icon {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/rights-package@2x.124888.png");
}

.resume-pay-rights__package-title {
    color: rgb(96, 51, 13);
    font-size: 15px;
    font-weight: bolder;
}

.resume-pay-rights__package-title-sub {
    color: rgb(96, 51, 13);
    font-size: 12px;
    opacity: 0.6;
}

.resume-pay-rights__package-button {
    font-size: 14px;
    height: 32px;
    width: 78px;
    background: rgb(255, 116, 59) !important;
}

.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: rgb(113, 127, 153);
        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: rgb(113, 127, 153);
        cursor: pointer;
    }

.resume-pay__with-divider::after {
    color: rgb(224, 227, 235);
    content: "|";
    font-size: 12px;
    margin-left: 12px;
}

.resume-pay__with-divider::before {
    color: rgb(224, 227, 235);
    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: 0px 7px;
    position: relative;
    top: -1px;
}

.resume-pay .rights-entry {
    background: rgb(246, 247, 250);
    border-radius: 4px;
    font-size: 14px;
    margin: 26px 0px 4px;
    padding: 9px 12px;
    width: 382px;
}

    .resume-pay .rights-entry span {
        color: rgb(242, 102, 91);
        font-weight: 600;
    }

    .resume-pay .rights-entry .sati-chevron-right {
        color: rgb(20, 125, 255);
        margin: -1px 0px 0px 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 rgb(226, 228, 238);
    margin-bottom: -2px;
    padding-bottom: 10px;
}

.resume-price__name {
    background: rgb(246, 247, 250);
    color: rgb(20, 25, 51);
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    margin-bottom: -2px;
    padding: 0px 24px;
}

.resume-price__item {
    color: rgb(122, 127, 153);
    display: flex;
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px;
    padding: 0px 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 0px;
}

.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("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/attend-icon.709383.png");
    }

html.is-retina .interview-type-popover .interview-type-icon.is-attend {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/attend-icon@2x.c83bab.png");
}

.interview-type-popover .interview-type-icon.is-video {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/video-icon.9ebc6b.png");
}

html.is-retina .interview-type-popover .interview-type-icon.is-video {
    background-image: url("//fecdn2.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: rgb(88, 124, 247);
    }

.interview-type-popover .interview-type-tips {
    background-image: url("//fecdn2.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("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/tencent-tips@2x.45b8ad.png");
}

.timer__popper .km-scrollbar {
    max-height: 320px;
}

.consultant-detail {
    color: rgb(20, 25, 51);
}

.consultant-detail__wrapper {
    background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/bg-day.08d013.png") 0px 0px / 100% 100% no-repeat;
    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") 0px -5px / 100% 100% no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    margin-right: 5px;
    width: 10px;
}

.consultant-detail__head-tip .marks--end {
    margin-right: 0px;
    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: rgb(88, 124, 247);
            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: 0px;
    padding: 0px;
}

.consultant-detail .km-popover__inner__inner {
}

.consultant-detail .km-modal {
    width: 420px;
}

.consultant-detail .km-modal__header {
    height: 0px;
}

.consultant-detail .km-modal__body {
    padding: 0px;
}

.consultant-detail .km-modal__close-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    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: rgb(255, 255, 255);
        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: 0px;
    padding-right: 0px;
}

    .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 rgba(255, 255, 255, 0.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: rgb(184, 187, 204);
    }

.consultant-detail--night.km-popover[x-placement^="right"].km-popover--no-arrow {
    margin-left: 0px;
}

.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: 0px;
}

.popover-trigger--consultant {
    line-height: 0;
}

.address-empty-slot {
    color: rgb(122, 127, 153);
    font-size: 12px;
    padding: 0px 36px 8px;
}

    .address-empty-slot .km-empty {
        color: rgb(20, 25, 51);
        font-size: 14px;
        padding: 16px 0px;
    }

    .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: 0px;
}

.address-selector-modal .km-modal__footer {
    align-items: center;
    border-top: 1px solid rgb(242, 243, 248);
    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, 0.05);
    }

    .address-selector-modal__item .km-radio {
        cursor: pointer;
        flex: 1 1 0%;
        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, 0.05);
        border: 1px solid rgba(88, 124, 247, 0.15);
        border-radius: 2px;
        color: rgb(88, 124, 247);
        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: rgb(184, 187, 204);
        cursor: pointer;
    }

        .address-selector-modal__item .address-operate:hover {
            color: rgb(88, 124, 247);
        }

        .address-selector-modal__item .address-operate.edit-btn {
            margin-right: 20px;
        }

        .address-selector-modal__item .address-operate.delete-btn {
            font-size: 16px;
            margin: 0px 32px;
        }

.delete-address-confirm-popover .km-popover__inner {
    padding: 0px;
}

.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: rgb(20, 25, 51);
    display: flex;
    font-size: 16px;
}

    .delete-address-confirm-popover .delete-confirm__title .km-icon {
        color: rgb(250, 170, 20);
        font-size: 20px;
        margin-right: 8px;
    }

.delete-address-confirm-popover .delete-confirm__subtitle {
    color: rgb(122, 127, 153);
    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, 0.05);
    border: 1px solid rgba(88, 124, 247, 0.2);
    color: rgb(88, 124, 247);
}

    .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: rgb(122, 127, 153);
        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: rgb(240, 242, 246);
}

.interview-form__notice .textarea-number {
    background: rgb(255, 255, 255);
    bottom: 1px;
    color: rgba(121, 125, 139, 0.6);
    font-size: 12px;
    padding: 2px 2px 2px 4px;
    position: absolute;
    right: 16px;
}

.interview-form__notice .textarea-number__active {
    color: rgb(234, 76, 79);
}

.checked.is-checked, .is-checked.interview-platform__btn {
    background-color: rgba(88, 124, 247, 0.05);
    border: 1px solid rgba(88, 124, 247, 0.2);
    color: rgb(88, 124, 247);
}

    .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: 0px;
    height: 200px;
    left: 0px;
    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: rgb(184, 187, 204);
        font-size: 12px;
        margin-left: 4px;
    }

    .interviewers-staff-selector__item .card-icon {
        background-image: url("//fecdn3.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("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/attestation@2x.242460.png");
}

.interviewers-staff-selector__item .card-email {
    color: rgb(122, 127, 153);
    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 1 0%;
    }

    .interviewer-item-form .km-form-item.is-invalid {
        margin-bottom: 8px;
    }

.interviewer-item-form__remove {
    color: rgb(184, 187, 204);
    cursor: pointer;
    position: absolute;
    right: -24px;
    top: 10px;
}

    .interviewer-item-form__remove:hover {
        color: rgb(88, 124, 247);
    }

.interviewers-history {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin-left: 24px;
}

.interviewers-history__tip {
    color: rgb(122, 127, 153);
    display: block;
    line-height: 28px;
    margin-right: 8px;
}

.interviewers-history__tag {
    border-radius: 4px;
    cursor: pointer;
    height: 28px;
}

    .interviewers-history__tag:not([disabled]):hover {
        color: rgb(88, 124, 247);
        background-color: rgba(61, 126, 255, 0.05) !important;
    }

    .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: rgb(122, 127, 153);
    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 1 0%;
}

.contact-item-form__type {
    width: 96px;
}

    .contact-item-form__type .km-input {
        border-bottom-right-radius: 0px;
        border-right: none;
        border-top-right-radius: 0px;
    }

        .contact-item-form__type .km-input:hover {
            border-color: rgb(226, 228, 238);
        }

        .contact-item-form__type .km-input.is-active {
            border-color: rgb(226, 228, 238);
            box-shadow: none;
            outline: none;
        }

.contact-item-form__cellphone, .contact-item-form__telephone {
    flex: 1 1 0%;
}

    .contact-item-form__cellphone .km-input, .contact-item-form__telephone .km-input {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

.contact-item-form .km-form-item.is-invalid {
    margin-bottom: 8px;
}

.contact-item-form__remove {
    color: rgb(184, 187, 204);
    cursor: pointer;
    position: absolute;
    right: -24px;
    top: 10px;
}

    .contact-item-form__remove:hover {
        color: rgb(88, 124, 247);
    }

.contacts-history {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin-left: 24px;
}

.contacts-history__tip {
    color: rgb(122, 127, 153);
    display: block;
    line-height: 28px;
    margin-right: 8px;
}

.contacts-history__tag {
    border-radius: 4px;
    cursor: pointer;
    height: 28px;
}

    .contacts-history__tag:not([disabled]):hover {
        color: rgb(88, 124, 247);
        background-color: rgba(61, 126, 255, 0.05) !important;
    }

    .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: rgb(122, 127, 153);
    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: 0px;
    }

.interview-form .km-form-item__label {
    color: rgb(64, 65, 90);
}

.interview-form .km-input.is-disabled {
    border-color: rgb(226, 228, 238);
}

.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: rgb(122, 127, 153);
    margin: 8px 0px;
}

.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: 0px;
    }

.interview-form__notice--choice {
    color: rgb(184, 187, 204);
    font-size: 0.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: rgb(122, 127, 153);
    margin-left: 6px;
}

.interview-form__SMSReminder-img {
    height: 16px;
    left: -30px;
    position: absolute;
    top: -14px;
    width: 32px;
    z-index: 1;
}

.interview-way {
    color: rgb(34, 34, 34);
    cursor: pointer;
    font-size: 14px;
}

    .interview-way:hover {
        color: rgb(88, 124, 247);
    }

    .interview-way .icon {
        font-size: 14px;
        margin-right: 4px;
    }

.interview-modal .km-modal__header {
    background-image: linear-gradient(rgb(245, 247, 250), rgb(232, 235, 243));
    box-shadow: rgb(246, 247, 250) 0px 1px 0px 0px;
    flex-shrink: 0;
    height: 102px;
    position: relative;
    width: 100%;
}

.interview-modal .km-modal__title {
    display: flex;
    margin-right: 60px;
    padding: 0px;
}

.interview-modal .km-modal__close-btn {
    margin: 0px;
    position: absolute;
    right: 4px;
    top: 4px;
}

.interview-modal .km-modal__body {
    padding: 0px;
}

.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 1 0%;
    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: rgb(71, 76, 102);
    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: 0.875rem;
}

    .interview-cancel .km-modal__body {
        padding: 32px 24px;
    }

.interview-cancel__tip {
    color: rgb(122, 127, 153);
}

.interview-cancel__radio {
    color: rgb(20, 25, 51);
    font-size: 0.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 {
    margin-bottom: 12px;
    line-height: 1 !important;
}

.interview-cancel__textarea {
    padding-bottom: 16px;
    width: 506px;
}

.interview-cancel__length {
    bottom: 0px;
    color: rgb(184, 176, 203);
    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: rgb(122, 127, 153);
    display: flex;
    font-weight: 400;
    justify-content: center;
    font-size: 14px !important;
}

.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 0px 24px;
}

.comment-modal__mark-success {
    color: rgb(47, 206, 126);
    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: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    height: 120px;
    justify-content: center;
    width: 156px;
}

    .comment-modal__buttons.result-choose {
        background: rgb(247, 248, 255);
        border: 1px solid rgb(222, 229, 253);
        color: rgb(88, 124, 247);
    }

.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("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass.944f08.png");
}

html.is-retina .comment-modal__is-pass .comment-modal__buttons--bg {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass@2x.1d332b.png");
}

.comment-modal__is-fail .comment-modal__buttons--bg {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-fail.aeb2f3.png");
}

html.is-retina .comment-modal__is-fail .comment-modal__buttons--bg {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-fail@2x.9351d8.png");
}

.comment-modal__is-pending .comment-modal__buttons--bg {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-pending.f05b60.png");
}

html.is-retina .comment-modal__is-pending .comment-modal__buttons--bg {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-pending@2x.85e2ba.png");
}

.result-choose.comment-modal__is-pass .comment-modal__buttons--bg {
    background-image: url("//fecdn1.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("//fecdn1.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("//fecdn1.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("//fecdn1.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("//fecdn1.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("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/icon-pending-active@2x.e94ab5.png");
}

.comment-modal .submit-tip {
    color: rgb(234, 76, 79);
    font-size: 0.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: rgba(121, 125, 139, 0.6);
        position: absolute;
        right: 8px;
    }

    .comment-modal__textarea-wrapper .textarea-number__active {
        color: rgb(234, 76, 79);
    }

.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 {
    min-height: 36px;
    height: unset !important;
}

    .multi-search-select__search .km-input__original {
        height: unset !important;
        padding-bottom: 6px !important;
        padding-top: 0px !important;
    }

    .multi-search-select__search .km-input__icon {
        padding: 0px 10px 0px 0px;
    }

    .multi-search-select__search .km-rd-tag {
        border: none;
        margin-top: 6px;
    }

        .multi-search-select__search .km-rd-tag:hover {
            border-width: 0px !important;
        }

        .multi-search-select__search .km-rd-tag:last-child {
            margin-right: 8px;
        }

.multi-search-select__input {
    border: none;
    flex: 1 1 0%;
    font-size: 14px;
    height: 22px;
    margin-top: 6px;
    outline: none;
}

    .multi-search-select__input::-webkit-input-placeholder {
        color: rgb(184, 192, 203);
    }

.multi-search-select__options {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(181, 192, 210, 0.2) 0px 7px 8px -4px, rgba(181, 192, 210, 0.14) 0px 12px 17px 2px, rgba(181, 192, 210, 0.12) 0px 5px 22px 4px;
    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: rgb(247, 248, 255);
    color: rgb(88, 124, 247);
}

.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: rgb(184, 187, 204);
        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("//fecdn2.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("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/attestation@2x.242460.png");
}

.user-multi-search-select-new__card-info .un-valid-icon {
    background-image: url("//fecdn2.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("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/un-valid@2x.3418bb.png");
}

.user-multi-search-select-new__card-info .card-email {
    color: rgb(122, 127, 153);
    display: block;
    font-size: 12px;
    max-width: 200px;
}

.user-multi-search-select-new__card:hover {
    background: rgb(247, 248, 255);
}

.user-multi-search-select-new__tips {
    align-items: center;
    display: flex;
    padding: 12px 16px;
}

.user-multi-search-select-new__tips-text {
    color: rgb(212, 144, 17);
    font-size: 12px;
    line-height: 24px;
    padding-left: 6px;
}

.user-multi-search-select-new__empty {
    align-items: center;
    color: rgb(122, 127, 153);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0px;
}

.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: rgb(20, 25, 51);
    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: rgb(255, 255, 255);
        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: 0px;
}

.forward-wechat__checkbox {
    user-select: none;
}

.forward-link__textbox-pure {
    inset: 0px;
    position: absolute !important;
}

.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: 0px;
}

.forward-resume__title {
    font-size: 1rem;
    font-weight: 600;
}

.forward-resume__tip {
    color: rgb(122, 127, 153);
    font-size: 0.875rem;
    font-weight: 400;
    margin-left: 24px;
}

.forward-resume__navs {
    position: relative;
    width: 168px;
}

    .forward-resume__navs::before {
        background: rgb(230, 232, 242);
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 1px;
    }

.forward-resume__nav {
    align-items: center;
    color: rgb(122, 127, 153);
    display: flex;
    height: 56px;
    padding: 0px 32px;
}

    .forward-resume__nav:hover {
        color: rgb(88, 124, 247);
    }

.forward-resume__nav--active {
    background: rgba(88, 124, 247, 0.1);
    border-right: 3px solid rgb(88, 124, 247);
    color: rgb(88, 124, 247);
    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: rgb(71, 76, 102);
        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: 0px;
    padding-right: 4px;
    position: absolute;
    right: 0px;
}

.forward-form .text-area__count {
    background: rgb(255, 255, 255);
    bottom: 4px;
    color: rgb(184, 187, 204);
    font-size: 12px;
    position: absolute;
    right: 10px;
}

.forward-form__receiver .km-form-item__invalid {
    display: none;
}

.forward-form__receiver-error {
    color: rgb(251, 97, 96);
    font-size: 0.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 0px 32px;
}

.batch-forward-email__popover {
    white-space: nowrap;
}

    .batch-forward-email__popover .km-popover__inner {
        background: rgba(0, 2, 6, 0.9);
        padding: 8px 12px;
    }

    .batch-forward-email__popover .km-popover__arrow::after {
        border-top-color: rgba(0, 2, 6, 0.9) !important;
    }

.batch-forward-email__popover__inner {
    align-items: center;
    color: rgb(255, 255, 255);
    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: 0px;
}

.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: rgb(255, 255, 255);
    bottom: 4px;
    color: rgb(184, 187, 204);
    font-size: 12px;
    position: absolute;
    right: 10px;
}

.email-history {
    margin: 8px 0px -8px;
}

.email-history__tip {
    color: rgb(122, 127, 153);
    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: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    cursor: text;
    display: flex;
    flex-wrap: wrap;
    min-height: 70px;
    overflow-y: auto;
    padding: 4px 8px 0px;
    position: relative;
    width: 470px;
}

    .email-edit:hover {
        border-color: rgb(184, 192, 203);
    }

    .email-edit.is-focused {
        border-color: rgb(88, 124, 247);
        box-shadow: rgba(88, 124, 247, 0.25) 0px 0px 5px 0.15em;
        outline: none;
    }

    .email-edit.is-invalid {
        border-color: rgb(251, 97, 96);
        box-shadow: rgba(251, 97, 96, 0.12) 0px 0px 5px 0.15em;
    }

.email-edit__tag {
    border-radius: 4px;
    cursor: auto;
    flex-shrink: 0;
    font-size: 0.875rem;
    height: 28px;
    margin: 0px 4px 4px 0px;
    max-width: 100%;
    vertical-align: top;
    word-break: break-all;
    background: rgb(242, 243, 248) !important;
}

    .email-edit__tag .km-tag__icon {
        font-size: 0.75rem;
    }

    .email-edit__tag.km-tag--clearable:hover {
        background-color: rgba(242, 243, 248, 0.7) !important;
        border-color: rgba(0, 0, 0, 0) !important;
        color: rgb(122, 127, 153) !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 1 0%;
    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: rgb(88, 124, 247);
        font-size: 14px;
        height: 100%;
        outline: none;
        padding: 0px;
        position: absolute;
        width: 100%;
    }

        .email-edit__input input::placeholder {
            color: rgb(184, 187, 204);
        }

    .email-edit__input .test-insert {
        display: none;
    }

    .email-edit__input .email-edit__holder {
        display: block;
        height: 0px;
        visibility: hidden;
        word-break: break-all;
    }

    .email-edit__input.is-disabled {
        flex: 1 1 auto;
        width: 200px;
    }

        .email-edit__input.is-disabled input {
            cursor: not-allowed;
        }

.email-edit.is-editing .email-edit__input {
    flex: 1 0 auto;
    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: rgb(71, 76, 102) !important;
}

.forward-link .click-icon {
    background-image: url("//fecdn2.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: rgb(71, 76, 102);
        margin-right: 16px;
    }

.forward-link__form .km-form-item {
    align-items: flex-start;
    margin-left: -9px;
}

.forward-link__form .km-form-item__label {
    color: rgb(71, 76, 102);
    display: inline;
    line-height: 36px;
    min-width: 65px;
    text-align: right;
}

.forward-link__textbox {
    background-color: rgb(248, 249, 252);
    border: 1px dashed rgb(218, 220, 230);
    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: rgb(88, 124, 247);
}

.forward-link .copy-icon {
    background-image: url("//fecdn2.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("//fecdn2.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: 0px;
    }

.forward-wechat {
    display: flex;
}

.forward-wechat__content {
    margin-right: 24px;
}

.forward-wechat__img {
    background-color: rgb(241, 245, 251);
    height: 512px;
    overflow: hidden;
    position: relative;
    width: 288px;
}

    .forward-wechat__img img {
        height: 100%;
        width: 100%;
    }

    .forward-wechat__img .loading-err {
        background-color: rgba(255, 255, 255, 0.8);
        inset: 0px;
        position: absolute;
        text-align: center;
    }

    .forward-wechat__img .loading-err__tip {
        color: rgb(20, 25, 51);
        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 0px;
    }

.forward-wechat__tip {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/wechat-guide.5dc1dc.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 75px;
    margin: 130px 0px 150px;
    width: 244px;
}

html.is-retina .forward-wechat__tip {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/wechat-guide@2x.985110.png");
}

.forward-wechat__look-guide {
    color: rgb(122, 127, 153);
    width: 212px;
}

.forward-wechat__checkbox {
    margin-top: 24px;
}

.forward-wechat #forward-weixin {
    left: 0px;
    position: absolute;
    top: 0px;
}

.forward-weixin {
    background: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-family: PingFangSC-Regular, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, arial, sans-serif;
    font-size: 12px;
    height: 512px;
    margin: 0px;
    position: relative;
    width: 288px;
}

.forward-weixin__wrapper {
    box-sizing: border-box;
    height: 100%;
    left: 0px;
    padding: 20px 14px 14px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.forward-weixin__note {
    color: rgb(255, 255, 255);
    font-size: 26px;
    font-weight: 500;
    height: 72px;
    line-height: 36px;
    margin: 36px 0px;
    text-shadow: rgba(0, 0, 0, 0.15) 0px 1px 12px;
}

.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 {
    left: 25px;
    position: absolute;
    top: 25px;
    height: 16px !important;
    width: 16px !important;
}

.forward-weixin .forward-date {
    color: rgb(255, 255, 255);
    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 rgb(255, 255, 255);
        bottom: 0px;
        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: 0px;
            overflow: hidden;
            position: absolute;
            top: 2px;
        }

.forward-weixin .forward-profile {
    box-sizing: border-box;
    color: rgb(122, 127, 153);
    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: 0px;
    }

.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 1 0%;
    flex-direction: column;
    margin-top: -2px;
}

.forward-weixin .forward-profile__info .profile-detail_name {
    color: rgb(20, 25, 51);
    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 rgb(226, 228, 238);
        height: 100%;
        left: 7px;
        position: absolute;
        width: 0px;
    }

    .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: 0px;
        }

        .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: 0px;
        position: absolute;
        top: 0px;
        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: rgb(20, 25, 51);
        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: rgb(184, 187, 204);
        border-radius: 50%;
        height: 3px;
        margin: 5px;
        width: 3px;
    }

.forward-weixin .resume-counts {
    align-items: center;
    color: rgb(255, 255, 255);
    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: 0px;
}

    .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: 0px 10px !important;
    }

    .interview-detail__footer .start-interview .video-interview {
        background-image: url("//fecdn2.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 1 0%;
    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: rgb(88, 124, 247);
        cursor: pointer;
        margin-left: 8px;
    }

        .interview-detail__candidate--info .candidate-talent .km-icon {
            margin-right: 4px;
        }

        .interview-detail__candidate--info .candidate-talent:hover {
            color: rgb(88, 124, 247);
        }

    .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: rgb(122, 127, 153);
    font-size: 0.75rem;
    margin-bottom: 14px;
    padding-left: 14px;
}

.interview-detail__pagination--num .km-pagination__pager {
    color: rgb(122, 127, 153);
    height: 24px;
    line-height: 24px;
    min-width: 24px;
}

    .interview-detail__pagination--num .km-pagination__pager.km-pagination__pager--current {
        background: rgb(88, 124, 247);
        border-radius: 4px;
        color: rgb(255, 255, 255);
    }

.interview-detail__invitation {
    align-items: center;
    background-color: rgb(246, 247, 250);
    border-radius: 4px;
    display: flex;
    font-size: 0.875rem;
    height: 60px;
    padding: 0px 20px;
}

.interview-detail__invitation--way {
    font-weight: 500;
}

.interview-detail__invitation--time {
    flex: 1 1 0%;
}

.interview-detail__info-row {
    display: flex;
}

    .interview-detail__info-row:not(:last-child) {
        margin-bottom: 16px;
    }

    .interview-detail__info-row .row-label {
        color: rgb(122, 129, 147);
        font-size: 14px;
        text-align: left;
        width: 108px;
    }

    .interview-detail__info-row .row-text {
        flex: 1 1 0%;
    }

.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: rgb(88, 124, 247);
        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: rgb(122, 127, 153);
        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: rgb(122, 127, 153);
        font-size: 12px;
    }

.interview-detail .info-forward {
    position: relative;
}

.interview-detail .info-forward__count {
    color: rgb(122, 129, 147);
    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 {
        opacity: 0.5;
        cursor: not-allowed !important;
    }

.interview-detail__state {
    font-weight: 500;
}

.interview-detail__state--1 {
    color: rgb(250, 170, 20);
}

.interview-detail__state--2 {
    color: rgb(251, 97, 96);
}

.interview-detail__state--3 {
    color: rgb(48, 206, 126);
}

.interview-detail__state--4, .interview-detail__state--5 {
    color: rgb(251, 97, 96);
}

.interview-detail__state--6 {
    color: rgb(250, 170, 20);
}

.interview-detail__state--7 {
    color: rgb(48, 206, 126);
}

.interview-detail__state--8 {
    color: rgb(251, 97, 96);
}

.interview-detail__state--9 {
    color: rgb(250, 170, 20);
}

.interview-detail__state--10, .interview-detail__state--11 {
    color: rgb(251, 97, 96);
}

.interview-detail__state--12 {
    color: rgb(250, 170, 20);
}

.interview-button {
    min-width: 80px;
}

.save-resume__header {
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 5px 2px 10px 0px;
    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: rgb(20, 25, 51);
    font-size: 13px;
    font-weight: 700;
    padding: 0px 8px;
}

.save-resume__header-button {
    background-image: linear-gradient(163deg, rgb(103, 154, 255), rgb(88, 124, 247) 98%);
    border-radius: 16px;
    box-shadow: rgba(61, 126, 255, 0.29) 2px 2px 4px 0px;
    color: rgb(255, 255, 255);
    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: rgb(255, 255, 255);
    }

.save-resume__header .icon-dengpao {
    font-size: 18px;
    position: relative;
    top: -2px;
}

.save-resume__tips {
    color: rgb(122, 127, 153);
    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: rgb(255, 255, 255);
        border: 1px solid rgb(226, 228, 238);
        border-radius: 4px;
        color: rgb(20, 25, 51);
        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, rgb(44, 95, 254), rgb(48, 108, 255) 75%);
            border-radius: 4px 0px;
            bottom: -1px;
            color: rgb(255, 255, 255);
            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 rgb(56, 114, 255);
            box-shadow: rgba(61, 126, 255, 0.3) 0px 2px 10px 0px;
        }

            .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: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    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, 0.7);
    border-radius: 10px;
    color: rgb(255, 255, 255);
    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 rgb(226, 228, 238);
}

.gallery-upload__add {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.gallery-upload__add--icon {
    background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/upload.7128b7.png") 0px 0px / cover no-repeat;
    height: 24px;
    width: 24px;
}

html.is-retina .gallery-upload__add--icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/upload@2x.d90bb6.png");
}

.gallery-upload__progress {
    align-items: center;
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 14px;
    justify-content: center;
    width: 100%;
}

.gallery-upload__progress, .gallery-upload__success {
    background: rgba(16, 16, 48, 0.7);
    border-radius: 4px;
    bottom: 0px;
    left: 0px;
    position: absolute;
}

.gallery-upload__success {
    height: 32px;
    line-height: 32px;
    margin: auto;
    right: 0px;
    top: 0px;
    width: 90px;
}

.gallery-upload__success--icon {
    background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass.87181e.png") 50% center / cover no-repeat rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

html.is-retina .gallery-upload__success--icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/icon-pass@2x.2eea92.png");
}

.gallery-upload__success--text {
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.gallery-large .km-modal {
    background: none;
    box-shadow: none;
    width: auto;
}

.gallery-large .km-modal__body {
    padding: 0px;
}

.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: rgb(255, 255, 255);
        cursor: pointer;
        font-size: 32px;
        position: fixed;
        right: 10px;
        top: 10px;
    }

.resume-report .km-modal__body {
    padding: 16px 24px 0px;
}

.resume-report__alert {
    background: rgba(251, 96, 133, 0.05);
    border-radius: 4px;
    color: rgb(251, 96, 108);
    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: rgb(184, 187, 204);
    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 0px 72px;
}

.report-success__title {
    color: rgb(20, 25, 51);
    font-size: 18px;
    font-weight: 500;
    margin-top: 24px;
}

.report-success__desc {
    color: rgb(122, 127, 153);
    font-size: 14px;
    margin: 8px 0px 40px;
    text-align: center;
    width: 490px;
}

.guarantee-intention {
    align-items: center;
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/bg.d35c33.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
    color: rgb(122, 127, 153);
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    padding: 16px 14px;
}

html.is-retina .guarantee-intention {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/bg@2x.9369a0.png");
}

.guarantee-intention__title {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 600;
    margin-right: 6px;
}

.guarantee-intention__scenes {
    background-image: linear-gradient(253deg, rgb(198, 159, 49), rgb(255, 234, 173) 51%, rgb(238, 215, 148) 100%, rgb(238, 215, 148) 0px);
    border: 0px solid rgb(215, 184, 95);
    border-radius: 0px 100px 100px;
    color: rgb(111, 86, 32);
    padding: 2px 6px;
}

.guarantee-intention__btn {
    background-image: linear-gradient(rgb(120, 116, 99) 2%, rgb(45, 40, 38));
    border-radius: 15px;
    color: rgb(249, 229, 185);
    cursor: pointer;
    padding: 8px 10px;
}

.guarantee-intention__tip {
    color: rgb(71, 76, 102);
}

.resume-button__forward {
    color: rgb(20, 25, 51);
    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: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 5px 2px 10px 0px;
    display: flex;
    height: 40px;
    justify-content: space-between;
    margin: 0px auto 22px;
    padding: 0px 8px 0px 16px;
    width: 500px;
}

.download-resume__top-content {
    color: rgb(20, 25, 51);
    font-size: 13px;
    font-weight: 700;
    padding: 0px 8px;
}

.download-resume__top-button {
    background-image: linear-gradient(163deg, rgb(103, 154, 255), rgb(61, 126, 255) 98%);
    border-radius: 16px;
    box-shadow: rgba(61, 126, 255, 0.29) 2px 2px 4px 0px;
    color: rgb(255, 255, 255);
    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: rgb(255, 255, 255);
    }

.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: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    color: rgb(20, 25, 51);
    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, rgb(44, 95, 254), rgb(48, 108, 255) 75%);
        border-radius: 4px 0px;
        bottom: -1px;
        color: rgb(255, 255, 255);
        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 rgb(56, 114, 255);
    box-shadow: rgba(61, 126, 255, 0.3) 0px 2px 10px 0px;
}

    .download-resume__types-active .km-icon {
        display: block;
    }

.download-resume__hint {
    color: rgb(122, 127, 153);
    font-size: 12px;
    margin-left: calc(50% - 196px);
    margin-top: 12px;
}

.resume-button {
    color: rgb(20, 25, 51);
    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 0px;
}

.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");
}

.resume-bulk-download {
    font-size: 14px;
    margin-left: 32px;
}

    .resume-bulk-download:hover {
        color: rgb(88, 124, 247);
        cursor: pointer;
    }

.resume-bulk-download-btn {
    align-items: center;
    display: flex;
}

.resume-bulk-download-icon {
    background-image: url("//fecdn5.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: 0px !important;
    }

.resume-btn-small__icon {
    font-size: 24px;
    height: 32px;
    min-width: 32px;
    width: 32px;
}

    .resume-btn-small__icon > .km-ripple {
        padding: 0px !important;
    }

    .resume-btn-small__icon.is-disabled {
        opacity: 1;
    }

.resume-btn-small__text {
    color: rgb(122, 127, 153);
    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: rgb(242, 243, 248);
    border-radius: 4px;
    color: rgb(20, 25, 51);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    justify-content: center;
    width: 102px;
}

.attach-resume__icon {
    background-image: url("//fecdn1.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, 0.1);
    color: rgb(88, 124, 247);
}

.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: rgb(242, 243, 248);
    color: rgb(184, 187, 204);
    cursor: not-allowed;
}

    .attach-resume.is-disabled .attach-resume__icon {
        background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/attach-disabled.628615.svg");
    }

.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: 0.875rem;
        margin: 0px 0px 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: rgb(122, 127, 153);
    font-size: 12px;
    margin: -2px 0px 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: rgb(242, 243, 248);
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 0px 6px;
}

    .resume-analyses-trigger__icon-wrapper .iconfont {
        font-size: 12px;
    }

    .resume-analyses-trigger__icon-wrapper:hover {
        background: rgba(88, 124, 247, 0.1);
        color: rgb(88, 124, 247);
    }

.resume-analyses-popover ul {
    color: rgb(122, 127, 153);
    list-style: inside;
}

    .resume-analyses-popover ul li {
        font-size: 14px;
        line-height: 24px;
    }

        .resume-analyses-popover ul li span {
            color: rgb(88, 124, 247);
            font-weight: 700;
        }

.accessory-list {
    color: rgb(255, 255, 255);
    position: relative;
}

.accessory-list__arrow {
    font-size: 30px;
    height: 100%;
    line-height: 130px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 80px;
    z-index: 2;
}

    .accessory-list__arrow i {
        cursor: pointer;
        opacity: 0.5;
    }

.accessory-list__arrow-prev {
    background-image: linear-gradient(90deg, rgb(0, 0, 0) 1%, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0) 99%);
    left: 0px;
}

.accessory-list__arrow-next {
    background-image: linear-gradient(-90deg, rgb(0, 0, 0) 1%, rgb(0, 0, 0) 49%, rgba(0, 0, 0, 0) 99%);
    right: 0px;
}

.accessory-list__container {
    background: rgb(0, 0, 0);
    display: flex;
    height: 130px;
    overflow: hidden;
    width: 100%;
}

.accessory-list__group {
    margin: 0px 30px;
    padding: 16px 0px;
    position: relative;
}

    .accessory-list__group:first-child {
        margin-left: 0px;
        padding-left: 80px;
    }

    .accessory-list__group:last-child {
        margin-right: 0px;
        padding-right: 80px;
    }

    .accessory-list__group::before {
        background: rgb(119, 119, 119);
        content: "";
        height: 90px;
        left: -30px;
        opacity: 0.5;
        position: absolute;
        width: 1px;
    }

.accessory-list__group-title {
    font-weight: 500;
    opacity: 0.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: rgb(119, 119, 119);
    border-radius: 4px;
    height: 48px;
    margin: 6px 0px;
    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: 0.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accessory-list__item-cover {
    background: rgb(0, 0, 0);
    border-radius: 4px;
    height: 48px;
    left: 0px;
    opacity: 0.5;
    position: absolute;
    top: 0px;
    width: 86px;
}

.accessory-list__item.active .accessory-list__item-file {
    border: 2px solid rgb(31, 155, 245);
}

.accessory-list__item.active .accessory-list__item-name {
    opacity: 0.8;
}

.accessory-list__item.active .accessory-list__item-cover {
    opacity: 0;
}

.accessory-list__toggle {
    background: rgb(0, 0, 0);
    border-radius: 4px 4px 0px 0px;
    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: 0px;
    }

.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: 0px;
    height: 20px;
    line-height: 0;
    width: 20px;
}

.viewer-zoom-in::before {
    background-position: 0px 0px;
    content: "Zoom In";
}

.viewer-zoom-out::before {
    background-position: -20px 0px;
    content: "Zoom Out";
}

.viewer-one-to-one::before {
    background-position: -40px 0px;
    content: "One to One";
}

.viewer-reset::before {
    background-position: -60px 0px;
    content: "Reset";
}

.viewer-prev::before {
    background-position: -80px 0px;
    content: "Previous";
}

.viewer-play::before {
    background-position: -100px 0px;
    content: "Play";
}

.viewer-next::before {
    background-position: -120px 0px;
    content: "Next";
}

.viewer-rotate-left::before {
    background-position: -140px 0px;
    content: "Rotate Left";
}

.viewer-rotate-right::before {
    background-position: -160px 0px;
    content: "Rotate Right";
}

.viewer-flip-horizontal::before {
    background-position: -180px 0px;
    content: "Flip Horizontal";
}

.viewer-flip-vertical::before {
    background-position: -200px 0px;
    content: "Flip Vertical";
}

.viewer-fullscreen::before {
    background-position: -220px 0px;
    content: "Enter Full Screen";
}

.viewer-fullscreen-exit::before {
    background-position: -240px 0px;
    content: "Exit Full Screen";
}

.viewer-close::before {
    background-position: -260px 0px;
    content: "Close";
}

.viewer-container {
    inset: 0px;
    direction: ltr;
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    touch-action: none;
    user-select: none;
}

    .viewer-container::selection, .viewer-container ::selection {
        background-color: rgba(0, 0, 0, 0);
    }

    .viewer-container:focus {
        outline: 0px;
    }

    .viewer-container img {
        display: block;
        height: auto;
        width: 100%;
        max-height: none !important;
        max-width: none !important;
        min-height: 0px !important;
        min-width: 0px !important;
    }

.viewer-canvas {
    inset: 0px;
    overflow: hidden;
    position: absolute;
}

    .viewer-canvas > img {
        height: auto;
        margin: 15px auto;
        width: auto;
        max-width: 90% !important;
    }

.viewer-footer {
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    text-align: center;
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.viewer-list {
    box-sizing: content-box;
    height: 50px;
    margin: 0px;
    overflow: hidden;
    padding: 1px 0px;
}

    .viewer-list > li {
        color: rgba(0, 0, 0, 0);
        cursor: pointer;
        float: left;
        font-size: 0px;
        height: 50px;
        line-height: 0;
        opacity: 0.5;
        overflow: hidden;
        transition: opacity 0.15s ease 0s;
        width: 30px;
    }

        .viewer-list > li:focus, .viewer-list > li:hover {
            opacity: 0.75;
        }

        .viewer-list > li:focus {
            outline: 0px;
        }

        .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: rgb(0, 0, 0);
    bottom: 0px;
    cursor: none;
    display: none;
    right: 0px;
    z-index: 1;
}

    .viewer-player, .viewer-player > img {
        left: 0px;
        position: absolute;
        top: 0px;
    }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0px auto 5px;
    overflow: hidden;
    padding: 6px 3px;
}

    .viewer-toolbar > ul > li {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        cursor: pointer;
        float: left;
        height: 24px;
        overflow: hidden;
        transition: background-color 0.15s ease 0s;
        width: 24px;
    }

        .viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .viewer-toolbar > ul > li:focus {
            box-shadow: rgb(255, 255, 255) 0px 0px 3px;
            outline: 0px;
            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, 0.8);
    border-radius: 10px;
    color: rgb(255, 255, 255);
    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: rgb(204, 204, 204);
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin: 5px 5%;
    max-width: 90%;
    min-height: 14px;
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.15s ease 0s;
    white-space: nowrap;
}

    .viewer-title:hover {
        opacity: 1;
    }

.viewer-button {
    app-region: no-drag;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    transition: background-color 0.15s ease 0s;
    width: 80px;
}

    .viewer-button:focus, .viewer-button:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .viewer-button:focus {
        box-shadow: rgb(255, 255, 255) 0px 0px 3px;
        outline: 0px;
    }

    .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, 0.5);
}

.viewer-invisible {
    visibility: hidden;
}

.viewer-move {
    cursor: grab;
}

.viewer-fade {
    opacity: 0;
}

.viewer-in {
    opacity: 1;
}

.viewer-transition {
    transition: all 0.3s ease 0s;
}

@keyframes viewer-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

.viewer-loading::after {
    animation: 1s linear 0s infinite normal none running viewer-spinner;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.5);
    border-image: initial;
    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: 0px;
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
}

    .preview-image .viewer-toolbar ul {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 4px;
        margin-bottom: 20px;
        padding: 12px 28px;
    }

        .preview-image .viewer-toolbar ul li {
            background: none;
            border-radius: 0px;
            height: 26px;
            margin: 0px;
            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: 0px;
            }

            .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("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/zoom-in.70651e.png");
            }

            .preview-image .viewer-toolbar ul li.viewer-zoom-out {
                background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/zoom-out.551ce1.png");
            }

            .preview-image .viewer-toolbar ul li.viewer-fullscreen {
                background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/full-screen.b5ebd8.png");
            }

            .preview-image .viewer-toolbar ul li.viewer-rotate-left {
                background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/rotate-left.c9f050.png");
            }

            .preview-image .viewer-toolbar ul li:hover.viewer-zoom-in {
                background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/zoom-in-hover.7d6788.png");
            }

            .preview-image .viewer-toolbar ul li:hover.viewer-zoom-out {
                background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/zoom-out-hover.4fe233.png");
            }

            .preview-image .viewer-toolbar ul li:hover.viewer-fullscreen {
                background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/full-screen-hover.9db429.png");
            }

            .preview-image .viewer-toolbar ul li:hover.viewer-rotate-left {
                background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/rotate-left-hover.eb5583.png");
            }

.preview-pdf {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    inset: 0px;
    color: rgb(76, 76, 76);
    height: 270px;
    justify-content: space-between;
    margin: auto;
    padding: 30px 0px;
    position: absolute;
    width: 400px;
}

.preview-pdf, .preview-pdf__file {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.preview-pdf__file {
    border: 1px solid rgb(225, 228, 236);
    border-radius: 4px;
    color: rgb(142, 150, 164);
    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: rgb(255, 255, 255);
    border-radius: 4px;
    inset: 0px;
    color: rgb(76, 76, 76);
    height: 270px;
    justify-content: space-between;
    margin: auto;
    padding: 30px 0px;
    position: absolute;
    width: 400px;
}

.preview-word, .preview-word__file {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.preview-word__file {
    border: 1px solid rgb(225, 228, 236);
    border-radius: 4px;
    color: rgb(142, 150, 164);
    font-size: 12px;
    height: 120px;
    width: 120px;
}

.preview-word__file-icon {
    background-image: url("//fecdn1.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 {
    inset: 0px;
    height: 100%;
    width: 100%;
}

.accessory-viewer__cover {
    background: rgb(0, 0, 0);
    opacity: 0.7;
    position: absolute;
}

.accessory-viewer__container {
    display: flex;
    flex-direction: column;
    position: absolute;
}

.accessory-viewer__header {
    align-items: center;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 16px;
    height: 48px;
    justify-content: space-between;
    padding: 0px 30px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.accessory-viewer__header-icon {
    color: rgb(216, 216, 216);
    cursor: pointer;
}

    .accessory-viewer__header-icon:hover {
        color: rgb(255, 255, 255);
    }

.accessory-viewer__preview {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    justify-content: space-between;
    padding: 0px 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, 0.5);
        border-radius: 100%;
        color: rgb(255, 255, 255);
        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: rgb(246, 247, 250);
    border-radius: 4px;
    color: rgb(122, 127, 153);
    cursor: pointer;
    display: flex;
    flex-basis: 30%;
    font-size: 14px;
    height: 68px;
    justify-content: space-between;
    margin-right: 3%;
    padding: 0px 18px;
}

.resume-accessory--small .resume-accessory__group {
    flex-basis: 100%;
    margin-right: 0px;
}

.resume-accessory__group:hover {
    border: 1px solid rgb(226, 228, 238);
    box-shadow: rgba(0, 2, 6, 0.1) 0px 2px 12px 0px;
}

.resume-accessory__group:nth-child(3n+3) {
    margin-right: 0px;
}

.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: rgb(20, 25, 51);
    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: rgb(184, 187, 204);
    font-size: 18px;
}

.zppp-ali-qrcode {
    z-index: 10000;
}

.resume-abnormal {
    align-items: center;
    color: rgb(20, 25, 51);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.resume-detail--default .resume-abnormal {
    background: rgb(255, 255, 255);
    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: rgb(122, 127, 153);
    margin-top: 10px;
}

.resume-abnormal__btn {
    margin-top: 10px;
}

.resume-detail {
    color: rgb(71, 76, 102);
    font-size: 14px;
}

.resume-detail--default .km-skeleton {
    background: rgb(255, 255, 255);
}

.resume-detail--small {
    font-size: 12px;
}

@keyframes skeleton-placeholder {
    0% {
        background-color: rgb(246, 247, 248);
    }

    100% {
        background-color: rgb(237, 238, 241);
    }
}

.resume-basic {
    position: relative;
}

.resume-detail--default .resume-basic {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    padding: 24px 32px;
}

.resume-detail--small .resume-basic {
    padding: 24px;
}

.resume-basic__active {
    color: rgb(122, 127, 153);
    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, 0.65);
    border-radius: 50%;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 88px;
    left: 0px;
    line-height: 88px;
    position: absolute;
    text-align: center;
    top: 0px;
    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 rgb(255, 255, 255);
    border-radius: 50%;
    color: rgb(255, 255, 255);
    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: rgb(20, 25, 51);
    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: 0px;
}

.resume-basic__state {
    display: inline-block;
    height: 18px;
    position: relative;
    width: 56px;
}

    .resume-basic__state.is-online {
        background-image: url("//fecdn4.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("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/active-online@2x.5a1a55.png");
}

.resume-basic__state.is-activity {
    background-image: url("//fecdn4.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("//fecdn4.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("//fecdn4.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("//fecdn4.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("//fecdn4.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("//fecdn4.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: rgb(122, 127, 153);
    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: rgb(0, 211, 163);
        border-radius: 50%;
        content: " ";
        height: 6px;
        left: 8px;
        position: absolute;
        top: 11px;
        width: 6px;
    }

.resume-basic__chip {
    color: rgb(20, 25, 51);
}

    .resume-basic__chip:not(:first-child)::before {
        border-left: 1px solid rgb(224, 227, 235);
        content: " ";
        display: inline-block;
        height: 10px;
        line-height: 14px;
        margin: 0px 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: rgb(122, 127, 153);
    display: inline;
    flex-wrap: wrap;
    margin: 0px 5px;
}

.resume-basic__contact-tip-place {
    align-items: center;
    display: inline-flex;
}

.resume-basic__contact--outbound {
    margin-left: 20px;
}

.resume-basic__suggestion {
    color: rgb(71, 76, 102);
    letter-spacing: 1px;
}

.resume-basic__bubble {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.resume-basic__bubble-btn {
    background: rgba(61, 126, 255, 0.1);
    border-radius: 4px;
    color: rgb(20, 25, 51);
    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("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/apply-emoji.05da1f.png");
    }

html.is-retina .resume-basic__bubble-emoji.is-apply {
    background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/apply-emoji@2x.8ec260.png");
}

.resume-basic__bubble-emoji.is-online {
    background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/online-emoji.65f077.png");
}

html.is-retina .resume-basic__bubble-emoji.is-online {
    background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/online-emoji@2x.9c7db1.png");
}

.resume-basic__bubble-emoji.is-active {
    background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/active-emoji.7addb2.png");
}

html.is-retina .resume-basic__bubble-emoji.is-active {
    background-image: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/active-emoji@2x.7a4916.png");
}

.resume-basic__bubble .triangle_up {
    border-width: 6px;
    border-style: dashed dashed solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(234, 239, 249);
    border-image: initial;
    height: 0px;
    left: 40px;
    position: absolute;
    top: -12px;
    width: 0px;
}

.resume-basic__bubble-reference {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 2px;
}

.resume-basic__bubble--sender-slot {
    align-items: center;
    background-color: rgb(255, 255, 255);
    color: rgb(184, 187, 204);
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    height: 100%;
    justify-content: center;
}

    .resume-basic__bubble--sender-slot .km-button {
        width: 96px;
    }

.resume-basic__score {
    background-image: linear-gradient(45deg, rgb(224, 246, 255), rgb(234, 234, 253));
    border-radius: 100px 0px 0px 100px;
    color: rgb(20, 25, 51);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0px;
    top: 25px;
    width: 173px;
}

.resume-basic .is-pointer {
    cursor: pointer;
}

.resume-basic .resume-phone-error {
    align-items: flex-start;
    background: rgb(242, 243, 248);
    border-radius: 4px;
    color: rgb(71, 76, 102);
    display: flex;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0px;
    padding: 4px 8px;
    width: fit-content;
}

.resume-basic .resume-phone-error__icon {
    color: rgb(250, 173, 20);
    margin-top: 2px;
}

.resume-basic .resume-phone-error__trigger {
    border-bottom: 1px solid rgb(185, 186, 194);
}

    .resume-basic .resume-phone-error__trigger:hover {
        border-bottom: 1px solid rgb(88, 124, 247);
    }

.phone-tip .km-tooltip__inner {
    text-align: left;
}

.resume-detail--default .resume-content {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    margin-top: 12px;
    padding: 24px 32px;
}

.resume-detail--small .resume-content {
    padding: 0px 24px 24px;
}

.resume-content__chip {
    color: rgb(71, 76, 102);
}

.resume-content__section {
    margin-bottom: 24px;
}

.resume-detail--small .resume-content__section {
    margin-bottom: 36px;
}

.resume-content__section:last-child {
    margin-bottom: 0px;
}

.resume-content__title {
    color: rgb(20, 25, 51);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

.resume-detail--small .resume-content__title {
    color: rgb(122, 127, 153);
    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: 0px;
}

    .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: rgb(71, 76, 102);
}

.resume-content__main {
    color: rgb(20, 25, 51);
    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: 0px;
    }

    .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: 0px;
}

.resume-content__block-item::before {
    border-left: 1px solid rgb(226, 228, 238);
    content: " ";
    height: 40px;
    position: absolute;
    right: 0px;
    top: 2px;
}

.resume-detail--small .resume-content__block-item::before {
    content: none;
}

.resume-content__block-item:nth-child(3n+3) {
    margin-right: 0px;
}

    .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: 0px;
    top: auto;
}

.resume-content__block-item.is-english {
    padding-right: 12px;
}

    .resume-content__block-item.is-english .resume-content__chip {
        align-items: center;
        color: rgb(71, 76, 102);
        display: flex;
    }

    .resume-content__block-item.is-english .resume-content__block-bar {
        flex: 1 1 0%;
    }

.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: rgb(226, 228, 238);
    border-radius: 14px;
    display: inline-block;
    height: 4px;
    margin: 0px 12px;
    position: relative;
    vertical-align: middle;
    width: 52%;
}

    .resume-content__block-bar span {
        background-image: linear-gradient(140deg, rgb(88, 124, 247), rgb(82, 189, 255));
        border-radius: 14px;
        inset: 0px;
        display: inline-block;
        height: 100%;
        position: absolute;
        width: 0px;
    }

.resume-content__assessments {
    display: flex;
    flex-flow: row wrap;
}

.resume-content__assessments-item {
    align-items: center;
    background: rgb(246, 247, 250);
    border-radius: 4px;
    color: rgb(20, 25, 51);
    cursor: pointer;
    display: flex;
    flex-basis: 30%;
    font-size: 14px;
    font-weight: 400;
    height: 68px;
    justify-content: space-between;
    margin-right: 3%;
    padding: 0px 18px;
}

.resume-detail--small .resume-content__assessments-item {
    flex-basis: 100%;
    margin-right: 0px;
}

.resume-content__assessments-item:hover {
    border: 1px solid rgb(226, 228, 238);
    box-shadow: rgba(0, 2, 6, 0.1) 0px 2px 12px 0px;
}

.resume-content__assessments-item:nth-child(3n+3) {
    margin-right: 0px;
}

.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: rgb(184, 187, 204);
    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: rgb(255, 255, 255);
    max-width: 840px;
    min-height: calc(100vh - 260px);
    padding-top: 32px;
}

    .resume-detail--new__warp .resume-basic {
        background: none;
        padding-bottom: 0px;
        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 1 0%;
    flex-direction: column;
    position: relative;
}

.resume-pipeline__item-dot {
    background: rgb(184, 192, 203);
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.resume-pipeline__item-line {
    border-bottom: 1px dashed rgb(184, 192, 203);
    left: -40%;
    position: absolute;
    top: 2px;
    width: 80%;
}

.resume-pipeline__item-tip {
    color: rgb(122, 127, 153);
    font-size: 12px;
    left: -50%;
    position: absolute;
    text-align: center;
    top: -18px;
    width: 100%;
}

.resume-pipeline__item-content {
    color: rgb(184, 187, 204);
    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: rgb(88, 124, 247);
}

.resume-pipeline__item.active .resume-pipeline__item-line {
    border-bottom: 1px solid rgb(88, 124, 247);
}

.resume-pipeline__item.active .resume-pipeline__item-content {
    color: rgb(20, 25, 51);
}

.resume-logs {
    color: rgb(122, 127, 153);
    font-size: 14px;
    line-height: 18px;
}

    .resume-logs .km-timeline__item-line {
        transform: none;
        width: 1px;
    }

    .resume-logs .km-timeline__item {
        padding: 0px;
    }

        .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: rgb(184, 187, 204);
    font-weight: 500;
    margin-bottom: 12px;
}

.resume-logs__time {
    font-size: 13px;
}

.resume-logs__name {
    color: rgb(20, 25, 51);
    font-weight: 500;
    margin-top: 10px;
}

    .resume-logs__name > span:not(:last-child)::after {
        color: inherit;
        content: "·";
        display: inline-block;
        font-weight: 300;
        text-align: center;
        width: 10px;
    }

.resume-logs__content {
    margin-top: 6px;
    word-break: break-word;
}

.resume-logs__modal .km-modal__body {
    padding: 0px;
}

.resume-logs__modal .km-scrollbar__wrap {
    max-height: 476px;
    padding: 24px 44px;
}

.resume-evaluate__textarea {
    background: rgb(246, 247, 250);
    border: none;
    border-radius: 12px;
}

    .resume-evaluate__textarea.is-textarea textarea {
        resize: none;
    }

    .resume-evaluate__textarea.is-focused {
        background: rgb(255, 255, 255);
    }

.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: rgb(20, 25, 51);
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

.resume-communicate-job .km-input__icon {
    margin-left: 8px;
    padding: 0px;
    color: rgb(20, 25, 51) !important;
}

.resume-communicate-job__label {
    color: rgb(20, 25, 51);
    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: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 500;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-communicate-job__popper-creator {
    color: rgb(122, 127, 153);
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}

    .resume-communicate-job__popper-creator > span:not(:last-child)::after {
        color: inherit;
        content: "·";
        display: inline-block;
        font-weight: 300;
        text-align: center;
        width: 2px;
    }

.km-option:hover .resume-communicate-job__popper-job {
    color: rgb(88, 124, 247);
}

.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: 0px;
    }

.resume-tags--empty {
    color: rgb(71, 76, 102);
    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: rgb(230, 232, 242);
        border-radius: 50%;
        color: rgb(122, 127, 153);
        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, 0.1);
            color: rgb(88, 124, 247);
        }

.resume-tag, .resume-tags--add {
    height: 24px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-right: 8px;
}

.resume-tag {
    align-items: center;
    background: rgb(230, 232, 242);
    border-radius: 12px;
    color: rgb(20, 25, 51);
    display: flex;
    font-size: 12px;
    padding: 0px 8px;
}

    .resume-tag:hover {
        background: rgba(88, 124, 247, 0.1);
        color: rgb(88, 124, 247);
    }

        .resume-tag:hover .resume-tag-close {
            background: rgb(88, 124, 247);
            border-radius: 50%;
            color: rgb(255, 255, 255);
            transform: scale(0.8);
        }

.resume-tag-text {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-tag-close {
    color: rgb(122, 127, 153);
    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 0px 8px 8px;
}

.tag-selector-content__header {
    color: rgb(20, 25, 51);
    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: rgb(88, 124, 247);
}

.tag-manage-btn.is-disabled {
    color: rgb(184, 187, 204);
    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: rgb(246, 247, 250);
        border-color: rgb(246, 247, 250);
        color: rgb(122, 127, 153);
        cursor: not-allowed;
    }

    .tag-manage-list .tag-manage {
        background-color: rgb(246, 247, 250);
        border: 1px solid rgb(246, 247, 250);
        border-radius: 4px;
        color: rgb(122, 127, 153);
        cursor: pointer;
        display: inline-block;
        height: 32px;
        line-height: 30px;
        margin-bottom: 12px;
        margin-right: 12px;
        max-width: 184px;
        overflow: hidden;
        padding: 0px 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, 0.05);
        border-color: rgba(61, 126, 255, 0.3);
        color: rgb(88, 124, 247);
    }

    .tag-manage-list .tag-manage--selecting {
        padding-right: 30px;
        position: relative;
        cursor: default !important;
    }

        .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, 0.06);
        color: rgb(88, 124, 247);
    }

.tag-customize {
    height: 36px;
    margin-top: 12px;
    padding-right: 12px;
}

.tag-customize--pending {
    color: rgb(88, 124, 247);
    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 1 0%;
    }

.tag-customize-action {
    color: rgb(184, 187, 204);
    cursor: pointer;
    flex-shrink: 0;
    line-height: 36px;
}

.tag-customize-action--add {
    color: rgb(88, 124, 247);
    margin-left: 18px;
    margin-right: 24px;
}

.tag-customize-error {
    color: rgb(251, 97, 96);
    margin-top: 5px;
    position: absolute;
}

.tag-manage-status {
    color: rgb(122, 127, 153);
    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: rgb(251, 97, 96);
    margin-left: 24px;
}

.delete-tag-confirm-popover .km-popover__inner {
    padding: 0px;
}

.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: rgb(20, 25, 51);
    display: flex;
    font-size: 16px;
}

    .delete-tag-confirm-popover .delete-confirm__title .km-icon {
        color: rgb(250, 170, 20);
        font-size: 20px;
        margin-right: 8px;
    }

.delete-tag-confirm-popover .delete-confirm__subtitle {
    color: rgb(122, 127, 153);
    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: rgb(20, 25, 51);
    cursor: pointer;
    font-size: 14px;
    height: 20px;
}

    .popover-trigger:hover {
        color: rgb(88, 124, 247);
    }

.tag-selector-trigger {
    align-items: center;
    color: rgb(20, 25, 51);
    display: flex;
}

    .tag-selector-trigger:hover {
        color: rgb(88, 124, 247);
    }

.tag-selector-trigger__icon {
    background-image: url("//fecdn3.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: 0px auto;
    width: 1200px;
}

.resume-detail-wrap {
    display: flex;
    min-height: calc(100vh - 202px);
    position: relative;
}

.resume-detail {
    flex: 1 1 0%;
}

.resume-sidebar {
    align-self: flex-start;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    margin-left: 20px;
    padding: 24px;
    position: sticky;
    top: 24px;
    width: 316px;
}

.resume-sidebar__section:not(:last-child) {
    border-bottom: 1px solid rgb(232, 235, 243);
    margin-bottom: 24px;
}

.resume-sidebar__unfold {
    color: rgb(122, 127, 153);
    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: rgb(20, 25, 51);
    font-size: 18px;
    font-weight: 500;
}

.resume-sidebar__title-label {
    float: right;
    font-weight: 400;
}

.resume-sidebar__main {
    padding: 24px 0px;
}

.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: 0px;
        }

        .resume-sidebar__actions .resume-button .km-button {
            min-width: 80px;
            overflow: visible;
        }

            .resume-sidebar__actions .resume-button .km-button .km-ripple {
                padding: 0px 12px;
            }

    .resume-sidebar__actions .has-new-staff-coupon {
        position: relative;
    }

        .resume-sidebar__actions .has-new-staff-coupon::after {
            background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/has-coupon-icon.aa0483.png");
            background-size: cover;
            content: "";
            display: block;
            height: 22px;
            left: 0px;
            position: absolute;
            top: -11px;
            width: 56px;
            z-index: 10;
        }

html.is-retina .resume-sidebar__actions .has-new-staff-coupon::after {
    background-image: url("//fecdn3.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("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/has-gift-icon.7347ea.png");
        background-size: cover;
        content: "";
        display: block;
        height: 22px;
        left: 0px;
        position: absolute;
        top: -11px;
        width: 68px;
        z-index: 10;
    }

html.is-retina .resume-sidebar__actions .has-new-staff-gift::after {
    background-image: url("//fecdn3.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: 0px;
        margin-right: 0px;
    }

        .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: rgb(122, 127, 153);
        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: rgb(88, 124, 247);
        }

.resume-operate {
    color: rgb(122, 127, 153);
    position: absolute;
    right: 24px;
    top: 24px;
}

@media print {
    .app-footer, .app-header, .no-print {
        display: none !important;
    }

    .app-layout, .app-main__content, html {
        background: rgb(255, 255, 255) !important;
    }

    .app-main__content {
        padding: 0px !important;
    }

    .resume-detail-container {
        width: 100%;
    }

        .resume-detail-container .resume-content {
            padding-top: 0px;
        }

    .resume-basic .is-pad, .resume-content__body {
        padding-right: 20px;
    }

    .resume-basic__bubble {
        padding-right: 24px;
    }
}

.imc-matching-card__operator--icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/check-icon.871e99.png");
}

html.is-retina .imc-matching-card__operator--icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/check-icon@2x.2fcb9f.png");
}

.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 1 0%;
}

.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: 0.875rem;
    font-weight: 500;
}

.resume-feedback__b2b-icon {
    background-image: url("//fecdn3.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("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/b2b-icon@2x.deeac8.png");
}

.resume-feedback__b2b-icon.resign-icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/b2b-resign.7c2eb7.png");
    width: 74px;
}

html.is-retina .resume-feedback__b2b-icon.resign-icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/b2b-resign@2x.7c2f13.png");
}

.resume-feedback__b2b-icon.official-icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/official_icon.3bdcc1.png");
    width: 32px;
}

html.is-retina .resume-feedback__b2b-icon.official-icon {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/official_icon@2x.be7010.png");
}

.resume-feedback__b2b-icon.operator-icon {
    background-image: url("//fecdn3.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("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/operator_icon_new@2x.d559a8.png");
}

.resume-feedback__date {
    color: rgb(184, 187, 204);
    font-size: 0.75rem;
}

.resume-feedback__note {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
    margin-top: 8px;
}

    .resume-feedback__note.is-operator {
        margin-top: 0px;
    }

.resume-feedback__tip {
    font-size: 1rem;
    font-weight: 500;
    margin: 24px 0px;
}

.resume-feedback__buttons {
    display: flex;
    justify-content: space-between;
}

.resume-feedback__btn {
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    height: 100px;
    text-shadow: currentcolor 0px 0px;
    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: rgb(245, 253, 249);
        border-color: rgb(203, 243, 223);
        color: rgb(48, 206, 126);
    }

    .resume-feedback__btn.reject {
        background-color: rgb(255, 247, 247);
        border-color: rgb(254, 216, 215);
        color: rgb(251, 97, 96);
    }

    .resume-feedback__btn.pending {
        background-color: rgb(247, 248, 255);
        border-color: rgb(213, 222, 253);
        color: rgb(88, 124, 247);
    }

.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: rgb(255, 255, 255);
        cursor: pointer;
        font-size: 14px;
    }

.resume-feedback__official--buttons .neglect-button, .resume-feedback__official--buttons .resume-button {
    flex: 1 1 0%;
}

.resume-feedback__official--text {
    color: rgb(122, 127, 153);
    font-size: 12px;
    margin-top: 22px;
    text-align: center;
}

.job-offline-module {
    align-items: center;
    background: linear-gradient(-20deg, rgb(255, 255, 255) 70%, rgb(240, 249, 255));
    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("//fecdn5.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("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/zhi-icon@2x.6473f3.png");
}

.job-offline-module__content {
    display: flex;
}

.job-offline-module__content--state {
    color: rgb(71, 76, 102);
    font-size: 14px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
}

.job-offline-module__content--info {
    color: rgb(71, 76, 102);
    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 rgb(226, 228, 238);
    border-radius: 4px;
    color: rgb(122, 127, 153);
}

.job-manage-online .online-table__head {
    background: rgb(248, 249, 252);
    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: rgb(88, 124, 247);
    }

.job-manage-online .online-table__row {
    border-bottom: 1px solid rgb(226, 228, 238);
    display: flex;
    margin: 0px 33px;
}

    .job-manage-online .online-table__row:last-child {
        border: none;
    }

.job-manage-online .online-table__col {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    height: 68px;
}

.job-manage-online .is-modify {
    color: rgb(88, 124, 247);
    cursor: pointer;
}

.job-manage-online__status {
    flex: 2 1 0%;
}

.job-manage-online__status-modify {
    display: flex;
}

.job-manage-online__icon {
    color: rgb(254, 111, 97);
    margin-top: 4px;
}

.shortcut-resume__custom-title {
    display: flex;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}

.shortcut-resume__state {
    color: rgb(48, 206, 126);
    font-size: 1rem;
    margin-right: 4px;
}

.shortcut-resume__state-PASS {
    color: rgb(48, 206, 126);
}

.shortcut-resume__state-REJECT {
    color: rgb(251, 97, 96);
}

.shortcut-resume__state-CONVERSION {
    color: rgb(88, 124, 247);
}

.shortcut-resume__title {
    align-items: center;
    display: flex;
    font-weight: 500;
}

.shortcut-resume__title-state {
    align-items: center;
    background-color: rgb(248, 249, 252);
    border-radius: 16px;
    display: inline-flex;
    font-size: 16px;
    height: 32px;
    left: 706px;
    padding: 0px 16px;
    position: absolute;
}

.shortcut-resume__modal .km-modal {
    border-radius: 0px;
    max-height: 100vh;
    width: 1048px;
    height: 100vh !important;
}

.shortcut-resume__modal .km-modal__body {
    background-color: rgb(240, 242, 246);
}

.shortcut-resume__modal .km-modal__header {
    background-color: rgb(255, 255, 255);
    min-height: 64px;
}

.shortcut-resume__modal .km-modal__title {
    padding: 0px 17px 0px 24px;
}

.shortcut-resume__modal .resume-detail .resume-content__block-name {
    max-width: 170px;
}

.shortcut-resume__modal .resume-detail .resume-accessory__group {
    padding: 0px 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: 0px 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: rgb(255, 255, 255);
    height: calc(100vh - 64px);
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.shortcut-resume__left, .shortcut-resume__right {
    align-items: center;
    background: rgb(3, 4, 13);
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    font-size: 24px;
    height: 54px;
    justify-content: center;
    opacity: 0.2;
    position: absolute;
    top: calc(50% - 27px);
    width: 32px;
    z-index: 9999;
}

    .shortcut-resume__left:hover, .shortcut-resume__right:hover {
        opacity: 0.4;
    }

    .shortcut-resume__left:active, .shortcut-resume__right:active {
        opacity: 0.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: 0.1;
}

.shortcut-resume__left {
    left: 0px;
}

.shortcut-resume__right {
    right: 0px;
}

.shortcut-resume__empty {
    height: calc(100vh - 112px);
}

.shortcut-resume__empty, .shortcut-resume__newEmpty {
    align-items: center;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.shortcut-resume__newEmpty {
    height: 100%;
    left: 0px;
    min-width: 1000px;
    position: absolute;
    top: 0px;
    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: 0px !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: rgb(255, 255, 255);
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .shortcut-resume__modal .km-scrollbar__wrap {
            overflow: inherit !important;
        }

        .shortcut-resume__modal .km-modal.km-modal--open {
            max-height: none;
            z-index: 10000;
            height: auto !important;
            width: 100% !important;
        }

            .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 0px;
            }

            .shortcut-resume__modal .km-modal.km-modal--open .resume-detail--default .resume-basic {
                overflow: hidden;
                padding: 0px;
            }

            .shortcut-resume__modal .km-modal.km-modal--open .resume-detail-wrap {
                overflow: hidden;
            }
}

.resume-tab {
    height: 24px;
    justify-content: space-between;
    padding: 22px 0px;
    width: 960px;
}

    .resume-tab, .resume-tab ul {
        align-items: center;
        display: flex;
    }

        .resume-tab ul {
            max-width: 960px;
        }

            .resume-tab ul li {
                color: rgb(20, 25, 51);
                cursor: pointer;
                font-size: 14px;
                margin-right: 24px;
            }

                .resume-tab ul li.is-active {
                    color: rgb(20, 25, 51);
                    font-size: 16px;
                    font-weight: 500;
                }

                .resume-tab ul li .resume-tab-title {
                    display: inline-block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .resume-tab ul li .resume-tab-coordination {
                    align-items: center;
                    background: rgb(243, 247, 252);
                    border: 1px solid rgba(61, 126, 255, 0.15);
                    border-radius: 2px;
                    color: rgb(88, 124, 247);
                    display: inline-flex;
                    font-size: 12px;
                    font-style: normal;
                    font-weight: 400;
                    height: 18px;
                    justify-content: center;
                    min-width: 28px;
                    transform: scale(0.94);
                    vertical-align: text-top;
                    width: 30px;
                }

            .resume-tab ul .moreJob {
                cursor: pointer;
                min-width: 78px;
                white-space: nowrap;
            }

                .resume-tab ul .moreJob .sk-zuojiantou {
                    color: rgb(197, 200, 208);
                    margin-left: 4px;
                    transform: rotate(-90deg);
                }

                .resume-tab ul .moreJob:hover {
                    color: rgb(88, 124, 247);
                }

                    .resume-tab ul .moreJob:hover .sk-zuojiantou {
                        transform: rotate(90deg);
                    }

            .resume-tab ul .resume-tab-li {
                max-width: 203px;
            }

                .resume-tab ul .resume-tab-li:hover {
                    color: rgb(88, 124, 247);
                }

.job-statistic__tooltip .km-tooltip__inner {
    align-items: center;
    display: flex;
}

    .job-statistic__tooltip .km-tooltip__inner .km-icon {
        cursor: pointer;
        margin-left: 8px;
    }

.resume-tab-dropdown-menu {
    max-height: 350px;
    width: 300px;
}

    .resume-tab-dropdown-menu .city {
        color: rgb(122, 129, 147);
        font-size: 12px;
        padding-top: 4px;
    }

    .resume-tab-dropdown-menu .dropdown-coordination {
        align-items: center;
        background: rgb(243, 247, 252);
        border: 1px solid rgba(61, 126, 255, 0.15);
        border-radius: 2px;
        color: rgb(88, 124, 247);
        display: inline-flex;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        height: 18px;
        justify-content: center;
        margin-right: 4px;
        min-width: 28px;
        transform: scale(0.94);
        width: 30px;
    }

    .resume-tab-dropdown-menu .dropdown-title {
        display: inline-block;
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.new-greeting-speed {
    height: 57px;
    padding: 5px 20px 8px;
}

.new-greeting-speed__box {
    background-color: rgb(238, 242, 252);
    border-radius: 22px;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: space-between;
    line-height: 44px;
    padding: 0px 10px 0px 20px;
    width: 100%;
}

.new-greeting-speed__text {
    color: rgb(20, 25, 51);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    font-weight: 500;
}

.new-greeting-speed__avatar {
    align-items: center;
    align-self: center;
    display: flex;
    height: 16px;
    line-height: 16px;
}

    .new-greeting-speed__avatar .km-portrait {
        margin-left: -4px;
    }

        .new-greeting-speed__avatar .km-portrait img {
            border: 1px solid rgb(255, 255, 255);
            border-radius: 50%;
        }

.new-greeting-speed__icon {
    color: rgb(184, 187, 204);
    font-size: 13px;
    margin: 0px 5px;
}

.session-item-remove-animate {
    align-items: center;
    background: rgba(251, 97, 96, 0.85);
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    left: 0px;
    position: absolute;
    top: 0px;
    transform: translateX(100%);
    transition: transform 0.2s ease 0s;
    width: 100%;
    z-index: 99;
}

.im-session-list-leave-to .session-item-remove-animate {
    transform: translateX(0px);
}

.session-item-remove-animate .km-icon {
    font-size: 1rem;
}

.session-item-remove-neglect-animate {
    background: rgba(122, 127, 153, 0.85);
}

.new-panel-extra {
    height: 18px;
}

    .new-panel-extra .im-resume-detail__top {
        border: none;
        height: 18px;
        margin-top: -8px;
    }

        .new-panel-extra .im-resume-detail__top .resume-button:not(:first-child) {
            margin-left: 14px;
        }

.new-session-panel, .new-version-panel {
    height: 100%;
    width: 100%;
}

.new-session-panel {
    padding-left: 13px;
    padding-top: 11px;
}

    .new-session-panel .km-tab__nav-wrapper {
        border: none;
        height: 33px;
    }

    .new-session-panel .km-tab__nav:nth-child(2) {
        border-left: 0px;
    }

    .new-session-panel .km-tab__nav {
        border: 1px solid rgb(230, 232, 242);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        height: 33px;
        padding: 0px;
        width: 92px;
    }

        .new-session-panel .km-tab__nav .km-tab__nav-inner {
            font-family: "PingFang SC";
            font-size: 14px;
            justify-content: center;
            padding-top: 5px;
            user-select: none;
        }

    .new-session-panel .km-tab__nav--active {
        background-color: rgb(255, 255, 255);
        border-bottom: 0px;
    }

    .new-session-panel .km-tab__indicator {
        display: none;
    }

.im-message-custom-after-call {
    align-items: center;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 4px;
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px;
    color: rgb(20, 25, 51);
    display: flex;
    font-size: 12px;
    height: 50px;
    justify-content: center;
    margin: auto;
    width: 400px;
}

    .im-message-custom-after-call span {
        margin-right: 8px;
    }

        .im-message-custom-after-call span:last-child {
            color: rgb(184, 187, 204);
        }

    .im-message-custom-after-call .km-ripple .km-icon {
        margin-left: 3px;
    }

.km-button--minor.km-button--filled {
    background-color: rgb(53, 179, 254);
    border-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
}

    .km-button--minor.km-button--filled:not([disabled]).is-hovered::before, .km-button--minor.km-button--filled:not([disabled]):hover::before {
        background-color: rgb(255, 255, 255);
        opacity: 0.1;
    }

    .km-button--minor.km-button--filled:not([disabled]).is-focused::before, .km-button--minor.km-button--filled:not([disabled]):focus::before {
        background-color: rgb(255, 255, 255);
        opacity: 0.24;
    }

    .km-button--minor.km-button--filled:not([disabled]).is-active::before, .km-button--minor.km-button--filled:not([disabled]):active::before {
        background-color: rgb(0, 0, 0);
        opacity: 0.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: rgba(53, 179, 254, 0.2) 0px 3px 1px -2px, rgba(53, 179, 254, 0.14) 0px 2px 2px 0px, rgba(53, 179, 254, 0.12) 0px 1px 5px 0px;
    }

        .km-button--minor.km-button--filled.is-raised.is-focused, .km-button--minor.km-button--filled.is-raised:focus {
            box-shadow: rgba(53, 179, 254, 0.2) 0px 2px 4px -1px, rgba(53, 179, 254, 0.14) 0px 4px 5px 0px, rgba(53, 179, 254, 0.12) 0px 1px 10px 0px;
        }

        .km-button--minor.km-button--filled.is-raised.is-active, .km-button--minor.km-button--filled.is-raised:active {
            box-shadow: rgba(53, 179, 254, 0.2) 0px 5px 5px -3px, rgba(53, 179, 254, 0.14) 0px 8px 10px 1px, rgba(53, 179, 254, 0.12) 0px 3px 14px 2px;
        }

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

.km-pagination__pager {
    color: rgb(122, 127, 153);
}

.km-pagination__pager--current {
    background-color: rgb(88, 124, 247);
    color: rgb(255, 255, 255);
}

    .km-pagination__pager--current:hover {
        color: rgb(255, 255, 255);
    }

.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: rgb(184, 192, 203);
}

    .km-checkbox .km-checkbox__icon:hover {
        border-color: rgb(88, 124, 247);
    }

.km-radio--checked .km-radio__icon {
    background-color: rgb(88, 124, 247) !important;
}

.km-radio--checked .km-radio__icon-dot {
    background-color: rgb(255, 255, 255) !important;
}

.km-radio .km-radio__icon {
    border-color: rgb(184, 192, 203);
}

    .km-radio .km-radio__icon:hover {
        border-color: rgb(88, 124, 247);
    }

.km-tooltip--dark .km-button--text {
    color: rgb(71, 180, 255) !important;
}

html {
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
    background-color: rgb(240, 242, 246);
    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: rgb(20, 25, 51);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.42857;
    min-width: 1200px;
}

[tabindex] {
    outline: none;
}

strong {
    color: rgb(3, 4, 13);
    font-weight: 700;
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

    a strong {
        color: currentcolor;
    }

    a:hover {
        color: #0b7afb;
        text-decoration: none !important;
    }

    a[disabled] {
        cursor: not-allowed;
        opacity: 0.65;
        pointer-events: none;
        user-select: none;
    }

p {
    line-height: 1.7;
}

code {
    -webkit-font-smoothing: initial;
    color: rgb(251, 97, 96);
    font-family: monospace;
    font-size: 0.875em;
    font-weight: 400;
    padding: 0.25em 0.5em;
}

code, hr {
    background-color: rgb(234, 239, 249);
}

hr {
    border: none;
    display: block;
    height: 2px;
    margin: 1.5rem 0px;
}

img {
    height: auto;
    max-width: 100%;
}

input[type="checkbox"], input[type="radio"] {
    vertical-align: baseline;
}

small {
    font-size: 0.875em;
}

span {
    font-style: inherit;
    font-weight: inherit;
    font-size: 14px;
    font-family: "微软雅黑";
}

pre {
    font-family: inherit;
}

    pre code {
        background-color: rgba(0, 0, 0, 0);
        color: currentcolor;
        font-family: monospace;
        font-size: 1em;
        padding: 0px;
    }

table td, table th {
    text-align: left;
    vertical-align: top;
}

table th {
    color: rgb(20, 25, 51);
}

[disabled] {
    cursor: default;
}

.no-overscroll-behavior .km-scrollbar__wrap {
    overscroll-behavior: none;
}

.basic-table {
    border-radius: 4px;
    width: 100%;
}

    .basic-table th {
        background: rgb(250, 251, 252);
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        padding: 0px 32px;
        position: sticky;
        top: 63px;
        white-space: nowrap;
    }

    .basic-table tbody td {
        background: rgb(255, 255, 255);
        border-bottom: 1px solid rgb(226, 228, 238);
        padding: 28px 32px;
        vertical-align: middle;
    }

    .basic-table td, .basic-table th {
        color: rgb(20, 25, 51);
        font-size: 14px;
    }

.basic-table__wrapper {
    background: rgb(255, 255, 255);
    padding: 32px;
    position: relative;
}

.basic-table__mask {
    background: rgb(240, 242, 246);
    bottom: 0px;
    position: absolute;
    top: 0px;
    width: 100000px;
    z-index: 10;
}

    .basic-table__mask.is-left {
        margin-right: -32px;
        right: 100%;
    }

        .basic-table__mask.is-left::after {
            background: rgb(255, 255, 255);
            bottom: 0px;
            content: "";
            position: absolute;
            right: 0px;
            top: 0px;
            width: 32px;
            z-index: 10;
        }

    .basic-table__mask.is-right {
        left: 100%;
        margin-left: -32px;
    }

        .basic-table__mask.is-right::after {
            background: rgb(255, 255, 255);
            bottom: 0px;
            content: "";
            position: absolute;
            top: 0px;
            width: 32px;
            z-index: 10;
        }

.job-tag-withdrawn {
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(88, 124, 247, 0.15);
    border-radius: 3px;
    color: rgb(122, 127, 153);
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    justify-content: center;
    margin-right: 2px;
    transform: scale(0.94);
    width: 42px;
}

    .job-tag-withdrawn::before {
        content: "已下线";
    }

.job-tag-coordination {
    align-items: center;
    background: rgb(243, 247, 252);
    border: 1px solid rgba(61, 126, 255, 0.15);
    border-radius: 3px;
    color: rgb(88, 124, 247);
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 18px;
    justify-content: center;
    margin-right: 2px;
    transform: scale(0.94);
    width: 30px;
}

    .job-tag-coordination::before {
        content: "协作";
    }

.job-tag-lowexposure {
    align-items: center;
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/low_exposure_icon.9e07f4.png");
    background-size: 100% 100%;
    display: inline-flex;
    flex: 0 0 auto;
    height: 18px;
    justify-content: center;
    margin-right: 4px;
    width: 18px;
}

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

.im-message-custom-after-download {
    border: 1px solid rgb(232, 235, 243);
    border-radius: 4px;
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px;
    color: rgb(20, 25, 51);
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    text-align: center;
    width: 400px;
}

.im-message-custom-after-download__hot {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/hot.fcb0b5.png");
}

html.is-retina .im-message-custom-after-download__hot {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/hot@2x.1dec2c.png");
}

.im-message-custom-after-download__urgent {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/urgent.daed75.png");
}

html.is-retina .im-message-custom-after-download__urgent {
    background-image: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/urgent@2x.e8869e.png");
}

.im-message-custom-after-download span:nth-child(2) {
    color: rgb(251, 97, 96);
    font-weight: 700;
}

.im-message-custom-after-download .resume-button {
    display: inline-block;
}

.im-message-custom-after-download .km-ripple span {
    margin-left: 3px;
}

.im-message-custom-after-download .km-icon {
    left: 2px;
    position: relative;
}

.im-quick-reply {
    max-width: 600px;
    min-height: 150px;
    min-width: 200px;
    visibility: hidden;
}

.im-quick-reply__text {
    color: rgb(122, 127, 153);
    font-size: 0.875rem;
}

.im-quick-reply--in-bubble .im-quick-reply__text {
    font-size: 0.75rem;
}

.im-quick-reply__header {
    align-items: center;
    color: rgb(20, 25, 51);
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 0px 24px;
}

.im-quick-reply--in-bubble .im-quick-reply__header {
    font-size: 0.75rem;
    padding: 0px 20px;
}

.im-quick-reply__setting {
    font-size: 0.875rem;
}

.im-quick-reply--in-bubble .im-quick-reply__setting {
    font-size: 0.75rem;
}

.im-quick-reply__setting:hover {
    color: rgb(88, 124, 247);
}

.im-quick-reply .km-dropdown-menu {
    padding: 16px 0px;
}

.im-quick-reply .km-dropdown-item {
    padding: 16px 24px;
}

    .im-quick-reply .km-dropdown-item span {
        display: block;
        max-height: 58px;
        overflow: hidden;
    }

    .im-quick-reply .km-dropdown-item:hover {
        text-shadow: none;
    }

.im-quick-reply--show {
    visibility: visible;
}

.im-quick-reply--in-bubble {
    font-size: 0.75rem;
}

    .im-quick-reply--in-bubble .km-dropdown-menu {
        padding: 12px 0px;
    }

    .im-quick-reply--in-bubble .km-dropdown-item {
        padding: 8.5px 20px;
    }

.im-recommend-job__popover .app-job-selector__title {
    line-height: 1;
    padding-bottom: 0px;
}

.im-ask-for-contact__popper {
    height: 160px;
    width: 222px;
}

    .im-ask-for-contact__popper > .km-popover__inner {
        padding: 24px;
    }

    .im-ask-for-contact__popper .km-popover__title {
        font-size: 0.875rem;
        margin: 0px 0px 30px;
    }

.im-ask-for-contact__popper--phone {
    height: auto;
    min-width: 280px;
    width: auto;
}

.im-ask-for-contact__tip {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 34px;
    margin-top: 16px;
    text-align: center;
}

.im-ask-for-contact__btn {
    display: block;
    margin: auto;
    width: 96px;
}

.im-phone-popover {
    text-align: center;
}

.im-phone-popover__phone {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    min-height: 24px;
}

.im-phone-popover__icon {
    margin-left: 2px;
}

    .im-phone-popover__icon .km-icon {
        color: rgb(184, 187, 204);
    }

.im-phone-popover__tip {
    color: rgb(122, 127, 153);
    line-height: 22px;
    margin-top: 8px;
    min-height: 22px;
}

.im-phone-popover__additional {
    color: rgb(88, 124, 247);
    line-height: 22px;
    margin-top: 8px;
    min-height: 22px;
}

.im-phone-popover__button {
    margin-top: 20px;
}

    .im-phone-popover__button .km-button {
        width: 96px;
    }

.show-video-tip {
    padding: 0px;
    text-align: center;
}

.show-video-tip__title {
    color: rgb(20, 25, 51);
    font-size: 1rem;
    font-weight: 600;
}

.show-video-tip__sub-title {
    color: rgb(122, 127, 153);
    font-size: 0.875rem;
    margin-top: 4px;
}

.show-video-tip img {
    margin-top: 6px;
}

.show-video-tip .km-popover__inner {
    padding: 20px 30px 0px;
}

.im-video-interview__popper {
    margin: 0px 5px 10px;
}

.im-video-interview__popper__txt {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
}

.im-video-interview__popper__button {
    display: flex;
    margin: 20px 0px 10px;
}

.im-video-interview__popper__popper .km-popover__title {
    font-size: 0.875rem;
    margin: 8px;
    text-align: center;
}

.im-mark-inappropriate-popover {
    margin: 0px 5px 10px;
}

.im-mark-inappropriate-popover__txt {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
}

.im-mark-inappropriate-popover__button {
    display: flex;
    margin: 20px 0px 10px;
}

.im-mark-inappropriate-popover__popper .km-popover__title {
    font-size: 0.875rem;
    margin: 8px;
    text-align: center;
}

.im-upload-trigger {
    align-items: center;
    border: 1px dashed rgb(226, 228, 238);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

    .im-upload-trigger p {
        color: rgb(122, 127, 153);
        font-size: 14px;
        letter-spacing: 0.19px;
        margin-top: 8px;
        text-align: center;
    }

.im-upload-trigger__icon {
    align-items: center;
    background-color: rgb(158, 190, 255);
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    margin: auto;
    width: 28px;
}

    .im-upload-trigger__icon .km-icon {
        color: rgb(255, 255, 255);
        font-size: 11px;
    }

.im-upload-trigger:hover {
    border-color: rgb(88, 124, 247);
}

    .im-upload-trigger:hover p {
        color: rgb(88, 124, 247);
    }

    .im-upload-trigger:hover .im-upload-trigger__icon {
        background-color: rgb(88, 124, 247);
    }

.im-upload-trigger__img {
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .im-upload-trigger__img img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.im-upload-trigger__mask {
    background: rgba(0, 2, 6, 0.4);
    border-radius: 4px;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

    .im-upload-trigger__mask p {
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        margin-top: 12px;
        text-align: center;
    }

.video-player {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    position: relative;
}

.video-player--hide-overlay .video-player__overlay {
    opacity: 0;
    transition: opacity 0.2s linear 5s;
}

.video-player__video {
    z-index: 1;
}

.video-player__overlay {
    opacity: 1;
    transition: opacity 0.2s linear 0s;
    z-index: 1;
}

.video-player__header {
    padding: 20px 20px 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.video-player__play {
    font-size: 18px;
    height: 56px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
}

    .video-player__play.km-button--filled {
        background-color: rgba(24, 30, 38, 0.8);
        border-color: rgba(0, 0, 0, 0);
        color: rgb(255, 255, 255);
    }

        .video-player__play.km-button--filled:not([disabled]).is-hovered::before, .video-player__play.km-button--filled:not([disabled]):hover::before {
            background-color: rgb(255, 255, 255);
            opacity: 0.1;
        }

        .video-player__play.km-button--filled:not([disabled]).is-focused::before, .video-player__play.km-button--filled:not([disabled]):focus::before {
            background-color: rgb(255, 255, 255);
            opacity: 0.24;
        }

        .video-player__play.km-button--filled:not([disabled]).is-active::before, .video-player__play.km-button--filled:not([disabled]):active::before {
            background-color: rgb(0, 0, 0);
            opacity: 0.15;
        }

        .video-player__play.km-button--filled.is-raised, .video-player__play.km-button--filled.is-raised.is-hovered, .video-player__play.km-button--filled.is-raised:hover {
            box-shadow: rgba(24, 30, 38, 0.2) 0px 3px 1px -2px, rgba(24, 30, 38, 0.14) 0px 2px 2px 0px, rgba(24, 30, 38, 0.12) 0px 1px 5px 0px;
        }

            .video-player__play.km-button--filled.is-raised.is-focused, .video-player__play.km-button--filled.is-raised:focus {
                box-shadow: rgba(24, 30, 38, 0.2) 0px 2px 4px -1px, rgba(24, 30, 38, 0.14) 0px 4px 5px 0px, rgba(24, 30, 38, 0.12) 0px 1px 10px 0px;
            }

            .video-player__play.km-button--filled.is-raised.is-active, .video-player__play.km-button--filled.is-raised:active {
                box-shadow: rgba(24, 30, 38, 0.2) 0px 5px 5px -3px, rgba(24, 30, 38, 0.14) 0px 8px 10px 1px, rgba(24, 30, 38, 0.12) 0px 3px 14px 2px;
            }

.video-player__loading {
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 80px;
    z-index: 1;
}

    .video-player__loading .km-spinner {
        height: 80px;
        width: 80px;
    }

    .video-player__loading .km-spinner__path {
        stroke-width: 2px;
    }

.video-player__footer {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    bottom: 0px;
    padding: 40px 20px 20px;
    position: absolute;
    width: 100%;
}

.video-player__info {
    align-items: center;
    display: flex;
    padding-bottom: 10px;
}

.video-player__mini-play {
    background: rgba(24, 30, 38, 0.6);
    color: rgb(255, 255, 255);
    font-size: 12px;
    height: 28px;
    width: 28px;
}

    .video-player__mini-play .km-icon {
        margin-left: 1px;
    }

.video-player__time {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
}

.video-player__overlay, .video-progress__track::before {
    inset: 0px;
    position: absolute !important;
}

.video-progress {
    display: flex;
    flex-direction: column;
    height: 12px;
    justify-content: center;
}

.video-progress__track {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 2px;
    cursor: pointer;
    height: 4px;
    position: relative;
}

    .video-progress__track::before {
        inset: -8px;
        content: "";
    }

.video-progress__bar {
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    top: 0px;
}

.video-progress__thumb {
    background-color: rgb(255, 255, 255);
    border-radius: 290486px;
    height: 8px;
    position: absolute;
    top: -2px;
    transition: transform 0.1s linear 0s;
    width: 8px;
    z-index: 10;
}

.video-progress--dragging .video-progress__thumb, .video-progress:hover .video-progress__thumb {
    transform: scale(1.5);
}

.im-upload-preview .km-modal {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    max-height: 100%;
}

.im-upload-preview .km-modal__body {
    padding: 0px;
}

.im-upload-preview__wrapper {
    position: relative;
}

.im-upload-preview__icon {
    text-align: end;
}

    .im-upload-preview__icon .km-icon {
        color: rgb(255, 255, 255);
        cursor: pointer;
        font-size: 32px;
    }

.im-upload-preview__con {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0px 37px;
}

.im-upload-preview__con-image {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.im-upload-preview__con .prism-player, .im-upload-preview__con .video-player, .im-upload-preview__con .video-player__footer, .im-upload-preview__con video {
    border-radius: 4px;
}

.im-upload-image {
    margin: 0px auto;
}

    .im-upload-image.is-icon-large .im-upload-trigger__icon {
        height: 40px;
        width: 40px;
    }

        .im-upload-image.is-icon-large .im-upload-trigger__icon .km-icon {
            font-size: 22px;
        }

.im-upload-view__item {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    position: relative;
}

    .im-upload-view__item:hover .im-upload-view__item--mask {
        background: rgba(0, 2, 6, 0.4);
    }

    .im-upload-view__item:hover .im-upload-view__item--mask--disable {
        background: rgba(0, 2, 6, 0.7);
    }

    .im-upload-view__item img {
        border-radius: 4px;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.im-upload-view__item--mask {
    align-items: center;
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.im-upload-view__item--mask--checked {
    background: rgba(0, 2, 6, 0.4);
}

.im-upload-view__item--mask .km-checkbox {
    margin: 0px;
    position: absolute;
    right: 6px;
    top: 6px;
}

    .im-upload-view__item--mask .km-checkbox .km-checkbox__icon:not(.km-checkbox__icon--checked) {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .im-upload-view__item--mask .km-checkbox .km-checkbox__icon {
        border: 2px solid rgb(255, 255, 255);
        height: 18px;
        width: 18px;
    }

        .im-upload-view__item--mask .km-checkbox .km-checkbox__icon .km-icon {
            font-weight: 900;
        }

.im-upload-view__item--mask > div {
    position: relative;
}

    .im-upload-view__item--mask > div span {
        font-size: 10px;
        padding: 0px 5px;
    }

.im-upload-view__item--mask--disable {
    background: rgba(0, 2, 6, 0.7);
}

    .im-upload-view__item--mask--disable .km-checkbox {
        display: none;
    }

.im-upload-view__item--state {
    align-items: center;
    background: rgba(16, 16, 48, 0.65);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 12px;
    height: 20px;
    left: 0px;
    position: absolute;
    top: 8px;
    width: 65px;
    z-index: 0;
}

    .im-upload-view__item--state .km-icon {
        padding-left: 5px;
        padding-right: 4px;
    }

.video-image-promise-book-modal .km-modal__body {
    overflow-y: auto;
}

.video-image-promise-book-modal__title {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 13px;
    margin-top: 3px;
}

.video-image-promise-book-modal__content p {
    color: rgb(64, 66, 90);
    font-size: 14px;
    line-height: 28px;
}

.send-image-modal__upload {
    margin: 8px auto 30px;
}

.send-image-modal__list {
    border-bottom: 1px solid rgb(223, 225, 234);
    overflow: hidden;
    padding-bottom: 24px;
}

    .send-image-modal__list .im-upload-view__item {
        float: left;
        margin-right: 12px;
    }

        .send-image-modal__list .im-upload-view__item:nth-child(5), .send-image-modal__list .im-upload-view__item:nth-child(10) {
            margin-right: 0px;
        }

        .send-image-modal__list .im-upload-view__item:nth-child(n+6) {
            margin-top: 12px;
        }

.send-image-modal__text {
    color: rgb(122, 127, 153);
    font-size: 14px;
    padding: 0px 94px 4px;
}

.send-image-modal__check {
    margin-top: 20px;
}

    .send-image-modal__check .km-checkbox {
        margin-right: 0px;
    }

    .send-image-modal__check .km-checkbox__label {
        padding-left: 6px;
    }

.send-image-modal .km-modal__body {
    padding-bottom: 16px;
}

.send-image-modal .has-file-list {
    display: flex;
    padding-top: 24px;
}

    .send-image-modal .has-file-list .send-image-modal__upload {
        margin: 0px;
    }

    .send-image-modal .has-file-list .send-image-modal__check {
        margin-top: 12px;
    }

    .send-image-modal .has-file-list .send-image-modal__text {
        margin-left: 24px;
        padding: 15px 0px;
    }

.send-guide-image {
    position: relative;
    z-index: 999 !important;
}

    .send-guide-image .km-tooltip__inner {
        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(226, 228, 238);
        box-shadow: rgba(16, 16, 48, 0.1) 0px 4px 16px 0px;
        margin-bottom: -1px;
        padding: 0px;
    }

    .send-guide-image .km-tooltip__arrow {
        box-shadow: rgba(16, 16, 48, 0.1) 0px 4px 16px 0px;
        border-top-color: rgb(255, 255, 255) !important;
    }

.send-guide-image__box {
    height: 112px;
    position: relative;
}

.send-guide-image__title {
    display: flex;
    height: 33px;
    justify-content: space-between;
    margin-bottom: 13px;
    overflow: hidden;
    padding: 12px 12px 0px 22px;
    position: relative;
}

.send-guide-image__title--box {
    text-align: left;
}

.send-guide-image__title--image {
    background: url("//fecdn4.zhaopin.cn/rd6_zhaopin_com/assets/xiaozhi-icon-image@2x.85609e.png") 50% center / 18px 18px no-repeat;
    margin-right: 6px;
    padding: 10px;
}

.send-guide-image__title--content {
    color: rgb(20, 25, 51);
    font-size: 12px;
    font-weight: 600;
}

.send-guide-image__title--text {
    color: rgb(184, 187, 204);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}

.send-guide-image__title .km-icon {
    color: rgb(122, 127, 153);
    cursor: pointer;
    font-size: 16px;
}

    .send-guide-image__title .km-icon:hover {
        color: rgb(88, 124, 247);
    }

.send-guide-image__list {
    box-sizing: border-box;
    display: flex;
    height: 54px;
    padding: 0px 24px;
}

.send-guide-image__list--button {
    background-color: rgba(3, 4, 13, 0.3);
    cursor: pointer;
    display: flex;
    height: 52px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 24px;
    z-index: 11;
}

    .send-guide-image__list--button .km-icon {
        color: rgb(255, 255, 255);
        font-size: 22px;
        margin: auto;
    }

    .send-guide-image__list--button:hover {
        background-color: rgba(3, 4, 13, 0.5);
    }

.send-guide-image__list--pre {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    left: 0px;
}

.send-guide-image__list--next {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    right: 0px;
}

.send-guide-image__list--upload {
    border: 1px dashed rgb(184, 187, 204);
    border-radius: 4px;
    color: rgb(122, 127, 153);
    cursor: pointer;
    font-size: 12px;
    height: 54px;
    text-align: center;
    width: 72px;
}

.send-guide-image__list--upload--icon {
    background-color: rgb(158, 190, 239);
    border-radius: 50%;
    display: flex;
    height: 16px;
    margin: 10px auto 3px;
    width: 16px;
}

    .send-guide-image__list--upload--icon .km-icon {
        color: rgb(255, 255, 255);
        font-size: 6px;
        margin: auto;
    }

.send-guide-image__list--upload:hover {
    border-color: rgb(88, 124, 247);
    color: rgb(88, 124, 247);
}

    .send-guide-image__list--upload:hover .send-guide-image__list--upload--icon {
        background-color: rgb(88, 124, 247);
    }

.send-guide-image__list--box {
    border-right: 1px solid rgb(242, 243, 248);
    height: 54px;
    margin-right: 12px;
    max-width: calc(100% - 84px);
    overflow: hidden;
}

.send-guide-image__list .is-over-flow {
    padding-right: 12px;
}

.send-guide-image__list .no-upload {
    border: none;
    margin-right: 0px;
    max-width: 100%;
    padding-right: 0px;
}

.send-guide-image__list--shell {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.send-guide-image__list--content {
    height: 54px;
    left: 0px;
    position: relative;
    transition: all 0.3s ease-in 0s;
    width: auto;
}

.send-guide-image__list--item {
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    cursor: pointer;
    float: left;
    height: 54px;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    width: 72px;
}

.send-guide-image__list--item--mongolia {
    background-color: rgba(16, 16, 48, 0.65);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: none;
    font-size: 12px;
    height: 100%;
    left: 0px;
    line-height: 54px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 100%;
}

.send-guide-image__list--item:hover .send-guide-image__list--item--mongolia {
    display: block;
}

.send-guide-image__list--item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.send-entrance-image .km-tooltip__inner {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    box-shadow: rgba(16, 16, 48, 0.1) 0px 4px 16px 0px;
    margin-bottom: -1px;
    padding: 6px 0px;
}

.send-entrance-image .km-tooltip__arrow {
    box-shadow: rgba(16, 16, 48, 0.1) 0px 4px 16px 0px;
    border-top-color: rgb(255, 255, 255) !important;
}

.send-entrance-image__button {
    color: rgb(20, 25, 51);
    cursor: pointer;
    font-weight: 500;
    padding: 10px 24px;
}

    .send-entrance-image__button .km-upload {
        width: 100%;
    }

.send-entrance-image__icon {
    background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/send-entrance-image-icon@2x.52655b.png") 50% center / 30px 16px no-repeat;
    margin-left: 3px;
    padding: 8px 15px;
}

.interview-evaluation.im-action-button {
    width: 52px;
}

.interview-evaluation__portrait {
    align-items: center;
    display: flex;
}

    .interview-evaluation__portrait .candidate-info {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

.im-action-split-line {
    border-right: 1px solid rgb(218, 220, 230);
    height: 14px;
    margin-right: 20px;
    padding-left: 10px;
    width: 1px;
}

.im-module-send-address .km-button__icon {
    font-size: 22px !important;
}

.im-send-address__popper {
    width: 280px;
}

    .im-send-address__popper .km-popover__inner {
        padding: 20px 20px 24px;
    }

    .im-send-address__popper .km-popover__title {
        color: rgb(20, 25, 51);
        font-size: 14px;
        font-weight: 600;
        height: 22px;
        line-height: 22px;
        margin: 0px 0px 8px;
    }

.im-send-address__popover {
    max-width: 100%;
}

.im-send-address__txt {
    color: rgb(71, 76, 102);
    font-size: 14px;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
}

.im-send-address__txt--error {
    height: auto;
    max-height: 44px;
}

.im-send-address__loading {
    height: 44px;
    text-align: center;
    width: 100%;
}

.im-send-address__button {
    padding-top: 12px;
    text-align: center;
}

    .im-send-address__button .km-button {
        width: 96px;
    }

.im-send-address__error {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-top: 8px;
}

    .im-send-address__error span {
        color: rgb(251, 97, 96);
    }

.im-send-address__link .km-icon {
    font-size: 18px;
}

.user-multi-search-select__card {
    align-items: center;
    display: flex;
    height: 80px;
    line-height: 22px;
    padding: 20px 24px;
}

.user-multi-search-select__card-info {
    display: flex;
}

    .user-multi-search-select__card-info .card-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 12px;
    }

        .user-multi-search-select__card-info .card-right span {
            display: inline-block;
        }

    .user-multi-search-select__card-info .card-top {
        align-items: baseline;
        display: flex;
        line-height: 18px;
    }

    .user-multi-search-select__card-info .card-job {
        color: rgb(184, 187, 204);
        font-size: 12px;
        margin-left: 8px;
        max-width: 140px;
    }

    .user-multi-search-select__card-info .card-name {
        max-width: 140px;
    }

    .user-multi-search-select__card-info .card-email-name {
        max-width: 340px;
    }

    .user-multi-search-select__card-info .card-icon {
        background-image: url("//fecdn2.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__card-info .card-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/attestation@2x.242460.png");
}

.user-multi-search-select__card-info .un-valid-icon {
    background-image: url("//fecdn2.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__card-info .un-valid-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/un-valid@2x.3418bb.png");
}

.user-multi-search-select__card-info .card-email {
    color: rgb(122, 127, 153);
    display: block;
    font-size: 12px;
    max-width: 200px;
}

.user-multi-search-select__card:hover {
    background: rgb(247, 248, 255);
}

.user-multi-search-select__empty {
    align-items: center;
    color: rgb(122, 127, 153);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0px;
}

.user-multi-search-select__forword-empty {
    color: rgb(122, 127, 153);
    padding: 24px;
    text-align: center;
}

.user-multi-search-select__tips {
    align-items: center;
    display: flex;
    padding: 12px 16px;
}

.user-multi-search-select__tips-text {
    font-size: 12px;
    line-height: 24px;
    padding-left: 6px;
}

.user-multi-search-select .is-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-multi-search-select .multi-search-select__option {
    align-items: center;
    color: rgb(20, 25, 51);
    font-weight: 500;
    padding: 12px 16px;
}

.user-multi-search-select .multi-search-select__search .km-input__original {
    padding-bottom: 3px !important;
    padding-left: 3px !important;
}

.user-multi-search-select .multi-search-select__search .km-rd-tag {
    line-height: 28px;
    margin-right: 4px;
    margin-top: 3px;
}

.user-multi-search-select .multi-search-select__labels {
    width: 100%;
}

    .user-multi-search-select .multi-search-select__labels .km-rd-tag span {
        max-width: 314px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.user-multi-search-select .multi-search-select__input {
    height: 28px;
    margin-top: 3px;
}

    .user-multi-search-select .multi-search-select__input[disabled] {
        background-color: rgb(255, 255, 255);
        cursor: not-allowed;
    }

.user-multi-search-select .multi-search-select__search .km-scrollbar__view {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.user-multi-search-select .km-empty {
    padding: 0px;
}

.select-forward__input {
    align-items: baseline;
    margin-bottom: 8px;
    position: relative;
}

    .select-forward__input .new {
        height: 11px;
        left: -30px;
        position: absolute;
        top: -8px;
        width: 27px;
        z-index: 1;
    }

    .select-forward__input .tip {
        color: rgb(122, 127, 153);
        margin-bottom: 8px;
    }

.select-forward .multi-search-select__labels input {
    min-width: 230px;
}

.select-forward .top-start-option .multi-search-select__options {
    top: -8px;
    transform: translateY(-100%);
}

.interview-forward-link__textbox-pure {
    inset: 0px;
    position: absolute !important;
}

.interview-forward-email {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    width: 100%;
}

.interview-forward-email__main {
    flex-grow: 1;
    height: 404px;
    overflow-y: auto;
    padding: 28px 44px 0px 32px;
}

.interview-forward-email__popover {
    white-space: nowrap;
}

    .interview-forward-email__popover .km-popover__inner {
        background: rgba(0, 2, 6, 0.9);
        padding: 8px 12px;
    }

    .interview-forward-email__popover .km-popover__arrow::after {
        border-top-color: rgba(0, 2, 6, 0.9) !important;
    }

.interview-forward-email__popover__inner {
    align-items: center;
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px;
}

.interview-forward-email__popover__close {
    cursor: pointer;
    position: relative;
    top: -12px;
}

.interview-forward-email .km-form-item__content {
    flex-grow: 1;
    min-width: 0px;
}

.interview-forward-email .interview-form-content__history {
    padding-left: 87px;
}

.interview-forward-email__footer {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 24px;
}

    .interview-forward-email__footer .footer-link img {
        height: 24px;
        margin-right: 4px;
        vertical-align: middle;
        width: 24px;
    }

    .interview-forward-email__footer .footer-link span {
        cursor: pointer;
    }

.interview-forward-email .interview-form-content__email {
    margin-bottom: 8px;
}

    .interview-forward-email .interview-form-content__email .km-form-item__invalid {
        position: relative;
    }

.interview-forward-email .interview-form-content .km-form-item__label {
    align-self: flex-start;
    display: inline;
    line-height: 36px;
    min-width: 65px;
    text-align: right;
}

.interview-forward-email .interview-form-content .km-form-item__invalid {
    position: relative;
}

.interview-forward-email .text-area__count {
    background: rgb(255, 255, 255);
    bottom: 4px;
    color: rgb(184, 187, 204);
    font-size: 12px;
    position: absolute;
    right: 10px;
}

.interview-forward-link {
    min-height: 460px;
    padding: 24px 44px 0px;
}

    .interview-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;
    }

.interview-forward-link__form .km-form-item {
    align-items: flex-start;
    margin-bottom: 16px;
    margin-left: -9px;
}

.interview-forward-link__form .km-form-item__label {
    display: inline;
    line-height: 36px;
    min-width: 65px;
    text-align: right;
}

.interview-forward-link__textbox {
    background-color: rgb(240, 245, 254);
    border: 1px dashed rgba(61, 126, 255, 0.2);
    border-radius: 4px;
    line-height: 22px;
    min-height: 160px;
    position: relative;
}

    .interview-forward-link__textbox .is-flex {
        margin-top: 12px;
    }

.interview-forward-link__textbox-pure {
    color: rgb(88, 124, 247);
}

.interview-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 .interview-forward-link .copy-icon {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/new-copy-job@2x.af107b.png");
}

.interview-forward-link__result {
    height: 100%;
    padding: 12px 20px 20px;
    width: 100%;
    word-break: break-all;
}

    .interview-forward-link__result .km-button:not(.km-button--square):not(.km-button--text) > .km-ripple {
        padding: 0px;
    }

.batch-forward-job-selector {
    width: 420px;
}

.batch-forward-modal {
    display: block;
}

.batch-forward-modal__header {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 700;
}

.batch-forward-modal__header-icon {
    color: rgb(122, 127, 153);
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    width: 20px;
}

.batch-forward-modal .km-modal {
    border-radius: 4px;
    margin: auto;
    overflow: hidden;
    top: 10vh;
}

.batch-forward-modal .km-modal__header .km-icon.sati-times {
    font-size: 1.2rem;
}

.batch-forward-modal .km-modal__header .km-button {
    min-width: 40px;
}

.batch-forward-modal .km-modal__body {
    padding: 0px;
}

.batch-forward-modal__navs {
    border-right: 1px solid rgb(232, 235, 243);
    height: 100%;
    left: 0px;
    position: absolute;
    width: 170px;
}

.batch-forward-modal__nav {
    align-items: center;
    color: rgb(122, 127, 153);
    display: flex;
    height: 70px;
    padding: 0px 22px;
}

    .batch-forward-modal__nav:hover {
        color: rgb(20, 25, 51);
    }

.batch-forward-modal__nav--active {
    background-color: rgba(88, 124, 247, 0.05);
    color: rgb(20, 25, 51);
    font-weight: 700;
}

.batch-forward-modal__nav img {
    height: 20px;
    margin-right: 14px;
    width: 20px;
}

.batch-forward-modal__content {
    flex-grow: 1;
    height: 100%;
    width: 100%;
}

.batch-forward-modal__content-tips {
    background-color: rgb(255, 252, 236);
    color: rgb(122, 127, 153);
    height: 36px;
    line-height: 36px;
    padding: 0px 24px;
    width: 100%;
}

.batch-forward-modal__tips {
    align-items: center;
    display: flex;
    justify-content: start;
}

    .batch-forward-modal__tips .link-icon {
        background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/link.735660.png");
        background-size: cover;
        height: 24px;
        margin-right: 8px;
        width: 24px;
    }

html.is-retina .batch-forward-modal__tips .link-icon {
    background-image: url("//fecdn5.zhaopin.cn/rd6_zhaopin_com/assets/link@2x.d2b743.png");
}

.batch-forward-modal__tips .km-icon {
    margin-left: 4px;
}

.report-video .km-modal__body {
    padding-top: 6px;
}

.report-video__tip {
    color: rgb(20, 25, 51);
    font-size: 0.875rem;
    height: 24px;
    line-height: 24px;
}

.report-video__radio {
    color: rgb(120, 124, 138);
    font-size: 0.875rem;
    line-height: 34px !important;
}

    .report-video__radio:first-child {
        margin-top: 16px;
    }

.micro-video-player .km-modal--normal {
    margin: 0px;
    width: auto;
}

.micro-video-player .km-modal__header {
    display: none;
}

.micro-video-player .km-modal__body {
    padding: 0px;
}

.micro-video-player__body {
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.micro-video-player__wrapper {
    background: rgb(38, 43, 51);
    height: 100%;
    position: relative;
    width: 100%;
}

.micro-video-player__inner {
    height: 100%;
    width: 100%;
}

.micro-video-player__header {
    background-image: linear-gradient(rgb(78, 86, 98), rgba(60, 67, 78, 0.36) 43%, rgba(50, 56, 65, 0.17) 70%, rgba(38, 43, 51, 0));
    display: flex;
    flex-direction: column;
    height: 60px;
    left: 0px;
    padding-right: 52px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
}

.micro-video-player__theme {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgb(255, 255, 255);
    display: -webkit-box;
    font-size: 14px;
    line-height: 17px;
    margin: 9px 0px 0px 20px;
    max-height: 34px;
    overflow: hidden;
    white-space: normal;
}

.micro-video-player__close {
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding: 0px 8px;
    position: absolute;
    right: 12px;
    top: 0px;
}

.micro-video-player__expires {
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 48px;
    transform: translateX(-50%);
}

    .micro-video-player__expires span {
        background: rgba(51, 59, 82, 0.4);
        border-radius: 12px;
        color: rgb(255, 255, 255);
        display: inline-block;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        opacity: 0.6;
        padding: 0px 12px;
    }

.micro-video-player__report {
    background: rgba(24, 30, 38, 0.8);
    color: rgb(255, 255, 255);
    font-size: 12px;
    height: 20px;
    min-width: 44px;
    width: 44px;
}

.micro-video-player__footer {
    align-items: center;
    background: rgb(38, 43, 51);
    color: rgb(255, 255, 255);
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    height: 52px;
    justify-content: left;
    overflow: hidden;
    padding: 12px 20px;
    width: 100%;
}

    .micro-video-player__footer span {
        white-space: nowrap;
    }

    .micro-video-player__footer .km-button {
        font-size: 14px;
        height: 28px;
        min-width: 64px;
        width: 64px;
    }

        .micro-video-player__footer .km-button.km-button--light {
            border: 1px solid rgba(255, 255, 255, 0.5);
            color: rgb(255, 255, 255);
        }

        .micro-video-player__footer .km-button.km-button--primary {
            margin-left: 8px;
        }

    .micro-video-player__footer.is-disabled span {
        opacity: 0.5;
    }

.micro-video-player .video-progress__thumb {
    margin-right: -8px;
}

.micro-video-player__error {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
}

    .micro-video-player__error .error-icon {
        background-size: 100%;
        height: 40px;
        width: 52px;
    }

        .micro-video-player__error .error-icon.is-error {
            background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/video-error.fd3b34.png");
        }

html.is-retina .micro-video-player__error .error-icon.is-error {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/video-error@2x.1c9972.png");
}

.micro-video-player__error .error-icon.is-deleted {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/video-deleted.fe1216.png");
}

html.is-retina .micro-video-player__error .error-icon.is-deleted {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/video-deleted@2x.dc6dda.png");
}

.micro-video-player__error .error-icon.is-rejected {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/video-rejected.f54d63.png");
}

html.is-retina .micro-video-player__error .error-icon.is-rejected {
    background-image: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/video-rejected@2x.1234b2.png");
}

.micro-video-player__error .error-text {
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 14px;
    margin-top: 17px;
    max-width: 60%;
}

.micro-video-player__error .error-button {
    margin-top: 40px;
}

    .micro-video-player__error .error-button .km-button {
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: rgb(255, 255, 255);
        font-size: 14px;
        height: 32px;
        min-width: 80px;
        width: 80px;
    }

.micro-video-player.is-mini .micro-video-player__header {
    padding-right: 30px;
}

.micro-video-player.is-mini .micro-video-player__theme {
    font-size: 12px;
    margin-left: 8px;
}

.micro-video-player.is-mini .micro-video-player__close {
    right: 0px;
}

.micro-video-player.is-mini .micro-video-player__footer {
    font-size: 12px;
    height: 40px;
    padding: 8px;
}

    .micro-video-player.is-mini .micro-video-player__footer .km-button {
        font-size: 12px;
        height: 24px;
        min-width: 44px;
        width: 44px;
    }

        .micro-video-player.is-mini .micro-video-player__footer .km-button.km-button--primary {
            margin-left: 6px;
        }

.micro-video-player.is-mini .video-player__play {
    font-size: 12px;
    height: 36px;
    width: 36px;
}

.micro-video-player.is-mini .video-player__mini-play {
    margin-left: -4px;
    transform: scale(0.75);
}

.micro-video-player.is-mini .video-player__loading, .micro-video-player.is-mini .video-player__loading .km-spinner {
    height: 50px;
    width: 50px;
}

.micro-video-player.is-mini .video-player__footer {
    padding: 40px 8px 10px;
}

    .micro-video-player.is-mini .video-player__footer .video-player__info {
        padding-bottom: 0px;
    }

.km-toast--custom {
    background: rgba(70, 74, 81, 0.86);
    border-radius: 2px;
    color: rgb(255, 255, 255);
}

.risk-warning .km-alert__content {
    width: 100%;
}

.risk-warning .km-alert__message {
    align-items: center;
    flex-flow: row;
    font-size: 0.75rem;
}

    .risk-warning .km-alert__message .im-alert-item__button {
        border: none;
        position: absolute;
        right: 8px;
        top: 8px;
    }

.im-report__text {
    display: inline-block;
    flex: 1 1 0%;
}

.im-report__button-box {
    display: inline-block;
    text-align: center;
    width: 60px;
}

.im-report__button {
    border: 1px solid rgba(170, 108, 0, 0.19);
    border-radius: 2px;
    display: inline-block;
    height: 19px;
    line-height: 19px;
    margin: 0px auto;
    width: 34px;
    color: rgb(170, 108, 0) !important;
}

.im--page .new-timeline-info {
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 4px 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.im--page .new-timeline-info__tags .popover-trigger {
    height: 24px;
}

.im--page .new-timeline-info__tags--add {
    border: 1px solid rgb(184, 187, 204);
    border-radius: 12px;
    box-sizing: border-box;
    color: rgb(184, 187, 204);
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0px 12px;
    user-select: none;
}

    .im--page .new-timeline-info__tags--add .km-icon {
        background-color: rgb(185, 187, 203);
        border-radius: 50%;
        color: rgb(255, 255, 255);
        font-size: 12px;
        height: 12px;
        line-height: 12px;
        text-align: center;
        width: 12px;
    }

.im--page .new-timeline-info__line {
    color: rgb(122, 127, 153);
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im--page .new-timeline-info__line--user {
    color: rgb(71, 76, 102);
    margin-left: 6px;
    padding-left: 11px;
    position: relative;
}

    .im--page .new-timeline-info__line--user::before {
        background-color: rgb(232, 235, 243);
        content: "";
        height: 12px;
        left: 0px;
        position: absolute;
        top: 2px;
        width: 1px;
    }

    .im--page .new-timeline-info__line--user:first-child {
        margin-left: 0px;
        padding-left: 0px;
    }

        .im--page .new-timeline-info__line--user:first-child::before {
            display: none;
        }

.im--page .new-timeline-info__line--location, .im--page .new-timeline-info__line--work {
    color: rgb(71, 76, 102);
    margin-left: 6px;
}

.im--page .new-timeline-info__line--salary {
    color: rgb(71, 76, 102);
    margin-left: 15px;
}

.im--page .new-timeline-info__line--school, .im--page .new-timeline-info__line--works {
    color: rgb(71, 76, 102);
}

.im--page .new-timeline-info__line--tag {
    border: 1px solid rgba(88, 124, 247, 0.65);
    border-radius: 12px;
    box-sizing: border-box;
    color: rgb(88, 124, 247);
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    margin-left: 12px;
    padding: 0px 12px;
}

    .im--page .new-timeline-info__line--tag:first-child {
        margin-left: 8px;
    }

.im--page .new-timeline-info__left {
    flex: 1 1 0%;
    max-width: 50%;
    padding-right: 30px;
}

.im--page .new-timeline-info__right {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: space-between;
    max-width: 50%;
    position: relative;
}

.im--page .new-timeline-info__right--sale {
    align-items: center;
    color: rgb(71, 76, 102);
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    line-height: 18px;
    padding-bottom: 12px;
}

.im--page .new-timeline-info__right--sale--icon {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/recruiting-partners1@2x.301159.png") 50% center / 44px 11px no-repeat;
    display: inline-block;
    height: 11px;
    margin-right: 4px;
    width: 44px;
}

.im--page .new-timeline-info__right--sale .km-button .km-icon {
    color: inherit;
    position: relative;
    top: 0px;
}

.im--page .new-timeline-info__right > div {
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .im--page .new-timeline-info__right > div::before {
        border-left: 1px dashed rgb(224, 227, 235);
        content: "";
        height: calc(100% - 50px);
        left: 7px;
        position: absolute;
        top: 20px;
        width: 0px;
    }

.im--page .new-timeline-info__right .new-timeline-info__line {
    padding-left: 24px;
    position: relative;
}

.im--page .new-timeline-info__right .km-icon {
    color: rgba(88, 124, 247, 0.35);
    left: 0px;
    position: absolute;
    top: 4px;
}

.im--page .new-timeline-info__time {
    color: rgb(122, 127, 153);
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    font-weight: 400;
    width: 108px;
}

.im--page .new-timeline-info__sales {
    height: 22px;
    line-height: 22px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .im--page .new-timeline-info__sales > span {
        color: rgb(71, 76, 102);
        margin-right: 24px;
    }

.im--page .new-timeline-info__sales--icon {
    color: rgb(184, 187, 204);
    margin-right: 3px;
}

.im-new-info__phone {
    color: rgb(71, 76, 102);
    margin-left: 15px;
}

    .im-new-info__phone .resume-basic__phone-icon {
        color: rgb(122, 127, 153);
        left: -18px;
        top: 12px;
    }

    .im-new-info__phone .resume-basic__contact-tip {
        margin-left: -2px;
    }

.im-new-phone-tip .km-tooltip__inner {
    line-height: 22px;
    text-align: left;
}

.im-error-info__phone {
    color: rgb(71, 76, 102);
    margin-left: 15px;
}

    .im-error-info__phone .resume-basic__phone-icon {
        color: rgb(184, 187, 204);
        left: -18px;
        top: 12px;
    }

    .im-error-info__phone .resume-basic__contact-tip {
        margin-left: -2px;
    }

.im-error-phone-tip .km-tooltip__inner {
    line-height: 22px;
    max-width: 460px;
    text-align: left;
}

.im-error-phone__trigger {
    border-bottom: 1px solid rgb(215, 217, 224);
}

    .im-error-phone__trigger:hover {
        border-bottom: 1px solid rgb(88, 124, 247);
    }

.im-auto-fast-reply {
    height: 1px;
    left: 30px;
    position: absolute;
    top: 10px;
    width: 1px;
}

.im-auto-send-popover {
    margin-left: -10px;
}

    .im-auto-send-popover .km-tooltip__inner {
        background-color: rgba(16, 16, 48, 0.85);
    }

        .im-auto-send-popover .km-tooltip__inner .km-tooltip__arrow {
            margin-left: 16px;
        }

.im-auto-send-popover__text {
    display: inline-block;
    margin-right: 8px;
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im-paste-image {
    min-width: 150px;
}

.im-paste-image__popover .km-popover__inner {
    padding: 8px;
}

.im-paste-image__reference {
    height: 1px;
    left: 20px;
    position: absolute;
    top: 38px;
    width: 1px;
}

.im-paste-image__inner {
    text-align: center;
}

.im-paste-image__list {
    display: flex;
    flex-wrap: nowrap;
}

.im-paste-image__item {
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    box-shadow: rgba(181, 192, 210, 0.2) 0px 3px 5px -1px, rgba(181, 192, 210, 0.14) 0px 6px 10px 0px, rgba(181, 192, 210, 0.12) 0px 1px 18px 0px;
    cursor: pointer;
    flex: 0 0 200px;
}

    .im-paste-image__item:not(:last-child) {
        margin-right: 8px;
    }

    .im-paste-image__item .km-image__inner {
        max-height: 280px;
    }

.im-paste-image__tip {
    align-items: center;
    color: rgb(184, 187, 204);
    display: flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    line-height: 22px;
    text-align: center;
}

.im-paste-image__close {
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
}

.negative-feedback-trigger__icon-wrapper {
    align-items: center;
    color: rgb(184, 187, 204);
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}

    .negative-feedback-trigger__icon-wrapper:hover {
        color: rgb(88, 124, 247);
        cursor: pointer;
    }

    .negative-feedback-trigger__icon-wrapper .km-icon {
        font-size: 12px;
    }

.textarea-with-num__count {
    background-color: rgb(255, 255, 255);
    bottom: 1px;
    color: rgb(184, 192, 203);
    font-size: 12px;
    position: absolute;
    right: 8px;
}

.textarea-with-num__count-invalid {
    color: rgb(251, 97, 96);
}

.negative-feedback-popover .km-popover__inner {
    padding: 0px !important;
}

.negative-feedback-popover__content-title {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-left: 20px;
    margin-top: 16px;
}

.negative-feedback-popover__content-subtitle {
    color: rgb(122, 127, 153);
    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: rgb(246, 247, 250);
    border: 1px solid rgb(246, 247, 250);
    border-radius: 4px;
    color: rgb(122, 129, 147);
    height: 32px;
    line-height: 32px;
    margin: 6px;
    padding: 0px 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, 0.08);
        border: 1px solid rgba(61, 126, 255, 0.4);
        color: rgb(88, 124, 247);
    }

.negative-feedback-popover__content-textarea {
    display: flex;
    padding: 0px 20px 24px;
}

    .negative-feedback-popover__content-textarea .km-form {
        display: inline-block;
        flex: 1 1 0%;
    }

        .negative-feedback-popover__content-textarea .km-form .km-form-item {
            margin-bottom: 0px;
        }

    .negative-feedback-popover__content-textarea .km-button {
        align-self: flex-end;
        flex-shrink: 0;
        margin-left: 12px;
        min-width: 0px;
    }

.im-new-action .resume-button {
    margin-right: 24px;
}

    .im-new-action .interview-appointed, .im-new-action .resume-button:last-child {
        margin-right: 0px;
    }

.im-new-action .km-button--primary.km-button--text {
    color: rgb(122, 127, 153);
}

    .im-new-action .km-button--primary.km-button--text:hover {
        color: rgb(88, 124, 247);
    }

        .im-new-action .km-button--primary.km-button--text:hover .im-new-action__icon--appoint {
            background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-appointment2.7642a8.svg") 50% center no-repeat;
        }

        .im-new-action .km-button--primary.km-button--text:hover .im-new-action__icon--phone {
            background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/phone2.7a0b86.svg") 50% center no-repeat;
        }

        .im-new-action .km-button--primary.km-button--text:hover .im-new-action__icon--revoke {
            background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/revoke2.aee50f.svg") 50% center no-repeat;
        }

.im-new-action__icon {
    display: inline-block;
    font-size: 1.125rem;
    height: 20px;
    margin-right: 4px;
    width: 20px;
}

.im-new-action__icon--appoint {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-appointment.9d3e68.svg") 50% center no-repeat;
}

.im-new-action__icon--phone {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/phone.4771b6.svg") 50% center no-repeat;
}

.im-new-action__icon--revoke {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/revoke.05b23a.svg") 50% center no-repeat;
}

.im-new-action .km-icon {
    font-size: 1.125rem;
    margin-right: 4px;
}

.im-new-action-button__disabled.km-button--primary.km-button--text:hover {
    color: rgb(122, 127, 153);
}

    .im-new-action-button__disabled.km-button--primary.km-button--text:hover .im-new-action__icon--phone {
        background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/phone.4771b6.svg") 50% center no-repeat;
    }

.im-drag-image__modal, .im-new-action__negative-feedback {
    align-items: center;
    display: flex;
}

.im-drag-image__modal {
    border: 3px dashed rgb(238, 238, 238);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    flex: 1 1 0%;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
}

.im-in-rejected, .im-is-cs {
    border-radius: 0px;
    height: 100%;
    margin-bottom: 0px;
}

.im-frozen-status .frozen-image {
    height: 140px;
    margin-left: -25px;
}

.im-frozen-status .frozen-text__main {
    color: rgb(0, 2, 6);
    font-size: 1rem;
    font-weight: 500;
    margin-top: 20px;
}

.im-frozen-status .frozen-text__extra {
    color: rgb(0, 2, 6);
    font-size: 0.875rem;
    margin-top: 15px;
}

.im-main-batch__img {
    background: url("//fecdn3.zhaopin.cn/rd6_zhaopin_com/assets/batch@2x.18de22.png") 50% center / 161px 207px no-repeat;
    height: 207px;
    margin-bottom: 25px;
    width: 161px;
}

.im-main-batch__content {
    color: rgb(20, 25, 51);
    font-size: 14px;
    margin-bottom: 32px;
}

.im-sender-modal {
    align-items: center;
    border-top: 1px solid rgb(226, 228, 238);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.im-sender-modal__main-text {
    color: rgb(20, 25, 51);
    display: flex;
    font-weight: 700;
    padding: 0px 20px;
}

.im-sender-modal__job-text {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.im-sender-modal__tip {
    font-size: 0.75rem;
    margin: 10px auto 18px;
}

.im-sender-modal__operation-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .im-sender-modal__operation-wrap:last-child .resume-button {
        margin-left: 12px;
    }

.im-resume-detail {
    background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 249, 254));
    border-left: 1px solid rgb(226, 228, 238);
    display: flex;
    flex-direction: column;
}

.im--page .im-resume-detail {
    border: none;
}

    .im--page .im-resume-detail .resume-basic__name {
        font-size: 20px;
    }

.im-resume-detail__main {
    flex: 1 1 0%;
}

    .im-resume-detail__main .resume-detail .resume-basic {
        padding-top: 1px;
    }

    .im-resume-detail__main.is-error .km-scrollbar__view, .im-resume-detail__main.is-error .resume-detail {
        height: 100%;
    }

    .im-resume-detail__main .km-scrollbar__view {
        position: relative;
    }

.im-resume-detail__main-sentinel {
    bottom: 0px;
    height: 5px;
    left: 0px;
    position: absolute;
    width: 1px;
}

.im-resume-detail__main-tags {
    margin: 22px 24px 24px;
}

.im-resume-detail__top {
    align-items: center;
    border-bottom: 1px solid rgb(226, 228, 238);
    display: flex;
    height: 52px;
    justify-content: flex-end;
    padding: 0px 24px;
}

    .im-resume-detail__top .resume-button {
        color: rgb(122, 127, 153);
        cursor: pointer;
        font-size: 14px;
    }

        .im-resume-detail__top .resume-button:not(:first-child) {
            margin-left: 16px;
        }

.im-resume-detail__bottom {
    background: rgb(255, 255, 255);
    border-top: 1px solid rgb(226, 228, 238);
    height: 143px;
    padding: 24px;
}

    .im-resume-detail__bottom.has-box-shadow {
        box-shadow: rgba(213, 217, 231, 0.6) 0px -6px 12px 0px;
    }

.im-resume-detail__actions {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

    .im-resume-detail__actions .resume-button {
        flex-basis: 80px;
        flex-grow: 1;
    }

        .im-resume-detail__actions .resume-button + .resume-button {
            margin-left: 20px;
        }

    .im-resume-detail__actions .has-new-staff-coupon {
        position: relative;
    }

        .im-resume-detail__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: 0px;
            position: absolute;
            top: -11px;
            width: 56px;
            z-index: 10;
        }

html.is-retina .im-resume-detail__actions .has-new-staff-coupon::after {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/has-coupon-icon@2x.312989.png");
}

.im-resume-detail__actions .has-new-staff-gift {
    position: relative;
}

    .im-resume-detail__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: 0px;
        position: absolute;
        top: -11px;
        width: 68px;
        z-index: 10;
    }

html.is-retina .im-resume-detail__actions .has-new-staff-gift::after {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/has-gift-icon@2x.98f9c9.png");
}

.extend-zone {
    width: 132px;
}

    .extend-zone .km-popover__inner {
        padding: 8px 0px;
    }

.extend-zone__item {
    align-items: center;
    color: rgb(122, 127, 153);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    padding-left: 24px;
}

    .extend-zone__item:hover {
        background-color: rgb(247, 248, 255);
    }

.im-candidate {
    background-image: linear-gradient(-45deg, rgba(242, 246, 255, 0.75), rgba(228, 242, 255, 0.75) 53%, rgba(244, 247, 255, 0.75));
    border-bottom: 1px solid rgb(230, 233, 237);
    height: 102px;
    padding: 20px;
}

.im-candidate__inner {
    color: rgb(64, 65, 92);
    display: flex;
    position: relative;
    z-index: 1;
}

.im-candidate__avatar {
    cursor: pointer;
    margin-right: 16px;
}

.im-candidate__desc {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
}

.im-candidate .has-separator > :not(:last-child)::after {
    color: rgb(220, 221, 224);
}

.im-candidate__row {
    display: flex;
    line-height: 23px;
    position: relative;
}

.im-candidate__name {
    color: rgb(20, 25, 51);
    font-size: 1rem;
    font-weight: 700;
    margin-right: 12px;
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im-candidate__b2b-name {
    font-size: 18px;
    font-weight: 600;
}

.im-candidate__job {
    color: rgb(88, 124, 247);
    cursor: pointer;
    display: inline-block;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

    .im-candidate__job:hover {
        color: rgb(84, 141, 255);
    }

.im-candidate__location {
    max-width: 68px;
}

.im-candidate__job-type, .im-candidate__location {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im-candidate__job-type {
    max-width: 140px;
}

.im-candidate__salary::after {
    content: none !important;
}

.im-candidate__to-resume {
    color: rgb(88, 124, 247);
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

    .im-candidate__to-resume:hover {
        color: rgb(84, 141, 255);
    }

.im-candidate .km-skeleton__avatar {
    height: 64px;
    left: 0px;
    top: 0px;
    width: 64px;
}

.im-candidate .km-skeleton__label {
    width: 62%;
}

.im-sales-info {
    border-left: 1px solid rgb(226, 228, 238);
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.im-sales-info__top {
    border-bottom: 1px solid rgb(226, 228, 238);
    height: 52px;
}

.im-sales-info__inner {
    background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 249, 254));
    height: 100%;
    padding: 34px 24px;
}

.im-sales-info__basic {
    display: flex;
    margin-bottom: 24px;
    position: relative;
}

.im-sales-info__sub {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/sales-avatar-sub.9cb39b.png");
    background-size: 100%;
    bottom: -14px;
    height: 20px;
    left: -3px;
    position: absolute;
    width: 62px;
}

html.is-retina .im-sales-info__sub {
    background-image: url("data:image/png;base64,");
}

.im-sales-info__name {
    align-self: center;
    font-size: 1.125rem;
    font-weight: 700;
    margin-left: 12px;
}

.im-sales-info__tip {
    margin-bottom: 24px;
}

.im-sales-info__row {
    margin-bottom: 16px;
}

.im-sales-info__row-icon {
    color: rgb(88, 124, 247);
    margin-right: 4px;
}

.resume-detail--new__warp {
    justify-items: baseline;
}

.im-resume-detail__footer {
    background: rgb(255, 255, 255);
    box-shadow: rgba(54, 100, 192, 0.1) 0px -2px 12px 0px;
}

    .im-resume-detail__footer .im-sender-modal {
        background: rgb(255, 255, 255);
        border: none;
        flex-direction: unset;
        padding: 0px 24px;
    }

    .im-resume-detail__footer .im-sender-modal__main-text {
        color: rgb(71, 76, 102);
        font-weight: 400;
        padding: 0px;
    }

    .im-resume-detail__footer .im-sender-modal__job-text {
        color: rgb(71, 76, 102);
        max-width: 120px;
    }

    .im-resume-detail__footer .im-sender-modal__tip {
        color: rgb(71, 76, 102);
        font-size: 14px;
        margin: auto 0px;
    }

    .im-resume-detail__footer .im-sender-modal__operation-wrap {
        margin: 0px 0px 0px auto;
    }

.im-resume-detail__footer--action {
    display: flex;
    flex-direction: revert;
    height: 100%;
}

.im-resume-detail__footer--action--job {
    color: rgb(71, 76, 102);
    font-size: 14px;
    line-height: 64px;
    margin: 0px auto 0px 24px;
}

.im-map-box .km-modal {
    width: 580px;
}

.im-map-box .km-modal__title-inner {
    font-weight: 600;
}

.im-map-box .amap-info-close {
    display: none;
}

.im-map-box .amap-info-content {
    box-shadow: rgba(122, 127, 153, 0.25) 0px 4px 10px 0px;
}

.im-msg__map {
    height: 300px;
    width: 532px;
}

.im-msg__map--tooltip {
    padding: 6px 0px 6px 10px;
}

.im-msg__map--title {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.im-msg__map--icon img {
    height: 16px;
    position: relative;
    top: 3px;
    width: 16px;
}

.im-exclusive-company {
    align-items: center;
    background: rgb(255, 255, 255);
    border-top: 1px solid rgb(230, 232, 242);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 99;
}

.im-exclusive-company__icon {
    color: rgb(88, 124, 247);
    font-size: 21px;
    margin-right: 9px;
}

.im-exclusive-company__text {
    color: rgb(71, 76, 102);
}

.im-notification-demo::after {
    inset: 0px;
    position: absolute !important;
}

.im-session-resume {
    align-items: center;
    background-image: linear-gradient(136deg, rgb(249, 249, 251), rgb(246, 249, 254));
    border-left: 1px solid rgb(226, 228, 238);
    display: flex;
    justify-content: center;
}

.im-notification-demo {
    border-radius: 6px;
    overflow: hidden;
    padding: 16px 24px;
    position: relative;
    width: 400px;
}

    .im-notification-demo::after {
        background: rgba(255, 255, 255, 0.9);
        border-radius: 6px;
        content: "";
        z-index: -1;
    }

    .im-notification-demo .tag {
        align-self: center;
        background: rgb(250, 170, 20);
        border-radius: 2px;
        color: rgb(255, 255, 255);
        font-size: 0.75rem;
        line-height: 1;
        margin-left: 4px;
        opacity: 0.8;
        padding: 2px 4px;
    }

.im-widget-session__close {
    color: rgb(122, 127, 153);
    cursor: pointer;
    font-size: 1rem;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}

.im-widget-job-filter__no-bar {
    transform: translateX(5px);
}

.im-widget-job-filter__has-bar {
    transform: translateX(-10px);
}

.im-new-version__questionnaire {
    background: url("//fecdn1.zhaopin.cn/rd6_zhaopin_com/assets/questionnaire@2x.95380c.png") 50% center / 268px 24px no-repeat;
    display: inline-block;
    height: 24px;
    margin-right: 22px;
    width: 268px;
}

.im-page.im-page-widget {
    box-shadow: rgba(102, 102, 102, 0.2) 0px 7px 8px -4px, rgba(102, 102, 102, 0.14) 0px 12px 17px 2px, rgba(102, 102, 102, 0.12) 0px 5px 22px 4px;
    height: 100vh;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    transition: all 0.2s ease 0s;
    width: 320px;
    z-index: 999;
}

    .im-page.im-page-widget > .km-header {
        background: rgb(255, 255, 255);
        border-bottom: 1px solid rgb(226, 228, 238);
        padding: 0px 16px;
        height: 65px !important;
    }

        .im-page.im-page-widget > .km-header .im-page-widget__toggle {
            color: rgb(122, 127, 153);
        }

        .im-page.im-page-widget > .km-header .im-job-filter {
            display: flex;
            flex: 1 1 0%;
            justify-content: center;
        }

            .im-page.im-page-widget > .km-header .im-job-filter .km-icon.km-select__arrow {
                color: rgb(20, 25, 51);
                font-size: 16px;
            }

        .im-page.im-page-widget > .km-header .im-page-header__setting {
            margin-right: 0px;
        }

    .im-page.im-page-widget .im-page__inner {
        overflow: visible;
    }

    .im-page.im-page-widget .im-page__main {
        border-radius: 4px;
        height: calc(100vh - 140px);
        max-height: 700px;
        min-height: 460px;
        padding: 30px 0px 30px 30px;
        position: absolute;
        right: 321px;
        top: 45px;
        width: 656px;
    }

        .im-page.im-page-widget .im-page__main .im-main-panel {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            box-shadow: rgba(102, 102, 102, 0.2) 0px 7px 8px -4px, rgba(102, 102, 102, 0.14) 0px 12px 17px 2px, rgba(102, 102, 102, 0.12) 0px 5px 22px 4px;
            overflow: hidden;
        }

.im-widget-job-filter {
    min-width: unset;
    width: 321px !important;
}

    .im-widget-job-filter.km-popover[x-placement^="bottom"].km-popover--no-arrow {
        margin-top: 0px;
    }

.im-page-header {
    align-items: center;
    display: flex;
}

.im-page-header__button {
    display: flex;
}

    .im-page-header__button .km-button:not([disabled]).is-focused::before, .im-page-header__button .km-button:not([disabled]):focus::before {
        background-color: rgb(255, 255, 255);
    }

    .im-page-header__button .km-button {
        background-color: rgb(255, 255, 255);
        font-size: 0.75rem;
        font-weight: 400;
        min-width: 70px;
    }

    .im-page-header__button .km-button--light {
        color: rgb(120, 124, 138);
    }

.im-page-header__button-all {
    margin-right: 8px;
}

.im-page-header__button-group {
    display: flex;
}

    .im-page-header__button-group .km-checkbox {
        margin-right: 0px;
    }

        .im-page-header__button-group .km-checkbox:not(:last-child)::after {
            align-items: center;
            background-color: rgb(255, 255, 255);
            color: rgb(233, 236, 239);
            content: "|";
            display: flex;
            height: 100%;
        }

.im-page-header__filter {
    font-size: 0.75rem;
    width: 292px;
}

.im-page-widget .im-page-header__filter {
    width: 320px;
}

.im-page-header__middle {
    color: rgb(122, 127, 153);
    display: flex;
    flex: 1 1 0%;
    justify-content: space-between;
}

.im-page-header__right {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.im-page-header__setting {
    margin-right: 4px;
}

.im-page-widget .im-page-header__setting {
    font-size: 1rem;
}

.im-page-header .custom-tip {
    height: 54px;
    left: -145px;
    position: absolute;
    top: 41px;
    width: 214px;
    z-index: 1;
}

.im-page-header .custom-tip__inner {
    background-color: rgba(34, 34, 34, 0.9);
    border-radius: 4px;
    color: rgb(234, 239, 249);
    font-size: 0.875rem;
    padding: 8px 16px;
    text-align: center;
}

    .im-page-header .custom-tip__inner::before {
        border-right: 5px solid rgba(0, 0, 0, 0);
        border-left: 5px solid rgba(0, 0, 0, 0);
        border-image: initial;
        border-top: none;
        border-bottom: 5px solid rgb(56, 56, 56);
        content: "";
        height: 0px;
        left: 175px;
        position: absolute;
        top: -5px;
        width: 0px;
    }

.im-side-panel {
    border-right: 1px solid rgb(226, 228, 238);
    display: flex;
    flex-direction: column;
}

.im-side-panel__header {
    align-items: center;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-shrink: 0;
    height: 52px;
}

.im--page .im-side-panel__header {
    background-image: linear-gradient(rgb(255, 255, 255), rgb(248, 249, 252));
    height: 44px;
}

.im-side-panel__body {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
}

.im-side-panel__footer {
    align-items: center;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-shrink: 0;
    height: 40px;
    padding-left: 16px;
}

    .im-side-panel__footer > a {
        display: flex;
    }

.im-main-panel {
    background-color: rgb(255, 255, 255);
    height: 100%;
    position: relative;
}

    .im-main-panel::after {
        background-color: rgb(255, 255, 255);
        content: "";
        height: 51px;
        position: absolute;
        right: 334px;
        top: 0px;
        width: 3px;
    }

.im--page .im-main-panel::after {
    width: 0px;
}

.im-page-widget .im-main-panel::after {
    background-color: unset;
}

.im-main-panel__header {
    border-bottom: 1px solid rgb(226, 228, 238);
    flex-shrink: 0;
    height: 52px;
}

.im-main-panel__body {
    flex-grow: 1;
    overflow: auto;
}

.im-main-panel .km-aside {
    height: 100%;
}

.im-session-list {
    background-color: rgb(255, 255, 255);
    color: rgb(20, 25, 51);
    height: 100%;
}

    .im-session-list .im-session-list-leave-to {
        height: 0px;
        overflow: hidden;
        padding-bottom: 0px;
        padding-top: 0px;
        transition-delay: 0.5s;
    }

    .im-session-list .km-empty__img {
        margin-bottom: 0px;
    }

        .im-session-list .km-empty__img .km-image {
            background: rgb(255, 255, 255);
        }

        .im-session-list .km-empty__img .km-image__inner {
            height: unset;
            width: unset;
        }

.im-session-list__widget--empty-text {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 700;
    margin: 24px auto 16px;
}

.im-session-list .km-scrollbar__view {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.im-session-list__virtual {
    height: 100%;
    overflow: hidden auto;
}

    .im-session-list__virtual::-webkit-scrollbar {
        background-color: rgba(0, 0, 0, 0);
        width: 4px;
    }

    .im-session-list__virtual::-webkit-scrollbar-thumb {
        background-color: rgba(184, 192, 203, 0.5);
        border-radius: 3px;
    }

        .im-session-list__virtual::-webkit-scrollbar-thumb:active, .im-session-list__virtual::-webkit-scrollbar-thumb:hover {
            background-color: rgb(184, 192, 203);
        }

.im-session-list__virtual {
}

    .im-session-list__virtual:hover::-webkit-scrollbar-thumb {
        background-color: rgb(184, 192, 203);
    }

.im-session-item {
    border-bottom: none;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    transition: none 0s ease 0s;
}

.im-page-widget .im-session-item {
    padding-left: 16px;
    padding-right: 16px;
}

.im-session-item:hover {
    background-color: rgb(248, 248, 250);
}

.im-page-widget .im-session-item {
    height: 68px;
}

.im-session-item .km-list-item__title {
    align-items: center;
    display: flex;
    height: 20px;
    min-width: 0px;
}

.im-session-item .km-list-item__description {
    height: 20px;
    line-height: 20px;
}

.im-session-item .km-list-item__meta {
    align-items: center;
}

.im-session-item .km-list-item__avatar {
    line-height: 1;
    margin-right: 12px;
}

.im-session-item .new-greeting__tag {
    background: rgb(251, 97, 96);
    border-radius: 10px;
    bottom: 12px;
    color: rgb(255, 255, 255);
    font-size: 0.75rem;
    left: 16px;
    line-height: 16px;
    padding: 0px 8px;
    position: absolute;
}

.im-session-item__menu {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
}

    .im-session-item__menu .km-dropdown-item:hover {
        background: rgb(242, 245, 254);
        color: rgb(88, 124, 247);
    }

.im-session-item__title {
    color: rgb(184, 187, 204);
    font-size: 0.75rem;
    font-weight: 600;
    min-width: 0px;
    width: 100%;
}

.im-session-item__name-title, .im-session-item__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im-session-item__name-title {
    color: rgb(20, 25, 51);
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
    max-width: 80px;
    vertical-align: -4px;
}

.im-session-item__live-icon .km-image {
    vertical-align: -2px;
}

.im-session-item__b2b-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/b2b-icon.b53bcc.png");
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 15px;
    margin-left: 4px;
    vertical-align: -3px;
    width: 28px;
}

html.is-retina .im-session-item__b2b-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/b2b-icon@2x.f53363.png");
}

.im-session-item__b2b-icon.resign-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/b2b-resign.98334e.png");
    min-width: 64px;
    width: 64px;
}

html.is-retina .im-session-item__b2b-icon.resign-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/b2b-resign@2x.78ced4.png");
}

.im-session-item__b2b-icon.official-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/official_icon.3bdcc1.png");
    min-width: 32px;
    width: 32px;
}

html.is-retina .im-session-item__b2b-icon.official-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/official_icon@2x.be7010.png");
}

.im-session-item__b2b-icon.operator-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_icon.78fdf4.png");
    background-size: 48px 16px;
    height: 16px;
    vertical-align: -2px;
    width: 48px;
}

html.is-retina .im-session-item__b2b-icon.operator-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_icon@2x.d15cea.png");
}

.im-session-item__b2b-icon.operator-2c-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_2c_icon.01b5ca.png");
    background-size: 68px 16px;
    height: 16px;
    vertical-align: -2px;
    width: 68px;
}

html.is-retina .im-session-item__b2b-icon.operator-2c-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_2c_icon@2x.5b86ae.png");
}

.im-session-item__b2b-icon.sales-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/sales-icon.a450c4.png");
    min-width: 48px;
    width: 48px;
}

html.is-retina .im-session-item__b2b-icon.sales-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/sales-icon@2x.d01133.png");
}

.im-session-item__job-title {
    color: rgb(160, 170, 183);
    font-size: 0.75rem;
    font-weight: 400;
    margin-left: 8px;
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.im-session-item__desc {
    align-items: center;
    color: rgb(71, 76, 102);
    display: flex;
    font-size: 0.75rem;
    min-width: 0px;
}

.im-session-item__msg {
    color: rgb(122, 127, 153);
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im--page .im-session-item__msg {
    max-width: 212px;
}

.im-session-item__msg--highlight {
    color: rgb(88, 124, 247);
}

.im-session-item__msg--draft {
    color: rgb(250, 170, 20);
}

.im-session-item__online-wrap {
    vertical-align: 0px;
    width: 40px;
}

.im-session-item__online {
    color: rgb(122, 127, 153);
    font-size: 12px;
    font-weight: 400;
    padding-left: 16px;
    position: relative;
}

    .im-session-item__online::after {
        background-color: rgb(0, 211, 163);
        border-radius: 50%;
        bottom: 4px;
        content: " ";
        height: 6px;
        left: 6px;
        position: absolute;
        width: 6px;
    }

.im-session-item__remove-button {
    display: none;
    left: 4px;
    position: absolute;
}

.im-session-item:hover .im-session-item__remove-button {
    display: block;
}

.im-session-item--action-open {
    background-color: rgba(255, 255, 255, 0.45);
}

.im-session-item.is-active {
    background-color: rgb(237, 238, 243);
}

.im-session-item--top .top--icon {
    border-right: 12px solid rgba(0, 0, 0, 0);
    border-top: 12px solid rgb(184, 187, 204);
    height: 0px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 0px;
}

.im-session-item__commercial-tag#commercial-tag {
    border-color: rgb(218, 220, 230);
    color: rgb(122, 127, 153);
    flex-shrink: 0;
    margin-left: 4px;
    margin-right: 0px;
    white-space: nowrap;
}

    .im-session-item__commercial-tag#commercial-tag span {
        transform: scale(0.9);
    }

.im-session-item__time {
    color: rgb(184, 187, 204);
    flex-shrink: 0;
    font-size: 0.75rem;
    margin-left: 4px;
    white-space: nowrap;
}

.im-session-item--action-open .im-session-item__time, .im-session-item:hover .im-session-item__time {
    display: none;
}

.im-session-item__unread .km-badge__item {
    border-radius: 8px;
    box-shadow: unset;
    height: 14px;
    line-height: 14px;
    min-width: 14px;
    padding: 0px 3px;
    right: 4px;
    top: 4px;
}

.im-session-item__unread--mute .km-badge__item {
    background-color: rgb(184, 187, 204);
}

.im-session-item__bell {
    color: rgb(184, 187, 204);
    flex-shrink: 0;
    font-size: 0.75rem;
    white-space: nowrap;
}

.im-session-item__blocking {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/blocking@2x.3af29b.svg") 50% center no-repeat;
    display: inline-block;
    height: 12px;
    min-width: 12px;
    width: 12px;
}

.im-session-item__status.is-active {
    background: rgb(255, 249, 243);
    border: 1px solid rgb(253, 221, 181);
    color: rgb(248, 142, 7);
}

.im-session-item__status.is-inactive {
    color: rgb(88, 124, 247);
}

.im-session-item__action {
    align-items: center;
    color: rgb(122, 127, 153);
    display: none;
    flex-shrink: 0;
    font-weight: 700;
    height: 20px;
    line-height: 1;
    margin-left: 14px;
    position: relative;
    width: 20px;
}

    .im-session-item__action .km-icon {
        margin: auto;
    }

    .im-session-item__action::before {
        background-color: rgba(122, 127, 153, 0.15);
        border-radius: 20px;
        content: "";
        height: 20px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) scale(1);
        width: 20px;
        transition: transform 0.35s cubic-bezier(0.39, 0, 0.45, 1.4) 0s !important;
    }

    .im-session-item__action:hover {
        color: rgba(16, 16, 48, 0.1);
    }

        .im-session-item__action:hover::before {
            background-color: rgba(61, 126, 255, 0.15);
        }

.im-session-item:hover .im-session-item__action {
    display: flex;
}

.im-session-item--action-open .im-session-item__action {
    color: rgb(88, 124, 247);
    display: flex;
}

    .im-session-item--action-open .im-session-item__action::before {
        transform: translate(-50%, -50%) scale(1);
    }

.im-session-item__more-operation .km-dropdown-item:hover {
    text-shadow: none;
}

.im-session-item__check {
    cursor: pointer;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 9;
}

.im-session-item__check--disabled {
    background-color: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
}

.im-session-item__check--box {
    bottom: 18px;
    position: absolute;
    right: 20px;
}

    .im-session-item__check--box .km-checkbox {
        background-color: rgb(255, 255, 255);
    }

.im-session-item__box {
    height: 80px;
    position: relative;
    width: 100%;
}

.im-page-widget .im-session-item__box {
    height: 68px;
}

.is-b2o-session {
    background-color: rgb(255, 255, 255);
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_bg.58b278.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 300px 68px;
}

.im-page-widget .is-b2o-session {
    background-size: 300px 56px;
}

html.is-retina .is-b2o-session {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_bg@2x.65da7b.png");
}

.is-b2o-session:hover {
    background-color: rgb(255, 255, 255);
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_bg_hover.35ba0f.png");
}

.im-page-widget .is-b2o-session:hover {
    background-size: 300px 56px;
}

html.is-retina .is-b2o-session:hover {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_bg_hover@2x.c470f0.png");
}

.is-b2o-session.is-active {
    background-color: rgb(255, 255, 255);
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_bg_active.6387e0.png");
    background-size: 320px 80px;
}

.im-page-widget .is-b2o-session.is-active {
    background-size: 320px 68px;
}

html.is-retina .is-b2o-session.is-active {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_bg_active@2x.f12848.png");
}

.im-session-item__online .km-list-item__avatar {
    overflow: unset;
    position: relative;
}

    .im-session-item__online .km-list-item__avatar::after {
        background-color: rgb(0, 211, 163);
        border-radius: 50%;
        content: " ";
        height: 8px;
        position: absolute;
        right: 1px;
        top: 31px;
        width: 8px;
    }

.im-card-loading__mask {
    background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 12;
}

.im-session-detail {
    background-color: rgb(255, 255, 255);
    height: 100%;
}

.im-session-detail__header {
    align-items: center;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(226, 228, 238);
    display: flex;
    flex-shrink: 0;
    height: 52px;
}

.im--page .im-session-detail__header {
    background-image: linear-gradient(rgb(255, 255, 255), rgb(248, 249, 252));
    height: 44px;
}

.im-session-detail__main {
    flex-grow: 1;
}

.im-session-detail__main-inner {
    position: relative;
}

.im-session-detail__footer {
    color: rgb(184, 187, 204);
    flex-shrink: 0;
}

.im-page-widget .im-session-detail {
    flex-direction: row-reverse;
}

.im-session-panel {
    align-items: center;
    height: 100%;
    min-width: 0px;
    padding-left: 24px;
    padding-right: 20px;
}

.im-session-panel, .im-session-panel__title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.im-session-panel__title {
    align-items: baseline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im-session-panel__title-key {
    position: relative;
}

    .im-session-panel__title-key > span {
        position: relative;
        z-index: 1;
    }

.im-session-panel__title-value {
    cursor: pointer;
    width: calc(100% - 70px);
}

    .im-session-panel__title-value .arrow {
        color: rgb(184, 187, 204);
    }

.im-session-panel__title-value-jobTitle {
    display: block;
    line-height: 1;
    max-width: 330px;
    padding-right: 14px;
    position: relative;
    width: fit-content;
}

.im-session-panel__title-value-icon {
    font-size: 12px;
    position: absolute;
    right: 0px;
    transform: rotate(180deg);
}

.im-session-panel__title--origin {
    color: rgb(122, 127, 153);
}

.im-session-panel__name {
    color: rgb(20, 25, 51);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 22px;
}

.im-session-panel__icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/b2b-icon.b53bcc.png");
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 15px;
    margin-left: 4px;
    vertical-align: -3px;
    width: 28px;
}

html.is-retina .im-session-panel__icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/b2b-icon@2x.f53363.png");
}

.im-session-panel__icon.resign-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/b2b-resign.98334e.png");
    width: 64px;
}

html.is-retina .im-session-panel__icon.resign-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/b2b-resign@2x.78ced4.png");
}

.im-session-panel__icon.official-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/official_icon.3bdcc1.png");
    width: 32px;
}

html.is-retina .im-session-panel__icon.official-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/official_icon@2x.be7010.png");
}

.im-session-panel__icon.sales-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/sales-icon.a450c4.png");
    width: 48px;
}

html.is-retina .im-session-panel__icon.sales-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/sales-icon@2x.d01133.png");
}

.im-session-panel__icon.operator-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_icon.78fdf4.png");
    background-size: 48px 16px;
    height: 16px;
    vertical-align: -2px;
    width: 48px;
}

html.is-retina .im-session-panel__icon.operator-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_icon@2x.d15cea.png");
}

.im-session-panel__icon.operator-2c-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_2c_icon.01b5ca.png");
    background-size: 68px 16px;
    height: 16px;
    vertical-align: -2px;
    width: 68px;
}

html.is-retina .im-session-panel__icon.operator-2c-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/operator_2c_icon@2x.5b86ae.png");
}

.im-session-panel__email {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18px;
}

.im-session-panel__extra {
    flex-shrink: 0;
}

.im-session-panel__buttons > .km-button + .km-button {
    margin-left: 0px;
}

.im-session-refer-type {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
}

    .im-session-refer-type::before {
        color: rgb(184, 187, 204);
        content: "来源：";
    }

.im-session-panel-popover .km-popover__inner {
    padding: 0px;
}

    .im-session-panel-popover .km-popover__inner .im-session-panel-popover-loading {
        height: 200px;
        width: 400px;
    }

    .im-session-panel-popover .km-popover__inner .im-session-panel-popover-Jobdesc > .im-message__bubble--main {
        border: none !important;
    }

.im-timeline {
    height: 100%;
    padding-top: 20px;
    position: relative;
}

.im--page .im-timeline {
    padding-top: 0px;
}

.im--page .im-timeline-hide {
    visibility: hidden;
}

.app-im-bubble .im-timeline {
    padding-top: 0px;
}

.im-timeline__messages {
    height: 100%;
}

.im--page .im-timeline__wrapper .km-list__item:first-child .im-message__time {
    position: relative;
}

    .im--page .im-timeline__wrapper .km-list__item:first-child .im-message__time::before {
        background-color: rgb(230, 232, 242);
        content: "";
        height: 1px;
        left: 0px;
        line-height: 1px;
        position: absolute;
        top: 7px;
        width: calc(50% - 90px);
    }

    .im--page .im-timeline__wrapper .km-list__item:first-child .im-message__time::after {
        background-color: rgb(230, 232, 242);
        content: "";
        height: 1px;
        line-height: 1px;
        position: absolute;
        right: 0px;
        top: 7px;
        width: calc(50% - 90px);
    }

.im--page .im-timeline__wrapper .im-new-top {
    background: rgb(255, 255, 255);
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px;
    box-sizing: border-box;
    display: flex;
    height: 44px;
    line-height: 44px;
    padding: 0px 8px 0px 28px;
    position: relative;
}

.im--page .im-timeline__wrapper .im-new-top__sales {
    color: rgb(122, 127, 153);
    cursor: pointer;
    z-index: 1;
}

.im--page .im-timeline__wrapper .im-new-top__sales--time {
    color: rgb(71, 76, 102);
}

.im--page .im-timeline__wrapper .im-new-top__sales--mobile {
    color: rgb(71, 76, 102);
    margin-left: 16px;
}

    .im--page .im-timeline__wrapper .im-new-top__sales--mobile .km-icon {
        color: rgb(184, 187, 204);
    }

.im--page .im-timeline__wrapper .im-new-top__topping {
    box-shadow: none !important;
}

.im--page .im-timeline__wrapper .im-new-top__name {
    color: rgb(20, 25, 51);
    flex-shrink: 0;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    font-weight: 500;
    margin-right: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im--page .im-timeline__wrapper .im-new-top__official {
    color: rgb(122, 127, 153);
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .im--page .im-timeline__wrapper .im-new-top__official.is-online {
        padding-left: 16px;
        position: relative;
    }

        .im--page .im-timeline__wrapper .im-new-top__official.is-online::after {
            background-color: rgb(0, 211, 163);
            border-radius: 50%;
            bottom: 19px;
            content: " ";
            height: 6px;
            left: 6px;
            position: absolute;
            width: 6px;
        }

.im--page .im-timeline__wrapper .im-new-top__org {
    color: rgb(71, 76, 102);
    flex-shrink: 0;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im--page .im-timeline__wrapper .im-new-top__job {
    color: rgb(71, 76, 102);
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im--page .im-timeline__wrapper .im-new-top__left {
    cursor: pointer;
    display: flex;
    flex: 2 1 0%;
    max-width: 70%;
    position: relative;
}

.im--page .im-timeline__wrapper .im-new-top__left--topping {
    cursor: default;
}

.im--page .im-timeline__wrapper .im-new-top__right {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .im--page .im-timeline__wrapper .im-new-top__right .im-session-panel {
        padding-left: 0px;
    }

    .im--page .im-timeline__wrapper .im-new-top__right .im-session-panel, .im--page .im-timeline__wrapper .im-new-top__right .im-session-panel__title {
        color: rgb(122, 127, 153);
        font-size: 12px;
        font-weight: 400;
        justify-content: flex-end;
        width: auto;
    }

    .im--page .im-timeline__wrapper .im-new-top__right .im-session-panel__title-value {
        color: rgb(88, 124, 247);
        max-width: 138px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
    }

        .im--page .im-timeline__wrapper .im-new-top__right .im-session-panel__title-value .im-session-panel__title-value-jobTitle {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.im--page .im-timeline__wrapper .im-new-top__info {
    box-shadow: rgba(54, 100, 192, 0.07) 0px 7px 12px 0px;
    left: 0px;
    position: absolute;
    width: 100%;
}

.im--page .im-timeline__wrapper .im-new-top__info--topping {
    box-shadow: none;
}

.im--page .im-timeline__wrapper .im-new-top__info--icon {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    bottom: -10px;
    box-shadow: rgba(54, 100, 192, 0.1) 0px 6px 12px 0px;
    color: rgb(184, 192, 203);
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    left: calc(50% - 12px);
    position: absolute;
    text-align: center;
    width: 24px;
}

    .im--page .im-timeline__wrapper .im-new-top__info--icon:hover {
        background-color: rgb(228, 236, 253);
        color: rgb(88, 124, 247);
    }

.im--page .im-timeline__wrapper .im-new-top__phone-icon {
    height: inherit;
    min-width: 20px;
}

.im--page .im-timeline__wrapper .im-new-timeline__info {
    min-height: 132px;
    visibility: hidden;
    width: 100%;
}

.im--page .im-timeline__wrapper .im-new-timeline__info--show {
    visibility: visible;
}

.im--page .im-timeline__wrapper .im-new-timeline__info--hide {
    min-height: 0px;
}

.im-timeline__loading--history {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    margin-bottom: 16px;
}

    .im-timeline__loading--history > .km-spinner {
        height: 16px;
        width: 16px;
    }

.timeline-scroll-disabled .km-scrollbar__view {
    bottom: 0px;
    left: 0px;
    min-height: 100%;
    position: absolute;
    width: 100%;
}

.im-alert-list {
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.im-alert-list__b2b {
    bottom: 1px;
    box-shadow: rgb(248, 249, 252) 0px 1px 1px 0px;
    height: 33px;
    top: auto;
}

.im-alert-list__b2b-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/task.a49afc.png");
    background-size: 100%;
    display: inline-block;
    height: 24px;
    vertical-align: -5px;
    width: 24px;
}

html.is-retina .im-alert-list__b2b-icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/task@2x.f19f8f.png");
}

.im-alert-item {
    align-items: center;
    background-color: rgb(255, 244, 224);
    border: none;
    border-radius: 0px;
    color: rgb(170, 108, 0);
    display: flex;
    justify-content: space-between;
    line-height: 1.6;
    margin-bottom: 0px;
    overflow: hidden;
    padding: 8px 24px;
    position: relative;
}

.im-alert-list__b2b .im-alert-item {
    background-color: rgb(248, 249, 252);
    color: rgb(20, 25, 51);
    padding: 4px 20px;
}

.im-alert-item__button {
    border: 1px solid rgba(170, 108, 0, 0.5);
    border-radius: 1px;
    font-size: 12px;
    font-weight: 400;
    margin-left: auto;
    padding: 1px 4px;
    text-decoration: none;
    color: rgb(170, 108, 0) !important;
}

.im-alert-item__blocking {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/blocking.0619bf.svg") 50% center no-repeat;
    display: inline-block;
    height: 14px;
    margin: auto 10px auto 0px;
    width: 14px;
}

.im-alert-item .km-alert__message {
    display: flex;
    font-size: 14px;
}

    .im-alert-item .km-alert__message .km-icon {
        font-size: 12px;
        margin: auto 10px auto 0px;
    }

.im-message {
    border-bottom: none;
    display: block;
    margin-bottom: 24px;
    padding: 0px 20px;
}

    .im-message.im-message__image .im-message__name-wrapper {
        width: 100%;
    }

    .im-message.im-message__image .im-message__bubble-inner {
        background: rgba(0, 0, 0, 0);
        line-height: 0;
        overflow: hidden;
        padding: 0px;
        border-radius: 6px !important;
    }

    .im-message.im-message__image .im-message__bubble-inner-wrap {
        width: 100%;
    }

    .im-message.im-message__image .im-message__bubble-inner img {
        max-height: 320px;
        max-width: 100%;
    }

    .im-message.im-message__image .im-message__bubble-inner .img-progress {
        color: rgb(226, 228, 238);
        font-size: 0.75rem;
        height: 30px;
        left: calc(50% - 15px);
        line-height: 30px;
        position: absolute;
        top: calc(50% - 15px);
        width: 30px;
    }

.im-message__time {
    color: rgb(184, 187, 204);
    display: block;
    font-size: 0.75rem;
    margin-bottom: 12px;
    text-align: center;
}

.im-message__avatar {
    flex-shrink: 0;
}

.im-message__text {
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
}

.is-ie .im-message__text {
    word-break: break-all;
}

.im-message__text .sticker--emoji {
    height: 25px;
    margin: 0px 1px;
    vertical-align: middle;
    width: 25px;
}

.im-message__text .sticker--image {
    height: 120px;
    width: 120px;
}

.im-message__text--link, .im-message__text--link:hover {
    color: rgb(88, 124, 247);
}

.im-message__text--link--me {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

    .im-message__text--link--me:hover {
        color: rgb(255, 255, 255);
    }

.im-message__name {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
    margin: -2px 8px 2px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .im-message__name > span:not(:last-child)::after {
        color: inherit;
        content: "·";
        display: inline-block;
        font-weight: 300;
        text-align: center;
        width: 10px;
    }

.im-message__name-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.im-message__bubble--me .im-message__name-wrapper {
    align-items: flex-end;
}

.im-message__bubble {
    display: flex;
}

.im-message__bubble--me {
    flex-direction: row-reverse;
}

.im-message__bubble-gap {
    min-width: 36px;
}

.im-message__bubble--info {
    color: rgb(20, 25, 51);
    font-size: 0.75rem;
}

.im-message__bubble-avatar-wrap {
    position: relative;
}

    .im-message__bubble-avatar-wrap:hover .resume-basic__portrait-hover {
        display: block;
    }

.im-message__bubble-inner-wrap {
    align-items: flex-end;
    display: flex;
}

.im-message__bubble--me .im-message__bubble-inner-wrap {
    flex-direction: row-reverse;
}

.im-message__bubble-inner {
    background-color: rgb(238, 242, 252);
    border-radius: 0px 8px 8px;
    color: rgb(20, 25, 51);
    margin: 0px 8px;
    max-width: 542px;
    min-width: 0px;
    padding: 8px 12px;
    position: relative;
    transform-origin: 0px 2%;
    will-change: opacity, transform;
}

.im-message__bubble-inner-tag {
    min-width: 0px;
}

.im-message__bubble--hide-arrow .im-message__bubble-inner::after, .im-message__bubble--hide-arrow .im-message__bubble-inner::before, .im-message__bubble--me.im-message__bubble--hide-arrow .im-message__bubble-inner::after, .im-message__bubble--me.im-message__bubble--hide-arrow .im-message__bubble-inner::before {
    content: none;
}

.im-message__bubble-inner::before {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/message-target.875091.svg") no-repeat;
    content: none;
    height: 16px;
    left: -8px;
    position: absolute;
    top: 0px;
    transform: rotateY(180deg);
    width: 8px;
}

.im-message__bubble--me .im-message__bubble-inner {
    background-color: rgb(88, 124, 247);
    border-radius: 8px 0px 8px 8px;
    color: rgb(255, 255, 255);
}

.im-message__bubble--hide-arrow .im-message__bubble--me .im-message__bubble-inner::after, .im-message__bubble--hide-arrow .im-message__bubble--me .im-message__bubble-inner::before, .im-message__bubble--me.im-message__bubble--hide-arrow .im-message__bubble--me .im-message__bubble-inner::after, .im-message__bubble--me.im-message__bubble--hide-arrow .im-message__bubble--me .im-message__bubble-inner::before {
    content: none;
}

.im-message__bubble--me .im-message__bubble-inner::before {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/message-me.72c908.svg") no-repeat;
    content: none;
    height: 16px;
    left: auto;
    position: absolute;
    right: -8px;
    top: 0px;
    transform: rotateY(0deg);
    width: 8px;
}

.im-message__bubble--plain .im-message__bubble-inner {
    border: 1px solid rgb(226, 228, 238);
    color: rgb(20, 25, 51);
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
}

.im-message__bubble--hide-arrow .im-message__bubble--plain .im-message__bubble-inner::after, .im-message__bubble--hide-arrow .im-message__bubble--plain .im-message__bubble-inner::before, .im-message__bubble--me.im-message__bubble--hide-arrow .im-message__bubble--plain .im-message__bubble-inner::after, .im-message__bubble--me.im-message__bubble--hide-arrow .im-message__bubble--plain .im-message__bubble-inner::before {
    content: none;
}

.im-message__bubble--plain .im-message__bubble-inner::before {
    background-image: none;
    background-size: 8px 16px;
    content: none;
    height: 16px;
    left: auto;
    position: absolute;
    right: -8px;
    top: 0px;
    width: 8px;
}

.im-message__bubble--shadow .im-message__bubble-inner {
    box-shadow: rgba(226, 228, 238, 0.2) 0px 3px 1px -2px, rgba(226, 228, 238, 0.14) 0px 2px 2px 0px, rgba(226, 228, 238, 0.12) 0px 1px 5px 0px;
}

.im-message__bubble--main {
    cursor: pointer;
}

.im-message__bubble--tooltip .km-tooltip__inner {
    overflow: hidden;
}

.im-message__bubble--hide-border .im-message__bubble-inner {
    border: none;
}

.im-message__bubble--footer {
    width: auto;
}

.im-message__bubble--footer--me {
    text-align: right;
}

.im-message__notification {
    align-items: center;
    display: flex;
    white-space: nowrap;
}

.im-message__notification-icon {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 2em;
}

.im-message__notification-icon--video > .km-icon {
    margin-top: -2px;
    transform: rotate(180deg);
}

.im-message__notification-icon--audio > .km-icon {
    font-size: 1rem;
}

.im-message__toast {
    display: block;
    text-align: center;
}

.im-message__toast-inner {
    background-color: rgb(240, 242, 246);
    border-radius: 26px;
    color: rgb(122, 127, 153);
    display: inline-block;
    font-size: 0.75rem;
    line-height: 20px;
    margin: 0px auto;
    max-width: 80%;
    padding: 4px 12px;
}

.im-message__toast.direct-recommend .im-message__toast-inner {
    background: rgb(255, 255, 255);
}

.im-message__read-state {
    color: rgb(184, 187, 204);
    flex-shrink: 0;
    font-size: 0.75rem;
    height: 1.05rem;
    text-align: right;
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

    .im-message__read-state.is-read {
        color: rgb(184, 187, 204);
    }

.im-message__state {
    align-items: center;
    display: flex;
}

.im-message__state--sending {
    height: 0.875rem;
    width: 0.875rem;
}

@keyframes avatarFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes bubbleFadeInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-12px);
    }

    20% {
        opacity: 0;
        transform: translateX(-12px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes bubbleFadeInFromRight {
    0% {
        opacity: 0;
        transform: translateX(12px);
    }

    20% {
        opacity: 0;
        transform: translateX(12px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.im-message__desc-inner {
    border: 1px solid rgb(232, 235, 239);
}

.im-toast__download-text .km-button {
    font-size: 12px;
}

.imc-title__wrap {
    align-items: center;
    display: flex;
    margin-bottom: 12px;
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .imc-title__wrap.interview-card__interview-type--title .imc-title__content {
        color: rgb(122, 127, 153);
        font-weight: 400 !important;
    }

.imc-title__icon {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin-top: -2px;
}

.imc-title__content {
    color: rgb(20, 25, 51);
    flex-grow: 1;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imc-title__extra {
    flex-shrink: 0;
    margin-left: 24px;
}

.imc-item {
    display: flex;
    margin-bottom: 8px;
}

    .imc-item:last-child {
        margin-bottom: 0px;
    }

.imc-item__label {
    color: rgb(184, 187, 204);
    margin-left: 4px;
    margin-right: 10px;
}

.im-button-badge .km-badge__item {
    border-radius: 2px;
    font-size: 12px;
    height: 12px;
    line-height: 11px;
    padding: 0px 2px;
    top: 7px;
    transform: translate3d(50%, -50%, 0px) scale(0.98);
}

.im-sender {
    border-top: 1px solid rgb(226, 228, 238);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.im-sender--in-bubble {
    border-top: none;
}

    .im-sender--in-bubble::before {
        background-color: rgb(226, 228, 238);
        content: "";
        height: 1px;
        left: 20px;
        position: absolute;
        right: 20px;
        top: 0px;
    }

.im-sender__bar {
    display: flex;
    flex-shrink: 0;
    position: relative;
}

.im-sender__buttons {
    align-items: center;
    display: flex;
}

.im-sender__buttons--left {
    flex-grow: 1;
    padding-left: 8px;
}

    .im-sender__buttons--left > .im-action-button {
        margin-left: 4px !important;
    }

        .im-sender__buttons--left > .im-action-button .km-icon {
            font-size: 1.125rem;
            margin-right: 0px !important;
        }

        .im-sender__buttons--left > .im-action-button .im-action-label {
            margin: 0px 20px 0px 3px;
        }

        .im-sender__buttons--left > .im-action-button:last-child .im-action-label {
            margin: 0px 0px 0px 4px;
        }

    .im-sender__buttons--left .no-focus:active, .im-sender__buttons--left .no-focus:hover {
        color: rgb(88, 124, 247) !important;
    }

.im-sender__buttons--right {
    flex-shrink: 0;
    padding-right: 24px;
}

    .im-sender__buttons--right > .im-action-button {
        margin-left: 24px !important;
    }

        .im-sender__buttons--right > .im-action-button .km-icon {
            font-size: 1rem;
        }

.im-sender__buttons .km-button[disabled] {
    pointer-events: auto;
}

.im-sender__input {
    flex-direction: column;
    height: 100%;
    border: none !important;
    box-shadow: none !important;
}

.app-im-bubble .im-sender__input .km-input__original, .im-page-widget .im-sender__input .km-input__original {
    padding-top: 2px;
}

.im-sender__input .km-scrollbar {
    width: 100%;
}

.im-sender__input-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    padding: 0px 8px;
    position: relative;
}

    .im-sender__input-wrapper .km-scrollbar__view .km-input__original {
        color: rgb(55, 63, 85);
        padding-left: 14px;
        padding-right: 14px;
    }

.im-sender__input-tip {
    align-items: center;
    bottom: 12px;
    color: rgb(184, 187, 204);
    display: flex;
    font-size: 0.75rem;
    height: 45px;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 16px;
    opacity: 0;
    right: 20px;
    transform: translateY(8px);
    transition: transform 0.2s ease-in 0s, opacity 0.2s linear 0s;
}

.im-sender--in-bubble .im-sender__input-tip {
    margin-bottom: 20px;
    margin-right: 12px;
}

.im-sender__input-tip--active {
    opacity: 1;
    transform: translateY(0px);
}

.im--page .im-sender__input-tip--active {
    line-height: 28px;
    margin-bottom: 12px;
}

    .im--page .im-sender__input-tip--active .km-button {
        height: 28px;
        min-width: 48px;
        width: 48px;
        margin: 0px 0px 0px 12px !important;
    }

        .im--page .im-sender__input-tip--active .km-button .km-ripple {
            padding: 0px;
        }

.im-resume-detail {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.im--page .im-resume-detail__main {
    background-color: rgb(255, 255, 255);
}

.im-resume-detail__layout {
    height: 100%;
}

.im-resume-detail__layout--header {
    background: linear-gradient(rgb(253, 253, 253), rgb(245, 245, 245));
    border-bottom: 1px solid rgb(226, 228, 238);
    flex-shrink: 0;
    height: 52px !important;
}

.im-resume-detail__layout--main {
    border-left: 1px solid rgb(226, 228, 238);
    height: calc(100% - 52px);
    overflow: auto;
}

    .im-resume-detail__layout--main .km-scrollbar {
        height: 100%;
    }

.im-resume-detail__layout > .km-scrollbar {
    border-left: 1px solid rgb(226, 228, 238);
    min-height: calc(100% - 42px);
}

.im-resume-detail .resume-basic__contact-tip {
    font-size: 12px;
    line-height: 20px;
    margin: auto;
}

.im-resume-detail .resume-basic__contact-tip-place {
    white-space: nowrap;
}

.im-resume-detail .resume-content__section:first-child .resume-content__body {
    margin-top: 10px;
}

.im-in-arrears {
    border-radius: 0px;
    border-top: 1px solid rgb(226, 228, 238);
    height: 100%;
    justify-content: flex-start;
    margin-bottom: 0px;
    overflow: hidden;
}

    .im-in-arrears .km-alert__content {
        color: rgb(204, 128, 1);
    }

    .im-in-arrears .km-alert__message {
        align-items: center;
        display: flex;
    }

        .im-in-arrears .km-alert__message > i {
            margin-right: 5px;
        }

.im-in-arrears__list {
    font-size: 0.75rem;
    line-height: 21px;
}

.imc-job-desc {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    max-width: 100%;
    padding: 16px 20px 24px;
    width: 400px;
}

.app-im-bubble .imc-job-desc {
    transform: scale(0.88);
}

.imc-job-desc .has-separator > ::after {
    color: rgb(232, 235, 243) !important;
}

.imc-job-desc__tags {
    width: 100%;
}

    .imc-job-desc__tags .km-tag {
        border-color: rgb(226, 228, 238);
        border-radius: 12px;
        font-size: 0.75rem;
        height: 24px;
        margin-top: 12px;
        color: rgb(122, 127, 153) !important;
    }

        .imc-job-desc__tags .km-tag:nth-child(4) {
            display: inline-flex;
            justify-content: center;
            width: 24px;
        }

.imc-job-desc__salary {
    font-size: 1rem;
    font-weight: 600;
}

.imc-job-desc__info {
    color: rgb(122, 127, 153);
    font-size: 0.875rem;
}

.imc-job-desc .imc-title__wrap {
    margin-bottom: 8px;
}

.imc-job-desc .imc-title__content {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 256px;
}

.imc-job-desc-company {
    background: rgba(233, 239, 251, 0.5);
    border-radius: 4px;
    display: flex;
    margin-top: 16px;
    padding: 16px;
}

.imc-job-desc-company__img {
    height: 44px;
    margin-right: 8px;
    width: 44px;
}

.imc-job-desc-company__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.imc-job-desc-company__info--title {
    color: rgb(20, 25, 51);
    font-size: 0.875rem;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imc-job-desc-company__info--detail {
    color: rgb(122, 127, 153);
    font-size: 0.875rem;
    left: 0px;
    position: relative;
    top: -5px;
}

.imc-job-cooperate {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    cursor: pointer;
    max-width: 100%;
    padding: 16px 16px 20px 19px;
    width: 425px;
}

.imc-job-cooperate-wrap {
    padding: 0px;
}

.app-im-bubble .imc-job-cooperate {
    transform: scale(0.88);
}

.imc-job-cooperate .has-separator > ::after {
    color: rgb(232, 235, 243) !important;
}

.imc-job-cooperate__tags {
    width: 100%;
}

    .imc-job-cooperate__tags .km-tag {
        border-color: rgb(226, 228, 238);
        border-radius: 12px;
        font-size: 0.75rem;
        height: 24px;
        margin-top: 12px;
        color: rgb(122, 127, 153) !important;
    }

        .imc-job-cooperate__tags .km-tag:nth-child(4) {
            display: inline-flex;
            justify-content: center;
            width: 24px;
        }

.imc-job-cooperate__salary {
    font-size: 1rem;
    font-weight: 600;
}

.imc-job-cooperate__info {
    color: rgb(122, 127, 153);
    font-size: 0.875rem;
}

.imc-job-cooperate .imc-title__wrap {
    margin-bottom: 8px;
}

.imc-job-cooperate .imc-title__content {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 256px;
}

.imc-job-cooperate-company {
    background: rgba(233, 239, 251, 0.5);
    border-radius: 4px;
    display: flex;
    margin-top: 16px;
    padding: 16px;
}

.imc-job-cooperate-company__img {
    height: 44px;
    margin-right: 8px;
    width: 44px;
}

.imc-job-cooperate-company__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.imc-job-cooperate-company__info--title {
    color: rgb(20, 25, 51);
    font-size: 0.875rem;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imc-job-cooperate-company__info--detail {
    color: rgb(122, 127, 153);
    font-size: 0.875rem;
    left: 0px;
    position: relative;
    top: -5px;
}

.imc-interview {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    cursor: auto;
    height: auto;
    line-height: 1;
    width: 296px;
    border-radius: 8px !important;
}

    .imc-interview.im-message__bubble-inner {
        box-shadow: none;
        padding: 0px;
    }

.imc-interview__header {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 4px;
}

.imc-interview__text {
    color: rgb(71, 76, 102);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imc-interview__footer {
    align-items: center;
    border-top: 1px solid rgb(230, 232, 242);
    cursor: pointer;
    display: flex;
    font-weight: 500;
    height: 46px;
    justify-content: center;
}

.imc-interview__footer-light-grey {
    color: rgb(178, 183, 189) !important;
}

.imc-interview__footer .km-ripple {
    font-weight: 500;
}

.imc-interview__icon {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 14px;
    margin-right: 4px;
    vertical-align: bottom;
    width: 14px;
}

    .imc-interview__icon.interview-video {
        margin-bottom: -1px;
    }

.imc-interview__content {
    padding: 0px 20px;
}

.imc-interview__content--title {
    color: rgb(20, 25, 51);
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
    margin-top: 16px;
}

.imc-interview__content--row {
    font-size: 13px;
    line-height: 22px;
    margin: 8px 0px;
}

    .imc-interview__content--row .imc-interview__row-label {
        color: rgb(122, 127, 153);
    }

    .imc-interview__content--row .imc-interview__row-value {
        color: rgb(122, 127, 153);
        word-break: break-all;
    }

.is-ie .imc-interview__content--row .imc-interview__row-value {
    display: inline-block;
}

.imc-interview__content--row .imc-interview__row-value--highlight {
    color: rgb(20, 25, 51);
    font-size: 0.875rem;
}

.imc-interview__content--separator {
    border-bottom: 1px dashed rgb(232, 235, 243);
    height: 0px;
    margin: 16px 0px;
    position: relative;
}

.imc-interview__wrapper.im-message__bubble--main .imc-interview-tencent {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    cursor: auto;
    height: auto;
    line-height: 1;
    width: 296px;
    border-radius: 8px !important;
}

.imc-interview-tencent__card .im-message__bubble-inner {
    padding: 0px !important;
}

.imc-interview-tencent__card .imc-interview-box {
    cursor: pointer;
}

.imc-interview-box__con {
    display: flex;
    padding: 16px;
}

.imc-interview-box__con--right {
    max-width: 216px;
}

.imc-interview-box__icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-card-icon-site.c9af8d.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 36px;
    margin-right: 8px;
    margin-top: 2px;
    width: 36px;
}

html.is-retina .imc-interview-box__icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-card-icon-site@2x.dd0f6a.png");
}

.imc-interview-box__icon--video {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/video-card.e51c8c.png");
}

html.is-retina .imc-interview-box__icon--video {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/video-card@2x.870473.png");
}

.imc-interview-box__right {
    flex: 1 1 0%;
}

.imc-interview-tencent__center {
    margin: 0px auto;
    padding: 0px !important;
}

.imc-sticker {
    padding: 0px;
}

.imc-sticker__bubble .im-message__bubble-inner {
    border: none !important;
}

.imc-sticker > img {
    height: 120px;
    width: 120px;
}

.imc-coins {
    display: flex;
    flex-direction: column;
    min-height: 80px;
    min-width: 260px;
    padding: 0px;
}

.imc-coins__title {
    align-items: center;
    color: rgb(122, 127, 153);
    display: flex;
    font-size: 0.75rem;
    padding: 16px;
}

.imc-coins__content {
    align-items: center;
    display: flex;
    flex-grow: 1;
    padding: 0px 16px;
}

.im-message__bubble--me .imc-coins__content {
    border-radius: 4px 0px 0px;
}

.imc-coins__quantity {
    color: rgb(251, 97, 96);
    font-size: 1.125rem;
    font-weight: 700;
    min-width: 32px;
    text-align: center;
}

.imc-coins__footer {
    color: rgb(122, 127, 153);
    display: flex;
    flex-shrink: 0;
    font-size: 0.75rem;
    min-height: 49px;
    padding: 16px;
    position: relative;
}

.imc-coins__loading {
    margin-top: 2px;
}

.imc-coins__actions {
    display: flex;
    left: 16px;
    position: absolute;
    right: 16px;
    top: 8px;
}

.im-direct-recommend__tip {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    font-size: 0.875rem;
    min-height: 115px;
    padding: 20px 15px;
}

.im-direct-recommend__modal .km-modal__title-inner {
    font-size: 1rem;
}

.imc-interview-result {
    width: 320px;
}

@media (max-width: 1440px) {
    .imc-interview-result {
        width: 257px;
    }
}

.imc-interview-result.im-message__bubble-inner {
    border: 1px solid rgb(226, 228, 238);
    border-radius: 6px;
    padding: 0px !important;
}

.imc-interview-result__title {
    align-items: center;
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-result-card.b48022.png");
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    font-size: 14px;
}

html.is-retina .imc-interview-result__title {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-result-card@2x.bbba63.png");
}

.imc-interview-result__title .title-icon {
    height: 52px;
    margin: 32px auto 16px;
    width: 52px;
}

.imc-interview-result__text {
    color: rgb(20, 25, 51);
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}

.imc-interview-result__content {
    align-items: center;
    color: rgb(122, 127, 153);
    display: flex;
    font-size: 0.75rem;
    justify-content: center;
    line-height: 18px;
    margin: auto;
    padding: 4px 0px 24px;
    width: 80%;
}

.imc-interview-apply {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    padding: 0px;
    width: 296px;
}

.imc-interview-apply__title {
    align-items: center;
    display: flex;
    padding: 16px;
}

.imc-interview-apply__title--icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/video-card.e51c8c.png");
    background-size: 100%;
    height: 36px;
    margin-right: 8px;
    width: 36px;
}

html.is-retina .imc-interview-apply__title--icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/video-card@2x.870473.png");
}

.imc-interview-apply__title--text {
    flex: 1 1 0%;
    line-height: 22px;
}

.imc-interview-apply__actions {
    align-items: center;
    border-top: 1px solid rgb(230, 232, 242);
    color: rgb(122, 127, 153);
    display: flex;
}

.imc-interview-apply__actions--interview {
    flex: 1 1 0%;
    font-weight: 500;
}

    .imc-interview-apply__actions--interview .km-ripple {
        background: rgb(255, 255, 255);
        border-bottom-left-radius: 8px;
    }

        .imc-interview-apply__actions--interview .km-ripple:hover {
            background: rgb(255, 255, 255);
            border-bottom-left-radius: 8px;
            color: rgba(122, 127, 153, 0.8);
        }

.imc-interview-apply__actions--line {
    background-color: rgb(230, 232, 242);
    display: inline-block;
    height: 20px;
    width: 1px;
}

.imc-interview-apply__actions > div {
    flex: 1 1 0%;
}

.imc-interview-apply__actions--send {
    border: none;
    width: 110px;
}

.imc-interview-apply__actions .im-action-button {
    color: rgb(88, 124, 247);
    flex: 1 1 0%;
    font-weight: 500;
}

    .imc-interview-apply__actions .im-action-button .km-ripple:hover {
        color: rgba(88, 124, 247, 0.8);
    }

    .imc-interview-apply__actions .im-action-button a[disabled] {
        pointer-events: all;
    }

.imc-interview-apply__actions .km-button {
    height: 46px !important;
}

.im-video-interview__toast .im-message__toast-inner {
    background: rgb(255, 244, 224);
    color: rgb(170, 108, 0);
}

.imc-interview-result-inquiry {
    background-color: rgb(224, 239, 255);
    height: 120px;
    padding: 16px;
    width: 276px;
}

.imc-interview-result-inquiry__title {
    align-items: center;
    color: rgb(20, 25, 51);
    display: flex;
    font-size: 0.875rem;
}

    .imc-interview-result-inquiry__title .title-icon {
        height: 45px;
    }

        .imc-interview-result-inquiry__title .title-icon.is-pending {
            margin-right: 6px;
        }

.imc-interview-result-inquiry__inner {
    align-items: center;
    display: flex;
    margin: auto;
}

.imc-interview-result-inquiry__content {
    color: rgb(122, 127, 153);
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding: 8px 0px 0px;
}

    .imc-interview-result-inquiry__content .km-button {
        background-color: rgb(255, 255, 255);
        border: none;
        color: rgb(20, 25, 51);
        min-width: 68px;
    }

.im-wx-card {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    display: flex;
    margin: 0px auto;
    padding: 15px 16px;
    width: 360px;
}

.im-wx-card__portrait {
    margin-right: 8px;
    padding-top: 4px;
    width: 36px;
}

.im-wx-card__content {
    flex: 1 1 0%;
    max-width: 199px;
}

.im-wx-card__name {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
}

.im-wx-card__button {
    display: flex;
    margin: 0px 19px 0px 35px;
}

    .im-wx-card__button .km-button--text .km-ripple {
        font-weight: 600;
    }

.im-wx-card__line {
    background-color: rgb(230, 232, 242);
    height: 35px;
    margin: auto 0px;
    width: 1px;
}

.im-phone-card {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    display: flex;
    margin: 0px auto;
    padding: 15px 16px;
    width: 360px;
}

.im-phone-card__portrait {
    margin-right: 8px;
    padding-top: 4px;
    width: 36px;
}

.im-phone-card__content {
    flex: 1 1 0%;
    max-width: 267px;
}

.im-phone-card__icon {
    margin-left: 6px;
}

.im-phone-card__name {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
}

.im-phone-card__phone .km-icon {
    color: rgb(184, 187, 204);
}

.im-phone-card__tip {
    color: rgb(122, 127, 153);
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
}

.im-phone-card__tip-orange {
    color: rgb(250, 170, 20);
}

.im-phone-card__line {
    background-color: rgb(230, 232, 242);
    height: 35px;
    margin: auto 0px;
    width: 1px;
}

.im-phone-card__button {
    display: flex;
    margin: 0px 19px 0px 35px;
}

    .im-phone-card__button .km-button--text .km-ripple {
        font-weight: 600;
    }

.im-phone-card__w428 {
    width: 428px;
}

.imc-wx-request {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    padding: 0px;
    width: 296px;
}

.imc-wx-request__title {
    align-items: center;
    display: flex;
    padding: 16px;
}

.imc-wx-request__title--icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/weChat.38bccf.png");
    background-size: 100%;
    height: 36px;
    margin-right: 8px;
    width: 36px;
}

html.is-retina .imc-wx-request__title--icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/weChat@2x.d1ba71.png");
}

.imc-wx-request__title--text {
    flex: 1 1 0%;
    line-height: 22px;
}

.imc-wx-request__actions {
    align-items: center;
    border-top: 1px solid rgb(230, 232, 242);
    color: rgb(122, 127, 153);
    display: flex;
}

.imc-wx-request__actions--line {
    background-color: rgb(230, 232, 242);
    display: inline-block;
    height: 20px;
    width: 1px;
}

.imc-wx-request__actions-refuse {
    flex: 1 1 0%;
    font-weight: 500;
}

    .imc-wx-request__actions-refuse .km-ripple {
        background: rgb(255, 255, 255);
        border-bottom-left-radius: 8px;
        color: rgb(122, 127, 153);
    }

        .imc-wx-request__actions-refuse .km-ripple:hover {
            background: rgb(255, 255, 255);
            border-bottom-left-radius: 8px;
            color: rgba(122, 127, 153, 0.8);
        }

.imc-wx-request__actions-success {
    flex: 1 1 0%;
    font-weight: 500;
}

    .imc-wx-request__actions-success .km-ripple {
        background: rgb(255, 255, 255);
        border-bottom-right-radius: 8px;
        color: rgb(88, 124, 247);
    }

        .imc-wx-request__actions-success .km-ripple:hover {
            background: rgb(255, 255, 255);
            border-bottom-right-radius: 8px;
            color: rgba(88, 124, 247, 0.8);
        }

.imc-wx-request__actions .km-button {
    height: 46px !important;
}

.imc-micro-video {
    display: flex;
}

.imc-micro-video__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px;
}

    .imc-micro-video__text .title-text {
        font-size: 14px;
        line-height: 20px;
    }

    .imc-micro-video__text .question-text {
        font-size: 12px;
        line-height: 17px;
        margin-top: 10px;
    }

.imc-micro-video__actions {
    align-items: center;
    background-color: rgb(221, 221, 221);
    background-size: 100%;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 52px;
    justify-content: center;
    width: 52px;
}

    .imc-micro-video__actions .play-button {
        align-items: center;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        display: flex;
        height: 36px;
        justify-content: center;
        transform: scale(0.5);
        width: 36px;
    }

        .imc-micro-video__actions .play-button .km-icon {
            color: rgb(255, 255, 255);
            font-size: 16px;
        }

.im-live-offer {
    padding: 0px;
    border: none !important;
}

.im-live-offer-card, .im-live-offer-card__wrap {
    display: flex;
    justify-content: center;
}

.im-live-offer-card__wrap {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/live-offer.0ccacd.png");
    background-size: contain;
    height: 140px;
    padding-top: 70px;
    width: 243px;
}

html.is-retina .im-live-offer-card__wrap {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/live-offer@2x.e2b879.png");
}

.im-live-offer-card__title {
    display: flex;
    justify-content: center;
}

.im-live-offer-card__content {
    max-width: 100%;
}

.im-live-offer-card__content--job {
    font-weight: 700;
}

.im-live-offer-card__content--company, .im-live-offer-card__content--job {
    justify-content: center;
    overflow: hidden;
    padding: 0px 8px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im-live-offer-card__content--company {
    font-size: 0.75rem;
    margin-top: 4px;
}

.im-main-panel__empty, .im-page__overlay, .im-session-list, .im-side-panel, .im-sticker__image-preview-emoticon, .im-sticker__image-preview > img, .im-timeline__wrapper, .imc-coins__loading {
    inset: 0px;
    position: absolute !important;
}

.im-live-interview-tip {
    display: flex;
}

    .im-live-interview-tip > div {
        flex-shrink: 0;
    }

.imc-sms {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    display: flex;
    margin: 0px auto;
    padding: 15px 16px;
    width: 428px;
}

.imc-sms__header {
    margin-right: 8px;
    padding-top: 4px;
    width: 36px;
}

.imc-sms__tip {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
}

.imc-sms__body {
    flex: 1 1 0%;
}

.imc-sms__count {
    color: rgb(122, 127, 153);
    font-weight: 400;
}

.imc-sms__line {
    background-color: rgb(230, 232, 242);
    height: 35px;
    margin: auto 0px;
    width: 1px;
}

.imc-sms__button {
    display: flex;
    margin: 0px 5px 0px 20px;
}

    .imc-sms__button .km-button--text .km-ripple {
        font-weight: 600;
    }

.imc-sms .imc-to-b__title {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
    max-width: 280px;
}

.imc-sms .imc-to-b__content {
    color: rgb(122, 127, 153);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
}

.imc-sms-w360 {
    width: 360px;
}

.imc-resume-box {
    padding: 0px;
}

.imc-resume-card {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px;
    cursor: pointer;
    font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    padding: 16px 19px;
    position: relative;
    width: 542px;
}

.imc-resume-card__official--title {
    color: rgb(20, 25, 51);
    font-size: 14px;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.imc-resume-card__official--title--border {
    border-top: 1px dashed rgb(230, 232, 242);
    margin: 12px 0px 15px;
    width: 100%;
}

.imc-resume-card__warp {
    display: flex;
    height: 100%;
    width: 100%;
}

.imc-resume-card .is-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.imc-resume-card__bg {
    background-image: linear-gradient(rgb(234, 244, 255), rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 0px);
    border-radius: 3px;
    height: 40px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
}

.imc-resume-card__official--bg {
    height: 80px;
}

.imc-resume-card__portrait {
    position: relative;
    z-index: 1;
}

.imc-resume-card__tags {
    height: 16px;
    left: -3px;
    position: absolute;
    top: 29px;
    width: 40px;
    z-index: 2;
}

    .imc-resume-card__tags i {
        background-size: 52px 28px;
        display: block;
        height: 24px;
        width: 50px;
    }

.imc-resume-card__tags--campus--icon {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/campus-icon@2x.945f2d.png") -3px -2px no-repeat rgba(0, 0, 0, 0);
}

.imc-resume-card__tags--outstanding--icon {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/outstanding-icon@2x.8a1b03.png") -3px -2px no-repeat rgba(0, 0, 0, 0);
}

.imc-resume-card__info {
    flex: 1 1 0%;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.imc-resume-card__title {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    margin-bottom: 3px;
    vertical-align: middle;
}

    .imc-resume-card__title h3 {
        display: flex;
    }

.imc-resume-card__title--name {
    font-weight: 500;
    max-width: 113px;
}

.imc-resume-card__title--job {
    color: rgb(122, 127, 153);
    flex: 1 1 0%;
    font-size: 12px;
    margin-left: 8px;
}

.imc-resume-card__state {
    color: rgb(71, 76, 102);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    margin-bottom: 5px;
    margin-left: 12px;
}

    .imc-resume-card__state i {
        background-color: rgb(232, 235, 243);
        display: inline-block;
        height: 10px;
        margin: 0px 6px;
        vertical-align: middle;
        width: 1px;
    }

.imc-resume-card__desired {
    color: rgb(122, 127, 153);
    display: flex;
    height: 22px;
    margin-bottom: 10px;
}

    .imc-resume-card__desired i {
        background-color: rgb(232, 235, 243);
        display: inline-block;
        height: 12px;
        margin: 0px 8px;
        vertical-align: middle;
        width: 1px;
    }

.imc-resume-card__desired--city {
    max-width: 98px;
}

.imc-resume-card__desired--job {
    max-width: 260px;
}

.imc-resume-card__work {
    color: rgb(122, 127, 153);
    display: flex;
    font-size: 12px;
}

.imc-resume-card__work--time {
    height: 22px;
    max-width: 108px;
}

.imc-resume-card__work--company {
    color: rgb(20, 25, 51);
    font-family: PingFangSC-Medium;
    max-width: 200px;
}

    .imc-resume-card__work--company span {
        margin-right: 6px;
    }

.imc-resume-card__work--position {
    color: rgb(71, 76, 102);
    max-width: 135px;
}

.imc-is-footer {
    padding-bottom: 0px;
}

.imc-resume-footer {
    align-items: center;
    border-top: 1px solid rgb(230, 232, 242);
    color: rgb(122, 127, 153);
    display: flex;
    font-size: 12px;
    height: 44px;
    justify-content: space-between;
    margin-top: 14px;
    overflow: hidden;
    padding: 8px 0px;
}

.imc-resume-footer__job {
    color: rgb(122, 127, 153);
    max-width: 306px;
}

.imc-resume-footer__state {
    align-items: center;
    display: flex;
}

    .imc-resume-footer__state .resume-button {
        margin-left: 16px;
    }

.imc-resume-footer__ignored {
    color: rgb(184, 187, 204);
}

.imc-resume-msg {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    height: 48px;
    line-height: 24px;
    margin: 8px 40px 0px;
    max-width: 350px;
    min-width: 175px;
    padding: 12px 9px 12px 12px;
    width: auto;
}

.imc-resume-msg, .imc-resume-msg__icon {
    position: relative;
}

    .imc-resume-msg__icon > b {
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        height: 10px;
        left: 2px;
        position: absolute;
        top: 2px;
        width: 10px;
        z-index: 0;
    }

.imc-resume-msg__pass {
    color: rgb(48, 206, 126);
}

.imc-resume-msg__pass, .imc-resume-msg__reject {
    font-size: 14px;
    margin-right: 4px;
    position: relative;
    vertical-align: middle;
    z-index: 1;
}

.imc-resume-msg__reject {
    color: rgb(251, 97, 96);
}

.imc-resume-msg .is-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.imc-resume-msg__name {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 500;
    max-width: 98px;
}

.imc-resume-msg__job {
    color: rgb(122, 127, 153);
    font-size: 12px;
    font-weight: 400;
    max-width: 160px;
}

.imc-resume-msg__icon {
    color: rgb(184, 187, 204);
    flex: 1 1 0%;
    line-height: 24px;
    text-align: right;
}

.im-page-widget .imc-resume-msg {
    margin: 8px 8px 0px;
}

.imc-to-b__title {
    color: rgb(20, 25, 51);
    font-size: 14px;
}

    .imc-to-b__title span {
        background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/im-to-b-card-title-icon.1ba09e.svg") no-repeat;
        display: inline-block;
        height: 18px;
        margin-right: 6px;
        vertical-align: text-bottom;
        width: 19px;
    }

.imc-to-b__line {
    border-top: 1px dashed rgb(226, 228, 238);
    height: 1px;
    margin: 15px 0px;
}

.imc-to-b__content {
    color: rgb(122, 127, 153);
    font-size: 14px;
    height: auto;
    line-height: 22px;
}

.imc-interested {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    box-shadow: rgba(181, 192, 210, 0.2) 0px 3px 5px -1px, rgba(181, 192, 210, 0.14) 0px 6px 10px 0px, rgba(181, 192, 210, 0.12) 0px 1px 18px 0px;
    margin: auto;
    max-width: 400px;
    min-height: 136px;
    padding: 16px 20px;
}

.imc-interested__title {
    border-bottom: 1px dashed rgb(226, 228, 238);
    font-weight: 500;
    padding-bottom: 16px;
}

.imc-interested__list {
    padding-top: 12px;
}

.imc-interested__item {
    color: rgb(122, 127, 153);
    display: flex;
    justify-content: space-between;
}

    .imc-interested__item:not(:last-child) {
        margin-bottom: 16px;
    }

.imc-interested__item-disabled, .imc-interested__item-disabled .km-button, .imc-interested__item-disabled .km-button:hover {
    color: rgb(184, 187, 204);
}

.imc-activity-box {
    padding: 0px;
}

    .imc-activity-box a {
        height: 100%;
        width: 100%;
    }

.imc-activity-card {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px;
    padding: 16px 20px;
    width: 542px;
}

.imc-activity-card--title {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 4px;
    max-height: 48px;
    overflow: hidden;
}

.imc-activity-card--content {
    color: rgb(122, 127, 153);
    font-size: 14px;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
}

.imc-activity-card--img {
    border-radius: 4px;
    height: 168px;
    overflow: hidden;
    width: 502px;
}

    .imc-activity-card--img img {
        height: 168px;
        object-fit: cover;
        width: 502px;
    }

.imc-interview-forward {
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    display: flex;
    position: relative;
    width: 296px;
}

.imc-interview-forward__info {
    color: rgb(71, 76, 102);
    flex: 1 1 0%;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.imc-interview-forward__interview {
    cursor: pointer;
    display: flex;
    padding: 16px;
}

.imc-interview-forward__interview-left {
    background-size: cover;
    height: 36px;
    width: 36px;
}

    .imc-interview-forward__interview-left.is-attend {
        background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-forward-attend.802f39.png");
    }

html.is-retina .imc-interview-forward__interview-left.is-attend {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-forward-attend@2x.cff217.png");
}

.imc-interview-forward__interview-left.is-video {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-forward-video.2f2d13.png");
}

html.is-retina .imc-interview-forward__interview-left.is-video {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/interview-forward-video@2x.9ef540.png");
}

.imc-interview-forward__interview-right {
    margin-left: 8px;
}

.imc-interview-forward__interview .interview-title {
    color: rgb(20, 25, 51);
    display: flex;
    font-weight: 500;
    margin-bottom: 4px;
}

    .imc-interview-forward__interview .interview-title > div {
        max-width: 58px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.imc-interview-forward__interview .interview-job {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imc-interview-forward__btn {
    border-top: 1px solid rgb(230, 232, 242);
    color: rgb(122, 127, 153);
    display: flex;
    font-weight: 500;
    height: 46px;
    width: 100%;
}

    .imc-interview-forward__btn .btn-item {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex: 1 1 0%;
        justify-content: center;
        position: relative;
    }

        .imc-interview-forward__btn .btn-item:nth-child(2) {
            color: rgb(88, 124, 247);
        }

            .imc-interview-forward__btn .btn-item:nth-child(2)::before {
                background: rgb(230, 232, 242);
                content: "";
                height: 22px;
                left: 0px;
                position: absolute;
                top: 12px;
                width: 1px;
            }

.imc-address-box {
    padding: 0px;
}

.imc-address-card {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    cursor: pointer;
    width: 296px;
}

.imc-address-card__title {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin: 8px 16px 1px;
}

.imc-address-card__address, .imc-address-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imc-address-card__address {
    color: rgb(71, 76, 102);
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin: 0px 16px 5px;
}

    .imc-address-card__address .km-icon {
        font-size: 16px;
        margin-right: 4px;
    }

.imc-address-card__map {
    align-items: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: flex;
    height: 100px;
    justify-content: center;
    overflow: hidden;
    width: 100%;
}

    .imc-address-card__map img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.imc-matching-box {
    padding: 0px;
}

.imc-matching-card {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px;
    cursor: pointer;
    font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    max-width: 680px;
    min-width: 650px;
    padding: 13px 0px;
    position: relative;
}

.im-page-widget .imc-matching-card {
    max-width: 580px;
    min-width: 580px;
    width: 580px;
}

.imc-matching-card__box--title {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
    padding: 0px 20px;
    position: relative;
    z-index: 1;
}

.im-page-widget .imc-matching-card__box--title {
    font-size: 12px;
}

.imc-matching-card__box--title--text {
    float: left;
    max-width: 490px;
}

.im-page-widget .imc-matching-card__box--title--text {
    max-width: 380px;
}

.imc-matching-card__box--title--border {
    border-top: 1px solid rgb(226, 228, 238);
    margin: 12px 0px 0px;
    width: 100%;
}

.imc-matching-card__warp {
    display: flex;
    height: 100%;
    padding: 15px 20px 0px;
    width: 100%;
}

.imc-matching-card .is-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.imc-matching-card__bg {
    background-image: linear-gradient(rgb(224, 239, 255), rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 0px);
    border-radius: 3px;
    height: 50px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
}

.imc-matching-card__portrait {
    border-bottom: 1px solid rgb(226, 228, 238);
    position: relative;
    z-index: 1;
}

.imc-matching-card__tags {
    height: 16px;
    left: -3px;
    position: absolute;
    top: 29px;
    width: 40px;
    z-index: 2;
}

    .imc-matching-card__tags i {
        background-size: 52px 28px;
        display: block;
        height: 24px;
        width: 50px;
    }

.imc-matching-card__tags--campus--icon {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/campus-icon@2x.945f2d.png") -3px -2px no-repeat rgba(0, 0, 0, 0);
}

.imc-matching-card__tags--outstanding--icon {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/outstanding-icon@2x.8a1b03.png") -3px -2px no-repeat rgba(0, 0, 0, 0);
}

.imc-matching-card__info {
    border-bottom: 1px solid rgb(226, 228, 238);
    flex: 1 1 0%;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
}

.imc-matching-card__title {
    color: rgb(20, 25, 51);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    margin-bottom: 4px;
    vertical-align: middle;
}

    .imc-matching-card__title h3 {
        display: flex;
        flex: 1 1 0%;
    }

.imc-matching-card__title--name {
    font-weight: 500;
    max-width: 113px;
}

.imc-matching-card__title--job {
    color: rgb(122, 127, 153);
    font-size: 12px;
    font-weight: 400;
    margin-left: 32px;
}

.imc-matching-card__state {
    color: rgb(71, 76, 102);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    margin-bottom: 5px;
    margin-left: 12px;
}

    .imc-matching-card__state i {
        background-color: rgb(232, 235, 243);
        display: inline-block;
        height: 10px;
        margin: 0px 8px;
        vertical-align: middle;
        width: 1px;
    }

.imc-matching-card__desired {
    color: rgb(122, 127, 153);
    display: flex;
    font-size: 12px;
    height: 22px;
    margin-bottom: 10px;
}

    .imc-matching-card__desired i {
        background-color: rgb(232, 235, 243);
        display: inline-block;
        height: 12px;
        margin: 0px 8px;
        vertical-align: middle;
        width: 1px;
    }

.imc-matching-card__desired--city {
    max-width: 98px;
}

.imc-matching-card__desired--job {
    max-width: 260px;
}

.imc-matching-card__work {
    color: rgb(122, 127, 153);
    display: flex;
    font-size: 12px;
}

.imc-matching-card__work--time {
    height: 22px;
    max-width: 108px;
}

.imc-matching-card__work--company {
    color: rgb(20, 25, 51);
    font-weight: 500;
    max-width: 216px;
}

.im-page-widget .imc-matching-card__work--company {
    max-width: 190px;
}

.imc-matching-card__work--company span {
    margin-right: 6px;
}

.imc-matching-card__work--position {
    color: rgb(71, 76, 102);
    max-width: 120px;
}

.im-page-widget .imc-matching-card__work--position {
    max-width: 70px;
}

.imc-matching-card__work--button {
    height: 28px;
    margin-left: auto;
    margin-top: -3px;
    width: 72px;
}

    .imc-matching-card__work--button .km-button {
        min-width: 72px;
    }

.imc-matching-card__work--button--delete {
    background-color: rgb(122, 127, 153);
    border-radius: 4px;
    color: rgb(234, 239, 249);
    cursor: no-drop;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    opacity: 0.45;
    text-align: center;
    width: 72px;
}

.imc-matching-card__work--button--text {
    float: right;
}

.imc-matching-card__reason {
    background-image: linear-gradient(90deg, rgb(246, 248, 254) 25%, rgb(255, 255, 255));
    border-radius: 4px;
    color: rgb(20, 25, 51);
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin: 8px 0px;
    padding: 8px 14px;
}

.imc-matching-card__reason--title {
    font-weight: 500;
}

.imc-matching-card__reason--left {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/recommend-reason.bae697.png") 50% center / 43px 11px no-repeat;
    display: inline-block;
    height: 13px;
    margin: 0px 5px -2px 0px;
    width: 44px;
}

html.is-retina .imc-matching-card__reason--left {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/recommend-reason@2x.def3a6.png");
}

.imc-matching-card__reason--icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/resume_recommend.20b94b.png");
    background-size: 16px 16px;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    vertical-align: sub;
    width: 16px;
}

html.is-retina .imc-matching-card__reason--icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/resume_recommend@2x.5643ab.png");
}

.imc-matching-card__reason--keyword {
    border: 1px solid rgb(218, 220, 230);
    border-radius: 12px;
    color: rgb(122, 127, 153);
    display: inline-block;
    height: 24px;
    line-height: 22px;
    margin-left: 8px;
    padding: 0px 7px;
}

.imc-matching-card__reason--box {
    height: auto;
    line-height: 16px;
}

.imc-matching-card__reason--keywords {
    color: rgb(122, 127, 153);
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 2px 12px 2px 0px;
}

    .imc-matching-card__reason--keywords i {
        background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/keyword-check-icon.0c6569.png");
        background-size: 8px 8px;
        display: inline-block;
        height: 8px;
        margin-right: 4px;
        width: 8px;
    }

html.is-retina .imc-matching-card__reason--keywords i {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/keyword-check-icon@2x.c62e8f.png");
}

.imc-matching-card__reason .no-border {
    border: none;
}

.imc-matching-card__operator {
    background: rgba(88, 124, 247, 0.05);
    border-radius: 4px;
    color: rgb(20, 25, 51);
    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("//fecdn2.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("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/check-icon@2x.2fcb9f.png");
}

.imc-matching-card__operator--keyword {
    color: rgb(122, 127, 153);
    display: inline-block;
    height: 24px;
    line-height: 22px;
    margin-right: 18px;
}

.imc-matching-card__operator .no-border {
    border: none;
}

.imc-matching-footer {
    align-items: center;
    color: rgb(88, 124, 247);
    display: flex;
    font-size: 14px;
    justify-content: center;
    margin-top: 15px;
    text-align: center;
}

.imc-operator-resume-card {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px;
    padding-bottom: 18px;
    padding-top: 13px;
}

    .imc-operator-resume-card .imc-matching-card__info {
        border-bottom: none;
        padding-bottom: 4px;
    }

    .imc-operator-resume-card .imc-matching-card__portrait {
        border-bottom: none;
    }

    .imc-operator-resume-card .imc-matching-card__bg {
        background: linear-gradient(rgb(224, 239, 255), rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 0px) rgb(255, 255, 255);
        border-bottom: 1px solid rgb(226, 228, 238);
        height: 48px;
    }

    .imc-operator-resume-card .imc-matching-card__box--title {
        padding-left: 23px;
    }

    .imc-operator-resume-card .imc-matching-card__box--title--border {
        margin: 12px 0px 0px;
    }

.imc-operator-resume-card__count {
    color: rgb(122, 127, 153);
    float: right;
    font-size: 14px;
    font-weight: 400;
}

.im-page-widget .imc-operator-resume-card__count {
    font-size: 12px;
}

.imc-operator-resume-card .imc-matching-footer {
    color: rgb(122, 127, 153);
    margin-bottom: 10px;
    margin-top: 18px;
}

    .imc-operator-resume-card .imc-matching-footer .km-ripple {
        color: rgb(20, 25, 51);
    }

.imc-operator-resume-card .imc-matching-footer__avatar {
    height: 20px;
    margin-right: 4px;
}

    .imc-operator-resume-card .imc-matching-footer__avatar .km-portrait {
        border: 1px solid rgb(255, 255, 255);
        margin-left: -9px;
    }

        .imc-operator-resume-card .imc-matching-footer__avatar .km-portrait:first-child {
            margin-left: 0px;
        }

.im-page-widget .imc-operator-resume-card {
    max-width: 508px;
    min-width: 508px;
    width: 508px;
}

    .im-page-widget .imc-operator-resume-card .imc-matching-card__work--company {
        max-width: 160px;
    }

    .im-page-widget .imc-operator-resume-card .imc-matching-card__work--position {
        max-width: 58px;
    }

.imc-operator-card__job {
    align-items: center;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 4px;
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px;
    display: flex;
    justify-content: space-between;
    padding: 13px 20px;
}

.imc-template-box {
    background: rgb(255, 255, 255);
    padding: 0px;
    width: 400px;
}

.imc-template-box__link {
    border-radius: 4px;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.imc-template-box__border {
    border: 1px solid rgb(226, 228, 238) !important;
    border-radius: 4px !important;
    box-shadow: rgba(54, 100, 192, 0.1) 0px 2px 12px 0px !important;
}

.imc-template-card__image {
    align-items: center;
    background: rgb(242, 243, 248);
    display: flex;
    height: 168px;
    justify-content: center;
    width: 100%;
}

    .imc-template-card__image img {
        height: 168px;
        object-fit: cover;
        width: 100%;
    }

.imc-template-card__image--error {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/image-loading-err.6bd276.png");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
}

html.is-retina .imc-template-card__image--error {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/image-loading-err@2x.199d96.png");
}

.imc-template-card__title {
    color: rgb(20, 25, 51);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 15px 0px 4px;
    max-height: 24px;
    padding: 0px 20px;
    width: 100%;
}

.imc-template-card__des {
    color: rgb(122, 127, 153);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
    max-height: 44px;
    overflow: hidden;
    padding: 0px 20px;
    width: 100%;
}

.imc-template-card__button {
    height: 48px;
    padding: 0px 20px;
    width: 100%;
}

.imc-template-card__button--border {
    background: rgb(230, 232, 242);
    font-size: 0px;
    height: 1px;
    width: 100%;
}

.imc-template-card__button--box {
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    width: 100%;
}

    .imc-template-card__button--box .km-button--text {
        margin: 0px 16px;
    }

.im-phone-equity {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(226, 228, 238);
    border-radius: 8px;
    display: flex;
    margin: 0px auto;
    padding: 15px 16px;
    width: 428px;
}

.im-phone-equity__portrait {
    margin-right: 10px;
    padding-top: 4px;
    width: 36px;
}

.im-phone-equity__content {
    flex: 1 1 0%;
    max-width: 267px;
}

.im-phone-equity__icon {
    margin-left: 6px;
}

.im-phone-equity__name {
    color: rgb(20, 25, 51);
    font-size: 14px;
    font-weight: 600;
    height: 22px;
    line-height: 22px;
}

.im-phone-equity__equity {
    color: rgb(122, 127, 153);
    font-weight: 400;
}

    .im-phone-equity__equity .km-icon {
        color: rgb(184, 187, 204);
    }

.im-phone-equity__equity--time {
    color: rgb(20, 25, 51);
}

.im-phone-equity__tip {
    color: rgb(122, 127, 153);
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
}

.im-phone-equity__tip-orange {
    color: rgb(250, 170, 20);
}

.im-phone-equity__line {
    background-color: rgb(230, 232, 242);
    height: 35px;
    margin: auto 0px;
    width: 1px;
}

.im-phone-equity__button {
    display: flex;
    margin: auto 4px auto 20px;
}

    .im-phone-equity__button .km-button--text .km-ripple {
        font-weight: 600;
    }

    .im-phone-equity__button .is-loading {
        color: rgba(0, 0, 0, 0);
    }

.imc-job-toast span a {
    color: rgb(88, 124, 247);
}

.imc-auth-email-card {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(218, 220, 230);
    border-radius: 4px;
    height: 160px;
    width: 302px;
}

.imc-auth-email-card--footer {
    border-top: 1px solid rgb(230, 232, 242);
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 100%;
}

.imc-auth-email-card--footer-done {
    color: rgb(184, 187, 204);
}

.imc-auth-email-card--footer-choose-line {
    background-color: rgb(230, 232, 242);
    display: inline-block;
    height: 10px;
    margin: 0px 48px;
    width: 1px;
}

.imc-auth-email-card--content {
    display: flex;
    height: 114px;
    padding: 12px;
}

.imc-auth-email-card--content-left {
    color: rgb(71, 76, 102);
    margin-left: 10px;
    width: 230px;
}

.imc-auth-email-card--content-left-title {
    color: rgb(34, 34, 34);
    font-weight: 500;
}

.confirm-pass {
    display: inline-block;
    width: 400px;
}

.imc-deliver-card {
    border: 1px solid rgb(218, 220, 230);
    border-radius: 8px;
    height: 115px;
    overflow: hidden;
    width: 300px;
}

.imc-deliver-card__content {
    border-bottom: 1px solid rgb(230, 232, 242);
    display: flex;
    padding: 12px 16px;
}

.imc-deliver-card__icon {
    background: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/resume-icon.4f892a.png") 50% center / 36px 36px no-repeat;
    height: 44px;
    margin-right: 8px;
    width: 36px;
}

html.is-retina .imc-deliver-card__icon {
    background-image: url("//fecdn2.zhaopin.cn/rd6_zhaopin_com/assets/resume-icon@2x.c11844.png");
}

.imc-deliver-card__title {
    flex: 1 1 0%;
    font-size: 14px;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
}

.imc-deliver-card__active {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: space-evenly;
    overflow: hidden;
    width: 100%;
}

    .imc-deliver-card__active .km-ripple {
        font-weight: 500;
    }

.imc-deliver-card__active--icon {
    background: rgb(230, 232, 242);
    display: inline-block;
    height: 12px;
    width: 1px;
}

.imc-deliver-card__active--none {
    color: rgb(184, 187, 204);
}

.im-search-panel {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}

.im-job-filter {
    margin-right: 24px;
    min-width: 0px;
}

.im-page-widget .im-job-filter {
    margin-right: 0px;
}

.im--page .im-job-filter {
    margin-right: 18px;
}

.im-job-filter .app-job-selector {
    background-color: rgb(255, 255, 255);
    height: 36px;
    justify-content: space-between;
    padding-left: 20px;
    width: 292px;
}

.im--page .im-job-filter .app-job-selector {
    padding-left: 16px;
    width: 180px;
}

.im-page-widget .im-job-filter .app-job-selector {
    height: 64px;
    justify-content: center;
    width: 228px;
}

.im-job-filter__label {
    color: rgb(20, 25, 51);
    display: block;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.im--page .im-job-filter__label {
    color: rgb(122, 127, 153);
    font-size: 14px;
}

.im-page-widget .im-job-filter__label {
    color: rgb(20, 25, 51);
    font-weight: 700;
}

.im-job-filter__label--has-value {
    color: rgb(20, 25, 51);
}

.im-report-resume .km-modal--normal {
    width: 470px;
}

.im-report-resume .km-modal__title-inner {
    font-size: 0.875rem;
}

.im-report-resume .km-modal__body {
    padding-bottom: 0px;
    padding-top: 8px;
}

.im-report-resume__footer {
    display: flex;
    justify-content: center;
    padding-top: 0px;
    width: 100%;
}

.im-report-form .km-form-item {
    position: relative;
}

.im-report-form .km-form-item__label {
    color: rgb(119, 124, 137);
    font-size: 0.75rem;
}

.im-report-form .km-form-item__content, .im-report-form .km-form-item__content .km-input__original {
    font-size: 0.75rem;
}

.im-report-form .is-required::after {
    align-items: center;
    color: rgb(251, 97, 96);
    content: "*";
    display: flex;
    font-size: 0.875rem;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 2px;
}

.im-report-form__reason {
    align-items: flex-start;
}

    .im-report-form__reason .km-form-item__label {
        margin-top: 2px;
    }

.im-text-area {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .im-text-area .is-focused, .im-text-area > .km-input:focus {
        box-shadow: unset;
    }

.im-text-area__count {
    bottom: -20px;
    color: rgb(184, 187, 204);
    position: absolute;
    right: 6px;
    z-index: 1;
}

.im-main-empty {
    align-items: center;
    color: rgb(122, 127, 153);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
}

    .im-main-empty a {
        color: rgb(88, 124, 247);
    }

    .im-main-empty .km-image {
        background: rgb(255, 255, 255);
    }

.im-main-empty__text {
    text-align: center;
}

.side-panel-header-box {
    width: 100%;
}

.side-panel-header {
    display: flex;
    flex-grow: 1;
    flex-wrap: nowrap;
    padding: 0px 20px;
}

.side-panel-header__switch {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}

.side-panel-header__input {
    flex-grow: 1;
}

.im--page .side-panel-header__input {
    height: 28px;
    min-height: 28px;
}

.side-panel-header__input .km-input__icon {
    color: rgb(122, 127, 153);
    font-size: 12px;
}

.side-panel-header__input .km-input__original-wrapper input {
    font-size: 12px;
}

.side-panel-header__checkbox {
    color: rgb(122, 127, 153);
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 0.875rem;
    margin: 0px 0px 0px 20px;
}

    .side-panel-header__checkbox .km-checkbox__label {
        flex-shrink: 0;
        padding-left: 6px;
    }

    .side-panel-header__checkbox .is-focused::before, .side-panel-header__checkbox .km-button:not([disabled]).is-hovered::before, .side-panel-header__checkbox .km-button:not([disabled]):focus::before, .side-panel-header__checkbox > .km-button:not([disabled]):hover::before {
        opacity: 0;
    }

    .side-panel-header__checkbox .km-checkbox__icon {
        border-width: 1px;
        height: 14px;
        width: 14px;
    }

.side-panel-header__button {
    margin-left: 16px;
    min-width: 28px;
}

    .side-panel-header__button:hover {
        color: rgb(88, 124, 247) !important;
    }

.side-panel-header__cancel {
    color: rgb(88, 124, 247);
    font-size: 14px;
}

.side-panel-header__batch {
    color: rgb(122, 127, 153);
    flex: 1 1 0%;
    font-size: 14px;
}

.im-sticker__popper {
    width: 536px;
}

    .im-sticker__popper > .km-popover__inner {
        height: 427px;
        padding: 0px;
    }

        .im-sticker__popper > .km-popover__inner > .km-carousel {
            margin-bottom: 45px !important;
        }

        .im-sticker__popper > .km-popover__inner .km-carousel__indicators {
            border-top: 1px solid rgb(226, 228, 238);
            padding: 4px;
            width: 100%;
        }

.im-sticker-album {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    line-height: 36px;
    margin-right: 8px;
    width: 40px;
}

    .im-sticker-album.is-active {
        background: rgb(241, 241, 241);
    }

.im-sticker-album__img {
    width: 21.5px;
}

.im-sticker-list {
    background: rgb(255, 255, 255);
    height: 380px;
    max-height: 380px;
    padding: 8px;
}

.im-sticker__item {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
}

.im-sticker--emoji .im-sticker__item {
    height: 43px;
    width: 43px;
}

    .im-sticker--emoji .im-sticker__item:hover {
        background: rgb(241, 241, 241);
    }

.im-sticker--image .im-sticker__item {
    width: 98px;
}

.im-sticker__emoticon {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

.im-sticker--emoji .im-sticker__emoji {
    height: 21.5px;
    width: 21.5px;
}

.im-sticker__image {
    flex-direction: column;
    padding: 4px;
    width: 98px;
}

    .im-sticker__image:hover .im-sticker__image-preview {
        background: rgb(241, 241, 241);
    }

.im-sticker__image-preview {
    border-radius: 4px;
    height: 94px;
    position: relative;
    width: 94px;
}

    .im-sticker__image-preview-emoticon, .im-sticker__image-preview > img {
        inset: 8px;
        height: 78px;
        width: 78px;
    }

.im-sticker__image-label {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
    white-space: nowrap;
}

.im-sticker__carousel .km-carousel__item-wrapper {
    display: none;
}

.im-sticker__carousel .km-carousel__item-wrapper--active {
    display: block;
}

.im-sticker-mention {
    min-width: 150px;
}

.im-sticker-mention__reference {
    left: 20px;
    position: absolute;
    top: 38px;
}

.im-sticker-mention__stickers {
    display: flex;
    height: 80px;
    justify-content: center;
    margin-bottom: 12px;
}

.im-sticker-mention__sticker {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 2px;
    height: 80px;
    width: 80px;
}

    .im-sticker-mention__sticker img {
        height: 76px;
        width: 76px;
    }

.im-sticker-mention__sticker--selected {
    border: 1px solid rgb(226, 228, 238);
}

.im-sticker-mention__guide {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
    text-align: center;
    white-space: nowrap;
}

.im-filter {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .im-filter .km-button:hover:not(.km-radio--checked, .km-button--primary) {
        background-color: rgb(242, 245, 254);
        color: rgb(88, 124, 247);
    }

.im-filter__all {
    margin-right: 12px;
}

    .im-filter__all .km-button--plain {
        color: rgb(122, 127, 153);
    }

    .im-filter__all .km-button--primary.km-button--filled {
        background-color: rgba(61, 126, 255, 0.15);
        color: rgb(88, 124, 247);
        font-family: "PingFang SC";
        font-weight: 500;
    }

    .im-filter__all .km-button::before {
        content: none;
    }

.im-filter__favorites {
    margin-right: 16px;
}

    .im-filter__favorites .km-button--plain {
        color: rgb(122, 127, 153);
    }

    .im-filter__favorites .km-button--primary.km-button--filled {
        background-color: rgba(61, 126, 255, 0.15);
        color: rgb(88, 124, 247);
        font-family: "PingFang SC";
        font-weight: 500;
    }

    .im-filter__favorites .km-button {
        min-width: 60px;
        width: 60px;
    }

        .im-filter__favorites .km-button::before {
            content: none;
        }

.im-filter__extend {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    line-height: 1;
    margin-right: 16px;
}

    .im-filter__extend.has-separator > :not(:first-child)::before {
        color: rgb(184, 187, 204);
    }

    .im-filter__extend .km-control-group:not(.km-control-group--vertical) > .km-button:not(:first-child) {
        border-left: none !important;
    }

    .im-filter__extend .km-button--primary.km-button--filled {
        background-color: rgba(61, 126, 255, 0.15);
        color: rgb(88, 124, 247);
        font-family: "PingFang SC";
        font-weight: 500;
    }

.im--page .im-filter__extend .km-ripple {
    padding: 0px 16px !important;
}

.im-filter__extend .km-radio {
    margin-left: -4px;
    margin-right: 0px;
}

    .im-filter__extend .km-radio:not(:first-child)::before {
        border-right: 1px solid rgb(226, 228, 238);
        content: "";
        height: 17px;
        left: 0px;
        opacity: 1;
        position: absolute;
        top: 10px;
        width: 0px;
    }

    .im-filter__extend .km-radio:first-child::before {
        content: none;
    }

.im-filter__extend .km-radio--checked + .km-radio::before, .im-filter__extend .km-radio--checked::before {
    content: none !important;
}

.im-filter__extend .km-button {
    margin: 0px;
}

.im-filter__more {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 82px;
}

.im-filter__more--count.km-tag--primary.km-tag--filled {
    background-color: rgba(88, 124, 247, 0.7);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
}

.im-filter__more--count.km-tag--clearable:hover {
    background-color: rgb(88, 124, 247) !important;
    border: 1px solid rgb(88, 124, 247) !important;
    color: rgb(255, 255, 255) !important;
}

.im-filter__more--count .km-tag__icon.km-tag-clear {
    margin-left: 4px;
    color: rgb(255, 255, 255) !important;
}

.im-filter__more-modal {
    min-height: 300px;
    width: 452px;
}

    .im-filter__more-modal .km-popover__inner {
        padding: 24px 0px 68px 24px;
        position: relative;
    }

.im-filter__new-greeting .km-badge__item {
    box-shadow: none;
}

.filter-more__section {
    margin-bottom: 12px;
    padding-right: 24px;
}

    .filter-more__section .km-button:hover {
        background-color: rgb(242, 245, 254);
        color: rgb(88, 124, 247);
    }

    .filter-more__section .km-radio {
        margin-right: 0px;
    }

    .filter-more__section .km-radio__label {
        padding-left: 0px;
    }

    .filter-more__section .km-checkbox {
        margin-right: 0px;
    }

.filter-more__title {
    color: rgb(20, 25, 51);
    font-weight: 500;
    margin-bottom: 16px;
}

.filter-more__content {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
}

.filter-more__item {
    background-color: rgb(246, 247, 250);
    border: 1px solid rgba(0, 0, 0, 0);
    color: rgb(122, 127, 153);
    height: 32px;
    margin: 0px 0px 12px 12px;
    min-width: 52px;
}

.filter-more__item-active {
    background-color: rgb(247, 248, 255);
    border: 1px solid rgb(88, 124, 247);
    color: rgb(88, 124, 247);
}

.filter-more__item.km-button > .km-ripple {
    padding: 0px 12px !important;
}

.filter-more__footer {
    bottom: 24px;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 24px;
}

.new-greeting {
    position: relative;
}

.new-greeting__point {
    background-color: rgb(251, 97, 96);
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    left: 0px;
    position: relative;
    top: -8px;
    width: 8px;
}

.rd55-header .rd55-header__inner {
    min-width: 1020px;
}

.im-page {
    background-size: 200%;
    height: calc(100vh - 64px);
    margin: 0px auto;
    padding: 12px 0px 24px;
    position: relative;
}

.im--page .im-page {
    max-width: 1280px;
}

.im-page .km-main {
    height: 100%;
}

.im-page__overlay {
    background-color: rgb(232, 236, 239);
}

.im-page__inner {
    background: rgb(240, 242, 246);
    border-radius: 4px;
    box-shadow: rgba(181, 192, 210, 0.2) 0px 8px 10px -5px, rgba(181, 192, 210, 0.14) 0px 16px 24px 2px, rgba(181, 192, 210, 0.12) 0px 6px 30px 5px;
    height: 100%;
    position: relative;
}

.im--page .im-page__inner .new-greeting-speed {
    height: 68px;
    padding: 12px 20px;
}

.im-page-widget .im-container {
    flex-direction: row-reverse;
}

.im-aside {
    color: rgb(184, 192, 203);
    height: 100%;
}

@keyframes im-bg-move {
    0% {
        background-position: 0px 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0px 50%;
    }
}

.app-im-unread {
    background-image: linear-gradient(270deg, rgb(254, 110, 87), rgb(255, 94, 83));
    border-radius: 8px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    min-width: 14px;
    padding: 0px 3px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 3px;
    transform: translateX(calc(100% + 2px));
}

.is-ie .app-im-unread {
    right: -14px;
    transform: translateX(0px);
}

.im-notice {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(102, 102, 102, 0.2) 0px 11px 15px -7px, rgba(102, 102, 102, 0.14) 0px 24px 38px 3px, rgba(102, 102, 102, 0.12) 0px 9px 46px 8px;
    height: 68px;
    justify-content: center;
    left: -321px;
    padding: 0px 24px;
    position: absolute;
    top: 0px;
    width: 320px;
    z-index: 100;
}

.im-notice, .im-notice__avatar {
    align-items: center;
    display: flex;
}

.im-notice__avatar {
    color: rgb(122, 127, 153);
    flex-direction: column;
    font-size: 0.75rem;
    margin-right: 16px;
}

.im-notice__message {
    color: rgb(20, 25, 51);
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
}

.im-notice__name {
    color: rgb(20, 25, 51);
    font-weight: 700;
    padding-bottom: 8px;
}

.im-notice__name, .im-notice__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 210px;
}

.im-notice__text {
    color: rgb(122, 127, 153);
    font-size: 0.75rem;
}

.im-new-msg-enter-active, .im-new-msg-leave-active {
    transition: all 0.2s ease 0s;
}

.im-new-msg-enter, .im-new-msg-leave-to {
    opacity: 0;
    transform: translateX(100px);
}

.im-widget-trigger {
    height: 130px;
    position: fixed;
    right: 0px;
    top: 140px;
    width: 38px;
    z-index: 99;
}

.im-widget-trigger__inner {
    align-items: center;
    background-color: rgb(255, 255, 255);
    border-radius: 4px 0px 0px 4px;
    box-shadow: rgba(133, 155, 199, 0.3) 0px 5px 8px 0px;
    color: rgb(20, 25, 51);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 101;
}

.im-widget-trigger__unread {
    height: 24px;
    margin-right: 3px;
    width: 16px;
}

.im-widget-trigger__unread-icon {
    margin-top: 18px;
}

.im-widget-trigger__unread .app-im-unread {
    max-width: 24px;
    right: 22px;
    top: 10px;
}

.im-widget-trigger__unread .app-im-unread__max {
    right: 28px;
}

.im-widget-trigger__text {
    display: flex;
    flex-direction: column;
    line-height: 18px;
    margin-left: 3px;
    margin-top: 20px;
    width: 16px;
}

.im-widget-out {
    right: 0px !important;
}

.im-widget-in {
    right: -370px !important;
    transition: all 0.4s ease 0s !important;
}

    .im-widget-in .im-page__main {
        padding-right: 30px !important;
        right: 379px !important;
    }

.mini-trigger-enter-active, .mini-trigger-leave-active {
    transition: all 0.4s ease 0s;
}

.mini-trigger-enter, .mini-trigger-leave-to {
    opacity: 0;
    transform: translateX(50px);
}