.job-detail-box[data-v-4e960b65]{background:#fff;border-radius:16px}.job-detail-box .job-detail-header[data-v-4e960b65]{align-items:center;background:linear-gradient(175.2617deg,#f1ffff 4%,#f8fefe 35%,#fff 62%);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 28px 28px;transition:box-shadow .2s linear}.job-detail-box .job-detail-header .job-header-info[data-v-4e960b65]{flex:1}.job-detail-box .job-detail-header .job-header-info .job-title[data-v-4e960b65]{align-items:center;display:flex;margin-right:8px}.job-detail-box .job-detail-header .job-header-info .job-title .job-name[data-v-4e960b65]{color:#222;display:-webkit-box;font-size:20px;font-weight:600;line-height:28px;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.job-detail-box .job-detail-header .job-header-info .job-title .salary[data-v-4e960b65]{color:#fe574a;flex-shrink:0;font-family:kanzhun-mix,kanzhun-Regular;font-size:24px;font-weight:700;line-height:29px;margin-left:20px}.job-detail-box .job-detail-header .job-header-info .tags[data-v-4e960b65]{align-items:center;display:flex;flex-direction:row;gap:8px;height:20px;margin-top:16px;overflow:hidden}.job-detail-box .job-detail-header .job-header-info .tags span[data-v-4e960b65]{align-items:center;color:#222;display:flex;font-size:14px;line-height:20px;position:relative}.job-detail-box .job-detail-header .job-operation[data-v-4e960b65]{align-items:center;display:flex;flex-direction:row;gap:16px;margin-top:16px}.job-detail-box .job-detail-header .job-operation .btn[data-v-4e960b65]{align-items:center;border:1px solid var(--color-primary-500);border-radius:8px;color:var(--color-primary-500);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:20px;padding:7px 20px;text-align:center;transition:all .2s linear;width:104px}.job-detail-box .job-detail-header .job-operation .btn.chat-btn[data-v-4e960b65]:hover{background:var(--color-primary-100)}.job-detail-box .job-detail-header.shadow[data-v-4e960b65]{border-radius:16px 16px 0 0;box-shadow:0 6px 20px #9993;position:sticky;top:-1px;z-index:1}.job-detail-box .job-detail-body[data-v-4e960b65]{padding:0 28px 28px}.job-detail-box .job-detail-body h3[data-v-4e960b65]{color:#222;font-size:16px;font-weight:600;line-height:22px}.job-detail-box .job-detail-body p[data-v-4e960b65]{color:#222;font-size:14px;line-height:24px;margin-top:24px;text-align:justify;white-space:pre-wrap;word-break:break-all}.job-detail-box .job-detail-body .hr-info[data-v-4e960b65]{align-items:center;border-top:1px solid #ededed;display:flex;margin-top:24px;padding-top:24px}.job-detail-box .job-detail-body .hr-info .avatar[data-v-4e960b65]{height:40px;margin-right:16px;overflow:hidden;width:40px}.job-detail-box .job-detail-body .hr-info .avatar img[data-v-4e960b65]{border-radius:100%;display:block;height:40px;width:40px}.job-detail-box .job-detail-body .hr-info .name h2[data-v-4e960b65]{align-items:center;color:#222;display:flex;font-size:16px;font-weight:500;line-height:22px}.job-detail-box .job-detail-body .hr-info .name h2 .active[data-v-4e960b65]{color:#666;font-size:12px;line-height:17px;margin-left:4px}.job-detail-box .job-detail-body .hr-info .name .post[data-v-4e960b65]{align-items:center;color:#666;display:flex;font-size:12px;line-height:17px;margin-top:4px}.job-detail-box .job-detail-body .hr-info .chat-app[data-v-4e960b65]{color:var(--color-primary-500);cursor:pointer;font-size:14px;font-weight:500;line-height:20px;margin-left:auto;padding-right:40px;position:relative;text-align:right}.job-detail-box .job-detail-body .hr-info .chat-app .chat-btn[data-v-4e960b65]{align-items:center;display:flex}.job-detail-box .job-detail-body .hr-info .chat-app i[data-v-4e960b65]{color:var(--color-primary-400);font-size:40px;line-height:17px;position:absolute;right:0;top:11px}.job-detail-box .job-detail-body .hr-info .chat-app:hover i[data-v-4e960b65]{color:var(--color-primary-600)}.job-detail-box .job-detail-body .job-address[data-v-4e960b65]{border-top:1px solid #ededed;margin-top:24px;padding-top:24px}.job-detail-box .job-detail-body .job-address h3[data-v-4e960b65]{color:#222;font-size:16px;font-weight:600;line-height:22px}.job-detail-box .job-detail-body .job-address>p[data-v-4e960b65]{align-items:center;color:#222;display:flex;font-size:14px;line-height:24px;margin-top:8px}.job-detail-box .job-detail-body .job-address>p i[data-v-4e960b65]{margin-right:2px}.job-detail-box .job-detail-body .job-address .job-address-map[data-v-4e960b65]{align-items:center;display:flex;flex-direction:column;height:245px;justify-content:center;width:100%}.job-detail-box .job-detail-body .job-address .job-address-map .map-box[data-v-4e960b65]{align-items:center;display:flex;flex-direction:column;gap:8px;height:245px;justify-content:center;margin-top:10px;overflow:hidden;width:745px}.job-detail-box .job-detail-body .job-address .job-address-map .map-box.bg-1[data-v-4e960b65]{background:url(./map-bg1.TQp750mZ.png) no-repeat 50%;background-size:100% 100%}.job-detail-box .job-detail-body .job-address .job-address-map .map-box.bg-2[data-v-4e960b65]{background:url(./map-bg2.BH2NSISE.png) no-repeat 50%;background-size:100% 100%}.job-detail-box .job-detail-body .job-address .job-address-map .map-box.bg-3[data-v-4e960b65]{background:url(./map-bg3.BMMycvR1.png) no-repeat 50%;background-size:100% 100%}.job-detail-box .job-detail-body .job-address .job-address-map .map-box .address-info[data-v-4e960b65]{align-items:center;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;height:50px;padding:10px;position:relative}.job-detail-box .job-detail-body .job-address .job-address-map .map-box .address-info i[data-v-4e960b65]{color:#333;font-size:18px;margin-right:4px}.job-detail-box .job-detail-body .job-address .job-address-map .map-box .address-info span[data-v-4e960b65]{color:#000;font-size:16px;font-weight:400}.job-detail-box .job-detail-body .job-address .job-address-map .map-box .address-info span[data-v-4e960b65]:after{border-right:2px solid #999;border-top:2px solid #999;content:"";display:inline-block;height:8px;margin-left:8px;transform:rotate(45deg);vertical-align:middle;width:8px}.job-detail-box .job-detail-body .job-address .job-address-map .map-box .address-info[data-v-4e960b65]:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #fff;bottom:-10px;content:"";display:block;height:0;left:calc(50% - 16px);margin-left:8px;position:absolute;width:0}.job-detail-box .job-detail-body .job-address .job-address-map .map-box .map-marker[data-v-4e960b65]{height:16px;width:28px}.job-detail-box .job-detail-body .job-address .job-address-map img[data-v-4e960b65]{height:100%;width:100%}.job-detail-box .job-detail-body .job-address .job-address-map .map-placeholder[data-v-4e960b65]{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;height:240px;justify-content:center}.job-detail-box .job-detail-body .job-address .job-address-map .map-placeholder i[data-v-4e960b65]{color:#999;font-size:32px;margin-bottom:8px}.job-detail-box .job-detail-body .job-address .job-address-map .map-placeholder span[data-v-4e960b65]{color:#999;font-size:14px}.job-detail-box .job-detail-body .job-detail-btn[data-v-4e960b65]{display:block;margin:20px auto 0;text-align:center;width:120px}.casting-btn[data-v-4e960b65]{align-items:center;background:var(--color-primary-500);border:1px solid var(--color-primary-500);border-radius:8px;color:var(--color-primary-500);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:20px;padding:7px 20px;text-align:center;transition:all .2s linear;width:104px}.casting-btn[data-v-4e960b65]:hover{background:var(--color-primary-600)}.casting-btn.castinged[data-v-4e960b65]{background:#ededed;border:1px solid #ededed;color:#333}