.grace-dsc-web-job-list-base{width:100%;display:flex;flex-direction:column}.grace-dsc-web-job-list-base .comlist{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 auto;width:762px}.grace-dsc-web-job-list-base .comlist div{display:flex;justify-content:center;align-items:center;margin:17px auto 0;width:247px;height:68px;color:#030303;font-size:24px;letter-spacing:1px;background-color:#eee;border-radius:30px;cursor:pointer}.grace-dsc-web-job-list-base .comlist div:hover{color:#fff;background-color:#2756a4}.grace-dsc-web-job-list-base .comlist .comlist_center{width:100%}.grace-dsc-web-job-list-base .comlist .comlist_on{color:#fff;background-color:#2756a4}.grace-dsc-web-job-list-base .comDeptList{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:center;margin:30px 0 0}.grace-dsc-web-job-list-base .comDeptList .comItem{padding:0 20px;margin:0 15px 10px;color:#000;font-size:18px;line-height:44px;cursor:pointer;border-radius:12px;border:#2756a4 1px solid}.grace-dsc-web-job-list-base .comDeptList .on{color:#fff;background:#2756a4}.grace-dsc-web-job-list-base .joblist_head{display:flex;align-items:center;padding-left:40px;margin:42px auto 0;width:953px;height:46px;background-color:#eee;border-radius:23px}.grace-dsc-web-job-list-base .joblist_head strong{color:#030303;font-size:16px;letter-spacing:1px}.grace-dsc-web-job-list-base .joblist_head strong:nth-of-type(1){width:40%}.grace-dsc-web-job-list-base .joblist_head strong:nth-of-type(2){width:40%}.grace-dsc-web-job-list-base .joblist_head strong:nth-of-type(3){letter-spacing:8px}.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%;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 .grace-dsc-web-job-list-base__job-list{flex:1;padding-left:40px;padding-right:40px;margin:0 auto;width:953px}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list{margin:0 auto;width:948px;background:url(https://webapp.zhaopin.com/2024/hd/hddzc0311ZL85636/post_depelist.png) center top no-repeat;background-size:100%}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs-bd-list{display:flex;flex-wrap:wrap;justify-content:center}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs-bd-item{position:relative;display:flex;justify-content:center;align-items:center;padding:0 40px;margin:0 8px 12px;height:53px;color:#000;font-size:18px;letter-spacing:1px;background-color:#eee;cursor:pointer}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs-bd-item-active{color:#fff;background-color:#2756a4}.grace-dsc-web-job-list-base .grace-dsc-web-job-tabs__list .grace-dsc-web-tabs-bd-item-active:after{position:absolute;left:50%;bottom:-8px;content:"";width:19px;height:8px;background:url(https://webapp.zhaopin.com/2024/hd/hddzc0311ZL85636/post_depticon.png) no-repeat;transform:translate(-50%)}.grace-dsc-web-job-list-base .grace-dsc-web-job-list-base__page{margin-top:30px;display:flex;justify-content:center}.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-web-job-list-card{border-bottom:1px solid #2756a4;overflow:hidden}.grace-web-job-list-card .grace-web-job-list-card-lists{width:100%;display:flex;align-items:center;height:62px;color:#2756a4;font-size:18px;position:relative;z-index:10;box-sizing:border-box}.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:42.5%;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(2){width:31%;display:flex;align-items:center;color:#2756a4;font-size:18px}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(2) img{display:block;margin-right:5px}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(3){text-align:center}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(3) a{display:flex;justify-content:center;align-items:center;width:105px;height:31px;color:#fff;font-size:18px;background-color:#2756a4;border-radius:6px;text-decoration:none}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(4){margin-left:10px}.grace-web-job-list-card .grace-web-job-list-card-lists p:nth-child(4) a{display:flex;justify-content:center;align-items:center;width:105px;height:31px;color:#2756a4;font-size:18px;background-color:#e6e6e6;border-radius:6px;text-decoration:none}.grace-web-job-list-card .jobs_details{padding:15px;color:#030303;font-size:16px;line-height:28px}.grace-web-job-list-card .jobs_details p{margin:0}.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)}.grace-dsc-web-layout-box{width:100%}.grace-dsc-web-layout-box .grace-dsc-web-layout-content{padding-top:35px;padding-bottom:75px;margin:30px auto 0;max-width:1200px;background-color:#fff}.grace-dsc-web-layout-box .grace-dsc-web-layout-content .title{width:100%;text-align:center;line-height:38px}.grace-dsc-web-layout-box .grace-dsc-web-layout-content .title h3{padding:0;margin:0;color:#030303;font-size:30px;letter-spacing:1px}.grace-dsc-web-layout-box .grace-dsc-web-layout-content .title strong{color:#b9c4dc;font-size:33.5px;letter-spacing:2px;text-transform:uppercase}.grace-dsc-web-layout-box .grace-dsc-web-layout-content .socialJob{margin:50px auto 0;width:100%}