.hero,.job-panel{position:relative;overflow:hidden}.filter-arrow,.filter-check,.job-level-badge{background-size:100% 100%}.filter-clear,.meta-pc{font-family:PingFang SC,PingFang SC}.g-nav .nav2,.pop-mobile-nav .nav2{display:block}.g-nav .nav1,.pop-mobile-nav .nav1{display:none}.hero-bg{width:100%;height:100%;display:block}.job-panel{background-color:#fff;margin:.8rem auto;max-width:12.4rem;border-radius:.32rem;display:flex}.job-tab{padding:.6rem .6rem .6rem .8rem;min-width:1.6rem;width:35%}.row-top{display:flex;justify-content:space-between}.filter-clear{cursor:pointer;font-weight:400;font-size:.2rem;color:#5A636D}.row-filter{margin-top:.32rem}.row-filter-option{margin:.2rem 0;padding:0 .12rem}.filter-option-row{margin:.2rem 0;display:flex;align-items:center;cursor:pointer}.meta-date,.meta-dot,.meta-pc .meta-icon-pc{margin-left:.08rem}.row-title{display:flex;justify-content:space-between;margin-bottom:.1rem;cursor:pointer}.filter-title{font-size:.24rem;font-weight:600;color:#222F3F;line-height:.32rem;white-space:nowrap}.filter-option,.filter-subtitle{font-size:.2rem;color:#5A636D;line-height:.28rem}.filter-subtitle{font-weight:400;white-space:nowrap}.filter-option{word-wrap:break-word;word-break:break-all}.filter-check{width:.24rem;height:.24rem;background-image:url(../img/recruit/icon_checkbox_nor_24@2x-f3ef70ce17.png);margin-right:.05rem;flex-shrink:0}.filter-option-row.on .filter-check{background-image:url(../img/recruit/icon_checkbox_sel_24@2x-7d98d1e9fc.png)}.filter-arrow{display:inline-block;width:.24rem;height:.24rem;background-image:url(../img/recruit/icon_arrow_up_24@2x-fe165abb4e.png);transition:transform .3s}.row-title:not(.on) .filter-arrow{transform:rotate(180deg)}.job-tab-content{padding:.6rem .8rem .6rem 0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;width:100%}.job-card{width:100%;padding-bottom:.32rem;border-bottom:.01rem solid #F0F3F6;display:flex;justify-content:space-between;margin-bottom:.32rem}.left-col{width:100%}.job-title-wrapper{display:flex;width:calc(100% - 1.04rem)}.job-card-header{margin-bottom:.2rem;display:flex;justify-content:space-between}.job-level-badge{width:.32rem;height:.32rem;background-image:url(../img/recruit/icon_hot_24@2x-3a1657c44e.png);margin-right:.08rem;flex:none}.job-title{font-size:.24rem;font-weight:600;color:#222F3F;line-height:.37rem;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.btn-detail{padding:.08rem .16rem;background:#216CFC;border-radius:.08rem;border:none;cursor:pointer;font-size:.16rem;color:#fff;flex-shrink:0}.meta-pc,.meta-text{font-size:.2rem;color:#CDD1D7}.job-card-meta{display:flex;align-items:center}.meta-text{line-height:.28rem;white-space:nowrap}.meta-pc{font-weight:400;display:flex;align-items:center}.meta-pc .meta-icon-pc{width:.24rem;height:.24rem;background:url(../img/recruit/iocn_share_24@2x-d8589f4227.png);background-size:100% 100%;display:none}.meta-mobile{display:none}.meta-dot{width:.24rem;height:.24rem;background-image:url(../img/recruit/iocn_share_24@2x-d8589f4227.png);background-size:100% 100%}.pagination{margin-left:auto;display:flex;justify-content:space-between;align-items:center}.pagination .switch-btn{background:#EFF2FF;color:#b8bec9}.pagination .switch-btn.disabled{cursor:not-allowed}.page-num{margin:0 .1rem;font-size:.16rem;line-height:.24rem;text-align:center;white-space:nowrap;color:#CDD1D7;cursor:pointer}.page-num.active{font-weight:600;color:#222F3F}.m-switch-btn .switch-btn{transform:scale(.7)}.m-switch-btn:active .arrow-wrap{opacity:1}.m-switch-btn .arrow-wrap{opacity:.5}.empty-state{text-align:center;padding:.6rem 0;font-size:.2rem;color:#CDD1D7}@media only screen and (max-width:1224px){.job-panel{margin:.6rem auto}.job-tab{padding:.48rem .48rem .48rem .6rem}.job-tab-content{padding:.48rem .6rem .48rem 0}.job-title{font-size:.22rem}.job-card{padding-bottom:.24rem;margin-bottom:.24rem}}@media only screen and (max-width:1024px){.job-panel{margin:.48rem auto}.job-tab{padding:.4rem .32rem;width:30%}.job-tab-content{padding:.4rem .32rem .4rem 0}.filter-title{font-size:.2rem}.filter-option,.filter-subtitle{font-size:.18rem;line-height:.24rem}.job-title{font-size:.2rem}.btn-detail{font-size:.14rem}.meta-text{font-size:.16rem}.job-card-header{margin-bottom:.16rem}.job-card{padding-bottom:.2rem;margin-bottom:.2rem}}@media only screen and (max-width:824px){.job-panel{margin:.4rem auto}.job-tab{padding:.32rem .24rem;width:28%;min-width:1.3rem}.job-tab-content{padding:.32rem .24rem .32rem 0}.filter-title{font-size:.18rem}.filter-option,.filter-subtitle{font-size:.16rem;line-height:.22rem}.job-title{font-size:.18rem}.btn-detail{font-size:.13rem;padding:.06rem .12rem}.meta-text,.page-num{font-size:.14rem}.job-card{padding-bottom:.16rem;margin-bottom:.16rem}.job-card-header{margin-bottom:.12rem}}@media only screen and (max-width:768px){.job-panel{margin:.32rem auto;flex-direction:column;background-color:transparent;border-radius:0}.job-tab,.job-tab-content{background:#FFF;border-radius:.08rem}.job-tab{width:calc(100% - .24rem);padding:.08rem .12rem;display:flex;justify-content:space-between}.job-tab.sticky{position:fixed;top:0;left:0;z-index:999}.job-tab .row-filter{margin-top:0;position:relative}.job-tab .row-filter:last-child .row-filter-option{right:-.11rem!important;left:unset!important}.job-tab .row-top{display:none}.job-tab .row-filter-option{position:absolute;top:.2rem;left:-.1rem;width:1rem;background:#fff;border-radius:.08rem;box-shadow:0 0 .1rem rgba(0,0,0,.1)}.job-tab .row-filter-option .filter-option{font-size:.13rem;color:#5A636D;line-height:.16rem}.job-tab .row-filter-option .filter-check{width:.18rem;height:.18rem;display:none}.job-tab .row-filter-option .filter-option-row{display:flex;align-items:center;justify-content:center;margin:.15rem 0}.job-tab .row-filter-option .filter-option-row.on .filter-option{color:#216CFC}.job-tab .filter-title{font-weight:400;font-size:.14rem}.job-tab .filter-arrow{width:.12rem;height:.12rem;margin-left:.02rem}.job-tab .row-title{display:flex;align-items:center;margin-bottom:0}.job-tab-content{margin-top:.14rem;padding:.12rem;width:calc(100% - .24rem);min-height:3.1rem}.job-tab-content .job-title-wrapper{align-items:center}.job-tab-content .job-level-badge{width:.2rem;height:.2rem}.job-tab-content .job-title{font-weight:600;font-size:.16rem}.job-tab-content .btn-detail{padding:.04rem .08rem;font-weight:400;font-size:.12rem;flex:none;border-radius:.04rem}.job-tab-content .job-card-meta,.job-tab-content .meta-text{font-weight:400;font-size:.12rem;color:#9DA5AE}.job-tab-content .job-card-header{margin-bottom:.08rem}.job-card{padding-bottom:.12rem;margin-bottom:.12rem}.job-card .meta-mobile{display:flex;align-items:center}.job-card .meta-pc{display:none}.job-card .meta-icon{width:.12rem;height:.12rem;display:block;margin-right:.04rem}.job-card .meta-icon.school{background:url(../img/recruit/icon_bag_all@2x-f7af5163c5.png);background-size:100% 100%}.job-card .meta-icon.group{background:url(../img/recruit/icon_groupchat_24@2x-9d42ec8677.png);background-size:100% 100%}.job-card .meta-icon.location{background:url(../img/recruit/icon_location_24@2x-1d2eb2b941.png);background-size:100% 100%}.job-card .meta-line{display:block;width:.01rem;height:.1rem;background:#CDD1D7;margin:0 .08rem}}@media only screen and (max-width:600px){.filter-title{font-size:.16rem}.filter-option{font-size:.14rem}.job-title{font-size:.16rem}.btn-detail,.meta-text,.page-num{font-size:.12rem}.btn-detail{padding:.04rem .08rem}}@media only screen and (max-width:480px){.filter-title,.job-title{font-size:.14rem}.job-title{line-height:.2rem}.job-card{padding-bottom:.12rem;margin-bottom:.12rem}}