/*-- all --*/
.sContent .loading{height:100%;min-height:100px;background:url(/img/loading.gif) no-repeat center center;}
.sContent .form{min-height:100px;}
.g_trigger{    display: inline-block;width: 20px;height: 20px;background: url(/img/ico.gif) no-repeat 1px -298px;/* vertical-align: middle; */margin-left: -20px;text-indent: -50px;overflow: hidden;/* margin-top: 1px; */position: relative;top: 5px;}
.dlTs dl:after,.dlTs2 dl:after,.sScroll ul:after,.ul4:after{display:block;content:"";height:0;clear:both;visibility:hidden;}
.dlTs dl{padding-right:110px;padding-bottom:10px;zoom:1;}
.dlTs dd{width:99%;float:left;}
.dlTs dt{width:100px;float:right;margin-right:-110px;display:inline;}

.dlTs2 dl{padding-left:130px;padding-bottom:10px;zoom:1;}
.dlTs2 dt{width:120px;float:left;margin-left:-130px;display:inline;text-align:right;}
.dlTs2 dt em{font-style:normal;color:red;}
.dlTs2 dd{width:99%;float:right;}
.dlTs2 select{margin-left:0;}
.sContent .content{padding:10px;}
.sContent .contentNew{padding: 20px !important;}
.sContent .contentNew p{padding:0px;line-height:1;}
.sContent .content .content_p{margin-bottom: 30px;}
.sScroll em,
.sScroll3 em,
.orgList em,
.selTop span{background:url(/img/ico.gif) no-repeat 0 0;}

