.welfare_jobs{background:no-repeat top center;background-size:100% 175px;}
.welfare_jobs.buzhu{background-color:#f56453;background-image:url("/touch/commImage/750_350_3.jpg");}
.welfare_jobs.mianfeipeixun{background-color:#00bd93;background-image:url("/touch/commImage/750_350_4.jpg");}
.welfare_jobs.nianzhongjiang{background-color:#3547cf;background-image:url("/touch/commImage/750_350_5.jpg");}
.welfare_jobs.shiyongqiquanxin{background-color:#1392fe;background-image:url("/touch/commImage/750_350_6.jpg");}
.welfare_jobs.baochibaozhu{background-color:#5042a3;background-image:url("/touch/commImage/750_350_7.jpg");}
.welfare_jobs.wuxianyijin{background-color:#ef4332;background-image:url("/touch/commImage/750_350_8.jpg");}
.welfare_jobs.gaoxin{background-color:#572dce;background-image:url("/touch/commImage/750_350_9.jpg");}
.welfare_jobs.shuangxiu{background-color:#2cc7ab;background-image:url("/touch/commImage/750_350_10.jpg");}
.welfare_jobs.zhushixiaban{background-color:#fb6a49;background-image:url("/touch/commImage/750_350_11.jpg");}
.welfare_jobs.tanxinggongzuo{background-color:#6d33df;background-image:url("/touch/commImage/750_350_13.jpg");}
.welfare_jobs.jierifuli{background-color:#d10000;background-image:url("/touch/commImage/750_350_14.jpg");}

.welfare_jobs_list{padding:105px 0 10px;}
.welfare_jobs_list li{padding:6px 16px;}
.welfare_jobs_list dl{background:#fff;border-radius:10px;padding:16px;}
.welfare_jobs_list dt{padding-bottom:6px;}
.welfare_jobs_list dt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size:18px;font-weight:bold;padding-right:60px;line-height:22px;position:relative;}
.welfare_jobs_list dt h3 span{position:absolute;top:0;right:0;color:#ff9f00;font-weight:normal;font-size:16px;}
.welfare_jobs_list dt p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999;font-size:14px;padding-top:4px;line-height:22px;}
.welfare_jobs_list dt p em{color:#ddd;padding:0 5px;}
.welfare_jobs_list dt p span{display:inline-block;}
.welfare_jobs_list dt p span:first-child{max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
.welfare_jobs_list dt a{display:block;}
.welfare_jobs_list dd{position:relative;}
.welfare_jobs_list dd img{float:left;margin-left:-34px;border-radius:12px;}
.welfare_jobs_list dd a{display:block;line-height:24px;padding:0 0 0 34px;}
.welfare_jobs_list dd h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;font-size:14px;}
.welfare_jobs_list dd span{position:absolute;top:14px;right:20px;color:#ff9f00;}

.zph_header img{width:100%;height:180px;}
.zph_main{background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;margin-top:-20px;padding:20px;position:relative;min-height:calc(100vh - 326px);}
.zph_main li{margin-bottom:15px;border-radius:15px;height:70px;padding:20px;background-size:100% 110px;}
.zph_main_job{background:#8c4fe8 url("/touch/commImage/670_220_2.jpg");}
.zph_main_com{background:#0084f0 url("/touch/commImage/670_220_1.jpg");;}
.zph_main li h4{color:#fff;font-weight:bold;line-height:1.5;font-size:26px;}
.zph_main li .state{padding-top:7px;}
.zph_main li .state span{display:inline-block;vertical-align:top;line-height:20px;height:20px;width:55px;color:#fff;border-radius:10px;text-align:center;font-size:12px;}
.zph_main li .state span.action{background:#66bb00;}
.zph_main li .state span.end{background:#000;}

.zph_bar{background:#fff;position:fixed;bottom:0;left:0;right:0;z-index:2;}
.zph_bar:before{height:1px;content:"";overflow:hidden;position:absolute;left:0;right:0;top:0;background:#ddd;transform:scaleY(50%);}
.zph_bar ul{overflow:hidden;}
.zph_bar li{float:left;width:33.333%;text-align:center;text-align:center;padding:9px 0;}
.zph_bar li a{display:inline-block;}
.zph_bar li a:before{content:"";display:inline-block;height:22px;width:22px;vertical-align:top;background:url("/touch/commImage/excellentJobsIcon.png") no-repeat;background-size:100% auto;}
.zph_bar li:nth-child(1).active a:before{background-position:0 -22px;}
.zph_bar li:nth-child(2) a:before{background-position:0 -44px;}
.zph_bar li:nth-child(2).active a:before{background-position:0 -66px;}
.zph_bar li:nth-child(3) a:before{background-position:0 -88px;}
.zph_bar li:nth-child(3).active a:before{background-position:0 -110px;}
.zph_bar li span{display:block;font-size:12px;color:#777;}
.zph_bar li.active span{color:#f26b01;}

.zph_more{text-align:center;font-size:14px;color:#aaa;line-height:22px;height:22px;padding:20px 0 80px;}