
#guideWarpDiv_radish{
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 9999;
    width: 990px;
    margin-left: -495px;
}
#guideWarpDiv_radish .guideMainBox{
    position: absolute;
    top:330px;
    left:50%;
    margin-left:-325px;
    background:url(//zpimg.zhaopin.com/image/Recruiter/Index/guide/guide_bg.png) no-repeat;
    _background:url(//zpimg.zhaopin.com/image/Recruiter/Index/guide/guide_bg_1.png) no-repeat;
    display: block;
    width: 649px;
    height: 327px;
}

#guideWarpDiv_radish .guide_step1_icon {
    position: absolute;
    top: 171px;
    left: -5px;
}


#guideWarpDiv_radish .guide_step1_arrow {
    position: absolute;
    top: 303px;
    left: 59px;
}

.warp{background: #eaeaea;}
.top_pic{max-width: 100%;display: block;margin: 0 auto;}
.plr4{padding:0 4%;}
.pb_60{padding-bottom: 60px;}
.mlr3{margin:0 3%;}
.searchLine{
    display: block;
    padding:12px 28px;
    position: relative;
    font-size: 16px;
}
.searchLine .keyword{
    border:none;
    background: none;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    /*color: #000;*/
    color:#646464;
    font-family: 'Microsoft YaHei',sans-serif;
    width: 65%;
}
/*placeholder样式*/
.searchLine .keyword::-webkit-input-placeholder{
    /*color:#000;*/
    color: #646464;
    font-size: 16px;
    font-family: 'Microsoft YaHei',sans-serif;
}
.searchLine .keyword::-moz-input-placeholder{
    /*color:#000;*/
    color: #646464;
    font-size: 16px;
    font-family: 'Microsoft YaHei',sans-serif;
}

.searchLine:before,.searchLine:after{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    position: absolute;
    top:12px;
}
.searchLine:before{
    width: 24px;
    color: #939393;
    left: 0;
    text-align: center;
}
.searchLine:after{
    width: 20px;
    color: #c3c7ca;
    text-align: center;
    right: 0;
}
.word_type{
    /*color:#646464;*/
    color:#000;
}
.icon-star:before{
    content: '\e81b';/*E81B*/
}
.icon-location:before{
    content: '\e808';
}
.icon-th:before{
    content: '\e809';
}
.icon-briefcase:before{
    content: '\e807';
}
.icon-down-open:after{
    content: '\e801';
}
.icon-up-open-1:after{
    content: '\e804';
}
.icon-right-open-1:after{
    content: '\e803';
}

.searchBtnWarp{
    width: 100%;
}
.searchBtnWarp  .searchBtn{
    display: block;
    height: 36px;
    background: #e43c36;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 36px;
    border-radius: 3px;
    margin-top:5px;
    font-size: 18px;
}
.clearAllItem{
    display:block;
    height: 40px;
    line-height: 40px;
    color:#0066cc;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}


.bottomBtn{
    position: absolute;
    width: 94%;
    margin: -50px 3% 0 3%;
}
.bottomBtn .innerBox{
    text-decoration: none;
    display: inline-block;
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    color: #e43c36;
    text-align: center;
    height: 36px;
    line-height: 36px;
    width: 46%;
}



/*部分登录后搜索页面样式*/
.bg_grey{background: #e6e6e6;}
.mt_20{margin-top: 20px;}
.pl4{padding-left: 4%;}
.searchLine2{
    padding-left: 0;
    padding-right: 4%;
    font-size: 16px;
}
.searchLine2:after{
    right: 2%;
}
.pr20{padding-right: 20px;}
.searchBtnWarp2 {
    width: 92%;
    margin: 0 2%;
}
.searchBtnWarp2  .searchBtn{
    display: block;
    width: 100%;
    height: 36px;
    background: #e43c36;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 36px;
    border-radius: 3px;
    margin-top:15px;
    font-size: 18px;
}
.clearAllItem2{
    display:block;
    width: 96%;
    height: 40px;
    line-height: 40px;
    color:#0066cc;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

.warpSearch ul li{
    position: relative;
    display: block;
    padding: 8px 36px 8px 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color:#646464;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.listStyle1,.listStyle2{
    position:relative;
}
.chooseIcon:after{
    position:absolute;
    content: '\e80d';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    width: 20px;
    height:20px;
    color: #646464;
    text-align: center;
    right:2%;
}
.deleteIcon{
    float: right;
    position: absolute;
    right: 2%;
    width: 30px;
    height: 30px;
    text-align: center;
}
.deleteIcon:after{
    position: relative;
    content: '\e80f';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    color: #646464;
    text-align: right;
    width: 20px;
    height: 20px;
    font-size: 16px;
}
.searchLine2 .keyword{
    font-size: 16px;
    color: #646464;
}
/*placeholder样式*/
.searchLine2 .keyword::-webkit-input-placeholder{
    /*color:#000;*/
    color: #646464;
    font-size: 16px;
    font-family: 'Microsoft YaHei',sans-serif;
}
.searchLine2 .keyword::-moz-input-placeholder{
    /*color:#000;*/
    color: #646464;
    font-size: 16px;
    font-family: 'Microsoft YaHei',sans-serif;
}

.indexPage ul{
    margin-left: 28px;
    margin-right: 4%;}
.indexPage ul .chooseIcon:after{right:0;}
.indexPage ul .deleteIcon{right: 0;}
.indexPage .searchLine:after{right: 4%;}
.indexPage .searchLine:before{left: -28px;}
.indexPage .searchLine{
    margin-left: 28px;
}
.indexPage {
    margin-top:10px;
}
.indexPage .keywordTypeBtn{width: 96px;}
.indexPage .borderSpan{
    display: block;
    height: 0;
    margin-left: 28px;}

.keywordTypeBtn{
    position: absolute;
    width: 88px;
    right: 0;
    text-align: left;
    z-index: 2;
}

/*头部确定按钮*/
.headerTop .submitBtn{
    position: absolute;
    width: 60px;
    right: 3%;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}


/*搜索跳转页列表样式*/
.selectList{background: #fff;}
.selectList>ul{}
.selectList>ul>li{border-bottom: 1px solid #dcdcdc;}
.selectList>ul>li>p{
    position: relative;
    font-size: 16px;
    padding:12px 4%;
}
.selectList>ul>li>p>em{
    display: block;
    position: absolute;
    right: 4%;
    top: 12px;
    color: #e43c36;
    border: 2px solid #e43c36;
    border-radius: 10px;
    padding: 0px 7px;
    font-size: 17px;
    margin-right: 26px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}
.selectList>ul>li>ul{
    background: #f0f0f0;
}
.selectList>ul>li>ul>li{
    position: relative;
    top: -1px;
    height: 20px;
    color: #0066cc;
    padding: 12px 4% 12px 0;
    margin-left: 4%;
    font-size: 14px;
    border-top: 1px solid #fff;
}
.select_level1:after {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #c3c7ca;
    text-align: center;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    top: 12px;
    right: 4%;
}

.chooseSel:after {
    position: absolute;
    content: '\e80d';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #646464;
    text-align: center;
    right: 4%;
}

.pt_52{padding-top: 52px;}
.pl_0{padding-left: 0;}
.headerTop_fixed{
    position: fixed;
    z-index: 10;
    top: 0;
}


.selectList>.oneLevel_List{
    background: #fff;
}
.selectList>.oneLevel_List>li{
    position: relative;
    top: -1px;
    color: #0066cc;
    padding: 12px 14% 12px 0;
    margin-left: 4%;
    font-size: 16px;
    background: #fff;
    border-top: 1px solid #c1c1c1;
    border-bottom: 0;
}

.maxSelText{
    position: relative;
    bottom: -1px;
    height: 20px;
    padding: 12px 4%;
    font-size: 16px;
    background: #f0f0f0;
    z-index: 1;
    color:rgb(100,100,100);
    margin-top: -1px;
}

.mr4{margin-right: 4%;}

.mb_60{ margin-bottom: 60px;}

/*M站首页logo样式*/
.index_logo {
    padding: 13px 3.125%;
    background: #dc141e;
    font-size: 0px; 
    max-height: 110px;
    text-align:center;
    /*border-bottom: 3px solid #c8c8c8;*/
}
.index_logo img{
    max-width:100%;
}
/*轮波图样式*/
.rotation_nav {
    position:relative;
    font-size:0;
    /*margin-bottom:10px;*/
    overflow:hidden;
}
.rotation_img {
    position:absolute;
    top:0;
}
.rotation_nav a{
    position:absolute;
    display:block;
}
.rotation_nav img {
    position:absolute;
}
.rotation_dot {
    position:absolute;
    bottom:8px;
    left:50%;
}
.rotation_dot div{
    width:5px;
    height:5px;
    border-radius:100%;
    margin-left:6px;
    border: 1px solid #fff;
}
.bg_dc141e {
    background:#dc141e;
    border:1px solid #dc141e;
}
.bg_fff {
    background:#fff;
    border:1px solid #fff;
}

/*搜索职位页面增加图标*/
.searchIndex .searchLine {
    margin-left:28px;
}
.searchIndex .searchLine:before {
    left: -28px;
}

/*M站改版*/
.searchEl{
    display: inline-block;
    width: 53.125%;
    font: 14px/26px microsoft yahei;
    color: #999999;
    margin-left: -1px;
    text-align: left;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    vertical-align: middle;
}
.searchBtn{
    display: inline-block;
    *display:inline;
    *zoome:1;
    width: 6.25%;
    height: 26px;
    line-height:26px;
    background: #fff;
    padding:0 1.4%;
    vertical-align: middle;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.searchBtn:after{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size:16px;
    color:#ff6464;
    speak: none;
    display: inline-block;
    content: '\e81b';
}
.index_logo .location{
    font:16px/26px microsoft yahei;
    color:#fff;
    vertical-align: middle;
}
.index_logo .location:after{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    content: '\e811';
    margin:0 4.6875% 0 1.25%;
    font-size:14px;
}
@media screen and (max-width: 370px) {
    .log_status {
        display: inline-block;
        margin-left: 1px;
        margin-top: -4px;
        vertical-align: middle;
    }
}
@media screen and (min-width: 370px) {
    .log_status {
        display: inline-block;
        margin-left: 10px;
        margin-top: -4px;
        vertical-align: middle;
    }
}
.log_status a{
    color:#fff;
}
.log_status a{
    color:#fff;
}

.personCenterShow{height:130px;overflow: hidden;}
.personCenterImgBg img{width:70px;height:100px;display:block;border:1px solid #c1c1c1;}
.personCenterImgBg{background:rgba(255,255,255,0.5);width:72px;height:102px;margin-left:24px;margin-top:10px;padding:3px;float:left;margin-right:10px;}
.personCenterInfo{width:90%;margin-top:24px;}
.personCenterInfo p{color:#fff;font-size:14px;line-height:18px;width:60%;word-break:break-all;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.personCenterInfo .personCenterName{font-size:20px;line-height:26px;}
.MPersonCenterBox{background:#fff;/*border-bottom:1px solid #dcdcdc;*/height:156px;padding:15px 0;}
.MCenterIcon{display:inline-block;width:48px;height:48px;border-radius:20px;}
.bgcolor1{background:url(//zpimg.zhaopin.com/Image/Mobile/IndexPage/IndexPagebg04.png) no-repeat center center #18e5d9;background-size:34px 34px;}
.bgcolor2{background:url(//zpimg.zhaopin.com/Image/Mobile/IndexPage/IndexPagebg09.png) no-repeat center center #ff9517;background-size:34px 34px;}
.bgcolor3{background:url(//zpimg.zhaopin.com/Image/Mobile/IndexPage/IndexPagebg06.png) no-repeat center center #956cff;background-size:34px 34px;}
.bgcolor4{background:url(//zpimg.zhaopin.com/Image/Mobile/IndexPage/IndexPagebg05.png) no-repeat center center #ff6464;background-size:34px 34px;}
.bgcolor5{background:url(//zpimg.zhaopin.com/Image/Mobile/IndexPage/IndexPagebg03.png) no-repeat center center #6ca7ff;background-size:34px 34px;}
.bgcolor7{background:url(//zpimg.zhaopin.com/Image/Mobile/IndexPage/IndexPagebg07.png) no-repeat center center #fcc620;background-size:34px 34px;}
.bgcolor8{background:url(//zpimg.zhaopin.com/Image/Mobile/IndexPage/IndexPagebg01.png) no-repeat center center #2dbefa;background-size:34px 34px;}
.bgcolor9{background:url(//zpimg.zhaopin.com/Image/Mobile/IndexPage/IndexPagebg08.png) no-repeat center center #7cd80f;background-size:34px 34px;}
/*返回顶部*/
.backTopBtn{width:30px;height:30px;position:fixed;z-index:9999;right:6px;top:50%;display:none;background:url(https://zpimg1.zhaopin.com/Image/Mobile/IndexPage/backTop.png) no-repeat center center;background-size:30px 30px;}

/*职位机会、应聘进展、评价管理、我的收藏四个模块图标置灰覆盖样式*/
.bg-grey{background-color:#cccccc;}
.MPersonCenterUl li{margin: 0 2%;float:left;text-align:center;font-size:18px;width:21%;}
.MPersonCenterUl li a{color:#000;text-decoration:none;display:inline-block;position:relative;}
.MCenterTitle{display:block;margin-top:0;font-size:12px;color:#646464;}

.MNew{width:18px;height:18px;background:#fc211c;border-radius:18px;display:inline-block;font-size:12px;line-height:18px;text-align:center;color:#fff;position:absolute;right:-7px;top:-7px;border:2px solid #fff;
}

.detailList {
    background:#fff;
    /*margin-top:7px;
    border-top:1px solid #dcdcdc;*/
    border-bottom:1px solid #dcdcdc;
    overflow-x:hidden;
}
.detailList ul{
    border-bottom:1px solid #e6e6e6;
    margin:0 4.6875%;
    position:relative;
    padding-left:10px;
}
.ArrowUp:before{
    position:absolute;
    display: inline-block;
    *display:inline;
    *zoom:1;
    width:30px;
    height:30px;
    right:0;
    /*top:14px;*/
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    color:#c3c7ca;
    speak: none;
    content: '\e814';
    font-size:14px;
    padding-top:14px;
    text-align:center;
}
.ArrowDown:before{
    position:absolute;
    display: inline-block;
    *display:inline;
    *zoom:1;
    width:30px;
    height:30px;
    right:0;
    /*top:14px;*/
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    color:#c3c7ca;
    speak: none;
    content: '\e811';
    font-size:14px;
    padding-top:14px;
    text-align:center;
}
.detailList ul:last-child{
    border:0;
}
.detailList li {
    float: left;
    height: 24px;
    padding:10px 0;
}
.detailList li a{
    font: 12px/24px simsun;
    color: #646464;
    text-decoration:none;
}
.hotJob li {
    width: 30.4875%;;
}
.hotIndustry li {
    text-align:center;
    width: 24.6275%;
    border-bottom:1px solid #e6e6e6;
}
.hotIndustry li a{
    display:inline-block;
    width:100%;
    border-right:1px dashed #e5e5e5;
    text-decoration:none;
    color:#646464;
}
.links li {
    font-size:12px;
    color:#646464;
    width:42.1875%;
    padding-left:10px;
}
.links li a{
    display:inline-block;
    width:100%;
    border-right:1px dashed #e5e5e5;
}
.links li, .hotIndustry li, .hotJob li {
    /*overflow:hidden;*/
    /*text-overflow:ellipsis;
    white-space:nowrap;*/
}
.detailList ul:last-child,.links li:last-child {
    border:0 !important;
}
.hotIndustry li:nth-child(4n) {
    border-right:0;
}
.hotIndustry li:last-child{
    border-bottom:0;
}
.indexTitle {
    display:inline-block;
    *display:inline;
    *zoom:1;
    font:14px/14px microsoft yahei;
    color:#ff6464;
    border-left:5px solid #ff6464;
    padding-left:5px;
    margin:10px 4.6875%;
}
.JobType li:first-child {
    font-size:12px;
    line-height:24px;
    font-family:SimSun;
    font-weight:bold;
    color:#646464;
}
.JobTypeChildList {
    background:#f2f2f2;
}
.JobTypeChildList ul{
    padding:5px 0 5px 10px;
}
.JobTypeChildList ul li{
    margin:5px 0;
    padding:0;
}

/*M站首页App下载推广*/
.appdownload-promotion { 
        position: fixed;
    bottom: 0;
    height: 60px;
    width: 100%;
    z-index: 99;
    background-color: #ffdc72;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 20% 50%;
    opacity: .9;
    text-align: center;
}
.appdownload-promotion .appdownload-txt { 
    display: inline-block;
    margin-top: 6px;
    margin-right: 8%;
    background: url(https://zpimg1.zhaopin.com/Image/Mobile/IndexPage/appdownloadPromotion.png) 0 center no-repeat;
    background-size: contain;
    height: 42px;
    bottom: 12px;
    width: 172px;
}
.appdownload-promotion .appdownload-btn { 
    display: inline-block;
    width: 90px;
    height: 30px;
    bottom: 15px;
    background: #fb4848;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    box-shadow: 0 2px 0 #ca1818;
    z-index: 999;
        margin-bottom: 6px;
    vertical-align: bottom;
}

/*M站首页注册推广*/
.register-promotion-bg{
    position: fixed;
    bottom: 0;
    height: 60px;
    width: 100%;
    z-index: 99;
    background-color: #ffdc72;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: 20% 50%;
    opacity: .9;
}
/*关闭按钮*/
.appdownload-promotion .close-btn,
.register-promotion .close-btn{
    position: fixed;
    display: inline-block;
    height: 22px;
    line-height: 20px;
    width: 22px;
    bottom: 47px;
    left: 3%;
    z-index: 999;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #f5b700;
    border-radius: 50%;
    border: 2px solid #ffdc72;
}

/*立即注册按钮*/
.register-btn{    
    position: fixed;
    display: inline-block;
    width: 90px;
    height: 30px;
       bottom: 15px;
    right: 16%;
    background: #fb4848;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    box-shadow: 0 2px 0 #ca1818;
    z-index: 999;
}
/*注册推广文案*/
.register-promotion .register-txt{
    position:fixed;
    bottom:8px;
    height:50px;
    width:100%;
    z-index:888;
    background:url(https://zpimg1.zhaopin.com/Image/Mobile/IndexPage/registerPromotion.png) 12% center no-repeat;
    background-size:60% 60%;
}
/*.appdownload-promotion .appdownload-txt {    
        background: url(https://zpimg1.zhaopin.com/Image/Mobile/IndexPage/appdownloadPromotion.png) 0 center no-repeat;
    background-size: contain;
    height: 42px;
    bottom: 12px;
    width: 172px;
    left: 15%;
}*/
/*顶部通知*/
#divNotice .warm-icon{
    width: 16px;
    height: 16px;
    line-height:16px;
    font-size:16px;
}
/*职场问答banner*/
.container .careerBanner {
    background: #fff;
    padding-bottom: 5px;
}
.container .careerBanner > a{
    display: block;
    height: 1rem;
    margin: 0  4.6875%;
    background: url(https://zpimg1.zhaopin.com/Image/Mobile/IndexPage/careerBanner_m_20180103.png) no-repeat center center;
    background-size: 100% auto;
}
.vat{vertical-align:top;}
.font0{font-size:0;}
.font16{font-size:16px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.lh_26{line-height:26px;}
.pl_20 {padding-left:20px;}
.mt_20{ margin-top:20px;}
.ml_4{margin-left:4px;}
.ml_2{margin-left:2px;}
.mt_2{margin-top:2px;}
.mt_-4{ margin-top: -4px;}


/*打开APP*/
.openApp_banner {
    width:100%;
    height:55px;
    background-image:url(//zpimg1.zhaopin.com/image/Mobile/openApp/banner_bg.png);
    background-size:100% 100%;
    font-size:0;
}
.openApp_banner .closeBtn{
    float:left;
    padding: 10px;
    margin: 7px 8px 0 8px;
}
.openApp_banner .closeBtnBg {
    display: inline-block;
    width:22px;
    height:22px;
    background-image:url(//zpimg1.zhaopin.com/image/Mobile/openApp/banner_close.png);
    background-size:100% 100%;
}
.openApp_banner .zpIcon{
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 10px 8px 0 0;
}
.openApp_banner .introduce {
    display: inline-block;
    width:140px;
    height:35px;
    margin: 10px 0 0 0;
}
.openApp_banner .openAppBtn{
    float:right;
    width:85px;
    height:55px;
    background-color:#fcc625;
    font:15px/55px 'Microsoft YaHei';
    color:#fff;
    text-align:center;
    margin:0;
    padding:0;
}
@media screen and (max-width: 330px) {
    .openApp_banner .openAppBtn{
        width:72px;
    }
}