.grace-dsc-web-job-list-base{width:100%;display:flex;flex-direction:column}.grace-dsc-web-job-list-base .grace-dsc-web-job-list-base__job-total{font-size:16px;padding:10px 0}.grace-dsc-web-job-list-base .grace-dsc-web-job-list-base__job-list-nodata{width:100%!important;text-align:center}.grace-dsc-web-job-list-base .grace-dsc-web-job-list-base__job-list-nodata img{width:200px;margin:20px 0}.grace-dsc-web-job-list-base .jobs_mdiv{width:1200px;margin:0 auto}.grace-dsc-web-job-list-base .grace-dsc-web-job-list-base__job-list{display:flex;flex-wrap:wrap;align-items:center}.grace-dsc-web-job-list-base .grace-dsc-web-job-list-base__job-list>div{margin-right:10px}.grace-dsc-web-job-list-base .grace-dsc-web-job-list-base__job-list>div:nth-child(3n){margin-right:0}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list{width:100%}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs-bd-list{display:flex;flex-wrap:wrap;padding:0 10px;margin-bottom:20px;margin-top:30px}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs-bd-item{padding:0 20px;width:278px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:75px;line-height:75px;color:#fff;text-align:center;background:url(https://webapp.zhaopin.com/2026/hd/scdls0903ZL82493/jobstbgg.png) no-repeat;background-size:100% 100%;font-size:22px;margin-bottom:10px;margin-right:17px;cursor:pointer}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs-bd-item-active{font-weight:700;background:url(https://webapp.zhaopin.com/2026/hd/scdls0903ZL82493/jobstbgg.png) no-repeat;background-size:100% 100%;color:#fff}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs-bd-item:hover{font-weight:700;background:url(https://webapp.zhaopin.com/2026/hd/scdls0903ZL82493/jobstbgg.png) no-repeat;background-size:100% 100%;color:#fff}.grace-dsc-web-job-list-base .grace-dsc-web-job-list-base__page{display:flex;justify-content:center;width:100%}.grace-dsc-web-job-list-base__mobile{width:100%;display:block}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-list-base__job-filter{width:100%;position:relative}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-list-base__job-list{width:100%;padding:10px 0}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-tabs__list{width:100%;position:relative;padding-right:0}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs__more-btn{width:35px;height:100%;position:absolute;right:0;top:0;background:#33bdf4;display:flex;justify-content:center;align-items:center}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs__more-btn img{width:25px;height:30px}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd{width:100%;padding:10px;overflow-x:scroll;background:#d1ecf9}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd .grace-dsc-web-tabs-bd-list{width:max-content}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd .grace-dsc-web-tabs-bd-list .grace-dsc-web-tabs-bd-item{width:auto;display:inline-block;vertical-align:middle;text-align:center;padding:0 3px;box-sizing:border-box;margin-bottom:0;background:transparent}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd .grace-dsc-web-tabs-bd-list .grace-dsc-web-tabs-bd-item span{font-size:14px;color:#333;line-height:24px;background:#ffffff;border-radius:12px}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd .grace-dsc-web-tabs-bd-list .grace-dsc-web-tabs-bd-item-active span{color:#fff;background:#33bdf4}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd .grace-dsc-web-tabs-bd-list-max .grace-dsc-web-tabs-bd-item .top-nav-lot{width:62px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd .grace-dsc-web-tabs-bd-list-flex{display:flex;justify-content:space-between;width:100%}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd .grace-dsc-web-tabs-bd-list-flex .grace-dsc-web-tabs-bd-item{min-width:20%}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-tabs__scroll-bd .grace-dsc-web-tabs-bd-list-flex .grace-dsc-web-tabs-bd-item .top-nav-lot{width:62px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-list-base__job-list-nodata{width:80%;margin:10px auto;text-align:center}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-list-base__job-list-nodata img{width:60%}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-list-base__job-list-nodata div{padding:10px}.grace-dsc-web-job-list-base__mobile .grace-dsc-web-job-list-base__no-more{text-align:center;padding:20px 0;color:#666;font-size:16px}div{box-sizing:border-box}.grace-dsc-web-layout-box{width:100%}.toubg{width:775px;height:90px;line-height:90px;font-size:24px;color:#fff;margin:0 auto;text-align:center;background:url(https://webapp.zhaopin.com/2026/hd/scdls0903ZL82493/toubg.png) no-repeat center center;background-size:100% auto}.jobsttbgg{margin:50px auto;width:378px;height:75px;line-height:65px;color:#fff;text-align:center;background:url(https://webapp.zhaopin.com/2026/hd/scdls0903ZL82493/jobsttbgg.png) no-repeat;background-size:100% auto;font-size:35px;font-weight:700;cursor:pointer}.grace-web-job-list-card{overflow:hidden;margin-bottom:20px}.grace-web-job-list-card .grace-web-job-list-card-lists{width:100%;display:flex;align-items:center;height:67px;color:#333;font-size:17px;position:relative;z-index:10;background-color:#fff;box-sizing:border-box;padding:0 20px;font-weight:700;background-image:linear-gradient(to right,#fafbff,#d3eafb);border-radius:15px}.grace-web-job-list-card .grace-web-job-list-card-lists p{box-sizing:border-box}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(1){width:80%;text-align:left}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(2){width:20%;text-align:right;display:flex;justify-content:flex-end}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(2) a{width:120px;height:39px;box-sizing:border-box;background:#1a6aad;background-size:100% 100%;color:#fff;font-size:18px;font-weight:700;line-height:39px;text-align:center;cursor:pointer;border-radius:10px;display:inline-block;text-decoration:none}.grace-web-job-list-card .jobs_details{width:100%;box-sizing:border-box;padding:20px;background-color:#e6e6e6;border-radius:12px;font-size:16px;color:#000;line-height:30px;margin-bottom:20px;position:relative;z-index:1}.grace-web-job-list-card .jobs_details .jobs_href{display:block;width:105px;height:31px;line-height:31px;background-color:#e6e6e6;text-align:center;color:#2ba7b8;font-size:17px;border-radius:10px;font-weight:700;text-decoration:none;margin:0 auto}.fade-enter-active,.fade-leave-active{transition:all .6s cubic-bezier(.55,0,.1,1)}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-20px)}
