/*
**搜索及搜索结果
*/
.hotjob-list { padding: 5px 15px; position: relative; overflow:hidden }
.hotjob-list a { display: inline-block; padding: 5px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; line-height: 20px; width: 25%; float: left; }
/*职位搜索*/
.job-search { }
.job-search .search-filter-box { background-color: #f6f6f6; }
.job-search .search-filter-box .s-filter-item { padding: 14px 15px; border-bottom: 1px solid #e2e2e2; font-size: 14px; color: #666; }
.job-search .search-filter-box .s-filter-item:last-child { border: 0; }
.job-search .search-filter-box .s-filter-item span { width: 88%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 22px; }
.job-search .search-filter-box .s-filter-item a { color: #cccccc; line-height: 22px; font-size: 16px; }
.job-search .search-filter-box .s-filter-item a i { position: relative; top: 2px; }
.job-search .hot-job-box { }
.job-search .hot-job-box .hot-title { line-height: 34px; height: 34px; padding: 0 15px; color: #999; font-size: 14px; background-color: #f0f0f0; }
.job-search .hot-job-box .hot-job-list { background-color: #fff; }
.job-search .hot-job-box .hot-job-list .hot-job { width: 33.333333%; height: 50px; line-height: 50px; border-bottom: 1px solid #e2e2e2; font-size: 14px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.job-search .hot-job-box .hot-job-list .hot-job a { color: #666; display: block; text-overflow: ellipsis; }
.job-search .hot-job-box .hot-job-list .hot-job a:active { background-color: #f5f5f5; }
/*职位搜索结果&职位列表*/
.search-data-block { background-color: #fff; }
.search-condition-box { height: 26px; padding: 12px 0; text-align: center; border-bottom: 1px solid #e2e2e2 }
.search-condition-box .condition-item { font-size: 14px; color: #333; line-height: 26px; position: relative; }
.search-condition-box .condition-item i { font-size: 12px; color: #333; margin-left: 3px; }
.search-condition-box .condition-item::after { content: ''; width: 1px; height: 26px; border-left: 1px solid #e2e2e2; position: absolute; top: 0; right: 0; }
.search-condition-box .condition-item:last-child::after { content: ''; width: 1px; height: 26px; border-left: 1px solid transparent; position: absolute; top: 0; right: 0; }
.search-data-list { }
.search-data-list.jobs .jobs-item { box-sizing: border-box; padding: 15px; padding-bottom: 12px; border-bottom: 1px solid #e2e2e2; position: relative; }
.search-data-list.jobs .jobs-item:active { background-color: #f5f5f5; }
.search-data-list.jobs .jobs-item .job-ding { position: absolute; top: 0; right: 0; width: 0; height: 0; border-width: 14px; border-style: solid solid dashed dashed; border-color: #ef1a29 #ef1a29 transparent transparent; }
.search-data-list.jobs .jobs-item .job-ding::after { content: '顶'; color: #fff; font-size: 12px; position: absolute; top: -13px; left: 0px; }
.search-data-list.jobs .jobs-item h3 { font-size: 16px; color: #333; margin-bottom: 9px; }
.search-data-list.jobs .jobs-item h3 a { color: #333; }
.ji-icon { font-style: normal; font-size: 12px; display: inline-block; width: 16px; height: 16px; background-color: #f60f3b; border-radius: 4px; color: #fff; text-align: center; line-height: 17px; vertical-align: middle; margin-left: 5px; }
.jian-icon { font-style: normal; font-size: 12px; display: inline-block; width: 16px; height: 16px; background-color: #f69a0f; border-radius: 4px; color: #fff; text-align: center; line-height: 17px; vertical-align: middle; margin-left: 5px; }
.search-data-list.jobs .jobs-item .jobs-add { color: #666; font-size: 12px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 9px; }
.search-data-list.jobs .jobs-item .pay-date { font-size: 14px; line-height: 18px; }
.search-data-list.jobs .jobs-item .pay-date .money { color: #ff2222; }
.search-data-list.jobs .jobs-item .pay-date .date { color: #999; font-size: 12px; }
.search-data-list.jobs .jobs-item .pay-date .date i { font-size: 14px; position: relative; top: 1px; }
.search-data-list.resumes .resume-item { box-sizing: border-box; padding: 15px; padding-bottom: 12px; height: 100px; border-bottom: 1px solid #e2e2e2; position: relative; }
.search-data-list.resumes .resume-item:active { background-color: #f5f5f5; }
.search-data-list.resumes .resume-item .r-name-box { margin-bottom: 5px; }
.search-data-list.resumes .resume-item .r-name-box h4 { font-size: 16px; color: #333; }
.search-data-list.resumes .resume-item .r-name-box h4 a { color: #333; }
.search-data-list.resumes .resume-item .r-name-box h4 i { margin-left: 3px; font-size: 16px; }
.search-data-list.resumes .resume-item .r-name-box h4 i.w-icon-male { color: #EA5504; }
.search-data-list.resumes .resume-item .r-name-box h4 i.w-icon-female { color: #ff3e40; }
.search-data-list.resumes .resume-item .r-name-box>span { font-size: 12px; color: #999; }
.search-data-list.resumes .resume-item .person-info, .search-data-list.resumes .resume-item .want-job { width: 100%; font-size: 12px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 24px; }
.icon-person { display: inline-block; width: 16px; height: 16px; background: url(../images/resume-auth.png) no-repeat 3px 0px; position: relative; top: 1px; }
.icon-phone { display: inline-block; width: 16px; height: 16px; background: url(../images/resume-auth.png) no-repeat -15px 0px; position: relative; top: 1px; }
/*搜索条件弹出层*/
#filter-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 999; }
.search-popup { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 1000; display: none; }
.search-popup .filter-control { height: 50px; padding: 0; text-align: center; border-bottom: 1px solid #e2e2e2 }
.search-popup .filter-control .condition-item { font-size: 14px; color: #333; line-height: 50px; cursor: pointer; border-bottom: 2px solid transparent; position: relative; }
.search-popup .filter-control .condition-item i { font-size: 12px; color: #333; margin-left: 3px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.search-popup .filter-control .condition-item::after { content: ''; width: 1px; height: 26px; border-left: 1px solid #e2e2e2; position: absolute; top: 12px; right: 0; }
.search-popup .filter-control .condition-item:last-child::after { content: ''; width: 1px; height: 26px; border-left: 1px solid transparent; position: absolute; top: 12px; right: 0; }
.search-popup .filter-control .filter-line { width: 1px; height: 26px; border-left: 1px solid #e2e2e2; }
.search-popup .filter-control .condition-item.curr { color: #EA5504; border-bottom: 2px solid #EA5504; }
.search-popup .filter-control .condition-item.curr i { color: #EA5504; display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.search-popup .filter-content { }
.search-popup .filter-content .filter-class { display: none; }
.search-popup .filter-content .filter-class .filter-list { font-size: 14px; color: #333; }
.search-popup .filter-content .filter-class .filter-list li { height: 50px; line-height: 50px; border-bottom: 1px solid #e2e2e2; }
.search-popup .filter-content .filter-class .filter-list li a { display: block; padding: 0 15px; color: #333; }
.search-popup .filter-content .filter-class .filter-list li a:active { background-color: #f5f5f5; }
.search-popup .filter-content .filter-class .complex-filter { max-height: 350px; overflow-y: auto; overflow-x: hidden; }
.search-popup .filter-content .filter-class .complex-filter .complex-item { padding: 15px; padding-bottom: 20px; }
.complex-item h4 { font-size: 14px; color: #333; }
.complex-item .complex-row { }
.complex-item .complex-row .complex-col { height: 34px; line-height: 34px; color: #333; font-size: 14px; background-color: #f8f8f8; border-radius: 3px; padding: 0 15px; margin: 10px 10px 0 0; box-shadow: 0px 1px 0px rgba(0,0,0,.1) }
.complex-item .complex-row .complex-col.select { background-color: #EA5504; color: #fff; }
.complex-confirm { text-align: center; padding: 10px 0; border-top: 1px solid #e2e2e2; }
.complex-confirm a { color: #EA5504; font-size: 12px; line-height: 34px; }
.complex-confirm a i { font-size: 16px; margin-right: 3px; position: relative; top: 2px; }
.noBackNotice { color: #EA5504; font-size: .8rem; padding: 0; padding-top: 17px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.formDiv { background: #FFF; }
.formDiv .formChild { border-bottom: 1px solid #E4E4E4; }
.formDiv .formChild:last-child { border-bottom: 0; }
.comresume .formChild:last-child { border-bottom: 1px solid #E4E4E4; }
.formDiv textarea { border: 0; width: 96%; outline: 0; padding: 5px 2%; text-align: justify; font-size: .9rem; }
.formDiv .words { text-align: right; padding: 10px 12px 0 0; background-color: #F1F1F1; color: #B6B6B6; }
.formDiv .words span { color: #1BA7EA; margin: 0 5px; }
.formHead { line-height: 45px; padding-left: 10px; color: #333333; font-size: 1.2rem; }
.formChild { position: relative; display: -webkit-box; font-size: 0.9rem; padding: 7px 0; }
.formChild:after { clear: both; content: " "; display: block; visibility: hidden; height: 0; }
.formChild .lt { width: 110px; margin: 0 15px; color: #3D3D3D; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.formChild .inptxt.radio { line-height: 22px; font-size: 11pt; }
.formChild .inptxt li { float: right; }
.formChild .ltsmall { width: 80px; }
.formDivlayer .formChild { width: 242px; }
.formDivlayer .lt { width: 87%; text-align: left; }
.formChild .row { width: 100%; color: #ff9900; }
.formChild .at { width: 154px; margin: 0 10px; color: #3D3D3D; display: block; white-space: nowrap; overflow: hidden; }
.at span { color: #EA4A4A; display: inline-block; vertical-align: text-top; width: 10px; text-align: left; }
.lt span { color: #EA4A4A; display: inline-block; vertical-align: text-top; width: 10px; text-align: left; margin-left: 3px; }
.require { display: block; content: "*"; width: 5px; height: 5px; }
.formChild .mt { position: relative; -webkit-box-flex: 1; color: #3D3D3D; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 37px; text-align: right; }
.formChild .mt.ipt { outline: none; white-space: normal; overflow: visible; text-overflow: initial; }
.formChild .mt.check:after { color: #a1a1a1; font-size: 1rem; font-family: "chrfonticon" !important; font-style: normal; content: "\e62d"; transform: rotate(270deg); -webkit-transform: rotate(270deg); position: absolute; right: 15px; top: 0px; }
.formChild .mt input { border: 0; text-align: right; text-indent: 0; height: auto; font-size: .85rem; }
.formChild .mt .cof90 { color: #FF9900; }
.formChild .rt { padding-left: 0; }
.formChild .rt .r_arow { font-size: 1rem; }
selectAbroad .formChild .selectSex:after { clear: both; content: " "; display: block; visibility: hidden; height: 0; }
.formChild .selectMarryStatus:after { clear: both; content: " "; display: block; visibility: hidden; height: 0; }
.formChild .selectAbroad:after { clear: both; content: " "; display: block; visibility: hidden; height: 0; }
.formChild .sex { float: left; width: 25px; background: #D6D6D6; color: #FFF; text-align: center; margin-right: 10px; border-radius: 3px; -webkit-border-radius: 3px; font-size: .8rem; line-height: 24px; transition-duration: 200ms; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; }
.formChild .sex.on { background: #505962; }
.formChild .marry { float: left; width: 40px; background: #D6D6D6; color: #FFF; text-align: center; margin-right: 10px; border-radius: 3px; -webkit-border-radius: 3px; font-size: .8rem; line-height: 24px; transition-duration: 200ms; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; }
.formChild .marry.on { background: #505962; }
.formChild .abroad { float: left; width: 25px; background: #D6D6D6; color: #FFF; text-align: center; margin-right: 10px; border-radius: 3px; -webkit-border-radius: 3px; font-size: .8rem; line-height: 24px; transition-duration: 200ms; -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; }
.formChild .abroad.on { background: #505962; }
.btn_bar { padding: 0 10px; }
.btn_bar div { width: 100%; margin: 10px auto; margin-bottom: 40px; float: none; padding: 5px 0; border-radius: 3px; -webkit-border-radius: 3px; font-size: 1.2rem; }
.step { height: auto; width: 100%; margin-bottom: 20px; text-align: center; }
.step:after { clear: both; content: " "; display: block; visibility: hidden; height: 0; }
.step>div { width: 10px; height: 10px; background: #D9D9D9; margin: 0 5px; border-radius: 50%; -webkit-border-radius: 50%; display: -webkit-inline-box; }
.step>div.on { background: #505962; }
input:disabled { background-color: transparent; }
.hide { display: none; visibility: hidden; }
#getSms { background-color: #505962; color: #FFF; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 5px; line-height: 24px; font-size: .8rem; padding: 0 5px; min-width: 100px; text-align: center; }
#getCaptch { width: 70px; margin-right: 5px; }
.select_bar_div { position: fixed; width: 100%; bottom: 0; z-index: 9; display: none; -webkit-transform: translateY(100%); }
.select_bar_div.on { -webkit-transform: translateY(0%); }
.errMsg { background: #FFA5A5; color: #FFF; padding: 5px 0; text-align: center; margin-top: -1px; position: relative; }
.errMsg:before { width: 5px; height: 5px; display: block; content: " "; margin: 0 auto; margin-top: -12px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #FFA5A5; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.select_bar_div { position: fixed; width: 100%; bottom: 0; z-index: 9; display: none; transform: translateY(100%); -webkit-transform: translateY(100%); transition: transform 300ms ease; -webkit-transition: -webkit-transform 300ms ease; }
.select_bar_div.on { transform: translateY(0%); -webkit-transform: translateY(0%); }
#search_div { display: none; position: fixed; width: 100%; height: 100%; background-color: #FFF; top: 0; z-index: 1000; background-color: #f1f1f1 }
#search_div.s { display: block }
.search.in_div { display: -moz-box; display: -webkit-box; -moz-box-align: center; -webkit-box-align: center; width: 100%; margin: 0; padding: 6px 0; margin-top: 59px; position: relative }
#search_div.s .search.in_div { animation: t_input .5s linear forwards; -webkit-animation: t_input .5s linear forwards; transition: none; -webkit-transition: none }
.search.in_div .close { padding: 0 10px; animation: t_close .5s linear forwards; -webkit-animation: t_close .5s linear forwards; z-index: 20 }
.search.in_div input { display: inherit; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; font-size: 16px; background: #fff; line-height: 0; vertical-align: middle }
.search.in_div input::-webkit-input-placeholder {
line-height:20px
}
.search.in_div input:-moz-placeholder {
line-height:20px
}
.search.in_div input::-moz-placeholder {
line-height:20px
}
.search.in_div input:-ms-input-placeholder {
line-height:20px
}
.s_ipt { position: relative; -moz-box-flex: 1; -webkit-box-flex: 1; vertical-align: middle; margin-right: 60px; z-index: 20 }
.s_ipt .del { display: none; position: absolute; right: 2px; top: 0; color: #bdbdbd; width: 20px; height: 20px; font-size: 1rem; text-align: center; margin-top: 8px }
.s_ipt .del:before { border-radius: 50%; border: 1px solid #bdbdbd; padding: 1px; background: #FFF }
.search.in_div .sou { width: 54px; line-height: 36px; text-align: center; margin-right: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #FFF; color: #EA5504; border: 1px solid #dbdbdb; position: absolute; font-size: 1.15rem; right: 0; top: 6px; z-index: 20 }
.in_div.hword input { border-top-left-radius: 36px; border-bottom-left-radius: 36px }
.in_div.hword .sou { border-top-right-radius: 36px; border-bottom-right-radius: 36px }
.rback { background-color: #EA5504; width: 100%; position: absolute; left: 0; height: 100%; top: 0; opacity: 0 }
#search_div.s .rback { animation: t_rback .5s linear forwards; -webkit-animation: t_rback .5s linear forwards; z-index: 10 }
#subDiv { opacity: 0; transition: none; -webkit-transition: none }
#subDiv>div { transition: none; -webkit-transition: none }
#search_div.s #subDiv { animation: t_rback .5s linear forwards; -webkit-animation: t_rback .5s linear forwards }
#super_search, #cleanhistory { text-align: center; font-size: 1rem; color: #A1A1A1; padding: 10px; background-color: #FFF }
#super_search_div { overflow: hidden; position: fixed; top: 0 }
#selectLoc, #selectInd, #selectSalary, #super_search_div { width: 100%; z-index: 5; background-color: #F1F1F1; transition: all 300ms ease; -webkit-transition: all 300ms ease }
#super_search_div .search { margin: 0 5%; width: 90% }
#ss_select li:before { font-family: "chrfonticon" !important; font-style: normal; padding: 0 10px; line-height: 1rem; font-size: 1rem; margin-left: -38px; color: #BCBCBC }
#ss_select { background-color: #FFF }
#ss_select li { background-color: #FFF; padding: 10px 0; font-size: 1rem; border-bottom: 1px solid #F2F2F2; margin-left: 38px; position: relative; display: block; white-space: nowrap; text-overflow: ellipsis; color: #3B3B3B }
#ss_select li:after { font-family: "chrfonticon" !important; content: "\e62d"; font-style: normal; line-height: 1rem; font-size: 1rem; display: inline-block; position: absolute; right: 5px; top: 13px; transform: rotate(270deg); -webkit-transform: rotate(270deg); color: #B1B1B1 }
.ss_location:before { content: "\e625" }
.ss_industry:before { content: "\e628" }
.ss_salary:before { content: "\e620" }
.ss_go { color: #FFF; font-size: 1.3rem; padding: 5px 0; text-align: center; width: 90%; margin: 0 auto; border-radius: 3px; -webkit-border-radius: 3px }
.selectDiv { position: fixed; top: 0; width: 100% }
#ss_select li.ss_location:before { padding: 0 12px 0 12px }
#s_list li { border-bottom: 1px solid #dbdbdb; background-color: #FFF; padding: 10px 0; font-size: .9rem; color: #7B7B7B; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 26px; position: relative }
#s_list li span { color: #E94545 }
;
#s_list li i { color: #B1B1B1; font-style: normal; font-size: .8rem; padding-left: 5px; vertical-align: bottom; line-height: 1rem }
#s_list li:before { font-family: "chrfonticon" !important; content: "\e605"; font-style: normal; padding: 0 10px; line-height: 1rem; font-size: 1rem }
#s_list li:after { font-family: "chrfonticon" !important; font-style: normal; line-height: 1rem; font-size: 1rem; display: inline-block; position: absolute; right: 5px; top: 13px }
#s_list li.intypesearch { }
#s_list li.intypesearch:before { content: "\e602" }
#s_list li.intypesearch:after { content: "\e62d"; transform: rotate(270deg); -webkit-transform: rotate(270deg) }
#s_list li.justsearch { }
#s_list li.justsearch:before { content: "\e623"; padding-right: 17px }
#s_list li.justsearch:after { content: "\e62d"; transform: rotate(270deg); -webkit-transform: rotate(270deg) }
#s_hot { background-color: #FFF }
#s_hot:after { clear: both; content: ""; display: block }
#s_hot ul { padding: 10px 0 }
#s_hot li { float: left; min-width: 46px; max-width: 300px; font-size: 1rem; border: 1px solid #c2c2c2; margin: 5px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 1rem; padding: 0 22px; text-align: center; color: #555 }
.sl-main>div { display: -webkit-box; display: -moz-box; display: flex; display: -webkit-flex }
.sl-fr { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 1; order: 1; flex: 1; -webkit-flex: 1; float: left; max-width: 160px; }
.sl-se { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 1; order: 1; flex: 1; -webkit-flex: 1; float: left; }
.sl-th { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 2; order: 2; flex: 2; -webkit-flex: 2 }
.sl_list, .sl-main { background-color: #FFF; min-height: 255px }
.sl_list>div, .sl-main>div { transition: none; -webkit-transition: none }
.sl_list>div:after, .sl-main>div:after { clear: both; content: ""; display: block }
.sl_list ul, .sl-main ul { background-color: #FFF }
.sl_list li, .sl-main li { padding: 10px; font-size: 1rem; color: #5D5D5D; border-bottom: 1px solid #EDEDED }
.sl_level1 { float: left; width: 45% }
.sl_level1 li, .sl-fr li { background: #F5F5F5; color: #636363; border-top: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 5px; font-size: 1rem; max-width: 160px; }
.sl_level1 li:first-child, .sl-fr li:first-child { border-top: 0 }
.sl_level1 li.on, .sl-fr li.on { background: #FFF; border-right: 1px solid #FFF }
.sl_level1 li.on, .sl-fr li.on { color: #00A0E9 }
.sl_level2 { float: left; width: 55% }
.autoLoc.fail { color: #ABABAB }
.sl_level2 li, .sl-se li { color: #5F5F5F; border-bottom: 1px solid #FFF; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 5px; font-size: 1rem; position: relative }
.autoLoc span.n { color: #ADADAD }
.autoLoc span.h { color: #EA5504 }
.sl_level2 li.on, .sl-se li.on { color: #00A0E9 }
.sl-se { box-shadow: -1px 0 1px #DFDFDF inset; -webkit-box-shadow: -1px 0 1px #DFDFDF inset }
.sl-se li:before { content: " "; position: absolute; border-right: 1px solid #DFDFDF; right: 0; height: 100%; top: 0; z-index: 1 }
.sl-se li.check:after { content: " "; position: absolute; right: -3px; top: 1rem; z-index: 2; width: 7px; height: 7px; border: 1px solid #DFDFDF; background: #FFF; transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.sl_level1>div, .sl_level2>div { transition: none; -webkit-transition: none }
.sl-th li { color: #5F5F5F; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 5px; font-size: 1rem }
.sl-th li.on { color: #00A0E9 }
.select_bar_head { background: #F1F1F1; color: #333; padding: 10px 5px; font-size: 1rem; border-bottom: 1px solid #E5E5E5 }
.sValDiv { background: #F1F1F1; margin-top: -1px; padding: 0 10px 10px 10px; display: -webkit-box }
.sValDiv>div { display: -webkit-box; transition: none; -webkit-transition: none }
.sValDiv:after { clear: both; content: " "; display: block }
.sValDiv>div>div { background: #00A0E9; color: #FFF; width: 75px; padding: 5px; font-size: .8rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 2px; -webkit-border-radius: 2px; position: relative; margin-right: 10px; float: left; margin-bottom: 10px; text-align: center }
.sValDiv>div>div em { position: absolute; right: 0; top: -3px; font-size: .85rem }
.select_bar_head .okBtn { color: #00A0E9; float: right; font-size: 1rem; padding: 1px 10px }
@keyframes t_input {
0% {
margin-top:59px;
opacity:.2
}
40% {
margin-top:0;
opacity:1
}
50% {
background-size:0
}
70% {
background-size:100%
}
100% {
margin-top:0;
opacity:1
}
}
@-webkit-keyframes t_input {
0% {
margin-top:59px;
opacity:.2
}
40% {
margin-top:0;
opacity:1
}
50% {
background-size:0
}
70% {
background-size:100%
}
100% {
margin-top:0;
opacity:1
}
}
@keyframes t_rback {
0% {
opacity:0
}
40% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes t_rback {
0% {
opacity:0
}
40% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes t_close {
0% {
transform:rotate(45deg) translateX(10px)
}
65% {
transform:rotate(-135deg) translateX(0px)
}
100% {
transform:rotate(-225deg) translateX(0px)
}
}
@-webkit-keyframes t_close {
0% {
-webkit-transform:rotate(45deg) translateX(10px)
}
65% {
-webkit-transform:rotate(-135deg) translateX(0px)
}
100% {
-webkit-transform:rotate(-225deg) translateX(0px)
}
}
.app-search { text-align: center; overflow: hidden }
.app-search a { display: inline-block; color: #EA5504; font-size: .85rem; line-height: 1.3; padding: 20px 10px; text-decoration: underline }
.lock_win { background-color: rgba(0, 0, 0, 0.4); height: 100%; position: fixed; top: 0; width: 100%; z-index: 8; }
.hide_win { background-color: transparent; height: 100%; position: fixed; top: 0; width: 100%; z-index: 997; }
/* 筛选条件样式 */
.select_bar { width: 100%; position: relative; background-color: #FFF; border-bottom: 1px solid #dbdbdb; z-index: 6; padding: 3px 0; }
.select_bar ul { z-index: 6; }
.select_bar .col { float: left; width: 20%; border-left: 1px solid #dbdbdb; text-align: center; margin: 10px 0; font-size: .9rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: -1px; padding: 0 2px; line-height: 1rem; }
.col div { padding-right: 12px; }
.col div span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.col div:after { font-size: .6rem; font-family: "chrfonticon" !important; font-style: normal; content: "\e62d"; position: absolute; margin-left: 5px; }
.select_bar .col.on { color: #EA5504; }
.select_bar .col i { font-size: .8rem; margin-left: 5px; }
.select_bar .colt { width: 33.3% }
.select_bar .coltw { width: 50% }
.col.on div:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); display: inline-block; }
.select_bar_div { display: none; position: absolute; z-index: 6; background-color: #FFF; top: -100%; height: 100px; width: 100%; overflow: hidden; }
.select_bar_div .sl_list { display: none; }
.select_bar_div.on { display: block; top: 40px; }
.select_bar_div>div { display: none; }
.select_bar_more { display: none; position: fixed; top: 0; z-index: 1000; width: 100%; right: 0; background-color: rgba(0, 0, 0, 0.29); overflow: hidden; }
.select_bar_more.on { display: block; }
.more_main { padding-left: 50px; background: transparent; transition: all 300ms ease; -webkit-transition: all 300ms ease; }
.more_main .close { z-index: 2; padding-top: 3px; padding-left: 10px; }
.more_main .header .title { font-size: 1.3rem; }
.more_ok { position: absolute; right: 15px; line-height: 50px; font-size: 1rem; color: #FFF; padding: 0 10px; z-index: 2; }
#moreList { background: #F5F5F5; }
#morejobList { background: #F5F5F5; }
#more_level .more_child_div { background: #FFF; }
#more_level .more_child_div li { float: left; background: #F8F8F8; padding: 5px 15px; margin: 5px; color: #555555; border-radius: 3px; -webkit-border-radius: 3px; transition: all 300ms ease; -webkit-transition: all 300ms ease; }
#more_level .more_child_div li.on { background: #f90; color: #FFF; }
#more_level>div { transition: none; -webkit-transition: none; margin-bottom: 50px; }
.more_child_title { font-size: 1rem; padding: 10px; color: #3D3D3D; }
.more_foot { height: 45px; }
.clear_more { position: fixed; bottom: 0; background-color: #FFF; padding: 10px 0; width: 100%; text-align: center; color: #EA5504; font-size: 1rem; text-indent: -50px; transition: all 300ms ease; -webkit-transition: all 300ms ease; }
.clear_more.on { background: #EA5504; color: #FFF; }
.lock { display: none; position: absolute; z-index: 5; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; top: 45px; }
.searchlist { background: #FFF; position: relative; z-index: 2; }
.list_child { margin-left: 10px; padding: 10px 10px 10px 0; border-bottom: 1px solid #dbdbdb; }
.list_child.off { display: none; }
.list_child:after, .list_child>div:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
.list_child div>div { float: left; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list_job { width: 80%; font-weight: bold; font-size: 1.1rem; position: relative; color: #000; }
.list_date { width: 20%; color: #aaaaaa; text-align: right; font-size: .9rem; }
.list_com { color: #555555; margin: 4px 0; width: 80%; font-size: .9rem; }
.list_mark { text-align: right; width: 20%; margin: 4px 0; }
.list_loc { width: 50%; color: #aaaaaa; font-size: .9rem; }
.list_price { width: 50%; color: #EA5504; text-align: right; float: right!important; font-size: .9rem; font-weight: 600; }
.mark_bottom { opacity: 0; width: 100%; height: 2px; position: relative; margin-top: -2px; z-index: 7; }
.mark_bottom.on { opacity: 1; }
.mark_bottom .mark_line { width: 20%; height: 2px; background: #EA5504; position: absolute; margin-left: -2px; transition: all 300ms ease; -webkit-transition: all 300ms ease; }
.mark_bottom .colt { width: 33.3% }
.mark_bottom .coltw { width: 50% }
#say_sorry { padding-top: 30px; padding-bottom: 80px; background: #F1F1F1; }
#say_sorry img { width: 20%; margin: 0 40%; }
.search .ser_search { width: 96%; height: 38px; background: #fff; border: 1px solid #cdcdcd; border-radius: 5px; margin: 0 auto; }
.search .ser_search input { width: inherit; background: none; border: none; text-indent: 0; padding: 0 5px; height: 20px; line-height: 20px; margin-top: 11px; text-align: center; }
.clear:after { content: " "; display: block; height: 0; clear: both; visibility: hidden }
.header { height: 50px; width: 100%; background-color: #EA5504; position: relative; z-index: 999 }
.header ul li { float: left }
.header .return { text-align: center; float: left; margin-left: 5px; margin-top: 6px; position: relative; z-index: 2 }
.header .title { color: #FFF; position: absolute; width: 100%; text-align: center; line-height: 50px; font-size: 1.3rem }
.header .head_user { width: 10%; float: right; position: relative; z-index: 2 }
.header .user_center { width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #FFF; line-height: 30px; text-align: center; margin: 10px 10px 10px 0; float: right; color: #EA5504 }
.header .long_title { font-size: .85rem }
.header .a_btn { height: 50px; display: block; width: auto; line-height: 50px; margin-right: 5px; font-size: 1rem }
.header .a_btn a { color: #FFF }
.backhome .icon { display: block; font-size: 29px; line-height: 50px; color: #FFF; margin-left: 14px }
.header .title .img { width: 29%; max-width: 150px; margin: 0 auto; vertical-align: middle }
.close, .del { color: #FFF; float: left; transform: rotate(45deg); -webkit-transform: rotate(45deg); font-size: 1.5rem; font-family: "chrfonticon" !important; font-style: normal; position: relative }
.close:before, .del:before { content: "\e60a" }
.cline { width: 100% }
.cline:after { content: " "; display: block; height: 10px; clear: both }
@font-face { font-family: "chrfonticon"; src: url('../fonts/chrfonticon.eot'); src: url('../fonts/chrfonticon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('../fonts/chrfonticon.woff') format('woff'), /* chrome、firefox */  url('../fonts/chrfonticon.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/  url('../fonts/chrfonticon.svg#chrfonticon') format('svg') }
* { margin: 0; padding: 0; list-style: none; -webkit-font-smoothing: antialiased }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
address, cite, dfn, em, var { font-style: normal }
small { font-size: 12px }
body { min-width: 320px; background: #f1f1f1; color: #333; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif }
a, a:hover, a:visited { text-decoration: none }
a, img { -webkit-touch-callout: none }
fieldset, img { border: 0 }
button, input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
a, div, input, textarea { outline: none }
*:focus { outline: none }
@font-face { font-family: "chrfonticon"; src: url('font/chrfonticon.eot'); src: url('font/chrfonticon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('font/chrfonticon.woff') format('woff'), /* chrome銆乫irefox */  url('font/chrfonticon.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/  url('font/chrfonticon.svg#chrfonticon') format('svg') }
.icon { font-family: "chrfonticon" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 300ms ease; -webkit-transition: all 300ms ease }
.icon-search:before { content: "\e600" }
.icon-qq:before { content: "\e62b" }
.icon-sina:before { content: "\e62c" }
.icon-down:before { content: "\e62d" }
.icon-yingxiao:before { content: "\e601" }
.icon-fenlei:before { content: "\e602" }
.icon-file:before { content: "\e603" }
.icon-globevector:before { content: "\e604" }
.icon-history:before { content: "\e605" }
.icon-home:before { content: "\e606" }
.icon-hot:before { content: "\e607" }
.icon-hotcity:before { content: "\e608" }
.icon-invite:before { content: "\e609" }
.icon-add:before { content: "\e60a" }
.icon-captch:before { content: "\e60b" }
.icon-chuping:before { content: "\e60c" }
.icon-comname:before { content: "\e60d" }
.icon-del:before { content: "\e60e" }
.icon-down1:before { content: "\e60f" }
.icon-download:before { content: "\e610" }
.icon-edit:before { content: "\e611" }
.icon-eyeclose:before { content: "\e612" }
.icon-eyeopen:before { content: "\e613" }
.icon-fankui:before { content: "\e614" }
.icon-favorite:before { content: "\e615" }
.icon-near:before { content: "\e616" }
.icon-pc:before { content: "\e617" }
./*icon-phone:before{content:"\e618"}*/.icon-phonecaptch:before {
content:"\e619"
}
.icon-qian:before { content: "\e61a" }
.icon-right:before { content: "\e61b" }
.icon-sousuo:before { content: "\e61c" }
.icon-set:before { content: "\e61d" }
.icon-tool:before { content: "\e61e" }
.icon-tuijian:before { content: "\e61f" }
.icon-wallet:before { content: "\e620" }
.icon-warning:before { content: "\e621" }
.icon-wenjian:before { content: "\e622" }
.icon-job:before { content: "\e623" }
.icon-list:before { content: "\e624" }
.icon-loc:before { content: "\e625" }
.icon-lock:before { content: "\e626" }
.icon-love:before { content: "\e627" }
.icon-menu:before { content: "\e628" }
.icon-myresume:before { content: "\e629" }
.icon-wenjianjia:before { content: "\e62a" }
.icon-user:before { content: "\e62e" }
.icon-doc2:before { content: "\e63e" }
.icon-practice:before { content: "\e63d" }
.icon-servant:before { content: "\e63c" }
.icon-media:before { content: "\e63b" }
.icon-tie:before { content: "\e63a" }
.icon-truck:before { content: "\e639" }
.icon-car:before { content: "\e638" }
.icon-land:before { content: "\e637" }
.icon-medical:before { content: "\e636" }
.icon-chemistry:before { content: "\e635" }
.icon-cafe:before { content: "\e634" }
.icon-worker:before { content: "\e633" }
.icon-law:before { content: "\e632" }
.icon-education:before { content: "\e631" }
.icon-market:before { content: "\e630" }
.icon-people:before { content: "\e62f" }
.icon-message:before { content: "\e640" }
.icon-email:before { content: "\e63f" }
.icon-refresh:before { content: "\e641" }
.icon-telphone:before { content: "\e644" }
.icon-radio:before { content: "\e643" }
.icon-checked:before { content: "\e642" }
.icon-editcv:before { content: "\e645" }
img { width: 100% }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
input[type="button"], input[type="submit"], input[type="reset"], input[type="search"] { -webkit-appearance: none }
input::-webkit-search-cancel-button {
display:none
}
textarea { -webkit-appearance: none }
input { width: 100%; height: 36px; text-align: center; border-radius: 5px; border: 1px solid #cdcdcd; text-indent: .5em }
input:focus { outline: none }
.clear:after { content: " "; display: block; height: 0; clear: both; visibility: hidden }
.lock_win { position: fixed; z-index: 8; background-color: rgba(0, 0, 0, .4); width: 100%; height: 100%; top: 0 }
.hide_win { position: fixed; z-index: 997; background-color: transparent; width: 100%; height: 100%; top: 0 }
.loading { background: url("../img/loading.gif") no-repeat; width: 1rem; height: 1rem; display: inline-block; background-size: 1rem; vertical-align: text-bottom; padding-right: 5px }
.warning { color: #FF4A4A; background-color: #FFF; margin-right: 5px; font-size: 1rem; font-family: "chrfonticon" !important; font-style: normal; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #FF4A4A }
.warning:after { content: "\e621" }
.wideBtn { color: #B1B1B1; width: 100%; padding: 10px 0; text-align: center; background: #FFF; font-size: 1rem; font-weight: bold; margin-top: 10px }
.wideBtn.activeBtn { color: #1FA7EB }
.wideBtn.add { margin: 0; color: #38AFEC; border-top: 1px solid #EAEAEA; position: relative }
.wideBtn.add:before { content: "\e60a"; font-family: "chrfonticon" !important; font-size: 1rem; line-height: 1rem; vertical-align: text-top; margin-right: 5px; color: #AFAFAF }
.cutWord { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.searchead { height: 50px; width: 100%; background-color: #f8f8f8; position: relative; display: none }
.searchead.on { position: fixed; top: 0; display: inline-block; z-index: 10; box-shadow: 0 0 5px 0; -webkit-box-shadow: 0 0 5px 0 }
.searchead ul { display: -webkit-box }
.searchead ul li { float: left }
.searchead .head_loc { width: 26%; line-height: 45px; text-align: center; max-width: 80px; position: relative }
.head_loc a { color: #666 }
.searchead .head_loc p { width: 80%; float: left; color: #666; font-size: 1rem; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.searchead .head_loc i { width: 20%; float: left; line-height: 50px }
.searchead .head_search { width: 64%; margin: 0 3%; position: relative; -webkit-box-flex: 1 }
.searchead .head_search input { height: 36px; margin: 6px 6px 6px 0; text-align: center; border-radius: 5px; border: 1px solid #cdcdcd; line-height: 40px }
.searchead .head_user { width: 10%; float: right; position: relative }
.searchead .user_center { width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #EA5504; line-height: 30px; text-align: center; margin: 10px 5px 10px 5px; float: right; color: #FFF }
.header { height: 50px; width: 100%; background-color: #EA5504; position: relative; z-index: 999 }
.header ul li { float: left }
.header .return { text-align: center; float: left; margin-left: 5px; margin-top: 6px; position: relative; z-index: 2 }
.header .title { color: #FFF; position: absolute; width: 100%; text-align: center; line-height: 50px; font-size: 1.3rem }
.header .head_user { width: 10%; float: right; position: relative; z-index: 2 }
.header .user_center { width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #FFF; line-height: 30px; text-align: center; margin: 10px 10px 10px 0; float: right; color: #EA5504 }
.header .long_title { font-size: .85rem }
.header .a_btn { height: 50px; display: block; width: auto; line-height: 50px; margin-right: 5px; font-size: 1rem }
.header .a_btn a { color: #FFF }
.backhome .icon { display: block; font-size: 29px; line-height: 50px; color: #FFF; margin-left: 14px }
.header .title .img { width: 29%; max-width: 150px; margin: 0 auto; vertical-align: middle }
.r_arow { color: #a1a1a1; float: right; transform: rotate(270deg); -webkit-transform: rotate(270deg); margin-right: 5px; font-size: 1.5rem; font-family: "chrfonticon" !important; font-style: normal }
.r_arow:before { content: "\e62d" }
.l_arow { color: #FFF; float: left; transform: rotate(90deg); -webkit-transform: rotate(90deg); margin-right: 5px; font-size: 1.5rem; font-family: "chrfonticon" !important; font-style: normal }
.l_arow:before { content: "\e62d" }
.phone, .icon-telphone { color: #FFF; background-color: #4cda64; width: 25px; height: 25px; margin-left: 5px; font-size: 1.2rem; font-family: "chrfonticon" !important; font-style: normal; border-radius: 50%; -webkit-border-radius: 50%; padding: 3px }
.phone:before { content: "\e618" }
.close, .del { color: #FFF; float: left; transform: rotate(45deg); -webkit-transform: rotate(45deg); font-size: 1.5rem; font-family: "chrfonticon" !important; font-style: normal; position: relative }
.close:before, .del:before { content: "\e60a" }
.footer { background-color: #282d34; width: 100%; padding: 20px 0 }
.fbtn { width: 50%; margin: 0 auto; min-width: 255px; margin-bottom: 10px }
.fbtn ul { width: 100% }
.fbtn a { text-align: center; font-size: 1rem; color: #FFF; width: 49%; float: left }
.fbtn.thr a { width: 33% }
.fbtn li.on { color: #727992 }
.fbtn li i { font-size: 2rem }
.copyright { text-align: center; color: #979db1; font-size: .8rem }
.back_top { display: none; opacity: 0; position: fixed; right: 15px; bottom: 30px; background-color: rgba(69, 69, 69, .5); width: 40px; height: 40px; color: #FFF; z-index: 4; text-align: center; line-height: 40px; border-radius: 50%; -webkit-border-radius: 50%; font-size: 1.5rem; font-family: "chrfonticon" !important; font-style: normal }
.back_top.s { display: block; :ball .5s linear forwards;
-webkit-animation: ball .5s linear forwards }
.back_top:before { content: "\e60f" }
@keyframes ball {
0% {
opacity:0;
transform:rotate(180deg) scale(.1, .1)
}
20% {
opacity:1;
transform:rotate(180deg) scale(.5, .5)
}
50% {
opacity:1;
transform:rotate(180deg) scale(1, 1)
}
70% {
opacity:1;
transform:rotate(180deg) scale(.8, .8)
}
100% {
opacity:1;
transform:rotate(180deg) scale(1, 1)
}
}
@-webkit-keyframes ball {
animation 0 {
opacity:0;
-webkit-transform:rotate(180deg) scale(.1, .1)
}
20% {
opacity:1;
-webkit-transform:rotate(180deg) scale(.5, .5)
}
50% {
opacity:1;
-webkit-transform:rotate(180deg) scale(1, 1)
}
70% {
opacity:1;
-webkit-transform:rotate(180deg) scale(.8, .8)
}
100% {
opacity:1;
-webkit-transform:rotate(180deg) scale(1, 1)
}
}
.cline { width: 100% }
.cline:after { content: " "; display: block; height: 10px; clear: both }
.greyline { width: 100%; border-top: 1px solid #dbdbdb }
.more { background-color: #FFF; padding: 10px; text-align: center; font-size: 1rem; color: #999 }
.more a { color: #999 }
.index_banner { background: url(../img/banner_back.jpg) no-repeat; background-size: cover; background-position: center; position: relative }
.index_banner .user_center { position: absolute; top: 10px; right: 10px; background-color: #EA5504; color: #FFF; border-radius: 50%; -webkit-border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px }
.index_banner .logo { width: 30%; max-width: 150px; margin: 0 auto; padding: 12px 0 }
.index_banner .location { min-width: 100px; width: 100%; margin: 0 auto; text-align: center; color: #333; font-size: 1rem }
.index_banner .location:after { clear: both }
.index_banner .location span { margin: 0 5px }
.index_banner .location i.icon-loc { position: relative; top: -2px }
.search { width: 94%; margin: 12px auto }
.search input { background: rgba(255,255,255,.8) }
.index_banner .search { text-align: center }
.index_banner .search input { text-align: center; line-height: 40px }
.index_banner .tool_bar { padding-bottom: 10px }
.index_banner .tool_bar ul li { float: left; width: 25%; text-align: center; font-size: 1rem; color: #FFF; position: relative }
.index_banner .tool_bar.unlogin ul li { width: 33% }
.index_banner .tool_bar.unlogin ul li:nth-of-type(3) { display: none }
.index_banner .tool_bar.unlogin ul li .plus { display: none }
.index_banner .tool_bar ul li i { font-size: 2rem; position: relative }
.index_banner .noticenum { width: 16px; height: 16px; position: absolute; top: -5px; right: -8px; padding: 2px; background-color: #EA5504; color: #FFF; font-size: 12px; border-radius: 45%; -webkit-border-radius: 45% }
.index_banner .noticenum.plus { width: 23px; border-radius: 40%; padding: 2px; text-align: center; display: inline-table; line-height: 16px; right: -12px }
.index_banner .box_search { height: 38px; line-height: 38px; border-radius: 5px; border: 1px solid #cdcdcd; background: rgba(255,255,255,.8); text-align: center }
.index_banner .box_search input.icon { background: none; border: none; text-indent: 0; height: 18px; line-height: 18px; margin-top: 10px; text-align: center; padding-left: 5px }
.searchead .head_search .box_head_search { height: 36px; margin: 6px 6px 6px 0; text-align: center; border-radius: 5px; border: 1px solid #cdcdcd }
.searchead .head_search .box_head_search input.icon { border: none; background: none; margin: 0; height: 20px; line-height: 20px; margin-top: 10px; text-align: center; padding-left: 5px }
.area { height: 150px; background-color: #FFF }
.area h1 { font-size: 1rem; padding: 10px 0 0 10px; font-weight: normal; position: relative; z-index: 5; color: #00a0e9 }
.area p { color: #666; font-size: .9rem; padding: 0 0 0 10px; position: relative; z-index: 5 }
.area img { position: absolute; bottom: 0 }
.area .a_l { float: left; width: 35%; position: relative; height: 100% }
.area .a_l h1 { color: #99d714 }
.area .a_l img { width: auto; max-height: 50%; right: 0 }
.area .a_r { float: left; width: 65%; position: relative; height: 100% }
.area .rz { float: left; height: 50%; width: 100%; position: relative; color: #00a0e9 }
.area .rz div { height: 100%; border-left: 1px solid #dbdbdb }
.area .rz:first-child { border-bottom: 1px solid #dbdbdb }
.area .rz:first-child h1 { color: #f00 }
.area .rz img { height: 100%; width: auto; right: 0 }
.hotword { background-color: #FFF }
.hotword .more { margin: 0 }
.hotword .more i { font-size: 1rem }
.hot_t { padding: 5px; border-bottom: 1px solid #dbdbdb }
.hot_t i:first-child { color: #FFF; background-color: #EA5504; width: 21px; height: 21px; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; font-size: .9rem; text-align: center; line-height: 20px }
.hot_t i.t1:first-child { display: inline-block; font-size: .6rem; font-style: normal; text-align: center; line-height: 20px }
.hot_t i.t2 { display: inline-block; font-size: 1rem; font-style: normal; text-align: center; line-height: 20px }
.hot_t span { color: #333; padding: 0 8px; font-size: 1rem; position: relative; top: 2px }
.hot_t .r_arow { font-size: 1rem; margin-top: 2px }
.hot_c { padding-bottom: 5px }
.hot_c ul { margin: 5px 0 }
.hot_c a { float: left; width: 25%; text-align: center; font-size: 1rem; margin: 12px 0; color: #555 }
.hot_c a li { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; font-size: .9rem; border-right: 1px solid #eee }
.hot_c a:last-child { border: 0 }
.hot_c a:nth-child(4n) li { border-right: 1px solid transparent }
.company { padding-bottom: 0 }
.company a { width: 50%; margin: 0; border: none }
.company ul { margin: 0; border-top: 1px solid #dbdbdb }
.company ul:first-child { border: 0 }
.company a li { height: 0; padding-bottom: 32%; border-right: 1px solid #dbdbdb }
.company a:nth-of-type(2n) li { border-right: 1px solid transparent }
.company li img { width: 58%; padding: 6% 21% }
.hot_des { padding: 15px; font-size: 1rem; line-height: 2rem; color: #333 }
.hot_des>div { word-break: break-all; word-wrap: break-word }
.a_des.off { height: 130px; overflow: hidden }
.hot_des.para { text-align: justify; text-indent: 2rem }
.hot_des .job_fit_tags { width: 100%; margin: 0 }
.rec_job ul { padding: 10px 13px; border-bottom: 1px solid #dbdbdb }
.rec_job li { float: left }
.rec_job li:first-child { width: 60% }
.rec_job li:first-child div { width: 90%; padding: 2px 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.rec_job li:first-child .com_dec { color: #333; font-size: .85rem }
.rec_job li:last-child { width: 40%; text-align: right }
.rec_job .job_price, .rec_job .job_date, .rec_job .job_lo { text-align: right }
.job_profile { background-color: #FFF; position: relative }
.base_info { padding: 15px 15px; color: #555 }
.job_name { color: #000; font-size: 1rem; font-weight: normal; width: 70% }
.wanted { background-color: #fee; color: #EA5504; border: 1px solid #EA5504; border-radius: 5px; -webkit-border-radius: 5px; font-size: .7rem; padding: 0 2px; text-align: center; margin-left: 5px; font-weight: normal; font-style: normal }
.passed { background-color: #edfbef; color: #48d646; border: 1px solid #48d646; border-radius: 5px; -webkit-border-radius: 5px; font-size: .7rem; padding: 0 2px; text-align: center; margin-left: 5px; display: inline-block; font-weight: normal }
.job_price { color: #f35050; font-size: .85rem; font-weight: 600 }
.job_date { color: #dbdbdb; font-size: .85rem }
.job_loc { font-size: 1rem; color: #555; display: block; padding: 4px 0 }
.job_exp { font-size: 1rem }
.refresh_data { font-size: .8rem; position: absolute; top: 20px; right: 5% }
.job_fit_tags { width: 96%; margin: 0 1% 0 3%; color: #a6a6a6; padding-bottom: 10px }
.job_fit_tags li { float: left; width: 23%; margin-right: 1%; margin-bottom: 6px; text-align: center; border: 1px solid #a6a6a6; line-height: 26px; font-size: .8rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.job_fit_tags li.more_tags, .more_tags { display: none }
.job_fit_tags li.s_more { border: 0; float: right }
.job_fit_tags li.s_more.on i { border: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); display: inline-block }
.job_fit_tags .more_fit { clear: both; margin-right: 10px; line-height: 30px }
.job_fit_tags .more_addbx { width: 100%; clear: both; border: none; margin: 0; text-align: left; white-space: initial }
.job_profile .base_info .job_name { font-size: 1.3rem }
.job_profile .base_info .job_price { font-size: 1.1rem }
.job_profile .base_info .job_loc, .job_profile .base_info .job_exp { font-size: .85rem }
.com_pro { background-color: #FFF; min-height: 100px; padding: 5px 15px }
.com_pro li { float: left }
.com_pro li:last-child { float: right; margin-top: 30px }
.com_pro .r_arow { margin: 0 }
.com_p_logo { margin-right: 13px; width: 100px; display: table-cell; vertical-align: middle; height: 100px; background-size: 100%; background-repeat: no-repeat; background-position: center }
.com_p_logo img { width: 90% }
.com_p_des .d { min-height: 100px; color: #555 }
.com_p_des .com_name { font-size: 1rem; color: #000; margin-top: 5px }
.com_p_des .com_type { padding: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.com_p_des .com_dec { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.com_p_wrap, .com_p_arow { position: relative; float: left; margin: 0 -113px 0 0 }
.com_p_arow { float: right; width: 30px; margin: 0 0 0 -30px }
.com_p_des { width: 100%; float: left }
.com_p_des .d { margin: 0 30px 0 113px }
.com_p_des .d2 { margin: 0 30px 0 0 }
.com_pro .r_arow { font-size: 1.1rem }
.call_tel, .link_a { color: #1a79e7 }
.resume_select { position: fixed; bottom: 0; z-index: 9; width: 100%; background-color: #fff }
.conTitle { position: relative; width: 100%; height: 40px; background-color: #f1f1f1; padding-left: 8px; font-size: 1rem; line-height: 40px; border-bottom: 1px solid #dbdbdb }
.resume_bar { position: relative; width: 100%; height: 40px; padding-left: 8px; font-size: 1.1em; line-height: 40px; color: #aaa; border-bottom: 1px solid #dbdbdb }
.list_resume { padding: 5px 15px 5px 10px; border-bottom: 1px solid #dbdbdb }
.list_resume div>div { float: left; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.list_resume:after, .list_resume>div:after { display: block; content: "020"; height: 0; clear: both; visibility: hidden }
.perfect_resume { margin: 5px 0; width: 80% }
.imperfect_resume { margin: 5px 0; width: 80% }
.resume_bar .icon { float: none; font-size: 1.2rem; display: inline-block }
.list_resume .icon { width: 20%; margin: 0; text-align: right }
.imperfect_resume_list { display: none }
.opentrans { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
.btn_bar { color: #FFF }
.btn_bar:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden }
.btn_bar div { width: 100%; text-align: center; float: left; font-size: 1.25rem; padding: 10px 0; font-weight: normal; border-radius: 4px }

@media(max-width: 320px) {
.btn_bar div { font-size: 1.1rem }
}
.grey_btn { background: #505962 }
.red_btn { background: #EA5504 }
.two_btn div:first-child { width: 33%; border-radius: 0 }
.two_btn div:last-child { width: 67%; border-radius: 0 }
.thr_btn div { width: 40% }
.thr_btn div:first-child { width: 30% }
.thr_btn div:last-child { width: 30% }
.fixedbtn { position: fixed; bottom: 0; width: 100%; z-index: 4 }
.hide_btn { text-align: center; padding: .4rem; border-top: 1px solid #dbdbdb; margin-top: -1px }
.h_arow { display: block; color: #afafaf; margin-right: 5px; font-size: 1.2rem; font-family: "chrfonticon" !important; font-style: normal }
.h_arow:before { content: "\e62d" }
.hide_btn.show .h_arow { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
.company_top { background-color: #FFF; padding: 15px; border-bottom: 1px solid #dbdbdb }
.company_top ul { display: -webkit-box }
.company_top li:first-child { margin-right: 10px }
.company_top .logo { width: 75px; display: table-cell; vertical-align: middle; height: 75px; border: 1px solid #dbdbdb; background-size: 80%; background-repeat: no-repeat; background-position: center }
.company_top .logo img { width: 90% }
.company_top .des { width: 100%; position: relative; -webkit-box-flex: 1; display: inherit; overflow: hidden }
.company_top .des .d { display: table-cell; vertical-align: top; color: #555 }
.company_top .des .name { font-size: 1rem; font-weight: bold; color: #000 }
.hideForZhaoping { display: none }
.pic_slider { height: 200px }
.pic_slider img { height: 158px; width: auto; float: left; margin: 15px 0; border: 1px solid #dbdbdb }
.swiper-slide { opacity: .4; -webkit-transition: 300ms; transition: 300ms; -webkit-transform: scale(0); transform: scale(0) }
.swiper-slide-visible { opacity: .5; -webkit-transform: scale(0.8); transform: scale(0.8) }
.swiper-slide-active { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
.bread { display: -webkit-box; background: #FFF; padding: 5px 10px }
.bread a { color: #404040; font-size: 1rem }
.bread span { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.bread h1 { display: inline }
.seo_bar ul:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden }
.seo_bar li { float: left; width: 33.3%; border-left: 1px solid #dbdbdb; text-align: center; border-bottom: 1px solid #dbdbdb; padding: 5px 0; color: #333; font-size: .9rem; margin-left: -1px }
.seo_bar.four li { width: 25%; margin-left: -1px }
.seo_bar li.on { color: #EA5504; border-bottom: 1px solid #EA5504 }
.seo_bar li.on i { transform: rotate(180deg); -webkit-transform: rotate(180deg); display: inline-block }
.seo_bar li:first-child { border-left: 1px solid transparent }
.seo_bar_list { display: none }
.seo_bar_list.on { display: block }
.seo_bar_list li { border: 0; padding: 10px 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.seo_bar_list a { color: #595959; font-size: .9rem }
.seo_bar li i.icon-down { font-size: .8rem; margin-left: 5px }
.bluetxt { color: #00a0e9 }

@media(max-width: 360px) {
.area p { font-size: .8rem }
.hot_c a { font-size: .8rem }
.fbtn a { font-size: .8rem }
.fbtn li i { font-size: 1.9rem }
.copyright { font-size: .8rem }
}

@media(min-width: 480px) and (max-width: 639px) {
.searchead .head_search { width: 70%; margin: 0 5px }
.searchead .head_user { width: 50px }
}

@media(min-width: 640px) and (max-width: 959px) {
.searchead .head_search { width: 77%; margin: 0 5px }
.searchead .head_user { width: 50px }
}

@media(min-width: 960px) {
.searchead .head_search { width: 85%; margin: 0 5px }
.searchead .head_user { width: 50px }
}
.pose { width: 100%; background-color: #333 }
.boxA_notice { padding: 2px 2px 0 10px; background-repeat: repeat-x; width: 100% }
.pose .boxA_notice div { position: relative; line-height: 30px; font-size: 15px; color: #FFF; overflow: auto; margin: 0 auto }
.pose .boxA_notice div .close { float: right; font-size: 1.2em; margin-right: 6% }
.boxA_notice .icon { display: inline-block; width: 16px; height: 18px; line-height: 18px; border: 1px solid #fff; -webkit-border-radius: 50%; text-align: center; margin-left: 9px; margin-right: 8px }
.full_win_lock { display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .64); width: 100%; height: 100%; z-index: 999 }
.pose_info { display: none; position: fixed; top: 24%; left: 14%; z-index: 1000 }
.pose_info .content { background-color: #e3dbdb; position: relative; z-index: 1000; width: 270px; height: 140px; text-align: center; font-size: 15px; font-weight: bold; margin: 0 auto; border-radius: 5px; -webkit-border-radius: 5px }
.pose_info .content p { text-align: left; line-height: 23px; padding: 4% 4% 2% 6%; height: 58%; letter-spacing: 2px }
.pose_info .contentBtn { border-top: 1px solid #b2b2b2; height: 42px; line-height: 42px; color: #007aff; width: 100%; position: absolute; bottom: 0 }
.pop-info { position: fixed; top: 24%; z-index: 900; width: 100%; transition: all 300ms ease; -webkit-transition: all 300ms ease }
.pop-title { margin: 10px 0; padding: 0 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.pop-info .pop-body { margin: 0 auto; background: rgba(227, 227, 227, .95); position: relative; width: 270px; text-align: center; font-size: 14px; font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden }
.pop-info .pop-cont { text-align: center; padding: 0 10px; letter-spacing: 2px; min-height: 40px; max-height: 140px; margin: 5px 0; overflow-y: auto; word-wrap: break-word; word-break: break-all }
.pop-info .pop-btn { border-top: 1px solid #CDCDCD; height: 40px; line-height: 40px; color: #007aff }
.pop-info .pop-btn div { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-left: 1px solid #CDCDCD; float: left; margin-left: -1px }
.pop-info .pop-btn div:first-child { border: 0 }
.pop-mid { width: 70%; position: fixed; top: 30%; left: 10%; background: rgba(0, 0, 0, .6); border-radius: 5px; -webkit-border-radius: 5px; z-index: 998; color: #FFF; text-align: center; padding: 20px 5%; font-size: 1rem; transition: all 300ms ease; -webkit-transition: all 300ms ease }
.pop-mid .mid-icon { border: 1px solid #FFF; border-radius: 50%; -webkit-border-radius: 50%; width: 1rem; height: 1rem; font-size: .5rem; display: inline-block; margin-right: 5px; vertical-align: text-bottom; line-height: 1rem }
.pop-edit { position: fixed; top: 24%; z-index: 900; width: 100%; opacity: 0; transition: all 300ms ease; -webkit-transition: all 300ms ease }
.pop-edit.on { top: 20%; opacity: 1 }
.pop-e-body { width: 260px; margin: 0 auto; background: #FFF; border-radius: 3px; -webkit-border-radius: 3px }
.pop-e-t { text-align: center; font-size: 1rem; padding: 10px 0; color: #333; border-bottom: 1px solid #EEE }
.pop-e-t span { font-size: .8rem; color: #AAA }
.pop-e-cont { border-bottom: 1px solid #EEE }
.pop-e-cont textarea { border: 0; width: 240px; height: 80px; outline: 0; padding: 5px 10px; font-size: 1rem; color: #838383; resize: none }
.pop-e-btn { display: -webkit-box }
.pop-e-btn div { text-align: center; padding: 10px 0; cursor: pointer; position: relative; font-size: 1rem; margin-left: -1px }
.pop-e-btn div:before { border-left: 1px solid #BABABA; content: " "; height: 1rem; position: absolute; left: 0; padding: 10px 0 }
.pop-e-btn div:first-child:before { border: 0 }
.success { width: 50%; position: fixed; top: 28%; left: 25%; background-color: #5a5a5a; opacity: .9; border-radius: 8%; -webkit-border-radius: 8%; z-index: 998 }
.success_notice { width: 90%; text-align: center; padding: 24px 0 39px 2px; background-repeat: repeat-x }
.success .success_notice div { position: relative; line-height: 30px; font-size: 15px; color: #FFF; overflow: auto; margin: 0 auto; z-index: 999 }
.success_notice .icon { display: inline-block; width: 16px; height: 18px; font-size: 13px; line-height: 22px; border: 1px solid #fff; -webkit-border-radius: 50%; text-align: center; margin-left: 9px; margin-right: 8px }

@media(min-width: 320px) and (max-width: 350px) {
.pose_info { left: 7% }
.success { top: 33% }
.success_notice { padding: 24px 0 31px 2px }
}

@media(min-width: 360px) and (max-width: 374px) {
.pose_info { left: 12% }
.success { width: 42%; top: 28%; left: 31% }
.success_notice { padding: 24px 0 34px 2px }
}

@media(min-width: 375px) and (max-width: 384px) {
.success { width: 45%; top: 27%; left: 28% }
}

@media(min-width: 385px) and (max-width: 413px) {
.pose_info { left: 18% }
}

@media(min-width: 414px) and (max-width: 480px) {
.success { width: 44%; top: 25%; left: 29% }
}

@media(min-width: 1024px) {
.pose_info { top: 29%; left: 36% }
.pose_info .content { width: 303px; height: 150px; font-size: 17px }
.success { width: 20%; top: 32%; left: 39% }
}
#s_list li .close { position: absolute; top: 8px; right: 10px; color: #7B7B7B; font-size: 1rem; }