.main{max-width:1600px;margin:0 auto;padding-left:15px;padding-right:15px}
.page-box{position:relative}
.page-box .job-box{margin-top:4%;margin-bottom:6%}
.job-wrapper .index-title-box{margin-bottom:38px}
.job-wrapper .search-box{text-align:center;margin-bottom:100px}
.job-wrapper .form{position:relative;width:5.7rem;margin:0 auto}
.job-wrapper .submit,.job-wrapper .text{height:48px;line-height:46px}
.job-wrapper .text{width:100%;border-radius:6px;border:solid 1px #e6e6e6;opacity:.9;font-size:15px;padding:0 50px 0 26px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.job-wrapper .text:focus{border-color:#046335}
.job-wrapper .submit{position:absolute;right:0;top:0;z-index:10;width:120px;background-image:linear-gradient(-90deg,#0b59c3 0,#046335 100%);background-blend-mode:normal,normal;color:#fff;font-size:17px;border-radius:0 6px 6px 0}
.job-wrapper .submit img{vertical-align:middle;position:relative;top:-2px;margin-right:12px}
.job-box .top{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;padding:0 40px 0 80px;align-items:center;height:70px}
.job-box .top div{width:15.41%;line-height:30px;font-size:var(--fs16);padding-right:15px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:16px}
.job-box .top div span{display:none}
.job-box .top div.name{width:25%}
.job-box .top div.apartment{width:16.66%}
.job-box .top div.company{width:22.32%}
.job-box .top div.number{width:23%}
.job-box .top .icon{width:13px;height:13px;padding-right:0}
.job-box .top .date{flex:1;overflow:hidden}
.job-box .name img{vertical-align:middle;margin-left:.1rem;width:30px;position:relative;top:-2px}
.job-box .detail{box-shadow:0 5px 30px 0 rgba(0,0,0,.08)}
.job-box>.top{background:#dcdcdc}
.job-box>.top div{color:#333;font-size:20px;font-weight:700}
.job-box ul li{cursor:pointer}
.job-box ul li:last-child{border:none}
.job-box ul li:first-child .top{border-top:1px solid #e5e5e5}
.job-box ul li.on .top:before{opacity:1;visibility:visible}
.job-box ul li.on .top div{color:#fff}
.job-box ul li.on .icon{background-image:url(../images/j-down.png)!important}
.job-box ul li .top{position:relative;border-bottom:1px solid #e5e5e5}
.job-box ul li .top:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1; background-color: #F48203; opacity:0;visibility:hidden;transition:opacity .5s ease;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-ms-transition:opacity .5s ease;-o-transition:opacity .5s ease}
.job-box ul li .top div{color:#666}
.job-box ul li .icon{background-repeat:no-repeat;background-size:100%;background-position:center center}
.job-box ul li .detail{display:none;padding:53px 90px 70px 80px;background:#fff}
.job-box ul li .desc{color:grey;line-height:30px;margin-bottom:36px}
.job-box ul li .desc:last-child{margin-bottom:0}
.job-box ul li .caption{font-size:18px;font-weight:700;line-height:30px;margin-bottom:10px}
@media screen and (min-width:1024px){.job-box ul li:hover .top:before{opacity:1;visibility:visible}
.job-box ul li:hover .top div{color:#fff}
}
@media screen and (max-width:1004px){.job-box .top div{height:auto;width:100%;line-height:30px;margin:0}
.job-box .top{position:relative;height:auto;padding:20px;}
.job-box>.top{display:none}
.job-box .top .name{font-size:18px;color:#333;margin-bottom:10px;width:100%}
.job-box .top .icon{position:absolute;right:.3rem;top:0;z-index:10;height:100%;margin-left:0;width:20px}
.job-box ul li{border-bottom:none}
.job-box ul li .top{display:block}
.job-box .top div.name{width:100%}
.job-box .top div.apartment{width:100%}
.job-box .top div.company{width:100%}
.job-box .top div.number{width:100%}
.job-box .top div span{display:inline-block;margin-right:20px}
.job-box .top .name img{width:40px}
.job-box .top .icon{position:absolute;right:.3rem;top:0;z-index:10;height:100%;margin-left:0;width:20px}
}