body{font-family: pingFang SC;}
.content .nav_APP.jobNav ul li { width: 25%; border: none; box-sizing: border-box;}
.content .showNavApp.jobNav{ padding: 0;}
.content .showNavApp.jobNavDt{ padding-top: 3vw;}
.jobTabs{ height: 12vw; box-sizing: border-box; border-bottom: #ECECEC 1px solid; background: #fff;}
.jobTabs ul{ padding: 2vw 8vw 0 8vw; display: flex; justify-content: space-between;}
.jobTabs li{ display: inline-block; line-height: 10vw; }
.jobTabs li span{ display: block; font-size: 3.7vw; color: #9F9F9F; position: relative;}
.jobTabs li span i{ font-style: normal; margin-left: 0.5vw; color: #FF3838;}
.jobTabs li span i.black{ color: #3E3E3E;}
.jobTabs li.on span{ color: #383838;}
.jobTabs li.on span:after{ content: ''; width: 100%; height: 0.6vw; border-radius: 0.3vw; background: #4BBF88; display: block; position: absolute; left: 0; bottom: 1px;}

.jobList li{border-top: #ededed 1px solid; border-bottom: #ededed 1px solid; background: #fff; margin-bottom: 3vw; position: relative;}
.jobList li:first-child{ border-top: none;}
.jobList li a{ display: block; padding: 0 19vw 3vw 5vw;}
.jobList li .tit{ line-height: 6vw; padding: 1.5vw 0; font-size: 4.2vw; color: #454141;}
.jobList li .tit span{ vertical-align: middle;}
.jobList li .tit i{ font-size: 2.93vw; color: #fff; display: inline-block; padding: 0 1.067vw; line-height: 4vw; vertical-align:middle; border-radius: 2vw; font-style: normal; margin-left: 0.8vw;}
.jobList li .tit i.red{background: linear-gradient(to right,#FF8EA1 ,#FD596E);}
.jobList li .tit i.popule{background: linear-gradient(to right,#B38EFF ,#A259FD);}
.jobList li .tit i.yellow{background: linear-gradient(to right,#ff9e42 ,#ff8042);}
.jobList li .tit i.blue{background: linear-gradient(to right,#8dd2ff ,#64acff);}
.jobList li .date{ position: absolute; line-height: 6vw; color: #898989; font-size: 3vw; right: 6vw; top: 5.5vw;}
.jobList li .info{ font-size: 3.467vw; color: #898989; display: flex; line-height: 6vw; padding: 1vw 0;}
.jobList li .info .red{ font-size: 3.73vw; color: #FF3333;}
.jobList li .info .vline{ padding-left: 2vw; margin-right: 2vw; display: inline-block; height: 3.46vw; vertical-align: text-top; position:relative;}
.jobList li .info .vline:after{ content: ''; display: block; width: 1px; height: 3.46vw; background: #e2e2e2; position: absolute; right: 0; top: 1.3vw;}
.jobList li .name{ padding: 1.5vw 0; line-height: 6vw; color: #898989; font-size: 3.467vw;}
.jobList li .name i.blue,.jobList li .name i.green{display: inline-block; padding: 0 1.067vw; line-height: 4.2vw; vertical-align:middle; font-style: normal;margin-left: 1.33vw; color: #fff; background: #73a2ff; border-radius: 3px; font-size: 2.93vw; }
.jobList li .name i.green{background: #4bbf88;}
.jobList li .tag{ position: relative;}
.jobList li .tag em{display: inline-block; box-sizing: border-box; line-height: 6vw; padding: 0 1.4vw; border: #b4decb 1px solid; font-size: 3.2vw; color: #4BBF88; margin-right: 1.4vw; border-radius: 3px;}
.jobList li .tag .btn{display:inline-block; border-radius: 4px; background: #e5f9e9; font-size: 3.73vw; position: absolute; padding: 0 4vw; color: #4BBF88; right: -15vw; top: 0;}

.fixed_live_fabu .bd ul.jobFabu{ padding: 6vw 21vw 0 21vw;}
.jobFabu li{ width: 100%; height: 20vw; margin-bottom: 5.3vw; padding: 4vw 4vw 4vw 20vw; position: relative; border-radius: 8px; background: #5997ec; box-sizing: border-box;}
.jobFabu li.blue{background: #5997ec; }
.jobFabu li.green{background: #49caae; }
.jobFabu li.red{background: #ff7299; }
.jobFabu li em{left: 6.2vw; top: 4vw; width: 12vw; height: 12vw; position: absolute;}
.jobFabu li em img{width: 12vw; height: 12vw; border-radius: 50%;}
.jobFabu li a{ display: block;}
.jobFabu li b{ display: block; font-size: 5vw; line-height: 8vw; font-weight: normal; color: #fff;}
.jobFabu li span{ color: #D2E5FF; font-size: 3.46vw; line-height: 4vw; display: block;}
.jobFabu li.green span{ color: #CAF7EE;}
.jobFabu li.red span{ color: #FFDCE5;}

.orderBottom.obTwo{ height: 14.2vw; padding:2.4vw 8vw;}
.orderBottom button.w37{ width: 38.6vw;}
.jobDtTop{ min-height: 7.2vw; text-align: right; padding: 4.6vw 4vw 4vw 4vw; position: relative; display: flex; justify-content: flex-end; background: #fff; border-bottom: #f2f2f2 1px solid;}
.jobDtTop a{display: inline-block; margin-left: 2vw; height: 7.2vw; padding: 0 3vw; line-height: 7.2vw; background: #eff3fe; border-radius: 3px; font-size: 3.2vw; color: #5999FF;}
.jobDtTop a i.exp{ width: 4.2vw; height: 4.2vw; display: inline-block; margin-right: 1vw; background: url(/static/modular/job/images/icon_export.png) 0 0 no-repeat; background-size: 4.2vw; vertical-align: middle; margin-top: -3px;}
.jobDtTop a span{vertical-align: middle;}
.jobDtTop a.btn_green{display: inline-block; margin-left: 2vw; height: 7.2vw; padding: 0 3vw; line-height: 7.2vw; background: #e5f9e9; border-radius: 3px; font-size: 3.2vw; color: #4BBF88;}
.jobDtTop a i.shou{ width: 3.4vw; height: 3.4vw; display: inline-block; margin-right: 1vw; background: url(/static/modular/job/images/icon_star.png) 0 0 no-repeat; background-size: 3.4vw; vertical-align: middle; margin-top: -3px;}
.jobDtTop em{ width: 19.46vw; height: 7.2vw; display: block; background: #4bbf88; line-height: 7.2vw; border-radius: 0 3.6vw 3.6vw 0; text-align: center; color: #fff; font-size: 4vw; position: absolute; left: 0; top: 4.6vw;}

.jobDtInfo{ border-bottom: #ededed 1px solid;}
.jobDtIn{ background: #fff; position: relative;padding: 3vw 5vw 0 5vw;}
.jobDtIn .tit{ line-height: 6vw; padding: 1.5vw 0; font-size: 4.6vw; color: #181818;}
.jobDtIn .tit span{ vertical-align: middle;}
.jobDtIn .tit i{ font-size: 2.93vw; color: #fff; display: inline-block; padding: 0 1.067vw; line-height: 4vw; vertical-align:middle; border-radius: 2vw; font-style: normal; margin-left: 0.8vw;}
.jobDtIn .tit i.red{background: linear-gradient(to right,#FF8EA1 ,#FD596E);}
.jobDtIn .tit i.popule{background: linear-gradient(to right,#B38EFF ,#A259FD);}
.jobDtIn .tit i.yellow{background: linear-gradient(to right,#ff9e42 ,#ff8042);}
.jobDtIn .tit i.blue{background: linear-gradient(to right,#8dd2ff ,#64acff);}
.jobDtIn .price{ color: #FF3333; font-size: 4vw;}
.jobDtIn .date{ position: absolute; line-height: 6vw; color: #898989; font-size: 3vw; right: 6vw; top: 5.5vw;}
.jobDtIn .info{ font-size: 3.2vw; color: #898989; display: flex; line-height: 6vw; padding: 1vw 0;}
.jobDtIn .info .red{ font-size: 3.73vw; color: #FF3333;}
.jobDtIn .info .vline{ padding-left: 2vw; margin-right: 2vw; display: inline-block; height: 3.46vw; vertical-align: text-top; position:relative;}
.jobDtIn .info .vline:after{ content: ''; display: block; width: 1px; height: 3.46vw; background: #e2e2e2; position: absolute; right: 0; top: 1.3vw;}
.jobDtIn .tag{ position: relative;}
.jobDtIn .tag em{display: inline-block; box-sizing: border-box; line-height: 6vw; padding: 0 1.4vw; border: #b4decb 1px solid; font-size: 3.2vw; color: #4BBF88; margin-right: 1.4vw; border-radius: 3px;}
.jobDtIn .tag .btn{display:inline-block; border-radius: 4px; background: #e5f9e9; font-size: 3.73vw; position: absolute; padding: 0 4vw; color: #4BBF88; right: -15vw; top: 0;}
.jobDtIn .jobDtInTips{ height: 11.3vw; display: flex; justify-content: space-between; line-height: 11.3vw; border-top: #f2f2f2 1px solid; margin-top: 3vw; color: #898989; font-size: 3.3vw;}

.jobComp{background: #fff;padding: 0 5vw; border-top: #ededed 1px solid; border-bottom: #ededed 1px solid;}
.jobCompTop{ padding: 5vw 0 4vw 24.7vw; position: relative; min-height: 17.33vw;}
.jobCompTop em{ width: 20.26vw; height: 17.33vw; line-height: 0; display: block; position: absolute; left: 1vw; top: 5vw;}
.jobCompTop em img{width: 20.26vw; height: 17.33vw; }
.jobCompTop b{display: block; padding: 2.5vw 0 2vw 0; line-height: 5.6vw; font-size: 4vw; color: #1B1B1B; font-weight: normal;}
.jobCompTop b i{font-size: 2.93vw; color: #fff; display: inline-block; padding: 0 1.067vw; line-height: 4vw; vertical-align:middle; border-radius: 2px; font-style: normal; margin-left: 0.8vw; background: #73a2ff; margin-top: -1vw;}
.jobCompTop p{font-size: 3.3vw; color: #898989; line-height: 5vw;}
.jobCompBot{padding: 3vw 0 3vw 5vw; position: relative;line-height: 5.3vw; border-top: #f2f2f2 1px solid; color: #898989; font-size: 3.7vw;}
.jobCompBot i.addr{ width: 2.93vw; height: 3.73vw; display: inline-block; background: url(/static/modular/job/images/icon_addr.png) 0 0 no-repeat; margin-right: 2vw; background-size: 2.93vw; position: absolute; left: 0; top: 3.6vw;}
.jobBlock{ height: 14.2vw;}

.jobInfo{border-top: #ededed 1px solid; border-bottom: #ededed 1px solid; background: #fff;}
.jobInfoTop{padding: 2.2vw 5vw; line-height: 6vw; font-size: 4.2vw;}
.jobInfoCon{ padding: 0 5vw; max-height: 108vw; overflow-y: auto;}
.jobInfoCon h3,.jobInfoCon p{ line-height: 5.3vw; margin-top: 2vw; font-size: 3.7vw; color: #454141; font-weight: normal;}
.jobInfoCon p+h3{ margin-top: 6vw;}
.jobInfoBot{ padding: 4vw 5vw;}
.jobInfoBot h3{ font-weight: normal; color: #333; font-size: 4.2vw; line-height: 6vw; margin-bottom: 2vw;}
.jobInfoBot p{font-size: 3.7vw; color: #333; line-height: 6vw;}

.jobWarn{ padding: 4vw 17.4vw 4vw 5vw; border-top: #ededed 1px solid; border-bottom: #ededed 1px solid; background: #fff; min-height: 14vw; position: relative;}
.jobWarn b{ display: block; line-height: 6vw; font-size: 4vw; color: #454141; font-weight: normal; margin-bottom: 2vw;}
.jobWarn p{ display: block; line-height: 6vw; font-size: 3.3vw; color: #898989;}
.jobWarn:after{ content: ''; width: 10.4vw; height: 10.4vw; display: block; background: url(/static/modular/job/images/icon_baoji.png) 0 0 no-repeat; background-size: 10.4vw; position: absolute; right: 5vw; top: 5vw;}
.glnb{ border: none;}
.jobBoxDt{border-top: #ededed 1px solid; border-bottom: #ededed 1px solid; background: #fff;}
.jobBoxDt h3{ padding: 3vw 5vw 2vw 5vw; font-weight: normal; color: #333333; line-height: 6vw; font-size: 4.2vw;}
.jobBoxDt .jobList li{ border-top: none; margin-bottom: 0; border-bottom: #ededed 1px solid}
.jobDtBtn{ padding: 4vw; text-align: center;}
.jobDtBtn .btn_green{ height: 6.13px; line-height: 6.13vw; background: #4BBF88; font-size: 3.3vw; color: #fff; padding: 0 3.2vw; border-radius: 3px;}
.jobBoxDt .jobList li a{ padding-bottom: 4vw;}

.jobBox{border-top: #ededed 1px solid;}
.jobSearch{ padding: 3.7vw 4vw; background: #fff; border-top: #ededed 1px solid; border-bottom: #ededed 1px solid;}
.jobSearch .search_bar{ position: relative; left: 0; top: 0; z-index: 1;}
.jobSearch .search_bar input{
  box-shadow: 0 1px 3px 0 #ccc;
  /* width: 10px; */
}
.jobPersonList h3,.fullTimeList h3{padding: 3vw 5vw 3vw 5vw; font-weight: normal; color: #333333; line-height: 6vw; font-size: 4.2vw; height: 12vw; border-bottom:#ededed 1px solid; box-sizing: border-box; background: #fff; display: flex; justify-content: space-between; background: #fff;}
.jobPersonList h3 .filter,.fullTimeList h3 .filter{ font-size: 4vw; color: #848484;}
.jobPersonList h3 .filter .filt,.fullTimeList h3 .filter .filt{ width: 4vw; height: 4vw; background: url(/static/modular/job/images/icon_filter.png) 0 0 no-repeat; background-size: 4vw; display: inline-block; vertical-align: middle; margin: -0.8vw 1vw 0 0;}
.jobPersonList .jobList ul{ background: #f6f6f6;}
.jobPersonList .jobList li{ position: relative; border-top: #ededed 1px solid; border-bottom: #ededed 1px solid; margin-bottom: 2.67vw; background: #fff;}
.jobPersonList .jobList li:first-child{border-top: none;}
.jobPersonList .jobList li a{ padding: 4vw 5vw 5vw 19.3vw;}
.jobPersonList .jobList li .img{ width: 11.5vw; height: 11.5vw; display: block; position: absolute; left: 6vw; top: 5vw;}
.jobPersonList .jobList li .img img{ border-radius: 8px; width: 11.5vw; height: 11.5vw; }
.jobPersonList .jobList li .img.fm:after,.jobPersonList .jobList li .img.ma:after{ content: ''; width: 4.4vw; height: 4.4vw; display: block; position: absolute; background: url(/static/modular/job/images/icon_fma.png) 0 0 no-repeat #fff; background-size: 4.4vw; right: 0; bottom: 0; border-radius: 2.2vw 2.2vw 2.2vw 0;}
.jobPersonList .jobList li .img.ma:after{ background-image: url(/static/modular/job/images/icon_man.png);}
.jobPersonList .jobList li .tit{ color: #454141; font-size: 4.2vw; padding-bottom: 0; padding-top: 0.5vw;}
.jobPersonList .jobList li .tit .jy{ width: 11vw; height: 4.4vw; display: inline-block; background: url(/static/modular/job/images/icon_jy.png) 0 0 no-repeat; background-size: 11vw;}
.jobPersonList .jobList li .date{ color: #7F7F7F; font-size: 3.7vw; top: 5vw;}
.jobPersonList .jobList li .info{ padding: 0.5vw 0;}
.jobPersonList .jobList li a.tel_btn{ border-radius: 4px; background: #E5F9E9; padding: 0 2.2vw; line-height: 7.2vw; display: inline-block; position: absolute; color: #4BBF88; font-size: 3.2vw; right: 5vw; bottom: 4.8vw;}
.jobPersonList .jobList li a.tel_btn:before{ content: ''; display: inline-block; background: url(/static/common/image/icon/tel_01.png) 0 0 no-repeat; background-size: 10px; margin-right: 0; width: 14px; height: 14px; color: #4BBF88; vertical-align: middle;}
.fullTab{background: #fff; display: flex; padding: 2vw; flex-wrap: wrap;}
.fullTab dd{ flex: 0; flex-basis: 29vw; width: 29vw; margin: 1.5vw; height: 8vw; line-height: 8vw; overflow: hidden; background: #f7f7f7; text-align: center; border-radius: 5px; font-size: 3.7vw; color: #666;}
.fullTab dd.on{ background: #4BBF88; color: #fff;}


.m-pop.job-pop .inner h2{ line-height: 7vw; padding: 3vw 0; margin: 0; color: #212121; font-size: 5vw;}
.m-pop.job-pop .close{ width: 5vw; height: 5vw; background: url(/static/modular/job/images/icon_close_x.png) 0 0 no-repeat; background-size: 5vw;}
.m-pop.job-pop .inner .form2{ padding: 0; position: absolute; top: 13vw; right: 0; left: 0; bottom: 60px; overflow-y: auto;}
.m-pop.job-pop .inner .form2 .item{ padding: 18px 6px 12px 6px;}
.m-pop.job-pop .inner .form2 .item h3{ padding: 0 2vw; color: #212121; font-size: 4.6vw; font-weight: normal;}
.m-pop.job-pop .inner .form2 label span{ height: 8.67vw; box-sizing: border-box; border: #d7d7d7 1px solid; border-radius: 5px; background: #fff;  margin: 0 2vw 4vw 2vw; color: #414141; font-size: 3.3vw;}
.m-pop.job-pop .inner .form2 label.on span{ border-color: #4bbf88; color: #4bbf88;}
.m-pop.job-pop .inner .form2 label.on span i{ width: 5.8vw; height: 5.8vw; position: absolute; display: block; top: auto; bottom: -1px; right: -1px; background: url(/static/common/image/icon/icon_gou.png) 0 0 no-repeat; background-size: 5.8vw;}
.m-pop.job-pop .inner .form2 .box{ margin-bottom: 0;}
.job-pop .inner .form2 .item dl dt{line-height: 8vw; padding: 2vw 4vw; border-bottom: #ededed 1px solid; position: relative; font-size: 4vw; color: #666;}
.job-pop .inner .form2 .item dl dd{ background: #f2f2f2; padding: 3vw 2vw 0 2vw; display: none;}
.job-pop .inner .form2 .item dl dd label span{ margin: 0 1.5vw 3vw 1.5vw;}
.job-pop .inner .form2 .item dl.on dt{ color:#4bbf88; }
/* .job-pop .inner .form2 .item dl.on dd{ } */
.job-pop .inner .form2 .item dl dt:after{content: ''; width: 3.5vw; height: 2vw; background: url(/static/common/image/icon/point_b.png) 0 0 no-repeat; background-size: 3.5vw; position: absolute; right: 3vw; top: 50%; margin-top: -1vw; opacity: 0.5; transform:rotate(0deg);}
.job-pop .inner .form2 .item dl.on dt:after{transform:rotate(180deg);}
.job-pop .inner .form2 .item dl.selected dt:before{content: ''; width: 4vw; height: 3vw; background: url(/static/common/image/icon/icon_gou_green.png) 0 0 no-repeat; background-size: 4vw; position: absolute; right: 11vw; top: 50%; margin-top: -1vw; }

.jobTopMenu{position: fixed; width: 100vw; left: 0; top: 45px; z-index: 100; background: #fff; border-top: #ededed 1px solid; border-bottom: #ededed 1px solid; box-shadow:0 4px 4px rgba(0,0,0,.15); padding-right: 8vw; box-sizing: border-box; display: block; left: 100vw; overflow: hidden;}
/*.mainMenu{ padding: 1.8vw 0; height: 8.2vw; background: #4BBF88; }*/
.jobTopMenu .swiper-mainMenu{ height: 6.2vw; padding: 1.8vw 2vw;}
.jobTopMenu .swiper-slide{ padding: 0 2vw; display: inline-block; width: auto; line-height: 0;}
.jobTopMenu .swiper-slide span{ display: inline-block; padding: 0; height: 6.2vw; line-height: 6.2vw; color: #666; font-size: 3.7vw; border-radius: 4.1vw;}
.jobTopMenu .swiper-slide.on span{ color: #333; position: relative;}
.jobTopMenu .swiper-slide.on span:after{ content: ''; width: 80%; height: 3px; background:#4bbf88; position: absolute; left: 10%; bottom: -1.8vw;}
.jobTopMenu .add{ width: 7vw; height: 9.8vw; line-height: 8.2vw; background: #fff; font-size: 5vw; color: #333; text-align: center; position: absolute; right: 0; top: 0; z-index: 101; padding-left: 2vw;}
.fullTimePop{ width: 100%; left: 100%; top: 45px; height: calc(100% - 45px); z-index: 150; display: block;}
.m-pop.fullTimePop .inner h2{ background: #f2f2f2; font-weight: normal; color: #999; font-size: 4vw; line-height: 5vw;}
.fuBot{ position: absolute; background: #fff; height: 22vw; padding-top: 3vw; bottom: 0; left: 0; right: 0;  box-shadow:2px 0 4px rgba(0,0,0,.15);}
.fuBot .tijiao{ background: none; position: static;}
.fuBot .selTab{ height: 8vw; font-size: 4vw;}
.fuBot .selTab .tit{float: left; width: 13vw; text-align: right; line-height: 5.3vw;}
.fuBot .selTab .con{ float: left; width: 84vw; height: 8vw; overflow-y: hidden; overflow-x: auto; white-space: nowrap;}
.fuBot .selTab .con span{ height: 5.3vw; line-height: 5vw; font-size: 3vw; background: #ebf9f3; border: #4bbf88 1px solid; border-radius: 3vw; margin:0 1vw; padding: 0 4.5vw 0 2vw; color: #4bbf88; display: inline-block; vertical-align: top; position: relative;}
.fuBot .selTab .con span:after{content: 'x'; position: absolute; right: 1.5vw; top: 0;}
.fuBot .tijiao{ padding: 1vw 5vw;}
.m-pop.fullTimePop .inner .form2{bottom: 25vw;}
.m-pop.fullTimePop .inner .form2 .item{ padding: 0 6px;}
.m-pop.fullTimePop .tijiao a{ width: 100%;}
.perDtTop{ position: absolute; border-bottom: none; top: 45px; right: 0; z-index: 1;}
.perDt{ position: relative; padding: 0 0 2vw 14.46vw;}
.perDt em{ width: 11.46vw; height: 11.46vw; position: absolute; left: 1vw; top: 2vw;}
.perDt em img{ width: 11.46vw; height: 11.46vw; border-radius: 8px;}
.perDt .tit{ line-height: 4.6vw; font-size: 4.6vw; font-weight: normal; color: #454141; padding-top: 3vw;}
.perDt .tit i.jy{width: 11vw; height: 4.4vw; display: inline-block; background: url(/static/modular/job/images/icon_jy.png) 0 0 no-repeat; background-size: 11vw;}
.perDt p{ line-height: 4vw; font-size: 3.4vw; color: #898989;}

.jobIntent{padding: 3vw 5vw;}
.jobIntent h3{font-size: 4.2vw; line-height: 8vw; color: #333; font-weight: normal;}
.intentList{ margin: 0 -1.85vw; display: flex; flex-wrap: wrap; padding-top: 2vw;}
.intentList span{ margin: 0 1.7vw 3.2vw 1.7vw; display: inline-block; height: 7.4vw; line-height: 7vw; padding: 0 2.7vw; border:#4BBF88 1px solid; color: #4BBF88; border-radius: 2px; font-size: 4vw; box-sizing: border-box;}
.jobIntent p{ color: #414141; font-size: 4vw;}
.jobIntent p .gray{ color: #858585;}
.intentUl{ display: flex; padding: 0 5vw; justify-content: space-between;}
.intentUl li{ display: inline-block; line-height: 6vw;}
.intentUl li i{ width: 4.2vw; vertical-align: middle; line-height: 0; margin: -1vw 1vw 0 0; display: inline-block;}
.intentUl li i img{width: 4.2vw;}
.intentUl li span{ font-size: 4vw;}
.jobInfoBot .n_img{display: flex; flex-wrap: wrap;}
.jobInfoBot .n_img a{margin: 0 1vw 1vw 0;}
.jobInfoBot .n_img a,.jobInfoBot .n_img a span{display: block; height: 22.6vw;}
.jobInfoBot .n_img a{ width: 29vw; flex-basis: 29vw;}
.jobInfoBot .n_img a span img{ width: 100%; height: 100%; border-radius: 5px;}

.fabuList{ background: #fff; border-top: #ededed 1px solid; border-bottom: #ededed 1px solid;}
.fabuList dl{ height: 13.3vw; padding: 0 0 0 25vw; position: relative; border-bottom: #ededed 1px solid;}
.fabuList dl:last-child{ border-bottom: none;}
.fabuList dl dt{width: 25vw; box-sizing: border-box; padding-right: 4vw; line-height: 13.3vw; position: absolute; left: 0; top: 0; color: #A4A4A4; font-size: 4.2vw; text-align: right;}
.fabuList dl dd{ display: flex; justify-content: space-between; overflow: hidden; line-height: 13.3vw; padding-right: 8.5vw; position: relative; height: 13.3vw; box-sizing:border-box;}
.fabuList dl dd.picker:after{content: ''; width: 3.5vw; height: 2vw; background: url(/static/common/image/icon/point_b.png) 0 0 no-repeat; background-size: 3.5vw; position: absolute; right: 3.5vw; top: 50%; margin-top: -1vw; opacity: 0.5; transform:rotate(-90deg);}
.fabuList dl dd .txt{ color: #414141; font-size: 4.2vw; height: 13.3vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.fabuList dl dd .txt.def{ color: #000000; font-size: 4.2vw;}
.fabuList dl dd a{ color: #6E6E6E; font-size: 4.2vw;}
.fabuList dl dd.pickInp{ padding-top: 1.4vw; padding-right: 4vw;}
.fabuList dl dd.pickInp input{padding: 0;}
.fabuList2 dl{ height: auto; min-height: 13.3vw; padding: 0 0 0 19vw;}
.fabuList2 dl:last-child{ border-bottom: none;}
.fabuList2 dl dt{width: 19vw;}
.fabuList2 dl dt i{ color: #FF1313; font-style: normal;}
.fabuList2 dl dd.pickInp{ display: block; line-height: 0; height: auto;}
.fabuList2 dl dd p{ display: block; line-height: 4vw; font-size: 3vw; color: #999; padding-bottom: 2vw;}
.fabuList2 dl dd p .err{display: inline-block; width: 3.6vw; height: 3.6vw; background: url(/static/modular/job/images/tips_error.png) 0 0 no-repeat; background-size: 3.6vw; vertical-align: middle; margin-top: -1vw; margin-right: 1vw;}
.fabuList3 dl{ height: auto; min-height: 13.3vw; padding: 0 0 0 17vw;}
.fabuList3 dl dt{width: 17vw;}

.fabuPackBox{ height: 24.8vw; box-sizing: border-box; background: #fff; border-bottom: #ededed 1px solid;}
.fabuPackBox ul{ display: flex; padding: 5vw 0; height: 16.8vw;}
.fabuPackBox ul li{flex: 1;}
.fabuPackBox ul li div{border-right: #ededed 1px solid; text-align: center;}
.fabuPackBox ul li:last-child div{ border-right: none;}
.fabuPackBox ul li div.picker .tip{display: block; font-size: 3.7vw; line-height: 6vw; height: 6vw; color: #A4A4A4;}
.fabuPackBox ul li div.picker .txt{display: block; font-size: 4.2vw; line-height: 6vw; color: #414141; margin-top: 2vw;}
.jobLabel{padding: 4vw 2.4vw 1vw 2.4vw; background: #fff; display: flex; flex-wrap: wrap;}
.jobLabel span{ height: 8vw; line-height: 8vw; display:inline-block; font-size: 4vw; padding: 0 3.5vw; color: #92A6CE; border: #ced9e3 1px solid; border-radius: 4vw; margin: 0 1.6vw 3vw 1.6vw;}
.jobLabel span.on{ background: #ced9e3; color: #6a8bcf;}
.checkLine{ padding: 3vw 4vw; font-size: 4vw; line-height: 6vw;}
.checkLine i.checkbox{ vertical-align: middle; margin-right: 2vw;}
.checkLine .green{ color: #45C086;}
.btnBox .btn_green{ height: 9.3vw; padding: 0 5vw; font-size: 4vw; color: #fff; background: #4BBF88; border: none; border-radius: 5px; width: 100%;}
.textareaBox{ background: #fff; padding: 3vw 3vw 2vw; line-height: 6vw; font-size: 4vw; color: #666; height: 120vw;}
.textareaBox textarea{ width: 100%; height: 100%; border: none;}
.pickerAndInp .inp_1{ margin-top: 1.5vw; padding: 0; width: 35vw;}
.pickerAndInp .pickerTxt{ width: 30vw; text-align: right;}

.green_top{ width: 100vw; height:49vw;  background:#3ec285; position: relative; z-index: 90; box-sizing: border-box; }
.green_top:after{ content:''; width:100vw; height:20vw; background:#fff; position: absolute; left:0; bottom:0;}
.green_top .uploadBox{ width:22vw; position: absolute; z-index:10; left:39vw; top:16vw; padding:0; box-sizing: border-box;}
.green_top .uploadImg{ border:#fff 1vw solid; border-radius:50%; display:block; width:22vw; height:22vw; margin:0;}
.green_top .uploadImg img{ border-radius:50%; width:100%; height:100%; }
.green_top .uploadBox .dlA{ margin:0; width:22vw; height:22vw; position: absolute; left:0; top:0; border-radius:50%; opacity:0;}
.green_top .uploadBox .uploadTxt{ padding:0; margin:0; clear:both; float:none; font-size:3.46vw; color:#898989; line-height:6vw;}
.green_header{width: 100vw; height:45px;  background:#3ec285; position: relative; z-index: 90; box-sizing: border-box; }
.sexList{width:40vw; height:13.3vw; position: absolute; background:#fff; right:2vw; top:0; z-index:20; text-align:right;}
.sexList span{display:inline-block; height:6.4vw; line-height:6vw; border:#d4d4d4 1px solid; border-radius:3.2vw; box-sizing: border-box; font-size:3.46vw; color:#737373; padding: 0 2.67vw; margin-right: 4vw}
.sexList span i{ width:3.733vw; height:3.733vw; display:inline-block; background: url(/static/modular/job/images/sex.png) -12vw 0 no-repeat; background-size: 16vw; vertical-align: middle; margin-top:-1vw; margin-right:1vw;}
.sexList span.on{ color:#fff;}
.sexList span i.man{background: url(/static/modular/job/images/sex.png) -12vw 0 no-repeat; background-size: 16vw;}
.sexList span i.fman{background: url(/static/modular/job/images/sex.png) -8vw 0 no-repeat; background-size: 16vw;}
.sexList span.man.on{background:#6794ee; border-color:#6794ee;}
.sexList span.fman.on{background:#ff6f6f; border-color:#ff6f6f;}
.sexList span.on i.man{background: url(/static/modular/job/images/sex.png) -4vw 0 no-repeat; background-size: 16vw;}
.sexList span.on i.fman{background: url(/static/modular/job/images/sex.png) 0 0 no-repeat; background-size: 16vw;}

.showMore{ padding:4vw 4vw 3vw 4vw; text-align:center; font-size: 3.7vw; color: #A4A4A4;}
.showMore:after{content: ''; display: inline-block; width:0;height:0;border-right:1.2vw solid transparent;border-left:1.2vw solid transparent;border-top:1.5vw solid #949494; vertical-align: middle; margin-top: -0.5vw;}
.fixedBtnBox{position: fixed; width: 100vw; left: 0; bottom: 0; box-sizing: border-box;}
.showPop{ left: 0;}
.grayTit{ height: 12vw; background: #f2f2f2; color: #666; line-height: 12vw; text-align: center; font-size: 4vw;}
.onSale{ padding: 4vw 0 3vw 0; text-align: center;}
.onSale ul{display: flex; justify-content: center;}
.onSale ul li{padding: 0 3.5vw; line-height: 8vw; border: #d8d8d8 1px solid; box-sizing: border-box; background: #fff; font-size: 4vw; color: #6C6C6C;}
.onSale ul li.on{ background: #3dc184; color: #fff; border-color: #3dc184;}
.onSale ul li:first-child{border-radius: 3px 0 0 3px;}
.onSale ul li:last-child{border-radius: 0 3px 3px 0;}
.greenHeader{ background: #3ec285;}
.manageTop{height: 32.4vw; box-sizing: border-box; padding: 6.4vw 4vw 0 25.8vw; position: relative; background: #3ec285;}
.manageTop em{ width: 16vw; height: 16vw; border: #fff 1vw solid; border-radius: 50%; box-sizing: border-box; position: absolute; left: 5.8vw; top: 5.2vw;}
.manageTop em img{width: 100%; height: 100%; border-radius: 50%;}
.manageTop h3{ line-height: 6.5vw; color: #fff; font-weight: normal;font-size: 4.6vw; margin-bottom: 2.2vw;}
.manageTop a{display: inline-block; padding: 0 2vw; line-height: 6vw; background: #38a874; border-radius: 3vw; font-size: 3.7vw; color: #fff;}
.manageInfo{border-bottom: #ededed 1px solid; display: flex; background: #fff;}
.manageInfo li{flex: 1; height: 19vw; box-sizing: border-box; text-align: center; padding: 4vw 0 0 0;}
.manageInfo li b{display: block; line-height: 6vw; color: #070707; font-size: 4.6vw; font-weight: normal;}
.manageInfo li span{display: block; line-height: 6vw; color: #B5B5B5; font-size: 3.3vw;}
.jobManageList li{ position: relative;}
.jobManageList li a{ padding: 12vw 4vw 3vw 24vw;}
.jobManageList li .viewBox{ position: absolute; left: 4vw; top: 13.2vw; width: 16.8vw; height: 16.2vw; box-sizing: border-box; background: #f6f6f6; border-radius: 5px; text-align: center;}
.jobManageList li .viewBox b{display: block; padding: 3.7vw 0 0 0; font-size: 4.6vw; color: #45C086; line-height: 6vw; font-weight: normal;}
.jobManageList li .viewBox span{font-size: 2.9vw; line-height: 4vw; margin-top: 1vw; display: block; color: #81868A;}
.jobManageList li em.flag{ width: 18.8vw; height: 7.2vw; display: block; position: absolute; border-radius: 0 6vw 6vw 0; left: 0; top: 2.4vw; background: #3dc184; color: #fff; font-size: 4vw; line-height: 7.2vw; padding-left: 3vw; box-sizing: border-box;}
.jobManageList li em.flag.red{ background: #ff6963;}
.jobManageList li .date{ line-height: 4vw; right: 4vw; top: 2.67vw; font-size: 2.93vw; color: #BFBFBF;}
.jobManageList li .tit i.newi{border-radius: 2px;}
.jobManageList li .tit i.newi.blue{ color: #73A2FF; background: #e3ecfe;}
.jobManageList li .tit i.newi.yellow{ color: #FF9153; background: #ffede3;}
.jobManageList li .info i{ font-size: 2.93vw; color: #fff; display: inline-block; padding: 0 1.067vw; height: 4vw; line-height: 4vw; vertical-align:middle; border-radius: 2vw; font-style: normal; margin-left: 0.8vw; margin-top: 0.8vw;}
.jobManageList li .info i.red{background: linear-gradient(to right,#FF8EA1 ,#FD596E); color: #fff; font-size: 2.93vw;}
.jobManageList li .info i.popule{background: linear-gradient(to right,#B38EFF ,#A259FD); font-size: 2.93vw;}
.jobManageList li .info i.yellow{background: linear-gradient(to right,#ff9e42 ,#ff8042); font-size: 2.93vw;}
.jobManageList li .info i.blue{background: linear-gradient(to right,#8dd2ff ,#64acff); font-size: 2.93vw;}
.jobManageList li .tag{height: 6vw; padding: 2.67vw; border-top: #ededed 1px solid; line-height: 0; padding: 2.67vw 4vw; display: flex; justify-content: space-between;}
.jobManageList li .tag em{border: none; border-radius: 4px; font-size: 3.7vw; color: #81868A; background: #edeeee;}
.jobManageList li .tag .btn{right: 4vw; height: 6vw; line-height: 6vw; position: static; margin-left: 1.4vw;}

.manageMenu{ height: 21.3vw; border-bottom: #ededed 1px solid; background: #fff; display: flex;}
.manageMenu li{flex: 1; text-align: center; padding-top: 5.3vw; position: relative;}
.manageMenu li em{ width: 7.3vw; height: 8vw;}
.manageMenu li em img{ width: 7.3vw;}
.manageMenu li span{display: block; line-height: 8vw; font-size: 3.3vw; color: #2E2E2E;}
.manageMenu li i{display: block; width: 5vw; height: 4vw; border-radius: 2vw; line-height: 4vw; font-size: 3vw; text-align: center; color: #fff; background: #ff6a63;font-style: normal; position: absolute; left: 60%; top: 3vw;}
.jobTabs li{position: relative;}
.jobTabs li i.flag{display: block; width: 5vw; height: 4vw; border-radius: 2vw; line-height: 4vw; font-size: 3vw; text-align: center; color: #fff; background: #ff6a63;font-style: normal; position: absolute; right:-4vw; top: 0;}
.noData{min-height: 40vw; text-align: center;display: flex; flex-direction: column; justify-content: center; font-size: 4vw; color: #bbb;}