.sScroll{height:300px;border:1px solid #CCC;margin-bottom:5px;overflow-y:scroll;overflow-x:auto;}
.sScroll li{width:100%;overflow:hidden;_width:96%;}
.sScroll ul{padding:5px;}
.sScroll ul ul{padding:0 0 0 14px;display:none;}
.sScroll ul ul li{width:33%;white-space:nowrap;float:left;}
.sScroll em{display:inline-block;height:13px;padding-left:14px;cursor:pointer;}
.sScroll .isOpen em{background-position:0 -50px;}

.sScroll3{height:300px;border:1px solid #CCC;margin-bottom:5px;overflow-y:scroll;overflow-x:auto;}
.sScroll3 ul{padding:5px;}
.sScroll3 ul ul{padding:0 0 0 14px;display:none;}
.sScroll3 ul ul li{white-space:nowrap;}
.sScroll3 em{display:inline-block;height:13px;padding-left:14px;cursor:pointer;}
.sScroll3 .isOpen{background-position:0 -50px;}

.selTop,.selTop2{height:80px;border:1px solid #CCC;overflow-y:scroll;word-break:break-all;}
.selTop span{cursor:pointer;white-space:nowrap;float:left;margin-left:5px;margin-right:5px;padding-right:16px;background-position:right -21px;display:inline;}
.sContent .keyword{width:99%;padding:2px;margin:0;font-size:14px;border:1px solid #CCC;}
.sScroll2{width:100%;height:400px;border:1px solid #CCC;overflow-y:scroll;_width:99%;}
.sScroll2 .ul4 li{font-weight:normal;}
.sScroll2 label span{display:inline-block;width:80%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
.showAllBtn{display:none;}
.hideArea{display:none;}
.hideAreason{display:none;}

/*-- jobArea --*/
.commonArea{display:none;border-bottom:1px dashed #CCC;margin-bottom:10px;}
.commonArea span,
.targetProvince span,.targetCity span{padding:2px 5px;cursor:pointer;}
.provincesArea{height:100px;border-bottom:1px dashed #CCC;margin-bottom:10px;overflow-y:scroll;}
.citiesArea{height:70px;border-bottom:1px dashed #CCC;margin-bottom:10px;overflow-y:scroll;}
.districtArea{height:70px;border-bottom:1px dashed #CCC;margin-bottom:10px;overflow-y:scroll;}
.provincesArea span,
.citiesArea span,.districtArea span{width:80px;padding:0 5px;float:left;white-space:nowrap;overflow:hidden;cursor:pointer;}
.selectedArea{height:60px;overflow-y:auto;}
.selectedArea b{font-weight:normal;float:left;}
.selectedArea span{background:url(/img/ico.gif) no-repeat right -21px;cursor:pointer;white-space:nowrap;margin-left:5px;margin-right:5px;padding-right:16px;float:left;display:inline;}
.commonArea span:hover,
.provincesArea span:hover,
.targetProvince span:hover,.targetCity span:hover,
.citiesArea span:hover,.districtArea span:hover{background-color:var(--td-brand-color-hover);color:#FFF;}

/*-- hr --*/
.abcList{display:none;height:22px;border-left:1px solid #CCC;margin-top:10px;margin-bottom:10px;}
.abcList b{width:50px;font-weight:normal;}
.abcList span{width:17px;}
.abcList b,
.abcList span{display:block;height:22px;text-align:center;border-right:1px solid #CCC;border-top:1px solid #CCC;border-bottom:2px solid #962E20;cursor:default;background-image:-moz-linear-gradient(top,#FFFFFF,#D6D6D6);background-image:-webkit-gradient(linear,left top,left bottom,form(#FFFFFF),to(#D6D6D6));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#D6D6D6);float:left;}
.abcList .hover,
.abcList b:hover,
.abcList span:hover{background-image:none;background-color:#962E20;color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#962E20,endColorstr=#962E20);}
.memList{height:220px;width:100%;border-bottom:1px dashed #CCC;overflow-y:scroll;overflow-x:hidden;}
.memPage{border-bottom:1px dashed #CCC;height:26px;margin-bottom:6px;text-align:right;padding-right:20px;}
.memPage span,
.memPage a{padding:1px 5px;margin:0 2px;border:1px solid #CCC;color:#666;}
.memPage span,
.memPage a:hover{text-decoration:none;background-color:#EFEFEF;}
.memPage a{cursor:pointer;}
.memPage .first,
.memPage .prev,
.memPage .next,
.memPage .last{background:url(/img/icon.gif) no-repeat 5px -6px;}
.memPage .prev{background-position:5px -33px;}
.memPage .next{background-position:7px -140px;}
.memPage .last{background-position:7px -113px;}
.ul4{padding:0 5px;}
.ul4 li{white-space:nowrap;overflow:hidden;border-bottom:1px solid #FFF;font-weight:bold;}
.memList .ul4 li{font-weight:normal;}
.ul4 .c0{width:45%;float:left;clear:left;}
.ul4 .c1{display:none;width:20%;float:left;}
.ul4 .c2{width:29%;float:left;}
.ul4 .c3{width:22%;float:left;}

/*-- Organization --*/
.orgList{height:300px;border-bottom:1px dashed #CCC;margin-bottom:10px;overflow-y:scroll;overflow-x:auto;}
.orgList ul{background:url(/img/tree_v.gif) repeat-y 8px 0;}
.orgList ul li{padding-left:18px;background:url(/img/tree_h.gif) no-repeat 8px 8px;}
.orgList ul li:last-child{background:url(/img/tree_t.gif) #FFF no-repeat 8px 0;}
.orgList ul ul{display:none;zoom:1;}
.orgList ul ul li{white-space:nowrap;}
.orgList em{display:inline-block;height:13px;padding-left:18px;cursor:pointer;}
.orgList .isOpen{background-position:0 -50px;}
.orgList span{color:#999;}
.orgList label span{color:#222;cursor:pointer;}


/*-- jobTime --*/
.time{display:inline-block;position:relative;width:32px;height:18px;vertical-align:middle;border:1px solid #CCC;overflow:hidden;margin-top:-2px!important;vertical-align:text-bottom\9;}
.time input{position:absolute;width:20px;top:0;border:0;}
.time_ctrl{position:absolute;width:13px;height:18px;line-height:10px;right:0;top:0;}
.time_ctrl a{display:block;width:13px;height:9px;border-left:1px solid #CCC;text-align:center;font-size:7px;cursor:default;overflow:hidden;background-color:#ECE9D8;outline:none;color:#333;text-decoration:none;}
.time_ctrl a.down{border-top:1px solid #CCC;}
.time_ctrl a:active{background-color:#FFF;}

/*-- tags --*/
.tagsList{width:75%;text-align:right;}
.tagsList span{padding-right:5px;}
.tagsList label{padding-right:10px;}

/*-- jobUserType --*/
.selectUserType{height:80px;border-bottom:1px dashed #CCC;margin-bottom:10px;overflow-y:auto;overflow-x:hidden;}
.selectUserType span{width:142px;padding:0 5px;float:left;white-space:nowrap;overflow:hidden;cursor:pointer;}
.selectUserType span:hover{background-color:var(--brand-main);color:#FFF;}

/*-- jobType --*/
.selCategory{height:160px;border-bottom:1px dashed #CCC;margin-bottom:10px;overflow-y:scroll;}
.selJob{height:120px;border-bottom:1px dashed #CCC;margin-bottom:10px;overflow-y:scroll;}
.selCategory span,
.selJob span{width:170px;padding:0 5px;float:left;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;}
.selCategory span:hover,
.selJob span:hover{background-color:var(--td-brand-color-hover);color:#FFF;}

/*-- jobCommonWord */
 #showbox_addReviews .person_reviews_content_wrap{
  position: relative;
}
#showbox_addReviews #person_reviews_content_err_msg{
  position: absolute;
  top: 122px;
  line-height: 22px;
  display: block;
}
.commonWordBtnArea{border:1px solid #CCC;height:80px;margin:0 0 5px 2px;padding:5px;overflow-y:scroll;}
.commonWordBtnArea input{margin-bottom:5px;}
.commonWordContainer{
  margin-top: 12px;
}
.commonWordContainer .errors{color: red;padding-left: 8px;outline: none;}
.commonWordContainer .okBtn input{
  margin-bottom: 8px;
}

/*-- selectJobs --*/
.columnar{width:260px;height:360px;float:left;margin-bottom:20px;border:1px solid #CCC;}
.columnar2{width:40px;height:360px;float:left;margin-bottom:20px;background:url(/img/arrow-right.gif) no-repeat center 180px;}
.columnar h4{height:26px;background-color:#EAEAEA;padding-left:20px;}
.columnar .orgList{height:334px;border-bottom-width:0;}
.columnar .jobList{height:334px;overflow-y:scroll;overflow-x:auto;width:100%;}
.columnar .jobList li{padding-left:10px;padding-right:10px;cursor:pointer;}
.columnar .jobList li:hover,
.columnar .jobList li.selected{color:#333;background-color:var( --hover-bg-color)}
.columnar .jobList li.selected a{color:#333;}
.columnar .jobList a{color:#666;}
.columnar .jobList a:hover{text-decoration:none;}
.columnar .jobList em{color:#999;font-style:normal;float:right;}
.columnar .jobList span{display:none;}

/*-- selectMembers --*/
.columnar .smemList{height:334px;overflow-y:scroll;overflow-x:auto;width:100%}
.columnar .smemList li{padding-left:10px;padding-right:10px;}
.columnar .smemList li:hover{color:#333;background-color:var( --hover-bg-color);}
.columnar .smemList a{color:#666;}
.columnar .smemList a:hover{text-decoration:none;}
.columnar .selList{height:334px;overflow-y:scroll;overflow-x:auto;width:100%}
.columnar .selList li{padding-left:10px;padding-right:10px;zoom:1;}
.columnar .selList li.selected,
.columnar .selList li:hover{color:#333;background-color:var( --hover-bg-color);cursor:default;}
.columnar .selList a{color:#666;}
.columnar .selList a:hover{text-decoration:none;}
.columnar .selList span{height:20px;width:20px;font-size:0;text-indent:-100px;overflow:hidden;float:right;cursor:pointer;background:url(/img/btn-delete.gif) no-repeat right center;}
.columnar .smemList span,
.columnar .selList input,
.columnar .selList em{display:none;}
.columnar .selList li label{display: inline-flex;max-width: calc(100% - 20px);}
.columnar h4 a{margin-right:10px;float:right;cursor:pointer;}
.select-jobs-showbox .content p:nth-of-type(1) , .select-members-showbox .content>p:nth-child(1){
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.select-jobs-showbox .content p:nth-of-type(1) input ,.select-members-showbox .content>p:nth-child(1)>input{
  width: 300px;
  height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
  margin-right: 20px;
  border: 1px solid #CCC;
}
.select-jobs-showbox .content p:nth-of-type(1) .commonBtn input,.select-members-showbox .content>p:nth-child(1)>.commonBtn>input{
  width: 74px;
  height: 40px;
  box-sizing: border-box;
  margin: 0;
  font-size: 14px;
  background: var(--brand-main);
  color: #fff;
}
.select-jobs-showbox .content p:nth-of-type(1) .commonBtn input:hover ,.select-members-showbox .content>p:nth-child(1)>.commonBtn>input:hover{
  background: var(--td-brand-color-hover);
  border-color: var(--td-brand-color-hover);
}

/* jobSelectMemberMul */
.addrTop{width:100%;border:1px solid #CCC;background-color:#F6F6F6;overflow:hidden;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.addrContent{width:100%;height:220px;border:1px solid #CCC;border-top-color:#F6F6F6;overflow-x:hidden;overflow-y:auto;}
.addrTop b,
.addrContent label{width:70%;text-indent:10px;overflow:hidden;white-space:nowrap;clear:left;float:left;text-overflow:ellipsis;font-weight:normal;}
.addrTop span,
.addrContent span{width:30%;text-indent:10px;overflow:hidden;white-space:nowrap;float:left;text-overflow:ellipsis;}
.addrContent li{width:100%;border-bottom:1px dashed #EEE;overflow:hidden;}
.addrContent label b{font-weight:normal;}

.jobtype_tab ul{background:url(/img/dian.gif) repeat-x bottom; height:31px;  overflow:hidden; position:relative;}
.jobtype_tab ul li{ height:30px; line-height:30px; display:inline-block; float:left; border:1px solid #ccc; border-bottom:none; padding:0 6px; margin-right:3px; cursor:pointer;}
.jobtype_tab ul li.active{ border-top:2px solid var(--brand-main); border-bottom:1px solid #fff; position:relative}
.jobtype_tab ul li.active:before{position:absolute;content:"";left:0;top:92%;width:100%;height:1px;background:#fff;}

.jobtype_tab1 ul{background:url(/img/dian.gif) repeat-x bottom; height:31px;  overflow:hidden; position:relative;}
.jobtype_tab1 ul li{ height:30px; line-height:30px; display:inline-block; float:left; border:1px solid #ccc; border-bottom:none; padding:0 6px; margin-right:3px; cursor:pointer;}
.jobtype_tab1 ul li.active{ border-top:2px solid var(--brand-main); border-bottom:1px solid #fff; position:relative}
.jobtype_tab1 ul li.active:before{position:absolute;content:"";left:0;top:92%;width:100%;height:1px;background:#fff;}

/* checkbox,radio样式 */
.comment_control input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    width:16px;
    height:16px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 2px;
    border:1px solid #ccc;
    vertical-align: middle;
    align-self: center;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}
.comment_control input[type="checkbox"]:hover,.comment_control input[type="checkbox"]:active{
    border-color:var(--td-brand-color-hover);
}
.comment_control input[type="checkbox"]::after{
    box-sizing: content-box;
    content: " ";
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 5px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center;
}
.comment_control input[type="checkbox"]:disabled::after{
    border-color:#c0c4cc;
}
.comment_control textarea{
    padding: 10px;
    margin:0;
    font-size: 14px;
    line-height: 1.8em;
    font-family: inherit;
    color:inherit;
    box-sizing: border-box;
}
.comment_control input[type="checkbox"]:checked{
    border-color: var(--brand-main);
    background-color: var(--brand-main);
}
.comment_control input[type="checkbox"]:checked:hover,.comment_control input[type="checkbox"]:checked:active{
    border-color: var(--td-brand-color-hover);
    background-color: var(--td-brand-color-hover);
}
.comment_control input[type="checkbox"]:checked::after{
    transform: rotate(45deg) scaleY(1);
}
.comment_control input[type="checkbox"]:checked:disabled,.comment_control input[type="checkbox"]:disabled,.comment_control input[type="checkbox"]:disabled:hover, .comment_control input[type="checkbox"]:disabled:active{
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed;
}
.comment_control input[type="radio"]{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    width:16px;
    height:16px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 2px;
    border:1px solid #ccc;
    vertical-align: middle;
    align-self: center;
    position: relative;
    cursor: pointer;
}
.comment_control input[type="radio"]{
    border-radius: 100%;
    border:1px solid;
    color:#ccc;
    margin-right: 10px;
}
.comment_control input[type="radio"]:hover,.comment_control input[type="radio"]:active{
    color:var(--td-brand-color-hover);
}
.comment_control input[type="radio"]:checked{
    color:var(--brand-main);
}
.comment_control input[type="radio"]:checked::after{
    content:"\20";
    position: absolute;
    width:10px;
    height:10px;
    box-sizing: border-box;
    border:5px solid;
    overflow: hidden;
    border-radius: 100%;
    left:2px;
    top:2px;
}
.comment_control input[type="radio"]:disabled{
    cursor: not-allowed;
    color:#cccccc;
}
/* 滚动条样式 */
.scrollbar::-webkit-scrollbar
{
    width: 3px;
    height: 3px;
}
.scrollbar::-webkit-scrollbar-track
{
    border-radius: 10px;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
}
.scrollbar:hover::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, 0.2);
}
/* 单选，支持输入搜索下拉框样式 */
.js-el-select-tags,.js-el-select-tags .el-select__input{
    width: 100%;
}
.js-el-select-tags .popover{
    position: absolute;
    left:0;
    top:100%;
    background: #fff;
    width:240px;
    box-sizing: border-box;
    line-height: 30px;
    padding: 10px 0;
}
.js-el-select-tags.focus .popover {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
    z-index: 2000;
    border: 1px solid #e4e7ec;
}
.single-search.focus .popover {
    display: block !important;
}
.js-el-select-tags .popover .search-item{
    max-height: 180px;
    overflow: auto;
}
.js-el-select-tags .search-item li{
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 30px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.js-el-select-tags .search-item li.selected {
    color: var(--brand-main);
    background: url(/img/css1/icon-check.png) right center no-repeat;
}
.js-el-select-tags .search-item li:hover{
    background-color: #FAFBFD;
    color: var(--td-brand-color-hover);
}
/* 多选，支持输入搜索下拉框样式 */
/* 搜索条件 */
#searchForm .form_item .multiple-js-el-select-tags .el-select{
    min-height:30px;
}
/* 表单 */
/* .multiple-js-el-select-tags .el-select{
    min-height:40px;
} */
.multiple-js-el-select-tags .el-select{
    width: 100%;
    border: 1px solid #e4e7ec;
    box-sizing: border-box;
    background-color: #fff;
}
.multiple-js-el-select-tags .el-select__tags{
    line-height: 28px;
    width:100%;
    position:static;
    transform:none;

    white-space: normal;
    z-index: 1;
    top: 50%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.multiple-js-el-select-tags .el-select__input{
    flex: 1 0 80px;
    border: 0;
    width: 100%;
    height: 28px;
}
.multiple-search.focus .popover {
    display: block !important;
}
/* 多选，不支持输入搜索下拉框样式 */
.multiple-notsearch.focus .popover {
    display: block !important;
}
/* 表单样式 */
#form-standard{
    font-size: 14px;
    color: #333;
}
#form-standard dl{
    display: flex;
    flex-direction: row;
}
#form-standard dl dt{
    padding: 8px 0 8px 0;
    line-height: 40px;
    width: 130px;
    margin-right: 30px;
    text-align: right;
}
#form-standard em.required{
    margin-right: 8px;
    color: red;
    font-style: normal;
}
#form-standard dl dd{
    padding: 8px 0 8px 0;
    line-height: 40px;
}
#form-standard dl dd.control-box label{
    cursor: pointer;
}
#form-standard dl dd.control-box label + label{
    margin-left: 20px;
}
#form-standard dl dd.control-box input[type="radio"],#form-standard dl dd.control-box input[type="checkbox"]{
    margin-bottom: 4px;
    margin-right: 10px;
}
#form-standard select{
    height: 40px;
    margin: 0;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
}
#form-standard input[type="text"]{
    height: 40px;
    margin: 0;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
}
#form-standard .w_300{
    width: 300px;
}
#form-standard .w_690{
    width: 690px;
}
#form-standard .flex-style{
    display: flex;
}
#form-standard .ml_10{
    margin-left: 10px;
}
#form-standard .ml_20{
    margin-left: 20px;
}
.w_140{
    width: 140px;
}
.to{
    margin: 0 6px;
}
.hidden-to{
    visibility: hidden;
}
/* 简历详情 */
dl.resume_edit_dl .cascader-wrap .g_trigger{
    display: inline-flex;
    top: 0;
}
/* 人才标签弹窗 */
.tagList.talentTagListContainers ul li label input{
  margin-left: 2px;
}
.sScroll .talentTagListContainers ul{
  padding-left: 3px;
}
