.zhaopin-box .urke-teb{width: auto;height: auto;margin-bottom: 10px;}
.zhaopin-box .urke-teb a{display: inline-block;font-size: 16px;color: #333;width: 84px;text-align: center;border-bottom: 2px solid #F3F3F3;padding-bottom: 2px;}
.zhaopin-box .urke-teb a.no{border-color: #e1251b;color: #e1251b;}

/* 分类筛选 */
.zhaopin-box .screen{position: relative; width: auto;height: auto;padding: 30px 16px 30px 30px;background-color: #fff;margin-bottom: 16px;}
.zhaopin-box .screen .liuhu{position: relative; width: 860px;margin-bottom: 10px;}
.zhaopin-box .screen .liuhu h2{color: #333;height: 24px;line-height: 24px;}
.zhaopin-box .screen .liuhu ul{width: 790px; display: flex;flex-wrap: wrap;}
.zhaopin-box .screen .liuhu ul li{float: left;width: auto;height: 24px;line-height: 24px;padding: 0 12px;border-radius:2px;cursor: pointer;margin:0 0 10px 8px;}
.zhaopin-box .screen .liuhu ul li.layui-this{background-color: #e1251b;}
.zhaopin-box .screen .liuhu ul li.layui-this a{color: #fff;}
.zhaopin-box .screen .city{height: 24px;overflow: hidden;margin-bottom: 20px;}
.zhaopin-box .screen .city ul {width: 770px;height: auto;padding-right: 20px;}
.zhaopin-box .screen .city ul li{margin-bottom: 10px;}
.zhaopin-box .screen .city .iocsan{position: absolute;top: 0;right: 20px;cursor: pointer;width: 24px;height: 24px;line-height: 24px;text-align: center;transition: transform .5s;}
.zhaopin-box .screen .city .open{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.zhaopin-box .screen .poster{position: absolute;top: 30px;right: 16px; width: 272px;height: 156px;border-radius: 4px;overflow: hidden;}
.zhaopin-box .screen .poster img{width: 100%;height: 100%;}

/* 默认排序和搜索框 */
.zhaopin-box .list .screen-sort{width: auto;height:38px;padding: 25px 30px;background-color: #fff;display: flex;justify-content: space-between;align-items:center;}
.zhaopin-box .list .screen-sort ul{width: auto; display: flex;flex-wrap: wrap;}
.zhaopin-box .list .screen-sort ul li{float:left; width: auto;height: 28px;line-height: 28px;padding: 0 12px;border-radius:2px;cursor: pointer;margin-right: 16px;font-size: 16px;color: #333;}
.zhaopin-box .list .screen-sort ul li.layui-this{background-color: #e1251b;}
.zhaopin-box .list .screen-sort ul li.layui-this a{color: #fff;}
.zhaopin-box .list .screen-sort .screen-search-form{float:right; width: auto;height: 38px;}
.zhaopin-box .list .screen-sort .screen-search-form .layui-input{width: 238px;height: 38px;line-height: 38px;border: 2px solid #e1251b;border-radius: 0;color: #999;}
.zhaopin-box .list .screen-sort .screen-search-form .layui-btn{width: 62px;height: 38px;line-height: 38px;background-color: #e1251b;font-size: 14px;color: #fff;border-radius: 0;border: 0px none !important;}


/* 企业招聘列表 */
.zhaopin-box .list{width: 896px;background-color: #fff;}
.zhaopin-box .zp-list{background-color: #fff;}
.zhaopin-box .zp-list li{width: auto;cursor: pointer;}
.zhaopin-box .zp-list li .zhaopin-ontop{position: absolute;}
.zhaopin-box .zp-list li:hover{background:url(../../img/recruit-mark.png) no-repeat 0 0;}
.zhaopin-box .zp-list li .rec-box{position: relative;height: 100px;padding: 20px 0;}
.zhaopin-box .zp-list li .rec-box:after {position: absolute;bottom: 0;left: 30px; width:836px;height: 1px; content: " ";display: block;clear: both;background-color: #EBEBEB;}
.zhaopin-box .zp-list li:last-child .rec-box:after{background-color: #fff;}
.zhaopin-box .zp-list li .rec-box .recruit-url{display: block;width: 600px;height: 100px;padding-left: 30px;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details{width: auto;height: auto;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .rec-position{height: 20px;line-height: 20px;color: #333;font-size: 18px;}
.zhaopin-box .zp-list li:hover .rec-box .recruit-url .recruit-details .rec-position{color: #e1251b;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .rec-position .tech{position: relative;top: -2px; display: inline-block;width: 40px;height: 18px;line-height: 18px; font-size: 12px;border: 1px solid #e1251b; border-radius: 2px; text-align: center;color: #e1251b;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .address{height: 16px;line-height: 16px;margin: 19px 0;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .address .salary{line-height: 16px;font-size: 16px;color: #e1251b;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb{color: #333;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb span{float: left;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb em{float: left;width: 1px;height: 10px;background-color: #999;margin: 3px 10px 0 10px;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .welfare{}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn{height: 26px;line-height: 26px;padding: 0 8px;font-size: 12px;color: #999;background-color: #EFEFEF;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn:hover{opacity: 1;}
.zhaopin-box .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn+.layui-btn{margin-left: 8px;}
.zhaopin-box .zp-list li .rec-box .company-gs{position: absolute;top: 20px;right: 30px;text-align: right;}
.zhaopin-box .zp-list li .rec-box .company-gs dt{height: 20px;line-height: 20px;}
.zhaopin-box .zp-list li .rec-box .company-gs dt a{color: #fff;color: #333;font-size: 16px;}
.zhaopin-box .zp-list li .rec-box .company-gs dt a:hover{color: #e1251b;}
.zhaopin-box .zp-list li .rec-box .company-gs dt .tech{position: relative;top: -2px; display: inline-block;width: auto;height: 20px; font-size: 12px;background-color: #e1251b;text-align: center;color: #fff;padding: 0 6px;}
.zhaopin-box .zp-list li .rec-box .company-gs .breadcrumb{margin: 20px 0;color: #333;}
.zhaopin-box .zp-list li .rec-box .company-gs .breadcrumb em{display: inline-block;width: 1px;height: 10px;background-color: #999;margin: 3px 10px 0 10px;}
.zhaopin-box .zp-list li .rec-box .see{position: absolute;bottom: 20px;right: 30px;width: 182px;height: 34px;line-height: 34px; background: #fff;filter:alpha(opacity=0); opacity: 0;padding: 40px 0 0 35px;}
.zhaopin-box .zp-list li:hover .rec-box .see{opacity: 1;filter:alpha(opacity=100);}
.zhaopin-box .zp-list li .rec-box .see span{display: block;float: left;line-height: 34px;background: url(../../img/icon/collect-icon.png) no-repeat 0 center;padding-left: 26px;cursor: pointer;color: #333;}
.zhaopin-box .zp-list li .rec-box .see span:hover{background-image: url(../../img/icon/collect-active-icon.png);color: #e1251b;}
.zhaopin-box .zp-list li .rec-box .see span.yes{background-image: url(../../img/icon/collect-active-icon.png);color: #e1251b;}
.zhaopin-box .zp-list li .rec-box .see a{float: right; display: block;width: 90px;height: 34px;line-height: 34px;text-align: center;background-color: #e1251b;border-radius:4px;color: #fff;}


/* 右侧栏目 */
.zhaopin-box .qy-recommend{}
.zhaopin-box .qy-recommend .reco-list{width: auto;width: 256px;background-color: #fff;padding: 20px 16px;margin-bottom: 20px;}
.zhaopin-box .qy-recommend .reco-list li{width: auto;height: auto;padding: 20px 0;border-bottom: 1px solid #EBEBEB;}
.zhaopin-box .qy-recommend .reco-list li:last-child{border-bottom: 0 none;padding-bottom: 0;}
.zhaopin-box .qy-recommend .reco-list li a{display: block;height: 66px;}
.zhaopin-box .qy-recommend .reco-list li a .toxu{width: 66px;height: 66px;margin-right: 14px;}
.zhaopin-box .qy-recommend .reco-list li a .toxu img{width: 100%;height: 100%;}
.zhaopin-box .qy-recommend .reco-list li a dl{width: 176px;height: 66px;}
.zhaopin-box .qy-recommend .reco-list li a dl dt{height: 18px;line-height: 18px;font-size: 16px; color: #333;margin-bottom: 10px;}
.zhaopin-box .qy-recommend .reco-list li:hover a dl dt{color: #e1251b;}
.zhaopin-box .qy-recommend .reco-list li a dl dd{height: 14px;line-height: 14px;margin-bottom: 6px;}

.zhaopin-box .advert{width: 288px;}
.zhaopin-box .advert img{width: 100%;height: 100%;}