/*  public  */
html{ margin:0px; overflow-x:hidden;}
html,body { height:100%;}
.overflow{ overflow:hidden;}

/*  Chrome谷歌浏览器滚动条美化  */
/*::-webkit-scrollbar-track-piece { background-color:#D1D7DC;}
::-webkit-scrollbar { width:8px; height:13px}
::-webkit-scrollbar-thumb { background-color:#D1D7DC; background-clip:padding-box; border:1px solid #98AAB1; min-height:28px;}
::-webkit-scrollbar-thumb:hover { border:1px solid #98AAB1; background-color:#D1D7DC;}*/
::-webkit-scrollbar { width:8px; height:10px;}
::-webkit-scrollbar-track { background:#fff; border-radius:10px; -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb { background:#c1c1c1; border-radius:10px; -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);}

body { color:#333; font-family:"Microsoft YaHei",微软雅黑,黑体,宋体,SimSun,Arial; font-size:12px;/* word-wrap:break-word; word-break:break-all; word-break:normal;*/}
td,th,form { font-size:12px; white-space:normal; word-break:break-all; font-weight:normal;}
img { border:none;}
h1,h2,h3,form,input,iframe,span,p,img { margin:0px; padding:0px;}
ul,li { list-style:none; margin:0px; padding:0px;}
table { border-collapse:collapse; border-spacing:0;}
label { vertical-align:middle}
a:active, a:focus { -moz-outline:none; outline:none; ie-dummy:expression(this.hideFocus=true);}/* 清除a链接过后的虚线 */
input,button,textarea,select { outline:none; vertical-align:middle;}/* 清除Safari和Chrome输入框得到焦点时边框会出现阴影 */
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type=search], input[type=search]::-webkit-search-cancel-button, 
button, button[type="button"],textarea, select { -webkit-appearance:none;}
input:focus, textarea:focus, select:focus { outline:none;}  /* 去除Chrome等浏览器文本框默认发光边框 */ 
input::-webkit-input-placeholder { color:#ccc;}
input::-moz-placeholder { color:#ccc;}
input:-ms-input-placeholder { color:#ccc;}
textarea { resize:none;} /* 禁止多行文本框textarea拖拽 */
textarea::-webkit-input-placeholder { color:#ccc;} 
textarea::-moz-placeholder  { color:#ccc;}
textarea:-ms-input-placeholder { color:#ccc;}a { color:#333; text-decoration:none;}
a:hover { color:#f00; text-decoration:none;}
a{ blr:expression(this.onFocus=this.blur())}/* 去掉a标签的虚线框，避免出现奇怪的选中区域 */
:focus{ outline:0;}
textarea { overflow:auto; line-height:150%; padding:0 5px; border:#eee 1px solid;}

/* 显示隐藏 */
.noborder td { border:none;}
.show { display:block;}
.hide { display:none;}

/* 字体大小 文字颜色 样式*/
.yahei,.yahei12,.yahei14,.yahei16,.yahei18,.yahei20,.yahei22,.yahei24,.yahei26,.yahei28,.yahei30,.yahei32,.yahei36,.yahei48 { font-family:"Microsoft YaHei",微软雅黑,黑体,宋体,SimSun,Arial;}
.yahei12 { font-size:12px;}
.yahei14 { font-size:14px;}
.yahei16 { font-size:16px;}
.yahei18 { font-size:18px;}
.yahei20 { font-size:20px;}
.yahei22 { font-size:22px;}
.yahei24 { font-size:24px;}
.yahei26 { font-size:26px;}
.yahei28 { font-size:28px;}
.yahei30 { font-size:30px;}
.yahei32 { font-size:32px;}
.yahei36 { font-size:36px;}
.yahei48 { font-size:48px;}
.white { color:#fff !important;}
.red { color:#c00 !important;}
.red2 { color:#f00 !important;}
.red3 { color:#f2270c !important;}
.orange { color:#f60;}
.black { color:#2f4056;}
.blue { color:#1e9fff;}
.green { color:#090;}
.gray { color:#ccc;}
.gray2 { color:#999;}
.yellow { color:#ffb800;}
.yellow2 { color:#ff0;}
.cyan { color:#009688;}
.cyan2 { color:#21d59b;}
.pink { color:#ff3c50;}

.jc { font-weight:bold;}
.normal { font-weight:normal;}
.nowrap { overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tc { text-align:center;}
.text-l { text-align:left !important;}
.text-r { text-align:right !important;}
.fl { float:left;}
.fr { float:right;}
.clr { clear:both;}
.slh { word-break:break-all; text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	overflow:hidden;
}
.slh2 {
	word-break:break-all;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

/* 背景颜色 */
.bg-gray2 {	background:#f9f9f9 !important;}
.item-bg1 { background:#4793f7;}
.item-bg2 { background:#8e80e2;}
.item-bg3 { background:#f17800;}
.item-bg4 { background:#d2a26b;}
.item-bg5 { background:#2dce8f;}
.item-bg6 { background:#5fa5eb;}
.item-bg7 { background:#e8643e;}
.item-bg8 { background:#21ac37;}
.item-bg10 { background:#7d7d7d;}
.item-bg11 { background:#ff3c50;}
.item-bg12 { background:#389cff;}
.item-bg13 { background:#f65e8d;}
.item-bg14 { background:#ff8c1a;}
.item-bg15 { background:#83cf10;}
.item-bg16 { background:#9d48a1;}
.item-bg17 { background:#d84133;} 
.item-bg19 { background:#574c9a;}
.item-bg20 { background:#1bc5bb;}
.item-bg21 { background:#2984ef;}
.item-bg22 { background:#e5b974;}
.item-bg23 { background:#000;}
.item-bg24 { background:#fff;}

/* 间隔距离 */
.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pb5 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pl5 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pr5 { padding-right:5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;;}
.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.mr5 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}

/* 输入框 */
/* 禁用 */
input[disabled],input:disabled { border:1px solid #ddd; background-color:#F5F5F5; color:#d2d2d2; cursor:not-allowed;}

/* 点击 */
input:focus, textarea:focus, select:focus, button:focus { outline:none; /* 去除Chrome等浏览器文本框默认发光边框 */ }
input:focus, textarea:focus {
	border-color:#16b777 !important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 3px rgba(22,183,119, 0.5);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 3px rgba(22,183,119, 0.5);
	box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 3px rgba(22,183,119, 0.5);
}
.inputFill { border-left:1px solid #f00 !important;}

/* ---------- 首页 ---------- */
/* 全部应用 */
.apply-mask { width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; bottom:0; left:0; right:0; z-index:1199;}
.apply-wrap { width:100%; max-height:60%; background:#fff; overflow-y:auto; position:absolute; left:0; top:50px; z-index:1200;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-box-shadow:0 0px 5px rgba(0,0,0,0.1);
	box-shadow:0 0px 5px rgba(0,0,0,0.1);
}
.apply { width:1200px; margin:0 auto;}
.apply-list { padding:15px 15px 15px 15px; color:#333;}
.apply-list:last-child { padding-bottom:10px;}
.apply-list-title { font-size:15px; line-height:30px; font-weight:bold;}
.apply-list-item { display:flex; align-items:center; flex-wrap:wrap;}
.apply-list-item dl { display:flex; align-items:center; flex-direction:column; padding:10px; margin:0 20px 0 0;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.apply-list-item dl:hover { background:#f0f0f0; cursor:pointer;}
.apply-list-item dt { height:80px; height:40px;}
.apply-list-item dt i { font-size:32px;}
.apply-list-item dl:hover dt i { display:block;
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.apply-list-item dd { line-height:30px; text-align:center;}

/* 通知信息 */
.notice-tab-con { width:340px; color:#333; overflow:hidden;}
.notice-tab-con-list { max-height:240px; overflow-x:hidden; overflow-y:auto;}
.notice-tab-con-list dl { border-bottom:1px solid #ebebeb; padding:10px; display:flex; align-items:center; cursor:pointer;}
.notice-tab-con-list dl:last-child { border:none;}
.notice-tab-con-list dl:hover { background:#e6f7ff;}
.notice-tab-con-list dt { width:32px; height:32px; color:#fff; display:flex; justify-content:center; align-items:center;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.notice-tab-con-list dt i { font-size:16px;}
.notice-tab-con-list dd { flex:1; line-height:20px; padding:0 0px 0 10px;}
.notice-title { word-break:break-all; text-overflow:ellipsis; overflow:hidden; display:-webkit-box;
	-webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.notice-data { color:#999; font-size:12px;}
.notice-more { line-height:40px; text-align:center; color:#666; border-top:1px solid #ebebeb; cursor:pointer;}

/* 数据加载，暂无数据 */
.dataload { padding-top:50px; text-align:center; display:flex; justify-content:center; align-items:center;}
.dataload-con { display:flex; justify-content:center; align-items:center;}
.dataload-con img { width:20px; margin-right:5px;}
.nodata { padding:20px 0 10px 0; text-align:center; color:#ddd; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.nodata span { line-height:30px;}
.nodata i { font-size:64px !important; padding-bottom:10px;}

/*搜索 输入按钮*/
.search-input { flex:1; display:flex; align-items:center;}
.search-input input { width:100%; height:26px; line-height:26px; font-size:12px; padding:0 3px; border:none !important;}
.search-input input:focus { border:none !important;
	box-shadow:none !important;
}
.search-input i { width:30px; background:#ccc; font-size:24px; font-weight:bold; text-align:center;}
.search-input2 { display:flex; justify-content:center; align-items:center;}
.search-input2 input, .search-input2 select { height:30px; line-height:30px; font-size:12px; padding:0 3px; margin-right:5px; border:#e6e6e6 1px solid; box-sizing:border-box;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.search-input2 input:hover, .search-input2 select:hover, .search-input2 button:hover { border-color:#56bdf1 !important;}
.search-input2 input:focus, .search-input2 select:focus { border:#56bdf1 1px solid !important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(102,175,233, 0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(102,175,233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(102,175,233, 0.6);
}
.search-input2 button { height:30px; line-height:30px; background:#009688; color:#fff; font-size:12px; text-align:center; padding:0 10px; border:none; cursor:pointer; box-sizing:border-box; display:flex; align-items:center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.search-input2 button:hover { opacity:.8; filter:alpha(opacity=80);}
.search-input2 i { font-size:20px;}

/*顶部搜索 输入按钮*/
.search-input-wrap { width:180px; height:30px; background:rgba(255,255,255,0.2); line-height:30px; padding:0 1px 0 0; margin-right:10px; border:#e6e6e6 0px solid; box-sizing:border-box; position:relative;
	display:flex; just-content:space-between; align-items:center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.search-input-wrap:hover .search-btn3 i { color:#3393fc;}
.search-input3 { flex:1; display:flex; align-items:center;}
.search-input3 input { width:100%; height:26px; line-height:26px; background:none; color:#fff; font-size:12px; padding:0 3px 0 5px; border:none !important;}
.search-input3 input:focus { border:none !important;
	box-shadow:none !important;
}
.search-btn3 { width:30px; height:26px; background:none; color:#fff; text-align:center; border:none; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.search-btn3 i { font-size:24px; text-align:center;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

/*个人资料卡片*/
.header-user { display:flex; padding-right:10px;}
.header-user .user { display:flex; align-items:center;}
.header-user .user img { width:32px; height:32px; border-radius:50%;}
.header-user .user-name { padding-left:5px;}
.user-tip-layer { background:rgba(255, 255, 255, 0.95); padding:0 0 5px 0;}
.user-tip-pic { background:#4f80f7; padding:10px 10px 0px 10px; box-sizing:border-box;
	border-radius:2px 2px 0 0;
	background: -webkit-linear-gradient(left, #4f80f7 0%, #1fb1f9 100%);
	background: -o-linear-gradient(left, #4f80f7 0%, #1fb1f9 100%);
	background: linear-gradient(to right, #4f80f7 0%, #1fb1f9 100%);
}
.user-tip-pic dl { padding:0px; color:#fff;}
.user-tip-pic dt { width:50px; height:50px; margin-right:10px; float:left;}
.user-tip-pic dl dt img { width:100%; height:100%; background:#fff; padding:0px; display:block;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.user-tip-pic dd { height:20px; line-height:20px; cursor:pointer; overflow:hidden;}
.user-tip-con { width:220px; padding:5px 15px;}
.user-tip-con ul { display:flex; flex-direction:column; align-items:center;}
.user-tip-con li { width:100%; background:#fff; height:30px; line-height:30px; color:#333; font-size:12px;}
.user-tip-con li span { font-size:12px;}
.user-tip-con li:hover { background:none;}
.user-quit { background:#e3e3e3; height:30px; line-height:30px; color:#333; text-align:center; border:none; margin:5px 0; display:block; cursor:pointer;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
/* .user-quit:hover { background:#3393fc;} */
.user-quit a { color:#333;}
.user-quit:hover a { color:#fff;}

/*简历完整度进度条*/
.resume-level { width:100%; box-sizing:border-box;}
.resume-level p { width:100%; position:relative;}
.resume-level .resume-progressbar { height:6px; background:#e6e6e6;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.resume-level .resume-progressbar-success span { height:6px; background:#66cc00; position:absolute; left:0%; top:0px; display:block;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.resume-info-text { line-height:30px; color:#000; font-size:12px;}
.perfect-btn { background:#66cc00; height:24px; line-height:24px; padding:0px 5px; color:#fff; border:none; margin-top:5px; display:block; cursor:pointer;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.perfect-btn:hover { background:#ff9e0d;}

/*进度条*/
.progress-level { width:100%; position:absolute; left:88%; bottom:0px;}
.progress-bar { width:100%; padding:0 1%; box-sizing:border-box; position:relative;}
.progress-bar p { width:60%; float:left; position:relative;}
.progress-bar em { width:34%; font-style:normal; color:#0c0; text-align:left; font-size:12px; padding-left:1%; float:left;}
.progress-bar .progress-box { margin:16px 0 0 0; height:8px; background:#e6e6e6;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
.progress-bar .progress-box-success span { height:8px; background:#0c0; position:absolute; left:0%; top:0px; display:block;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
.progress-bar-mt5 { margin-top:5px !important;}

/* ---------- 子页 ---------- */
.layui-btn-wrap { display:flex; align-items:center; flex-wrap:wrap;}
.layui-btn-wrap button { display:flex; align-items:center; flex-wrap:wrap;}
.layui-btn-wrap i { margin-right:2px;}

/* 高级搜索 */
.search-layui-form-wrap { display:flex;}
.search-layui-form-wrap-left { flex:1;}
.search-layui-form-wrap-right { width:169px; align-items:flex-start;}

/*搜索 高级搜索 */
.advanced-search,.advanced-search-btn { font-weight:normal; cursor:pointer;}
.layui-search-h { height:30px;
	transition: height .3s;
	-moz-transition: height .3s;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
}

.advanced-mask { width:100%; height:100%; background:rgba(255,255,255,0); position:fixed; top:0; bottom:0; left:0; right:0; z-index:2;}
.advanced-search-input-box { position:relative;}
.advanced-search-input-wrap { font-weight:normal; margin-top:5px; margin-left:auto; box-sizing:border-box; position:relative; display:flex; just-content:space-between; align-items:center;}
.advanced-search-input-wrap i { font-size:16px; text-align:center; font-weight:normal;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.advanced-search-input-wrap button { display:flex; align-items:center;}
.advanced-search-input { width:180px; height:30px; line-height:30px; font-size:12px; padding:0 5px; border:#e6e6e6 1px solid; box-sizing:border-box;
	-moz-border-radius:2px 0 0 2px;
	-webkit-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
}
.advanced-search-btn2, .advanced-screening-btn { min-width:30px; height:30px; background:#16baaa; font-size:12px; color:#fff; text-align:center; border:none; padding:0 5px; display:flex; justify-content:center; align-items:center; cursor:pointer;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.advanced-search-btn2 {
	-moz-border-radius:0 2px 2px 0;
	-webkit-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
}
.advanced-search-pop { width:100%; height:auto; background:#fff; font-weight:normal; font-size:12px; position:absolute; top:40px; right:0px; z-index:9999999;
	-moz-box-shadow:0 4px 10px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.15);
	-ms-box-shadow:0 4px 10px rgba(0,0,0,0.15);
	box-shadow:0 4px 10px rgba(0,0,0,0.15);
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.advanced-search-tool { line-height:40px; padding:10px 0 10px 0; display:flex; justify-content:flex-end;}
.advanced-search-tool button { margin-right:10px;}

.search-layui-form-item { padding:10px 10px 0 10px;}
.search-layui-form-item .layui-form-label { width:80px;}
.search-layui-form-item.layui-form-item { margin-bottom:0;}
.search-layui-form-item .layui-input-inline { float:left; width:120px; margin-right:10px;}
.search-layui-form-item .layui-inline { margin-bottom:10px;}

@media screen and (max-width:450px) { .layui-form .layui-form-item .layui-input-inline { margin-left:5px;}
	.layui-form .layui-form-item .layui-input-inline+.layui-form-mid { margin-left:80px;}
}

.Wdate { padding-left:25px;}

/* 查看页面 表格 */
.layui-table-con { border-collapse:collapse; border-spacing:0; box-sizing:border-box;}
.layui-table-con td, .layui-table-con th { height:30px; line-height:30px; border:#eee 1px solid; padding:3px; box-sizing:border-box; position:relative;}
.layui-table-con .tdleft { background:#f8f8f8; text-align:right;}
.layui-table-con .tdleftbg { background:#f8f8f8;}
.layui-table-con .tdright { background:#fff;}
.layui-table-con .tdcenter { background:#f8f8f8; font-weight:bold; text-align:center;}
.layui-table-con .tdcenter2 { background:#fff; font-weight:bold; text-align:center;}
.layui-table-con .Wdate { border:#e6e6e6 1px solid;}
.layui-table-con input, .layui-table-con select { height:30px; line-height:30px; font-size:12px; padding:0 5px; border:#eee 1px solid; vertical-align:middle; box-sizing:border-box;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.layui-table-con input[type="button"] { border:none;}
.layui-table-con input:focus, .layui-table-con select:focus { background-color:#fff; border:#16b777 1px solid;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(22,183,119, 0.5);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(22,183,119, 0.5);
	box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(22,183,119, 0.5);
}
.layui-table-con input[type="checkbox"]:focus, .layui-table-con input[type="radio"]:focus { background:none; border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}