/*公用混乱的样式存放 ， 放到公用引用里， 以免改一个地方 n 个地方改动*/
/*---------------------------------------  动画效果  ---------------------------------------  */
.fade-enter {
    opacity: 0;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-play-state: paused;
}

.fade-appear {
    opacity: 0;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-play-state: paused;
}

.fade-leave {
    animation-duration: .6s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-play-state: paused;
}

.fade-enter.fade-enter-active {
    animation-name: fadeIn;
    animation-play-state: running;
}

.fade-appear.fade-appear-active {
    animation-name: fadeIn;
    animation-play-state: running;
}

.fade-leave.fade-leave-active {
    animation-name: fadeOut;
    animation-play-state: running;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*.wt-icon-dot{color: #e81118 !important;}*/
.wt-c-tit{color: #282828 !important;}
/*.wt-button-5{ background-color: #e81118 !important;}*/
.wt-button-17{background-color: transparent !important;}
.common-panel-bg{background: transparent;}



.wtspe-sample-tip{
    position:relative;
    cursor:pointer;
}
/*：before 被图标占用的 ， 不能使用*/
.wtspe-sample-tip:hover::before{
    /*content:attr(data-tip);*/
    /*position:absolute;*/
    /*bottom:-30px;*/
    /*left:10px;*/
    /*padding:2px 6px;*/
    /*display:inline-block;*/
    /*color:#333;*/
    /*border:1px solid #666;*/
    /*border-radius:5px;*/
    /*font-size:12px;*/
    /*line-height: 20px;*/
    /*white-space: nowrap;*/
    /*font-style: normal;*/
}
.wtspe-sample-tip:hover::after{
    content:attr(data-tip);
    position:absolute;
    bottom:-30px;
    right: -40px;
    padding:2px 6px;
    display:inline-block;
    color:#333;
    border:1px solid #666;
    border-radius:5px;
    font-size:12px;
    line-height: 20px;
    white-space: nowrap;
    font-style: normal;
}
/*---------------------------------------  container ---------------------------------------*/
.wt-candidate-container{padding: 0 20px 0px 20px !important;}
#table_area{margin: 0 0 0 0 !important;}
.wt-copyright{line-height: 50px;font-size: 12px;}

.wt-fg-header {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.wt-fg-header .main-menu{margin-left: 0px !important;}


.virtual-scroller{height: 8px;position: absolute;width: 100%;overflow: hidden;}
.virtual-scroller-box{ width: 100%; height: 8px;position: relative;background-color: transparent;}
.virtual-scroller-slider{height: 8px;border-radius: 5px;position: absolute;top: 1px;background-color: #cccccc; }
.o-scroller-hidden{overflow: hidden !important;}
/*---------------------------------------   table ------------------------------------------*/
#table_tools{background-color: #ffffff;}
#table_area{position: relative;}
#table_tools.fixed-status{border-bottom: 1px solid #e0e0e0; }
.wtspe-table-pages.fixed-status{border-top: 1px solid #e0e0e0; }
.wt-fg-header .main-menu{padding-left: 20px;}
.top-menu-select-blank{margin-left: 20px;}
.wt-display-full-screen{z-index: 1000 !important;position: fixed !important;overflow-x: hidden !important;}
.wtspe-full-mode-flag-item-icon{font-size: 16px;vertical-align: middle;margin-right: 3px;}
.wtspe-full-mode-flag-container{position: fixed;right: 8px;bottom: 200px;z-index: 1000;}
/*.wtspe-full-mode-flag-item{*/
/*cursor: pointer;*/
/*background: #282828;*/
/*padding-left:8px;*/
/*box-shadow: 1px 4px 10px 0 #888888;*/
/*border: solid 1px #282828;*/
/*border-radius: 100px 0px 0px 100px;*/
/*color: #ffffff;*/
/*white-space: nowrap;*/
/*font-size: 0px;*/
/*height: 26px;*/
/*line-height: 26px;*/
/*}*/
/*.wtspe-full-mode-flag-item:hover{ font-size: 12px; vertical-align: middle; }*/
.wtspe-full-mode-flag-item:hover .wtspe-full-mode-flag-item-title{margin-left: 4px;margin-right: 4px;}

.wtspe-full-mode-flag-item-title{}
.wtspe-full-mode-flag-item{
    width: 40px;
    cursor: pointer;
}

.wt-common-table-style-1 th{height: 32px !important;line-height: 32px !important;font-weight: bold !important;color: #777!important;}
.wt-common-table-style-1 td{height: 32px !important;line-height: 32px !important;}
.wt-common-table-style-1{color: #282828 !important;}
.wt-common-table-style-1 thead{background-color: #fcfcfc !important;}



/*--------------------------------------- 职位详情 业务规则 ------------------------------------------*/
.p-dtl-list dd p{ padding-left: 20px; }
.wtspe-position-mainL,.post-second-step{background: #ffffff !important;}
.post-second-step {border-top: 1px solid transparent;}

.popBtnSty {text-align: center; line-height: 55px;}
.popBtnSty input {margin-right: 20px;}
.wtspe-allPlan-tit {height:45px; padding:20px 0 0 15px;}
.wtspe-allPlan-tit h4{height:55px}
.wt-dtl-container{width: 1250px !important;}
.wtspe-import-demand {width:500px!important;}
.wtspe-import-demand .pop-btn {text-align: right!important;padding-right:20px!important;}
.wtspe-import-demand .newPlan_table tr td .select_file {border-color: #eeeeee!important;border-radius: 5px!important;}
.wtspe-import-demand .newPlan_table tr td .select_file .wtspeicon-operation-out-doc {margin: 0 10px; font-size: 16px;}
.wtspe-import-demand .newPlan_table tr td .select_file input {color:#6f6f6f!important;}
.wtspe-import-demand .newPlan_table tr td .select_file input::-webkit-input-placeholder {color:#6f6f6f!important;}
.wt-icon160-540 {background: none!important;}
.wt-modify-position .wt-addPosition-5 .approval-process-area .approval-process-container .com-process ul.onlyOne li {border-left: 1px dashed #dedede!important;}
.wt-modify-position .wt-addPosition-5 .approval-process-area .approval-process-container .com-process ul li:last-child {border-left: 1px solid transparent!important;}
.approval-process-area .approval-process-container .com-process ul.onlyOne li {border-left: 1px dashed #dedede!important;}
.approval-process-area .approval-process-container .com-process ul li:last-child {border-left: 1px solid transparent!important;}
/*--------------------------------------- 候选人 业务规则 ------------------------------------------*/
.wtspe-listSite .part-left{height:438px;}
.wtspe-listSite .part-left .label_box {height: 340px;}
.wtspe-listSite .part-right .label_box {height: 280px;}
.wt-curr-sort .select_field_li {height:320px; overflow:auto;}
.wt-curr-sort .sort-btn {clear:both; text-align: right; padding: 20px; border-top: 1px solid #dedede;}
.wt-curr-sort .radioList {padding:0 0 0 10px;width:300px;position: absolute; right:20px;bottom: 85px;}
.wt-curr-sort .radioList .radio1 { display: inline-block; margin: 0 8px; font-size: 12px; cursor: pointer;}
.wt-curr-sort .radioList .radio1 i {margin-top: 0;}
.wt-curr-sort .row_2 .sort_field .sort_list {border-top:none!important; padding: 0 20px 20px;}
.wt-curr-sort .row_2 .sort_field .sort_list li {
    display: inline-block;
    padding:0 5px!important;
    height:24px;
    line-height: 22px!important;
    border:1px solid #e8e8e8;
    border-radius: 5px;
    float: left;
    margin: 0 10px 10px 0;
    position:relative;
}
.wt-curr-sort .row_2 .sort_field .sort_list li i {font-size: 12px; color: #cbcbcb; margin: 0 5px 0 0;}
.wt-curr-sort .row_2 .sort_field .sort_list li a {color:#6f6f6f; display: none; float:none!important; margin:0 0 0 5px!important; font-size: 12px;}
.wt-curr-sort .row_2 .sort_field .sort_list li a.wtspeicon-close { position: absolute; top:5px; left: 50%; margin-left: -6px!important;}
.wt-curr-sort .row_2 .sort_field .sort_list li:hover {color:#e2e2e2;}
.wt-curr-sort .row_2 .sort_field .sort_list li:hover i{color:#e2e2e2;}
.wt-curr-sort .row_2 .sort_field .sort_list li:hover a{color:#e81d21; display: inline-block;}
.wt-curr-sort .row_2 .sort_field .sort_list li#moreLiBtn {border:none!important;padding-left: 0!important;}
.wt-curr-sort .row_2 .sort_field .sort_list li#moreLiBtn a {height:24px!important; line-height:22px!important; display: block!important; width: auto!important; padding: 0 5px; margin-left: 0!important;}
.wt-curr-sort .select_field .label_list {padding-left: 20px;}
.wt-curr-sort .select_field .label_search {border-radius: 5px; margin-top: 20px;}
.wt-curr-sort .select_field .label_search i {float:right; margin-top:5px!important;}
.wt-curr-sort .select_field .label_list li {height:27px; border-radius: 5px!important; background-color: #fcfcfc;}
.wt-curr-sort .select_field h2 {font-size: 12px;}
.wt-curr-sort .select_field h2 .wtspeicon-label{font-size: 12px; color: #cbcbcb; margin-right: 8px;}
.operation .wtspe-filter_btn {width: 190px; line-height: 28px; padding-left: 50px; border: 1px solid #cccccc;margin-bottom: 10px;font-size: 12px;background-color: #fcfcfc;border-radius: 5px;color: #6f6f6f;}
.operation .wtspe-filter_btn .wtspeicon-tick {color: #42c97b; margin-right: 5px; font-size: 14px;}
.operation .wtspe-filter_btn .wtspeicon-close {color: #ea282e; margin-right: 5px; font-size: 14px;}
.apply-prcs .exa-mess {margin-bottom: 30px;}
.unselect-labels .wtspe_labels_type {font-size: 14px; color: #282828; margin: 0 0 20px; clear: both;}
.unselect-labels .wtspe_labels_type span {display: inline-block; width: 3px; height: 14px; background-color: #cccccc; margin-right: 5px; vertical-align: middle; margin-top: -2px;}
.unselect-labels .wtspe_labels_con {width:99%!important; height:auto!important; border:none!important;padding: 0 0 0 12px!important; margin: 0 0 10px 0!important;}
.unselect-labels .wtspe_labels_con>div {width: 90px;height: 26px;margin-right: 10px; margin-bottom: 10px;float: left; padding: 0 10px;
    color: #6f6f6f; border: 1px solid #eeeeee;line-height: 24px;text-align: center; cursor: pointer; font-size: 12px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    /*--------------------------------------- 人才库 业务规则 ------------------------------------------*/
.wtspe-talentPool-folder-tit {
    height:60px;
    background-color: #ffffff;
    margin-bottom: -5px;
    position: relative;
    z-index: 2;
    border:1px solid #e8e8e8;
    border-radius: 5px 5px 0 0;
    line-height: 60px;
    padding-left: 20px;
}
.wtspe-talentPool-folder-tit span {
    height: 16px;
    font-size:16px;
    border-left: 3px solid #a9a9a9;
    padding-left: 10px;
}


/*--------------------------------------- 表单样式重置 ------------------------------------------*/
.wt-switch-radio i{ font-size: 16px !important; }
.wt-switch >span{color: rgba(0, 0, 0, 0.65);font-size: 14px;cursor: pointer;}
.com-label{ color: rgba(0,0,0,0.85)!important;}
.item-prompt{color: #e81118 !important;}
.form-large-title{}
.form-large-title .item-label { width: 180px !important; }
.form-large-title .item-content { width: 440px !important; }
.form-large-title .item-prompt { margin-left: 200px !important; }
/*--------------------------------------- 表单样式重置 ------------------------------------------*/
/*--------------------------------------- 个人中心 ------------------------------------------*/
.wt-form-common-item .item-orag-plus {line-height: 30px;}
/*--------------------------------------- search hide ------------------------------------------*/
#wt-search-container{position: relative;background-color: #f6f6f6;}
.wtspe-filter-hide-search{
    width: 20px;
    position: absolute;
    right: -10px;
    top: 85px;
    z-index: 9;
    cursor: pointer;
}

.wtspe-full-mode-flag-item .wtspe-full-mode-go-topbar .icon-ats{
    font-size: 22px;
    color: rgb(51, 51, 51);
}
.wtspe-full-mode-flag-item .wtspe-full-mode-go-topbar{
    text-align: center;
    cursor: pointer;
    border: none;
    width: 48px;
    height: 48px;
    background: rgb(255, 255, 255)!important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 12px 36px 0px, rgba(0, 0, 0, 0.08) 0px 4px 15px 0px;
    border-radius: 50%;
    line-height: 48px;
}
.wtspe-full-mode-go-top{
    color: #fff;
    font-weight: bold;
}
/*--------------------------------------- dialog 按钮 ------------------------------------------*/
.ui-dialog-footer button.ui-dialog-autofocus{
    background: #e81118 !important;
    color: #ffffff !important;;
    border: 1px solid #e81118 !important;;
    font-size: 14px !important;;
    min-width: 46px !important;;
    padding: 0 10px !important;;
    height: 30px !important;;
    line-height: 30px !important;;
    border-radius: 5px !important;;
    display: inline-block !important;;
    text-align: center !important;;
    cursor: pointer !important;;
}

.ui-dialog-footer button {
    background: #e81118 !important;
    color: #ffffff !important;;
    border: 1px solid #e81118 !important;;
    font-size: 14px !important;;
    min-width: 46px !important;;
    padding: 0 10px !important;;
    height: 30px !important;;
    line-height: 30px !important;;
    border-radius: 5px !important;;
    display: inline-block !important;;
    text-align: center !important;;
    cursor: pointer !important;;
}

/*--------------------------------------- 交互top ------------------------------------------*/
.wt-theme-default .wtspe-nav-topBar-mutual{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #eee;
    width: 100%;
}

/*-------------------------------pop tips ----------------------------*/
.wt-fg-header .main-menu-rigth .main-menu-rigth-button {
    border: 1px solid #cccccc !important;
}

.condition-searcher-box{width: 600px;position: relative;}
.condition-searcher-left{overflow-y: auto;width: 200px;position: absolute;left:0;top:0;height: 300px;border-right: 1px solid #e0e0e0;}
.condition-searcher-left-item{ height: 22px;line-height: 22px;font-size: 12px;margin: 15px 0;}
.condition-searcher-left-item:hover .condition-searcher-edit{display: inline-block !important;}
.condition-searcher-left-item:hover .condition-searcher-delete{display: inline-block !important;}
.condition-searcher-left-item input{outline: none; border: 0;font-size: 14px;width: 146px;text-indent: 20px;background-color: #ffffff;}
.condition-searcher-left-item.selected{border-right-width: 4px;border-right-style: solid;}
.condition-searcher-edit{cursor: pointer;display: none;}
.condition-searcher-delete{cursor: pointer;display: none;}
.condition-searcher-right{overflow-y: auto;width: 400px;position: relative;margin-left: 200px;height: 300px;}
.condition-searcher-right-wrapper{display: none;}
.condition-searcher-right-item{line-height: 50px;color: #6f6f6f;font-size: 14px;padding-left: 20px; position: relative;}
.condition-searcher-right-key{ width: 100px; display: inline-block; vertical-align: middle;}
.condition-searcher-right-value{ width: 150px; display: inline-block; vertical-align: middle; }
.condition-searcher-right-delete{ font-size:12px;width: 100px; display: none; vertical-align: middle;cursor: pointer; }
.condition-searcher-right-item:hover{color: #282828;}
.condition-searcher-right-item:hover .condition-searcher-right-delete{display: inline-block !important;vertical-align: middle;}
.condition-searcher-bottom{line-height: 80px; text-align: center;border-top: 1px solid #e0e0e0;}

.wt-collapse-box{position: relative;}
.wt-collapse-left{position: absolute; top: 0; left: 0; width: 60px;}
.wt-collapse-left .collapse-left-title .collapse-left-title-text {
    font-weight: bold;
}
.wt-collapse-right{margin-left: 60px;}
.wt-collapse-box.posopen .wt-collapse-left{width: 180px;}
.wt-collapse-box.posopen .wt-collapse-right{margin-left: 180px;}
.wtspe-position-grid{display: block;height: 500px;position: relative;}
.wtspe-position-grid-header{border-bottom: 1px solid #e0e0e0;font-size: 14px;color: #282828;line-height: 50px;margin-bottom: 18px;}
.wtspe-position-grid-header-icon{display: inline-block; width: 14px; height: 14px; background-image: url("../images/public/computer.png");
    margin-top: -4px;margin-right: 5px;vertical-align: middle;background-size: 100% 100%; }
.wtspe-position-grid-header-text{}
.wtspe-position-grid-item1{}
.wtspe-position-grid-item2{margin: 10px 0;}
.wtspe-position-grid-item3{}
.wtspe-position-grid-item4{position: absolute;left: 20px; bottom: 0;font-size: 14px;}
.wtspe-position-grid-item4-left{position: absolute;width: 40px;}
.wtspe-position-grid-item4-right{margin-left: 40px;}
/*旧版，招聘类型拆分后是根据js计算的高度*/
.wtspe-position-grid-parent{ height: 450px;overflow: auto;}
@media only screen and (min-width: 1800px) {
    .wtspe-position-grid-parent{ height: 667px}
}

.wtspe-position-grid-child {
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    color: #262626;
    white-space: nowrap;
}
/*.wtspe-position-grid-child:hover{color: #e81118}*/
.wtspe-position-grid-child-label{color: #e81118;/*margin-right: 10px;*/opacity:  0;font-size: 0}
.wtspe-position-grid-child-top .wtspe-position-grid-child-label{}
.wtspe-position-grid-open{position: absolute;width: 60px;height: 100%;border: 1px solid #e0e0e0;background-color: #ffffff;cursor: pointer;}
.wtspe-position-grid-close{padding: 0 0 0 20px;}
.wtspe-position-grid-icon{position: absolute;font-size:18px;top: 50%;left: 50%;margin-left: -8px;margin-top: -10px;}
.wtspe-position-grid-open-header{font-size: 12px;color: #282828;padding: 6px;}
.wtspe-position-grid-open-icon{margin-right: 3px;}

.wtspe-position-grid-child-title{cursor: pointer;display: inline-block;overflow: hidden;text-overflow: ellipsis;vertical-align: top;}
.wtspe-position-grid-totalpost{font-weight: 600}
.wtspe-position-virtual{
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 4px;
    font-size: 12px;
    text-align: center;
    margin-left: 6px;
}
.wtspe-position-folder{
    position: absolute;left: 8px;top: 10px;font-size: 16px;color:#8C8C8C
}

.wt-collapse-box.posopen .wtspe-position-grid-open{display: none;}
.wt-collapse-box.posclose .wtspe-position-grid-close{display: none;}

.wtspe-filter-header-special{position: absolute;border-bottom: 0 !important;top: 2px;left:0;}

.wtspe-position-grid-item2 .wtspe-select-header-label{color: #6f6f6f !important;}
.wtspe-position-grid-item2 .wtspe-select-header-content{padding-left: 0 !important; }

.wt-nav-top, .wt-nav-top-new{
    height: 60px !important;
}



.tips-input-wraper{
    position: relative;
    border-radius: 5px;
}
.tips-input-wraper input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
}
.tips-input-wraper .focus-input-tips{
    background-color: #fefcc9;
    line-height: 22px;
    position: absolute;
    z-index: 99999;
    left: 0;
    right: 0;
    width: 100%;
    border: 1px solid #fad988;
    border-radius:5px;
    box-sizing: border-box;
    color: #f75138;
    word-break: break-all;
    bottom: 32px;
    padding: 4px 10px;
    display: none;
}

.collapse-left-title{padding: 0 10px;position: relative;cursor: pointer;}
.collapse-left-title-text{
    max-width: 160px;display: inline-block;
    font-size: 16px;
    /*font-family: PingFang SC;*/
    font-weight: 600;
    color: rgba(0,0,0,0.85);
    padding-left: 15px;
}
.collapse-left-content{height: 100%;padding: 10px 24px 0;overflow-y: scroll;}
.header-switch-arrow{position: absolute;top: 22px;right: 20px;line-height: normal;}

.sample-title-4{font-size: 16px;color: #262626;font-weight: 600;height: 40px;line-height: 40px;}

@keyframes tea_arrow1 {
    0%{transform: rotate(0deg);}
    25%{transform: rotate(45deg);}
    50%{transform: rotate(90deg);}
    75%{transform: rotate(135deg);}
    100%{transform: rotate(180deg);}
}

.header-switch-container{
    position: relative;background-color: #f7f7f7;box-shadow: 0 2px 0px #d2cdcd;
    overflow: hidden;
}

.header-switch-on .header-switch-main .wtspeicon-down-hollow{animation: tea_arrow 0.5s linear;transform-origin:center center;transform: rotate(180deg);}
.header-switch-on .header-switch-main .collapse-left-content{}
.header-switch-on .header-switch-bottom .collapse-left-title{
    /*position: absolute;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*bottom: 0;*/
}
.header-switch-on .header-switch-bottom{}
.header-switch-on .header-switch-bottom .collapse-left-content{
    display: none;
}
/*.header-switch-bottom{*/
    /*margin-top: -28px;*/
    /*position: relative;*/
    /*z-index: 500;*/
/*}*/
.header-switch-off .header-switch-main .wtspeicon-down-hollow{}
.header-switch-off .header-switch-main .collapse-left-content{display: none;}
.header-switch-off .header-switch-bottom{ }
.header-switch-off .header-switch-bottom .collapse-left-title{}
.header-switch-off .header-switch-bottom .collapse-left-content{}

.header-switch-fixed-title{}

.candidateslefts-position-charge{position: absolute; top: 0;left: 0;width: 100%;}

.wtspeicon-mail-open:before{content: '\e78a' !important;}
.wtspeicon-mail:before{content: '\e78a' !important;}

.managerSite{
    font-size:14px;
    font-weight:400;
    color:rgb(0,0,0);
}

.ui-widget.ui-widget-content{
    max-height: 260px;
    overflow-y: auto;
}

/*------------ 2020-Q4样式 ---------------*/
.collapse-left-title-switch-group{
    width: 132px;
    height: 22px;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    top: 50px;
    left: 24px;
    z-index: 80;
}
.collapse-left-title-switch-group-item{
    width: 40px;
    height: 18px;
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    float: left;
    text-align: center;
    font-weight: 400;
}
.switch-group-on{
    background: #FFFFFF;
    font-weight: 600;
}

.candidateslefts-position-search-container,
.candidateslefts-station-search-container {
    position: relative;
    z-index: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
#candidateslefts-position-search,
#candidateslefts-station-search{
    flex: 1;
    margin-right: 8px;
}
.candidateslefts-position-filter-container,
.candidateslefts-station-filter-container{
    display: flex;
    width: 32px;
    height: 32px;
    background: #F7F7F8;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.company-manager,.school-manager{
    float: right;
}

.wtspe-position-topJob{
    width: 16px;
    height: 16px;
    border-radius: 4px;
    font-size: 12px;
    margin-left: 6px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    background: rgba(250, 173, 20, 0.1) !important;
    color: #FAAD14 !important;
}

/*自定义字段 - 是否合适 */
.table-column-appropriate, .table-column-allInterviewerNames {position: relative;height: 32px;width: 100px;vertical-align: middle;display: inline-block;}
.circle-text-item{position: absolute;width: 32px;height: 32px;border-radius:17px;top: 0;background-color: #ffffff;
    cursor: default;border: 1px solid #ffffff;}
.circle-text-item-wrap{width: 30px;height: 30px;line-height: 30px;border-radius:16px;text-align: center;border: 1px solid rgba(0,0,0,0.1);}
.circle-text-item-tip{position: absolute;width: 6px;height: 6px;border-radius: 3px;right: 4px;top: 0;}
.circle-text-item-tip.red {background-color: #F93A3A}
.circle-text-item-tip.green {background-color: #52C41A}
.circle-text-item-tip.grey {background-color: #858C96}
.wtspe-pop-common-text{padding: 12px; width: 360px;max-height: 254px;}
.wtspe-pop-common-text-item{ border-bottom: 1px solid rgba(0,0,0,0.1);margin-bottom: 8px;}
.wtspe-pop-common-text-item-text1{font-size: 14px;font-weight: 600;line-height: 24px;position: relative;}
.wtspe-pop-common-text-item-text2{font-size: 12px;margin-bottom: 10px;}
.wtspe-pop-common-text-item-text1-right{position: absolute;display:inline-block;line-height: 20px;top: 0; right: 0;
    font-size: 12px; padding: 0 10px;border-radius: 4px;font-weight: 400;

}
.wtspe-pop-common-text-item-text1-right.red {color: #F93A3A;background-color: rgba(249, 58, 58, 0.1)}
.wtspe-pop-common-text-item-text1-right.green {color: #52C41A;background-color: rgba(82, 196, 26, 0.1)}
.wtspe-pop-common-text-item-text1-right.grey {color: rgba(0,0,0,0.25);background-color: rgba(0,0,0,0.05)}

.wtspe-pop-common-text-item:last-child{border: none;}