:root {
    --N1-1: #f2f7fa; /*  页面背景色 [通用页面背景色使用] */
    --N1-2: #FFFFFF; /*  白色 */

    --B1-1: #f1f2f6; /* 品牌色浅色 */
    --B1-5: #3da19f; /* 品牌色*/
    --B1-6: #ffb800; /* 品牌副色*/
    --B1-7: #8392a5; /* 品牌色轻色 */
    --B1-8: #272e45; /* 品牌色深色 */

    --S1-6: #fdae38; /* 金色 S1-6 [页面辅助色]*/
    --S2-6: #ed2f53; /* 红色 S2-6  [文本颜色、错误提示]  fe6665*/
    --S3-6: #00bdb6; /* 绿色 S3-6  [正确提示] */
    --S4-6: #3797fe; /* 蓝色 S4-6  [正确提示] */
    --S5-6: #717485; /* 灰色 S5-6  [正确提示] */
    --S6-6: #999; /* 灰色 S6-6  [正确提示] */
    --S7-6: #8f93ff; /* 紫色 S7-6  [正确提示] */
    /* 文字颜色*/
    --N2-1: #272e45; /* 深色 [文本颜色、行动点图标与文字]*/
    --N2-2: #686b73; /* 灰色 [弱化文本]*/
    --N2-6: #999999; /* 灰色 [弱化文本]*/
    --N2-3: #B3B5B9; /* 灰色 [水印文本]*/
    --N2-4: #B9BCBF; /* 灰色 [不可用颜色]*/
    --N2-5: #FFFFFF; /* 白色 [白色文字]*/
    /* 遮罩层颜色*/
    --N3-1: #000000; /* 遮罩层颜色 [通用页面弹出层下使用的遮罩层]*/
    --N4-1: #E8E9EC; /* 分割线\描边线颜色 */
    /* 圆角大小*/
    --BorderRadius-min: 2px; /* 圆角小*/
    --BorderRadius-max: 5px; /* 圆角大*/
    /* 间距s*/
    --S1: 6px; /* 间距s1*/
    --S2: 10px; /* 间距s2*/
    /* 常规版*/
    /* 文字大小*/
    --headilneSize: 16px; /* 页面标题*/
    --titleSize: 18px; /* 标题中*/
    --SubheadSize: 15px; /* 标题小*/
    --ContentSize: 14px; /* 正文*/
    --CaptionSize: 13px; /* 水印文字 / 辅助文字*/
    --FootnoteSize: 12px; /* 备注*/

    --max_width: 1300px; /* 页面最大宽度*/
    --min_width: 1300px; /* 页面最小宽度*/
    --min_top_height: 85px; /* 页面顶部高度 （导航高度）*/
    --min_top_height2: 71px;
    --min_bottom_height: 130px; /* 页面底部高度 （版权、联系信息等）*/
    --min_content_height: calc(100vh - var(--min_top_height) - var(--min_bottom_height) - var(--min_top_height2) );
}


