@charset "utf-8";
/* 色调 */
:root{
    --customBgColor:#135493;
    --customFontColor:#2f4c99;
}

/* Css Reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img { padding: 0; margin: 0;}
fieldset,
img { vertical-align: top; border: 0;}
address,
caption,
cite,
code,
dfn,
em,
th,
var,
i { font-weight: normal; font-style: normal;}
ol,
ul,
li { list-style: none;}
div,
dl,
dt,
dd,
ol,
ul,
li { zoom: 1;}
caption,
th { text-align: left;}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; font-size: 100%;}
q:before,
q:after { content: '';}
abbr,
acronym { border: 0;}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: "Microsoft YaHei", 'PingFang SC', Helvetica, Arial, sans-serif; /* font-size: 16px; */ line-height: 1.8;}
.fl { float: left;}
.fr { float: right;}
.clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: ".";}
.hide { display: none;}
img { border: 0; vertical-align: top;}
table { border-collapse: collapse; border-spacing: 0;}

/* Public */
body { color: #333; line-height: 1.8; font-family: "Microsoft YaHei", 'PingFang SC', Helvetica, Arial, sans-serif;}
a { color: #333; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);}
a:hover { color: #c00;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.moreBtn { margin: 10px 10px 0px; height: 30px; line-height: 30px; background: #fff; text-align: center; display: block; border-radius: 15px; color: var(--customBgColor); border: 1px solid var(--customBgColor); font-size: 14px;}
.show { display: block !important;}

/* goTop */
#goTop { position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, 0.5);}
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0;}

/* frame */
.headerBg{background: url(../img/banner.jpg) 50% 0% no-repeat #edfbfd;background-size: cover;}
#header { position: relative; z-index: 2; background: none; height: 55px; line-height: 55px; color: #fff;}
#header .set { padding: 0 15px; color: #fff; font-size: 24px; line-height: 55px;}
#header .back { display: none; width: 55px; height: 100%; overflow: hidden; text-align: center; position: absolute; left: 0; top: 0;}
#header .back::after { content: "\e616"; font-family: "iconfont"; font-size: 24px; color: #fff;}
#header .title { text-align: center; margin: 0 80px; overflow: hidden; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none;}
#header #logo { display: block; width:70%}
#header #logo a { display: flex; height: 35px; padding-left: 10px;align-items: center; padding-top: 10px; }
#header #logo .pic{margin-right:10px; flex: 1 1 0%; height:28px; background:url(../img/logo.png) left center no-repeat; background-size:contain;}
#header #logo .platformName{ line-height:35px;; font-size:18px; color:#fff; font-weight:bold;}
.RecruitHomePage #header #logo .platformName{display:none}

.topRecruitManage{position:absolute;right:11px;height:25px;line-height:25px;top: 16px;}
.topRecruitManage a{color:#fff}
.topRecruitManage .userLogin{height:25px; font-size:14px; color:#fff;}
.topRecruitManage .userLogin .pic{ float:left; height:25px; width:25px; background:url(../img/userpic.png) 0px 0px no-repeat; background-size:100% auto;}
.topRecruitManage .topUserInfo{}
.topRecruitManage .topUserInfo dt{height:25px; font-size:14px; color:#fff;}
.topRecruitManage .topUserInfo dt .pic{width:25px; height:25px; float:left; border-radius:50%; overflow:hidden; background: #fff; }
.topRecruitManage .topUserInfo dt .pic img{width:25px; height:25px;}
.topRecruitManage .topUserInfo dd{background:#fff; display:none; color:#333; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); position:absolute; right:-10px; width:94px; top:38px; padding:5px 0px; }
.topRecruitManage .topUserInfo dd li{line-height:18px; font-size:12px; text-align:center; padding:5px 10px;}
.topRecruitManage .topUserInfo dd a{color:#333;}

/* 栏目导航 */
#topNav{height:50px; background:var(--customBgColor);}
#topNav .menuList{width:100%; overflow: hidden; height:50px; overflow-x: scroll; white-space: nowrap; 
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
}
#topNav .menuList::-webkit-scrollbar {
    display: none;
}
#topNav .menuList li.li1{display: inline-block; height:50px; width:100px; }
#topNav .menuList li.li1 .h1{display:block; text-align:center; height:50px; line-height:50px; color:#ffffff; font-size:16px; font-weight:bold;}
#topNav .menuList li.li1 .h1 .sh{display:none;}
#topNav .menuList li.li1 .h1 a{color:#fff; display:block;}
#topNav .menuList li.li1 .h1 a:hover{text-decoration: none;}
#topNav .menuList li.on1 .h1{background: var(--customFontColor);}
#topNav .menuList li.last1{margin-right:0px;}

/* siteSearch */
.siteSearch .select-box { display: none;}
.siteSearch #search { top: 10px; height: 40px; border: 0; line-height: 38px; width: 20%; position: absolute; right: 3%; display: block; background: var(--customBgColor); text-align: center; color: #fff; font-size: 16px;}
.siteSearch #inputkeyword { background: #fff; font-size: 14px; height: 20px; line-height: 20px; padding: 10px; border: 0; width: 74%; outline: none;}
.siteSearch .dropdown-word { width: 79%; border: none;}

/* content */
#content { background: #f2f2f2; padding: 0; position: relative; z-index: 0; overflow: hidden;}

/* footer */
#footer { background: var(--customBgColor); padding: 5% 3%; color: #fff; text-align: center; font-size: 12px;}
#footer a { color: #fff;}
#footer .footNav { margin-bottom: 3%;}
#footer .footNav a { margin: 0 5px; word-break: keep-all; white-space: nowrap;}

/* 位置导航 */
.path { color: #666; line-height: 1.6; padding: 1.5% 3%; text-align: left; font-size: 12px; background:#fff; border-bottom:1px solid #ddd;}
.path a,
.path span { padding: 0 3px; color: #666;}

/* recruitMainBox */
.recruitMainBox{padding: 10px; background: #fff;}
.recruitMainBox .rmHd {height: 50px; text-align: center; border-bottom:1px solid #ddd; padding-bottom:20px;}
.recruitMainBox .rmHd h3 {display: inline-block; height: 49px; line-height: 49px; font-size: 20px; font-weight: 700; color: var(--customBgColor); border-bottom: 1px solid var(--customBgColor)}
.recruitMainBox .rmBd {background: #fff;}
.articleCon{background: #fff}

/* 招考平台-首页 */
.RecruitBanner {min-height: 150px; padding-top: 20px; display:none}
.RecruitBanner h1 {font-size: 34px; text-align: center; color: #fff; font-weight: bold; line-height: 48px; margin-bottom: 20px;}
.RecruitBanner .myRegistration {font-size: 16px; text-align: center; color: #fff; line-height: 30px}
.RecruitBanner .myRegistration a {color: #fff;}
.RecruitBanner .myRegistration a.myFormLink {display: inline-block;padding-left: 22px;background: url(../img/icon-form.png) 0px 5px no-repeat; padding-right: 22px;}
.RecruitHomePage .RecruitBanner{display:block}
.RecruitHomePage #winMark{top:55px;}


/* 黑色背景 */
#selectorMark{ z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.8); left: 0; top: 0;}

/* 招聘搜索栏 */
.recruitSearchBar{padding:10px; display: flex; }
.recruitSearchBar .input-box{flex-grow:1; border-radius:4px 0px 0px 4px; background:#f3f3f3; display: flex;}
.recruitSearchBar .input-box .from-control{flex-grow:1; padding:0px 0px 0px 30px;border:none;background:none;height:30px;line-height:30px;background: url(../img/icon-search.png) 8px 5px no-repeat;background-size:16px auto;}
.recruitSearchBar .btn-box{width: 60px;}
.recruitSearchBar .btn-box input{width:100%; display:block; height:30px; line-height:30px; border:none; background:var(--customBgColor); color:#fff; border-radius:0px 4px 4px 0px;}

/* 招聘筛选栏 */
.recruitSelectorBar{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:8px 5px; display: flex; position:relative; background:#fff; z-index:5}
.recruitSelectorBar .selectorShow{width:100%; display: flex; position:relative;}
.recruitSelectorBar .selectorShow .selectorLine{width:33.33%; height:35px; line-height:35px; border-right:1px solid #cecece;  }
.recruitSelectorBar .selectorShow .selectorLine:last-child{border-right:none}
.recruitSelectorBar .ssd-hd{padding:0 30px 0px 10px; text-align:center; overflow:hidden; overflow:hidden; line-height:35px; height:35px; text-overflow:ellipsis; white-space: nowrap; position:relative; }
.recruitSelectorBar .ssd-hd i {font-size: 22px;color: #333;position:absolute;right: 5px;top: 50%;height:20px;line-height:20px;width:20px;text-align:center; margin-top:-10px; color:#bcbcbc}
.recruitSelectorBar .ssd-bd{display:none;background:#fff;position:absolute;left:-5px;right:-5px;top: 45px;padding:10px;overflow-y:auto}
.recruitSelectorBar .selectorLine .sl-value{overflow:hidden}
.recruitSelectorBar .selectorLine .sl-value li{border-bottom:1px solid #e1e1e1; position:relative;}
.recruitSelectorBar .selectorLine .sl-value li a{display:block; padding:10px 0px; font-size:14px; line-height:30px;}
.recruitSelectorBar .selectorLine .sl-value li.on{color:var(--customBgColor);}
.recruitSelectorBar .selectorLine .sl-value li.on::after{content:"\f00c"; font-family: FontAwesome, fontpower; font-style: normal; font-weight: normal; display: inline-block; position:absolute; right:10px; height:30px; line-height:30px; top:10px; font-size:18px;}
.recruitSelectorBar .selectorLine .sl-value li.on a{color:var(--customBgColor)}
.recruitSelectorBar .selectorLine .sl-value li:last-child{border-bottom:none;}
/*
.recruitSelectorBar .selectorLine .sl-value li{float:left; height:28px; line-height:28px; font-size:14px; border:1px solid transparent; padding:0 12px; margin:0px 5px 16px 0px; border-radius:4px; color:#333; }
.recruitSelectorBar .selectorLine .sl-value li a{color:#333}
.recruitSelectorBar .selectorLine .sl-value li a:hover{color:#1d79a2}
.recruitSelectorBar .selectorLine .sl-value li.on{border-color:#419cc4; background:#eefffa; color:#1d79a2}
.recruitSelectorBar .selectorLine .sl-value li.on a{color:#1d79a2}
*/
.recruitSelectorBar .selectorMore{width:25%;}
.recruitSelectorBar .selectorMore .selectorLine{padding-top:10px;}
.recruitSelectorBar .selectorMore .selectorLine .sl-key{height:30px; line-height:30px; margin-bottom:10px;}
.recruitSelectorBar .selectorMore .sm-com{display:none;}
.recruitSelectorBar .ssd-on .ssd-hd,
.recruitSelectorBar .ssd-on .ssd-hd i{color:var(--customBgColor)}
.recruitSelectorBar .ssd-on .ssd-hd i{transform:rotate(180deg);}
.recruitSelectorBar .ssd-on .ssd-bd{display:block; }
.recruitSelectorBar .sBtns{position:absolute;background:#fff; bottom: 0; left:0px; right:0px; padding:10px 0; border-top:1px solid #e1e1e1; text-align:center; font-size:0; line-height:0; display:none}
.recruitSelectorBar .sBtns span{display:inline-block; height:30px; line-height:30px; font-size:14px; padding:0 15px; background:#eee; margin:0 8px; border-radius:4px; overflow:hidden; border:1px solid #ccc}
.recruitSelectorBar .sBtns span.btn-submit{background:var(--customBgColor); border-color:var(--customBgColor); color:#fff}

.recruitSelectorFixed{position:fixed; z-index:2; top:0px; left:0px; right:0px; bottom:0px; border:none;}
.recruitSelectorFixed::before{content:""; display:block; height:1px; position:absolute; left:0px; right:0px; background:#e1e1e1; top:52px; z-index:5;}
.recruitSelectorFixed .sBtns{display:block;}

/* 招聘职位列表 */
.recruitList li{padding:10px 15px; border-bottom:1px solid #e4e4e4; overflow:hidden;  }
.recruitList li .btns{float:right; width:100px; margin-left:10px;}
.recruitList li .btns .pay,
.recruitList li .btns .place{display:block; height:26px; line-height:26px; text-align:center; font-size:10px; color:#333}
.recruitList li .btns .pay{color:#ff5500}
.recruitList li .btns .btn-apply{display:block; height:28px; line-height:28px; text-align:center; font-size:14px; background:#e9f8f6; border-radius:14px; color:var(--customBgColor); margin-top:5px; }
.recruitList li .title,
.recruitList li .intro{display:block; height:26px; line-height:26px; overflow:hidden; font-size:16px; text-overflow:ellipsis; white-space: nowrap; }
.recruitList li .intro{font-size:12px; color:#777}
.recruitList li .title {font-weight: bold;}
.recruitList li .person {font-weight: normal;font-size: 14px;vertical-align: bottom;}
.recruitList li .company{display:block; height:28px; line-height:28px; overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space: nowrap; margin-top:5px;color: #135493;}
.recruitList li .btns .active {background-color: var(--customBgColor);color: #e8ebeb;}
.recruitList li .btns .pay, .recruitList li .btns .place {overflow: hidden}

/* 招聘详情 */
.recruitDetail{}
.recruitDetail .topDetail{border-bottom:1px solid #d3d3d3;padding-top:10px;padding-bottom: 15px;margin-bottom:15px;}
.recruitDetail .topDetail .titleBar{overflow:hidden; margin-bottom:10px; }
.recruitDetail .topDetail .title{float:left; font-size:20px; font-weight:bold; line-height:32px; }
.recruitDetail .topDetail .person{float:right; }
.recruitDetail .topDetail .salary{font-size:12px; float:right; color:#ff5500; line-height:32px; margin-left:15px;}
.recruitDetail .topDetail .property{overflow:hidden; font-size:12px; color:#777777; line-height:20px; padding:5px 0px;}
.recruitDetail .topDetail .tag{overflow:hidden; padding-top:15px;}
.recruitDetail .topDetail .tag span{height:24px; line-height:24px; padding:0 8px; font-size:12px; border:1px solid #b9b9b9; border-radius:5px; float:left; margin-right:8px; margin-bottom:8px;}
.recruitDetail .companyAdd {padding-left:24px;font-size:14px;line-height:26px;background: url(../img/icon-path.png) 10px 5px no-repeat;background-size:11px auto;margin: 20px 0px 10px;border-bottom:1px solid #d3d3d3;padding-bottom:20px}
.recruitDetail .companyBar{border-bottom:1px solid #d3d3d3;padding-bottom: 15px;margin: 15px 0;}
.recruitDetail .companyBar .company{padding-left:55px;background: url(../img/company.png) 0px 5px no-repeat;background-size:46px auto;min-height:50px;margin-bottom: 15px;} 
.recruitDetail .companyBar .companyName{font-size:16px; line-height:26px; margin-bottom:5px; color:#333333}
.recruitDetail .companyBar .companyProperty{font-size:12px; color:#777777}
.recruitDetail .companyBar .conTxt{font-size:12px; line-height:26px;}
.recruitDetail .mdBox{border-bottom:1px solid #d3d3d3;padding-bottom:10px;}
.recruitDetail .mdBox:last-child{border-bottom:none;}
.recruitDetail .mdBox .hd{line-height: 30px;}
.recruitDetail .mdBox .hd h3{font-weight:bold; font-size:18px;}
.recruitDetail .mdBox .bd{padding:15px 0px;}
.recruitDetail .mdBox .conTxt{font-size:12px; line-height:26px;}
.recruitDetail .mdBox .conTxt p{margin:0px;}

.recruitDetail .recruitApplyBtn{position:relative; height:60px;}
.recruitDetail .recruitApplyBtn .applyBtn{ position:absolute; top:0px; left:-10px; right:-10px; box-shadow: 0px -5px 5px rgba(220,220,220,0.75); background:#fff; padding:15px;}
.recruitDetail .recruitApplyBtn .applyBtn a{display:block; height:40px; line-height:40px; text-align:center; background:var(--customBgColor); color:#fff; font-size:16px; border-radius:6px;  }
.recruitDetail .recruitApplyBtn-fixed .applyBtn{position:fixed; left:0px; right:0px; top:auto; bottom:55px;}