/*滚动条样式*/
::-webkit-scrollbar { width: 8px;  }  
::-webkit-scrollbar-track { background: rgba(0,0,0,0.11);border-radius: 6px;  }  
::-webkit-scrollbar-thumb { background:  rgba(0,0,0,0.4); border-radius: 6px; border: 1px solid #f1f1f1; }  
::-webkit-scrollbar-thumb:hover { background: #555;  }

/*表格常规样式*/

.xl_table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid var(--N4-1); }
.xl_table tr{position: relative; flex-direction: row; align-items: center;}
.xl_table th { padding:.5em; font-size: 14px; text-align: center; border-right: 1px solid var(--N4-1); border-bottom: 1px solid var(--N4-1);}
.xl_table td { padding:.5em; font-size: 14px; text-align: center; border-right: 1px solid var(--N4-1); border-bottom: 1px solid var(--N4-1);}
.xl_table thead {background:var(--N1-1);}
.xl_table thead td{ line-height:24px; padding:10px ; text-align:center; font-size:15px; color:var(--N2-1);}
.xl_table tbody td{ line-height:24px; padding: 10px; text-align:center; font-size:14px; color:var(--N2-2); }
.xxl_table { border-collapse: collapse; width: auto;   table-layout: fixed;    min-width: 100%; max-width:none ;}
.xxl_table thead td {position: sticky;top: 0;height: 40px; white-space: nowrap;    }

.xl_input{ line-height:38px; border:1px solid #f1f1f1; padding:0 10px; color:#333; border-radius:5px;}
.xl_textarea {width: 100%; height: 85px; padding: 12px; font-family: inherit; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; resize: none; /* 允许用户垂直拖拽调整高度（可选）*/box-sizing: border-box; /* 确保 padding 和 border 包含在 width/height 内 */}
.xl_textarea::placeholder { color: #666; opacity: 0.7;}
.xl_select{line-height:38px; border:1px solid #f1f1f1; padding:9px 10px; color:#333; border-radius:5px;}
.xl_select:hover {border-color: #999;}
.xl_select:focus, .xl_input:focus{border-color: var(--B1-5);box-shadow: 0 0 0 2px rgba(0,123,255,.15);}

.container_box{ min-width:var(--min_width); max-width:var(--max_width);  margin: 0px auto; min-height:var(--min_content_height); padding:15px 0; }

.body_box{background:#f6f7f8 !important;}

/*grid  24宫格 （无边框）*/
.grid{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.x0,.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.x13,.x14,.x15,.x16,.x17,.x18,.x19,.x20,.x21,.x22,.x23,.x24,.xx20{position:relative;width:100%;}
.x0{max-width:100%;}
.x0{width:auto;}.x1{width:4.166666666666667%;}.x2{width:8.333333332%;}.x3{width:12.49999999%;}.x4{width:16.66666666%;}.x5{width:20.83333333%;}.x6{width:24.999999996%;}.x7{width:29.1666662%;}.x8{width:33.33333286%;}.x9{width:37.49999994%;}.x10{width:41.6666666%;}.x11{width:45.83333326%;}.x12{width:50%;}
.x13{width:54.166666658%;}.x14{width:58.33333332%;}.x15{width:62.4999985%;}.x16{width:66.666665%;}.x17{width:70.83333%;}.x18{width:74.999998%;}.x19{width:79.166665154%;}.x20{width:83.333331814%;}.x21{width:87.499998474%;}.x22{width:91.66666514%;}.x23{width:95.8333318%;}.x24{width:100%;}
.xx20{width: 20%;}
.fc { clear: both; }
.haibao_sj { display: none;}



/* 常规版——文字标题*/
.headilne{/* 页面标题*/font-size: var(--headilneSize); font-weight: bold; color:var(--N2-5);} 
.title{/* 标题--加粗*/font-size: var(--titleSize); font-weight: bold; color:var(--N2-1); line-height: 36px;} 
.title_min{/* 标题--不加粗*/font-size: var(--titleSize);  color:var(--N2-1); line-height: 36px;} 
.Subhead{/* 标题小--加粗*/font-size: var(--SubheadSize); font-weight: bold; color:var(--N2-1);line-height: 30px;} 
.Subhead_min{/* 标题小--不加粗*/font-size: var(--SubheadSize);  color:var(--N2-1);line-height: 30px;} 
.Content{/* 正文 */font-size: var(--ContentSize); color:var(--N2-2); line-height: 25px;} 
.Caption{/* 水印文字 / 辅助文字*/font-size: var(--CaptionSize); color:var(--N2-3);} 
.Footnote{/* 备注*/font-size: var(--FootnoteSize); color:var(--N2-3); line-height: 22px;} 

/* 常规版——颜色*/
.xl_999 { color:#999 !important;}
.xl_666 { color: var(--N2-2) !important;}
.xl_333 { color: var(--N2-1) !important;}
.xl_white { color:var(--N2-5) !important;}
.xl_blue{ color:var(--S4-6) !important;}
.xl_red{ color:var(--S2-6) !important;}
.xl_yellow{ color:var(--S1-6) !important;}
.xl_green{ color:var(--S3-6) !important;}
.xl_purple{color:var(--S7-6) !important;}

/*标题只显示行数*/
.Showline_1 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
.Showline_2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.Showline_3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}
.Showline_4 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 4;	-webkit-box-orient: vertical;}

/*对齐方式*/
.xl_space_between { /*两端对其*/ display: flex;flex-wrap: wrap;justify-content: space-between;	}
.xl_flex_start { /*左对其*/ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.xl_flex_center { /*左右居中对其*/ display: flex; flex-wrap: wrap; justify-content:center;}
.xl_flex_end { /*右对其*/ display: flex;flex-wrap: wrap;justify-content: flex-end;	}

.xl_flex_left_center { display: flex; position: relative; flex-direction: row; align-items: center; justify-content: left; }
.xl_flex_end_center { display: flex; position: relative; flex-direction: row; align-items: center; justify-content:flex-end; }
.xl_center_center{ /*上下居中左右居中*/ display: flex;position: relative;justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row;}
.xl_space_between_center { /*两端对其*/ display: flex; position: relative; flex-direction: row; align-items: center; justify-content: space-between;	}

.xl_align_center{/*上下居中*/display: flex; position: relative; flex-direction: row; align-items: center;}
.xl_align_end{/*上下居底*/display: flex; position: relative; flex-direction: row; align-items: flex-end;}

/* 框*/
.werd{background:var(--N1-2) ;  padding: 12px; border-radius: var(--BorderRadius-max); box-sizing: border-box; }
.werd_h{background:var(--B1-1) ;  padding:  12px ; border-radius: var(--BorderRadius-max); box-sizing: border-box;}
.xl_box{ border:1px solid var(--N4-1); padding: 12px ; border-radius: var(--BorderRadius-max); box-sizing: border-box;}
.xl_nr_box{ border:1px solid #f4f4f4; padding:var(--S2); background:var(--B1-1); border-radius: var(--BorderRadius-max); box-sizing: border-box; }
.box_show{ box-shadow:0 0 5px #e4e3e3;}

/*线条*/
.xl_xx{ border-bottom:1px solid var(--N4-1);}
.xl_top_xx{ border-top:1px solid var(--N4-1);}
.xl_left_x{ border-right:1px solid var(--N4-1);}
.xl_left_xx{/*标题左侧的蓝色线条*/  height:18px; width:4px; display:inline-block; background:var(--B1-5); border-radius:2px; margin-right:12px;}
.xl_shuxian{height:18px; width:1px; display:inline-block; background:#ccc;  margin:0 20px;}

/*标签*/
.xl_label{ background:var(--S1-6); padding:0 5px; border-radius:5px; height:26px; line-height:26px; display:inline-block; color:#fff; }

/*按钮*/
.xl_cursor_p{cursor: pointer; }
.xl_button{background:var(--B1-5); line-height: 40px; display:inline-block; cursor: pointer;  padding: 0 15px; font-size: 15px; color: #fff;  border-radius :5px;}
.xl_button .iconfont{ margin-right: 10px; font-size: 18px; color: #fff; }
.xl_button + .xl_button{ margin-left: 6px;}
.xl_button_s{ line-height: 35px !important;  padding: 0 10px !important;}

/*常规背景颜色*/
.xl_bj_999 { background:#999 !important;}
.xl_bj_666 { background: var(--N2-6) !important;}
.xl_bj_red { background:var(--S2-6) !important;}
.xl_bj_blue { background:var(--S4-6) !important;}
.xl_bj_white { background:#fff !important;}
.xl_bj_yellow { background:var(--S1-6) !important;}
.xl_bj_green{ background:var(--S3-6) !important;}
.xl_bj_purple{ background:var(--S7-6) !important;}

.border_radius10{border-radius:10px;} .border_radius5{border-radius:5px;} .border_radius0{border-radius:0px;}
                                                                          
/*弹窗*/
.xl_dialog{ background:rgba(0,0,0,0.5);  position: fixed; width:100%; height:100vh; top:0px; left:0px; z-index:999; touch-action: none; overflow: hidden;}
/*弹窗顶部*/
.xl_dialog .my-header {background: url(/img/dialog_tit_bj.png) no-repeat;background-size: 100% 100%; padding: 15px 20px; width: 80%;}
.xl_dialog .my-header .title { color: #fff;}
.xl_dialog .my-header .iconfont { color: #fff;}
/*弹窗内容*/
.xl_dialog .content{ width: 80%; min-height: 40vh; max-height: 80vh; background: #fff; border-radius:0 0 10px 10px; padding: 15px; overflow: auto;}

.xl_Popup_box{display: none;}

/**/
.padding20 {padding: 20px !important;} .padding10 {padding: 10px !important;} .padding15 {padding: 15px !important;} .padding5 {padding: 5px !important;} .padding0 {padding: 0px !important;}
.padding_bottom10 {padding-bottom: 10px} .padding_bottom20 {padding-bottom: 20px}
.padding_top10 {padding-top: 10px} .padding_top20 {padding-top: 20px}
.margin10 { margin: 5px;} .margin10 { margin: 10px;} .margin15 { margin: 15px;}  .margin20 { margin: 20px;}
.margin_top5 { margin-top: 5px;} .margin_top10 { margin-top: 10px;} .margin_top15 { margin-top: 15px;} .margin_top20 { margin-top: 20px;} .margin_top40 { margin-top: 40px;}
.margin_left5 { margin-left: 5px;} .margin_left10 { margin-left: 10px;} .margin_left15 { margin-left: 15px;}  .margin_left20 { margin-left: 20px;} .margin_left40 { margin-left: 40px;}
.margin_right5 { margin-right: 5px;} .margin_right10 { margin-right: 10px;}  .margin_right15 { margin-right: 15px;} .margin_right20 { margin-right: 20px;}  .margin_right40 { margin-right: 40px;}
.margin_bottom5 { margin-bottom: 5px;} .margin_bottom10 { margin-bottom: 10px;} .margin_bottom15 { margin-bottom: 15px;} .margin_bottom20 { margin-bottom: 20px;}  .margin_bottom40 { margin-bottom: 40px;}

/*导航栏*/
.xl_NavBar_box{  color:#666; font-size:15px;  }
.xl_NavBar_box span{ margin:0 15px;}

/*搜索*/
.xl_search{position:relative; background:rgba(255, 255, 255,.5); border:1px solid var(--N4-1); width:350px; border-radius:5px;  }
.xl_search .xl_top_select{line-height:40px; width:60px; height:40px; border:0; background:none; outline: none;cursor:pointer;}
.xl_search .xl_top_select option { line-height:40px; height:40px; padding:10px 0; cursor:pointer;}
.xl_search .xl_top_input{ width:350px; line-height:40px; border:0;background:none; outline: none;  padding:0 10px;}
.xl_search .xl_top_input:hover, .xl_search .xl_top_input:checked{ border:none;}
.xl_search .xl_search_icon{ width:80px; height:40px; line-height:40px; cursor:pointer; text-align:center; background:var(--B1-5);  border-radius:5px;}
.xl_search .xl_search_icon .iconfont{font-size:22px; color:var(--N2-5);}

.xl_nr_search .x8{ display:flex;  align-items: center; }
.xl_nr_search .Subhead_min{ width:80px; display:inline-block; text-align:right; padding-right:5px;}
.xl_nr_search .layui-input { width:200px; height:35px; line-height:35px;}
.xl_nr_search .xl_button{ line-height:35px; height:35px;}

.xl_item_box  .Subhead_min{ min-width:80px; display:inline-block; text-align:right; padding-right:5px;}
.xl_item_box .xl_input { width:calc(100% - 90px); }
.xl_item_box .xl_select{ width:calc(100% - 90px); }

 /*首页*/
.Position_box{  margin-bottom:15px; margin-top:10px;}
.Position_box .Unit_picture{ width:110px ;height:110px; border-radius:50%; overflow:hidden; margin-bottom:8px; }
.Position_box .Unit_picture img{ width:100% ;height:100%;}
.Position_box .layui-col-xs9 .werd_h .xl_werd_box .werd{width:58px; height:58px; border-radius:50%; font-size:24px; line-height:58px; text-align:center;}
.Position_box .layui-col-xs9 .werd_h .xl_werd_box .werd .iconfont{ font-size:28px;}

/*招聘简历列表*/
.use_box{ width:55px; height:55px; border-radius:28px; overflow:hidden; margin-top:5px;}
.use_img{ width:100%; height:100%;}
.use_mane_box{ width:calc(100% - 65px);}
.sex_box{ width:20px; height:20px; border-radius:5px; background:#3e6ff0; text-align:center; line-height:20px; }
.boy_box{  background:#3e6ff0;}
.girl_box{ background:#ed2f53;}
.sex_box .iconfont{ font-size:18px; color:#fff; }
.lianxi_box{ padding:12px 0;}
.lianxi_box .iconfont{ font-size:18px;  }

/*简历详情页面*/
.Resume_box{ margin-bottom:30px; padding:10px 15px;}
.Resume_title{ font-size:20px; line-height:40px; color:#333;}
.Resume_title .iconfont{ font-size:24px; color:var(--S1-6); margin-right:20px;}
.Resume_content_box .Subhead_min{ margin-bottom:5px;}
.Resume_content_box .Subhead_min .type{ min-width:80px; display:inline-block; color:#666}
.Resume_content_box .Subhead_min .nr{color:#333}
.Resume_content_box .Subhead_min .xl_dian{ display:inline-block; width:5px; height:5px; border-radius:3px; background:#ccc; margin-right:15px;}


.container_box { }
.container_box .left_box{width:230px;}
.container_box .right_box{width:calc(100% - 245px); }
.container_box .left_box .xl_left_top{line-height:60px; height:60px; background:var(--B1-5); text-align:center;  cursor: pointer; font-weight:600; color:#fff; padding:0 25px; font-size:18px;}
.container_box .left_box .werd { }
.container_box .left_box .werd ul li{ line-height:50px; position:relative; height:50px; border-bottom:1px solid #eee;  }
.container_box .left_box .werd ul li a{ width:100%; height:50px;line-height:50px;  font-size:16px; color:var(--N2-2)!important; cursor: pointer; padding:0 10px 0 20px; display:block; }
.container_box .left_box .werd ul li .iconfont{ margin-right:10px; font-size:20px; width:26px; text-align:center; display:inline-block; color:var(--N2-3);}
.container_box .left_box .werd ul li.on a{ color:var(--B1-5); font-weight:600;}
.container_box .left_box .werd ul li.on .iconfont{ color:var(--B1-5); font-weight:normal;}
.container_box .left_box .werd ul li .tishi{  display:inline-block; position:relative;top:-8px;  margin-left:8px; min-width:8px; line-height:8px; height:8px;text-align:center; font-size:12px; color:#fff;  border-radius:8px; background:var(--S2-6);}
.container_box .right_box .box_show{ min-height:calc( var(--min_content_height) - 30px ); }
.container_box .right_box .title_box{ padding:10px 15px; border-bottom:1px solid var(--N4-1);}
.container_box .right_box .title_box .title{ line-height:39px;}
.container_box .right_box .nr_box{padding:15px}

.MessageTemplate .tit_box {border-radius:6px 6px 0 0; overflow:hidden;}
.MessageTemplate .tit_box ul{height:62px; overflow:hidden; background:#f5f7fa; border:1px solid #eee; border-right:0px; border-bottom:0px;}
.MessageTemplate .tit_box ul li{ list-style:none; width: calc(100% / 5);  line-height:60px; float:left; text-align:center;}
.MessageTemplate .tit_box ul li div{border-right:1px solid #eee;  line-height:60px; font-size:16px; border-bottom:1px solid #eee;  cursor: pointer;}
.MessageTemplate .tit_box ul li.on { background:#fff; font-weight:600;}
.MessageTemplate .tit_box ul li.on div{   line-height:60px; border-bottom:1px solid #fff; color:var(--B1-5);}