@charset "utf-8";
.iframe-hezuo[data-v-1b38f81a] {
  width: 100%;
  min-height: calc(100vh - 55px);
  border: 0
}
.iframe-box-wrap[data-v-564868a2] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999
}
.iframe-box-wrap .iframe-box-content[data-v-564868a2] {
  position: absolute;
  width: 380px;
  height: 100%;
  bottom: 0;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  box-shadow: -2px 0 4px 0 rgba(193, 196, 203, .38);
  z-index: 2
}
.iframe-box-wrap .iframe-box-content .iframe-title-inline[data-v-564868a2] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.iframe-box-wrap .iframe-box-content .iframe-title[data-v-564868a2] {
  position: relative;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 36px;
  padding: 12px 30px;
  color: #fff;
  font-weight: 400;
  background-color: #28c3b1
}
.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-564868a2] {
  position: absolute;
  right: 10px;
  top: 20px;
  cursor: pointer
}
.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-564868a2]:hover {
  opacity: .8
}
.iframe-box-wrap .iframe-box-content .iframe-container[data-v-564868a2] {
  flex: 1;
  width: 100%;
  overflow: hidden
}
.iframe-box-wrap .iframe-box-content .iframe-container iframe[data-v-564868a2] {
  width: 100%;
  height: 100%;
  border: none
}
.iframe-box-wrap .iframe-box-shade[data-v-564868a2] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1
}
.iframe-slide-enter[data-v-564868a2], .iframe-slide-leave-to[data-v-564868a2] {
  transform: translateX(375px);
  opacity: 0
}
.iframe-slide-enter-active[data-v-564868a2], .iframe-slide-leave-active[data-v-564868a2] {
  transition: all .3s linear
}
.iframe-box-wrap[data-v-78e185aa] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999
}
.iframe-box-wrap .iframe-box-content[data-v-78e185aa] {
  position: absolute;
  width: 380px;
  height: 100%;
  bottom: 0;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  box-shadow: -2px 0 4px 0 rgba(193, 196, 203, .38);
  z-index: 2
}
.iframe-box-wrap .iframe-box-content .iframe-title-inline[data-v-78e185aa] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.iframe-box-wrap .iframe-box-content .iframe-title[data-v-78e185aa] {
  position: relative;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 36px;
  padding: 12px 30px;
  color: #fff;
  font-weight: 400;
  background-color: #28c3b1
}
.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-78e185aa] {
  position: absolute;
  right: 10px;
  top: 20px;
  cursor: pointer
}
.iframe-box-wrap .iframe-box-content .iframe-title .iframe-close[data-v-78e185aa]:hover {
  opacity: .8
}
.iframe-box-wrap .iframe-box-content .iframe-container[data-v-78e185aa] {
  flex: 1;
  width: 100%;
  overflow: hidden
}
.iframe-box-wrap .iframe-box-content .iframe-container iframe[data-v-78e185aa] {
  width: 100%;
  height: 100%;
  border: none
}
.iframe-box-wrap .iframe-box-shade[data-v-78e185aa] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1
}
.iframe-slide-enter[data-v-78e185aa], .iframe-slide-leave-to[data-v-78e185aa] {
  transform: translateX(375px);
  opacity: 0
}
.iframe-slide-enter-active[data-v-78e185aa], .iframe-slide-leave-active[data-v-78e185aa] {
  transition: all .3s linear
}
.avatar-pop[data-v-4a48ce22] {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 10px;
  width: 40px;
  height: 20px;
  opacity: 0
}
.avatar-pop[data-v-4a48ce22]:hover {
  cursor: pointer
}
.profile_form .avatar_box .avatar[data-v-4a48ce22] {
  border: 0
}
body[data-v-660893dc] {
  background-color: #f6f6f8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.inner[data-v-660893dc] {
  width: 1184px;
  margin: 0 auto
}
.inner[data-v-660893dc]:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden
}
.vline[data-v-660893dc] {
  display: inline-block;
  width: 1px;
  height: 12px;
  vertical-align: middle;
  background: #e0e0e0;
  margin: 0 10px
}
.vdot[data-v-660893dc] {
  display: inline-block;
  padding: 0 10px 0 7px
}
.clear-fix[data-v-660893dc]:after {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both
}
#wrap[data-v-660893dc] {
  position: relative;
  min-width: 1184px;
  min-height: 100%;
  overflow: visible;
  overflow-x: hidden
}
#wrap.mobile-wrap[data-v-660893dc] {
  min-width: auto
}
#wrap.has-header[data-v-660893dc] {
  padding-top: 49px
}
#wrap.has-footer[data-v-660893dc] {
  padding-bottom: 267px
}
#wrap #footer-wrapper[data-v-660893dc] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1
}
#container[data-v-660893dc] {
  position: relative
}
#container[data-v-660893dc]::-webkit-scrollbar {
  width: 6px
}
#main[data-v-660893dc] {
  min-height: calc(100vh - 300px)
}
#app .data-tips[data-v-660893dc], #app[data-v-660893dc] {
  height: 100%
}
.page-container[data-v-660893dc] {
  max-width: 1184px;
  min-height: calc(100vh - 49px);
  margin: 0 auto
}
.prev-line[data-v-660893dc] {
  display: inline-block;
  vertical-align: middle;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.prev-dot[data-v-660893dc]:before, .prev-line[data-v-660893dc]:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0
}
.prev-dot[data-v-660893dc]:first-of-type:before, .prev-line[data-v-660893dc]:first-of-type:before {
  display: none
}
.prev-line[data-v-660893dc]:before {
  width: 1px;
  height: 12px;
  background-color: #e0e0e0
}
.prev-dot[data-v-660893dc]:before {
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #414a60;
  opacity: .8;
  margin: -2px 6px 0
}
.detail-box[data-v-660893dc] {
  margin-left: 296px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%
}
.btn-buy[data-v-660893dc] {
  background-color: #ff6223;
  border-color: #ff6223;
  color: #fff;
  min-width: 104px
}
.btn-buy[data-v-660893dc]:hover {
  background-color: #ff9063;
  border-color: #ff9063
}
.btn-buy.btn-outline[data-v-660893dc] {
  background-color: #fff;
  color: #ff6223
}
.btn-buy.btn-outline[data-v-660893dc]:hover {
  border-width: 2px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-color: #ff6223
}
.dialog-wrap[data-v-660893dc] {
  z-index: 1001
}
.dialog-wrap .dialog-footer[data-v-660893dc] {
  border-top: 0
}
.dialog-footer .btn.btn-outline[data-v-660893dc] {
  transition: none
}
.dialog-title .close[data-v-660893dc] {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 8px;
  z-index: 1
}
.icon-close[data-v-660893dc] {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  vertical-align: top
}
.icon-close[data-v-660893dc]:after, .icon-close[data-v-660893dc]:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 1px;
  background: #d1d4db;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 4px;
  top: 12px
}
.icon-close[data-v-660893dc]:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.dialog-title .close[data-v-660893dc]:hover {
  background-color: #ddd
}
.dialog-title .close:hover .icon-close[data-v-660893dc]:after, .dialog-title .close:hover .icon-close[data-v-660893dc]:before {
  background: #363636
}
@media (max-width:1170px) {
  #footer .inner[data-v-660893dc], #header .inner[data-v-660893dc], .job-banner .inner[data-v-660893dc] {
    padding: 0 15px
  }
}
.limit-boss-dialog .dialog-container[data-v-660893dc] {
  width: 520px;
  padding: 0 0 30px
}
.limit-boss-dialog .dialog-footer[data-v-660893dc] {
  margin: 0 30px;
  padding: 0
}
.limit-boss-dialog .limit-content .title[data-v-660893dc] {
  width: 100%;
  height: 96px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/limit-bg.fd619066.png) no-repeat 50%;
  background-size: 100% auto
}
.limit-boss-dialog .limit-content .title h4[data-v-660893dc] {
  line-height: 24px;
  font-weight: 500;
  font-size: 20px;
  padding: 36px 0 0 30px
}
.limit-boss-dialog .limit-content .content[data-v-660893dc] {
  padding: 20px 30px
}
.limit-boss-dialog .limit-content .content p[data-v-660893dc] {
  color: #51586d;
  line-height: 28px
}
.limit-boss-dialog .limit-content .content p[data-v-660893dc]:first-child {
  padding-bottom: 8px
}
.limit-boss-dialog .limit-content .text-primary[data-v-660893dc] {
  color: #00c2b3
}
.limit-boss-dialog .limit-content .text-primary[data-v-660893dc]:hover {
  color: #18c3b1
}
@media (max-width:800px) {
  .limit-boss-dialog.dialog-wrap .dialog-container[data-v-660893dc] {
    width: 300px !important
  }
  .limit-boss-dialog .limit-content .title[data-v-660893dc] {
    height: 56px
  }
  .limit-boss-dialog .limit-content .title h4[data-v-660893dc] {
    padding: 20px 0 0 30px
  }
  .limit-boss-dialog .limit-content .content[data-v-660893dc] {
    padding: 10px 15px
  }
}
.message-notice-toast[data-v-660893dc] {
  position: fixed;
  top: 80px;
  right: 20px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
  border-radius: 4px;
  z-index: 2000;
  cursor: pointer
}
.message-notice-toast a[data-v-660893dc] {
  display: block;
  color: #414b60;
  padding: 9px 20px;
  transition: all .2s linear;
  overflow: hidden
}
.message-notice-toast a[data-v-660893dc]:hover {
  color: #00c2b3
}
.message-notice-toast img[data-v-660893dc] {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  float: left
}
.message-notice-toast .message-notice-text[data-v-660893dc] {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 10px;
  margin-top: 6px;
  float: left
}
.dialog-account-safe .dialog-title h3.title[data-v-660893dc] {
  display: none
}
.dialog-account-safe .dialog-container[data-v-660893dc] {
  border-radius: 4px;
  padding: 160px 40px 30px;
  border-radius: 12px;
  width: 480px
}
.dialog-account-safe .dialog-title .close[data-v-660893dc] {
  z-index: 2
}
.dialog-account-safe .dialog-title .close[data-v-660893dc]:hover {
  background: transparent;
  opacity: .8
}
.dialog-account-safe .dialog-container[data-v-660893dc]:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 188px;
  background: linear-gradient(180deg, #d1e8ff, #fff);
  border-radius: 12px 12px 0 0
}
.dialog-account-safe .security-thumb-image[data-v-660893dc] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 160px;
  width: 480px;
  z-index: 1
}
.dialog-account-safe .dialog-con h3[data-v-660893dc] {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 25px;
  min-height: 25px;
  text-align: center
}
.dialog-account-safe .dialog-con p[data-v-660893dc] {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 12px;
  min-height: 24px;
  text-align: center;
  word-break: break-all
}
.dialog-account-safe .dialog-footer[data-v-660893dc] {
  margin-top: 20px;
  padding: 0;
  text-align: center
}
.dialog-account-safe .dialog-footer .btns .btn-sure[data-v-660893dc] {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 180px;
  padding: 10px 0;
  text-align: center;
  background: #3b86f6;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  height: 40px;
  line-height: 20px;
  transition: all .2s linear;
  border: none
}
.dialog-account-safe .dialog-footer .btns .btn-sure[data-v-660893dc]:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 1;
  width: 68px;
  height: 23px;
  background: url(https://img.bosszhipin.com/static/file/2022/jevk1jdude1656663924811.png) 0 -161px/460px auto no-repeat
}
.dialog-account-safe .dialog-footer .btns .btn-sure[data-v-660893dc]:hover {
  opacity: .8
}
.amap-common .amap-info[data-v-660893dc] {
  width: auto !important;
  max-width: 300px
}
.btn-v2[data-v-660893dc] {
  display: inline-block;
  padding: 0 20px;
  border-radius: 4px;
  transition: none;
  border: 1px solid #5dd5c8;
  background-color: #62d5c8;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  transition: all .3s
}
.btn-v2.disabled[data-v-660893dc] {
  pointer-events: none;
  opacity: .5
}
.btn-v2 img[data-v-660893dc] {
  width: 16px;
  height: 16px;
  vertical-align: text-top
}
.btn-v2[data-v-660893dc]:last-child {
  margin-right: 0
}
.btn-v2.btn-outline-v2[data-v-660893dc] {
  background-color: #fff;
  border-color: #3b86f6;
  font-weight: 400;
  color: #3b86f6;
  vertical-align: middle
}
.btn-v2.btn-outline-v2[data-v-660893dc]:hover {
  background: #e5f9f8;
  border-width: 1px
}
.btn-v2.btn-sure-v2[data-v-660893dc] {
  padding: 0 20px;
  background: #3b86f6;
  border-color: #3b86f6;
  font-size: 14px;
  font-weight: 400;
  color: #fff
}
.btn-v2.btn-sure-v2[data-v-660893dc]:hover {
  background: #3b86f6;
  border-color: #3b86f6
}
.btn-v2.btn-light-v2[data-v-660893dc] {
  padding: 0 20px;
  background: rgba(0, 190, 189, .1);
  border-color: transparent;
  font-size: 14px;
  font-weight: 400;
  color: #3b86f6
}
.btn-v2.btn-light-v2[data-v-660893dc]:hover {
  background: rgba(0, 190, 189, .2)
}
.max-resume-dialog .dialog-container[data-v-660893dc] {
  padding: 20px;
  border-radius: 12px
}
.max-resume-dialog .dialog-container p[data-v-660893dc] {
  font-size: 12px;
  color: #222;
  line-height: 14px;
  margin-top: 10px
}
.max-resume-dialog .dialog-container img[data-v-660893dc] {
  margin-top: 10px;
  width: 460px
}
.max-resume-dialog .dialog-footer .btns .btn[data-v-660893dc] {
  padding: 0 15px;
  border-radius: 4px;
  line-height: 30px;
  height: 32px
}
.has-sid-mask .boss-login-dialog[data-v-660893dc] {
  z-index: 2000
}
.has-sid-mask .bl-dialog-wrap[data-v-660893dc], .has-sid-mask .bl-toast[data-v-660893dc] {
  z-index: 2010
}
.sid-flow-mask[data-v-660893dc] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .49);
  box-shadow: 0 9px 26px 0 rgba(31, 76, 214, .12), inset 1px 1px 1px 0 rgba(162, 180, 255, .5), inset -1px -1px 0 0 rgba(157, 227, 255, .5);
  z-index: 1800;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px)
}
.sid-flow-mask .sid-flow-click[data-v-660893dc] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1900;
  background: transparent
}
.sid-flow-mask .ad-tag[data-v-660893dc] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 4px 8px;
  border-radius: 0 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 17px;
  background: hsla(0, 0%, 100%, .2)
}
.sid-flow-mask.can-click[data-v-660893dc] {
  cursor: pointer
}
.sid-flow-mask .sid-flow-inner[data-v-660893dc] {
  position: relative;
  width: 1184px;
  height: 100px;
  margin: 0 auto;
  overflow: hidden
}
.sid-flow-mask .sid-flow-inner .sid-flow-close[data-v-660893dc] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 58px;
  height: 22px;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/b39rmqjebx1663926963903.png) 0 0/58px auto no-repeat
}
.sid-flow-mask .sid-flow-inner .sid-flow-close[data-v-660893dc]:hover {
  background-position: 0 -22px
}
.sid-flow-mask .sid-flow-inner .sid-flow-slogan[data-v-660893dc] {
  float: left;
  height: 72px;
  margin-top: 14px;
  margin-left: 30px
}
.sid-flow-mask .sid-flow-inner .sid-flow-tagline[data-v-660893dc] {
  float: right;
  height: 68px;
  margin-top: 16px;
  margin-right: 78px
}
.continue-chat-dialog .dialog-header .title[data-v-660893dc] {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 28px
}
.continue-chat-dialog .dialog-container[data-v-660893dc] {
  border-radius: 8px;
  padding: 20px 30px;
  width: 470px;
  overflow: hidden
}
.continue-chat-dialog .dialog-container[data-v-660893dc]:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  z-index: -1;
  background: linear-gradient(181deg, #d6f9f7, #e5f9f8 28%, hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, 0) 0)
}
.continue-chat-dialog .dialog-body[data-v-660893dc] {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 10px;
  word-break: break-all
}
.continue-chat-dialog .dialog-footer[data-v-660893dc] {
  padding-top: 30px;
  margin-top: 0
}
.continue-chat-dialog .dialog-footer .btns .btn[data-v-660893dc] {
  border-radius: 4px;
  border: 1px solid #3b86f6;
  font-size: 14px;
  color: #3b86f6;
  line-height: 20px;
  padding: 6px 20px;
  height: auto;
  transition: all .2s linear;
  margin-left: 10px
}
.continue-chat-dialog .dialog-footer .btns .btn[data-v-660893dc]:hover {
  line-height: 20px;
  padding: 6px 20px;
  border: 1px solid #3b86f6;
  background: rgba(0, 190, 189, .2)
}
.continue-chat-dialog .dialog-footer .btns .btn-sure[data-v-660893dc] {
  background: #3b86f6;
  color: #fff
}
.continue-chat-dialog .dialog-footer .btns .btn-sure[data-v-660893dc]:hover {
  background: rgba(0, 190, 189, .8)
}
.boss-dialog__wrapper.dialog-icon .boss-dialog__header[data-v-660893dc] {
  margin-bottom: 10px
}
.boss-dialog__wrapper.dialog-icon .boss-dialog__footer[data-v-660893dc] {
  margin-top: 30px
}
.boss-dialog__wrapper.dialog-icon .boss-dialog__body[data-v-660893dc] {
  padding-left: 44px
}
.boss-dialog__wrapper.dialog-default[data-v-660893dc] {
  min-width: 400px;
  padding: 26px 30px 20px;
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
  background: radial-gradient(400px 70px at top 0 right 130px, #d6f9f7 0, #e5f9f8 20%, hsla(0, 0%, 100%, 0) 100%);
  background-color: #fff
}
.boss-dialog__wrapper.dialog-default.dialog-icon__default .boss-dialog__body[data-v-660893dc] {
  color: #333;
  line-height: 24px;
  margin-top: 10px
}
.boss-dialog__wrapper.dialog-default .boss-dialog__header .boss-dialog_title h3[data-v-660893dc] {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 28px
}
.boss-dialog__wrapper.dialog-default .boss-popup__close[data-v-660893dc] {
  width: 20px;
  height: 20px;
  right: 19px;
  top: 19px
}
.boss-dialog__wrapper.dialog-default .boss-popup__close[data-v-660893dc]:hover {
  background: rgba(2, 204, 191, .1)
}
.boss-dialog__wrapper.dialog-default .boss-popup__close:hover .icon-close[data-v-660893dc]:after, .boss-dialog__wrapper.dialog-default .boss-popup__close:hover .icon-close[data-v-660893dc]:before {
  background: #3b86f6
}
.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close[data-v-660893dc] {
  width: 20px;
  height: 20px
}
.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close[data-v-660893dc]:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 2px;
  background: #d1d4db;
  left: 3px;
  top: 9px;
  transform: rotate(45deg)
}
.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close[data-v-660893dc]:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 2px;
  background: #d1d4db;
  left: 3px;
  top: 9px;
  transform: rotate(-45deg)
}
.boss-dialog__wrapper.dialog-default .icon-dialog__error[data-v-660893dc], .boss-dialog__wrapper.dialog-default .icon-dialog__warning[data-v-660893dc] {
  background: url(https://img.bosszhipin.com/static/file/2023/nzcgsxcysm1681898291454.png) no-repeat 50%/100% 100%
}
.boss-dialog__wrapper.dialog-default .icon-dialog__success[data-v-660893dc] {
  background: url(https://img.bosszhipin.com/static/file/2023/ay9b2ouy6y1681898253012.png) no-repeat 50%/100% 100%
}
.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button[data-v-660893dc] {
  padding: 0 20px;
  border-radius: 4px;
  background: #3b86f6;
  color: #fff;
  border-color: #3b86f6;
  height: 34px;
  line-height: 32px;
  font-size: 14px;
  box-sizing: border-box;
  margin-left: 10px
}
.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button[data-v-660893dc]:not(.disabled):hover {
  background-color: #3b86f6 !important;
  border-color: #3b86f6 !important
}
.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button.button-outline[data-v-660893dc] {
  border-color: #3b86f6;
  font-weight: 400;
  color: #3b86f6;
  background: #fff
}
.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button.button-outline[data-v-660893dc]:hover {
  background: #e5f9f8 !important;
  border-width: 1px;
  line-height: 32px
}
.upload-resume-dialog .dialog-container[data-v-660893dc] {
  padding: 40px 30px 35px
}
.upload-resume-dialog .dialog-body[data-v-660893dc] {
  overflow: visible
}
.upload-resume-dialog .upload-resume__new[data-v-660893dc] {
  display: flex;
  justify-content: space-between;
  width: 580px
}
.upload-resume-dialog .upload-resume__new dd[data-v-660893dc] {
  flex: none;
  width: 260px
}
.upload-resume-dialog .upload-resume__new .sec-upload[data-v-660893dc] {
  position: relative
}
.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap[data-v-660893dc] {
  height: 260px;
  border: 1px dashed #e3e7ed
}
.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap p[data-v-660893dc] {
  color: #9fa3b0
}
.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap .tip-guide[data-v-660893dc] {
  font-size: 13px;
  padding: 121px 0 43px;
  text-align: center
}
.upload-resume-dialog .upload-resume__new .sec-upload .upload-wrap .tip-filetype[data-v-660893dc] {
  font-size: 12px;
  line-height: 17px;
  padding: 0 34px
}
.upload-resume-dialog .upload-resume__new .sec-upload[data-v-660893dc]:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 324px;
  right: -29px;
  top: 0;
  background: #e3e7ed
}
.upload-resume-dialog .upload-resume__new .sec-make img[data-v-660893dc] {
  display: block;
  width: 100%;
  height: 260px
}
.upload-resume-dialog .upload-resume__new .btn[data-v-660893dc] {
  display: block;
  width: auto;
  margin-top: 30px
}
.upload-resume-dialog .upload-resume__old[data-v-660893dc] {
  text-align: center;
  padding: 30px 20px;
  width: 542px;
  height: 268px;
  border: 1px dashed #e3e7ed;
  margin: 16px 0
}
.upload-resume-dialog .upload-resume__old .tip-drag[data-v-660893dc] {
  font-size: 14px;
  font-weight: 400;
  color: #61687c;
  line-height: 20px;
  margin-top: 30px;
  text-align: center
}
.upload-resume-dialog .upload-resume__old .tip-title[data-v-660893dc] {
  font-weight: 400;
  margin: 0 5px 10px;
  font-size: 1.17em
}
.upload-resume-dialog .upload-resume__old .tip-filetype[data-v-660893dc] {
  padding-top: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #9fa3b0;
  line-height: 17px
}
.upload-resume-dialog .upload-resume__old .tip-size[data-v-660893dc] {
  font-size: 12px;
  font-weight: 400;
  color: #fc703e;
  line-height: 17px;
  margin-top: 8px
}
.upload-resume-dialog .upload-resume__old .tip-guide[data-v-660893dc] {
  line-height: 1;
  margin-top: 14px
}
.upload-resume-dialog .upload-resume__old .tip-guide a[data-v-660893dc] {
  color: #53cac3
}
.upload-resume-dialog .upload-resume__old .btns[data-v-660893dc] {
  margin-top: 40px
}
.upload-resume-dialog .btn-file[data-v-660893dc] {
  position: relative;
  overflow: hidden;
  width: 160px;
  cursor: pointer
}
.upload-resume-dialog .btn-file input[data-v-660893dc] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: none;
  opacity: 0;
  cursor: pointer
}
.upload-preview-dialog .dialog-container[data-v-660893dc] {
  height: 100%;
  padding: 0
}
.upload-preview-dialog .dialog-body[data-v-660893dc] {
  max-height: none;
  height: 100vh;
  overflow: hidden
}
.upload-preview-dialog[data-v-660893dc] .dialog-body {
  margin-right: -30px;
  padding-right: 30px
}
.upload-preview-dialog .upload-preview[data-v-660893dc] {
  background: #fff;
  width: 1000px;
  margin: 0 auto;
  display: flex;
  height: 100%
}
.upload-preview-dialog .upload-preview h3.title[data-v-660893dc] {
  font-size: 24px;
  line-height: 30px
}
.upload-preview-dialog .upload-preview .preview-box[data-v-660893dc] {
  flex: 1;
  padding: 20px;
  position: relative;
  height: 100%;
  min-height: 400px;
  overflow: auto
}
.upload-preview-dialog .upload-preview .preview-box .img-box[data-v-660893dc] {
  border: 1px solid #e9ebee;
  margin-top: 20px;
  height: calc(100vh - 250px);
  overflow-y: auto;
  overflow-x: hidden
}
.upload-preview-dialog .upload-preview .preview-box .img-box .data-tips p[data-v-660893dc] {
  padding: 5px 0
}
.upload-preview-dialog .upload-preview .preview-box .img-box img[data-v-660893dc] {
  display: block;
  max-width: 100%;
  margin: 0 auto
}
.upload-preview-dialog .upload-preview .preview-sider[data-v-660893dc] {
  width: 290px;
  background: #f9fafb;
  padding: 20px
}
.upload-preview-dialog .upload-preview .preview-sider h3.title[data-v-660893dc] {
  margin-bottom: 20px
}
.upload-preview-dialog .upload-preview .preview-sider p[data-v-660893dc] {
  padding: 5px 0;
  word-break: break-all
}
.upload-preview-dialog .upload-preview .preview-sider p.gray[data-v-660893dc] {
  padding-top: 15px
}
.upload-preview-dialog .upload-preview .preview-sider .btns[data-v-660893dc] {
  margin-top: 15px
}
.upload-preview-dialog .upload-preview .preview-sider .btn-file[data-v-660893dc] {
  height: 34px;
  line-height: 32px;
  padding: 0;
  width: 110px
}
.upload-preview-dialog .upload-preview .preview-sider .btn-file[data-v-660893dc]:hover {
  color: #414a60
}
.upload-preview-dialog .upload-preview .preview-sider .btn-sure[data-v-660893dc] {
  width: 112px;
  margin-left: 20px
}
.upload-preview-dialog .work-copyright-box[data-v-660893dc] {
  margin-top: 20px
}
.upload-preview-dialog .work-copyright-box .work-copyright-title[data-v-660893dc] {
  font-size: 16px;
  font-weight: 500;
  color: #24272e;
  line-height: 22px;
  margin-bottom: 14px
}
.upload-preview-dialog .work-copyright-box .work-copyright-desc[data-v-660893dc] {
  margin-right: -12px;
  max-height: 218px;
  font-weight: 400;
  color: #8d92a1;
  line-height: 16px;
  font-size: 12px;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: auto;
  overflow: overlay;
  margin-bottom: 20px
}
.upload-preview-dialog .work-copyright-box .checkbox[data-v-660893dc] {
  font-size: 12px;
  font-weight: 400;
  color: #8d92a1;
  line-height: 17px;
  margin-bottom: -7px
}
.upload-preview-dialog .upload-container[data-v-660893dc] {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 1100
}
.upload-preview-dialog .upload-container .lower-content[data-v-660893dc] {
  box-sizing: border-box;
  padding: 40px 29px 30px 40px;
  width: 560px;
  height: 244px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 381px;
  transform: translate(-50%);
  position: relative
}
.upload-preview-dialog .upload-container .lower-content .item[data-v-660893dc]:first-child {
  font-size: 24px;
  color: #62687a
}
.upload-preview-dialog .upload-container .lower-content .item[data-v-660893dc]:nth-child(2) {
  margin-top: 20px;
  font-size: 16px;
  color: #62687a
}
.upload-preview-dialog .upload-container .lower-content .item[data-v-660893dc]:nth-child(3) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px
}
.upload-preview-dialog .upload-container .lower-content .item:nth-child(3) a[data-v-660893dc] {
  display: block;
  width: 100px;
  height: 40px;
  background-color: #53cac3;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff
}
.upload-preview-dialog .upload-container .normal-content[data-v-660893dc] {
  text-align: center;
  box-sizing: border-box;
  padding: 40px;
  width: 400px;
  height: 180px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  position: relative
}
.upload-preview-dialog .upload-container .normal-content .item[data-v-660893dc]:nth-child(2) {
  color: #fc703e
}
.upload-preview-dialog .upload-container .normal-content a[data-v-660893dc] {
  display: block;
  width: 112px;
  height: 36px;
  background-color: #5dd5c8;
  border: 1px solid #5dd5c8;
  margin: 24px auto 0;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  position: relative
}
.upload-preview-dialog .upload-container .normal-content a input[data-v-660893dc] {
  position: absolute;
  width: 112px;
  height: 36px;
  top: 0;
  left: 0;
  background: 0 0;
  opacity: 0;
  outline: 0
}
.upload-preview-dialog .upload-container .close-resume[data-v-660893dc] {
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/pop-resume-close.58ecfa32.png) no-repeat;
  background-size: cover;
  right: 18px;
  top: 18px
}
.upload-preview-dialog .upload-container .close-resume[data-v-660893dc]:hover {
  cursor: pointer
}
.upload-preview-dialog .upload-container .preview-resume[data-v-660893dc] {
  width: 1000px;
  height: 100%;
  display: flex;
  background-color: #fff;
  margin: 0 auto;
  position: relative
}
.upload-preview-dialog .upload-container .preview-resume .close-resume[data-v-660893dc] {
  right: -230px
}
.upload-preview-dialog .upload-container .preview-resume .title[data-v-660893dc] {
  font-size: 24px;
  font-weight: 500
}
.upload-preview-dialog .upload-container .preview-resume .item[data-v-660893dc]:first-child {
  box-sizing: border-box;
  padding: 20px;
  width: 1000px
}
.upload-preview-dialog .upload-container .preview-resume .item:first-child .resume-img[data-v-660893dc] {
  margin-top: 20px;
  width: 100%;
  overflow-y: scroll;
  height: 1271px;
  border: 1px solid #e9ebee;
  position: relative
}
.upload-preview-dialog .upload-container .preview-resume .item:first-child .resume-img img[data-v-660893dc] {
  width: 100%
}
.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading[data-v-660893dc] {
  width: 107px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .icon-upload-resume[data-v-660893dc] {
  width: 107px;
  height: 104px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/in_upload.5e23ce9d.png) no-repeat
}
.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom[data-v-660893dc] {
  width: 107px;
  margin-top: 10px;
  display: flex;
  align-items: center
}
.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom .icon-loading-resume[data-v-660893dc] {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/loading.0e6e0f46.gif) no-repeat;
  background-size: cover
}
.upload-preview-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom span[data-v-660893dc] {
  margin-left: 15px;
  font-size: 14px;
  color: #9fa3af
}
.upload-preview-dialog .upload-container .preview-resume .item[data-v-660893dc]:nth-child(2) {
  background-color: #f9fafb;
  box-sizing: border-box;
  padding: 20px;
  width: 400px
}
.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .message[data-v-660893dc] {
  margin-top: 20px
}
.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .message p[data-v-660893dc] {
  font-size: 14px;
  margin-bottom: 10px
}
.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .desc[data-v-660893dc] {
  margin-top: 15px;
  color: #9fa3af
}
.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group[data-v-660893dc] {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-660893dc] {
  display: block;
  width: 110px;
  height: 32px;
  line-height: 32px;
  position: relative
}
.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-660893dc]:first-child {
  border: 1px solid #5dd5c8;
  color: #5dd5c8;
  text-align: center;
  background-color: #fff
}
.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:first-child input[data-v-660893dc] {
  position: absolute;
  width: 112px;
  height: 36px;
  top: 0;
  left: 0;
  background: 0 0;
  opacity: 0;
  outline: 0
}
.upload-preview-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a[data-v-660893dc]:nth-child(2) {
  border: 1px solid #5dd5c8;
  color: #fff;
  text-align: center;
  background-color: #5dd5c8
}
.upload-resume-analysis[data-v-660893dc] .dialog-body {
  padding-right: 30px;
  margin-right: -30px
}
.upload-resume-analysis[data-v-660893dc] .dialog-container {
  padding: 20px 30px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content.new-flag h3 {
  color: #24272e;
  font-size: 16px;
  font-weight: 500px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content.new-flag h3 em {
  font-style: normal;
  color: #00c2b3;
  margin: 0 4px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-tip {
  height: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #61687c;
  line-height: 18px;
  margin-top: 8px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-result-container {
  background: #f8f8f8 url(https://img.bosszhipin.com/static/file/2022/bw3m87z4ej1649838200986.png) bottom/400px 39px no-repeat;
  width: 400px;
  border-radius: 6px;
  padding: 24px 20px;
  margin-top: 20px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-result-name {
  font-size: 13px;
  text-align: center
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-result-list {
  margin-bottom: 27px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-result-list li {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .07);
  border-radius: 6px;
  padding: 0 15px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-result-list li + li {
  margin-top: 12px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-result-list li .analysis-item-label {
  float: left;
  width: 75px;
  font-size: 14px;
  font-weight: 500;
  color: #24272e
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-result-list li .analysis-item-desc {
  float: left;
  display: block;
  max-width: 196px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 400;
  color: #61687c
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-result-list li .analysis-item-num {
  float: right;
  font-size: 14px;
  font-weight: 600;
  color: #00c2b3
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content h3 {
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 10px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content p {
  font-size: 12px;
  color: #61687c;
  line-height: 17px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content p .text-hlight {
  color: #00c2b3;
  margin-left: 4px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-box {
  margin-top: 10px;
  display: flex
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-box .box-left, .upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-box .box-right {
  width: 160px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-box .box-left:before, .upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-box .box-right:before {
  display: block;
  content: " ";
  width: 160px;
  height: 220px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog_tip_1.1e45be9b.png) 50% no-repeat;
  background-size: contain
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-box .box-right:before {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog_tip_2.53e5f083.png) 50% no-repeat;
  background-size: contain
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-box .box-icon {
  width: 16px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog_tip_3.f6de3da6.png) 50% no-repeat;
  background-size: contain;
  margin: 100px 27px 0
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .analysis-box p {
  margin-top: 10px;
  color: #51586d
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .button-container {
  text-align: center;
  margin-top: 24px
}
.upload-resume-analysis[data-v-660893dc] .resume-analysis-content .button-container .btn {
  padding: 9px 32px
}
.upload-select-dialog .dialog-body {
  overflow: visible
}
.upload-select-dialog .dialog-footer {
  display: none
}
.select-box[data-v-1a6a4c24] {
  margin: 60px 10px;
  display: flex;
  justify-content: space-between
}
.select-box .select-one[data-v-1a6a4c24] {
  box-sizing: border-box;
  width: 260px;
  height: 185px;
  background: #fff;
  box-shadow: 0 6px 18px 4px rgba(0, 0, 0, .07);
  border-radius: 6px;
  padding: 30px 24px;
  cursor: pointer
}
.select-box .select-one + .select-one[data-v-1a6a4c24] {
  margin-left: 20px
}
.select-box .select-one .top-title[data-v-1a6a4c24] {
  width: 100%;
  display: flex;
  justify-content: space-between
}
.select-box .select-one .top-title img[data-v-1a6a4c24] {
  display: block;
  width: 40px;
  height: 48px
}
.select-box .select-one .top-title .title[data-v-1a6a4c24] {
  position: relative;
  font-size: 12px;
  color: #8d92a1;
  line-height: 17px
}
.select-box .select-one .top-title .title[data-v-1a6a4c24]:after {
  content: "";
  width: 13px;
  height: 2px;
  position: absolute;
  background: #d2d4dc;
  top: 17px;
  right: 0
}
.select-box .select-one .main-title[data-v-1a6a4c24] {
  font-size: 20px;
  font-weight: 500;
  color: #414a60;
  line-height: 28px;
  margin-top: 24px
}
.select-box .select-one .detail-title[data-v-1a6a4c24] {
  margin-top: 4px;
  font-size: 14px;
  color: #8c91a0;
  line-height: 20px
}
.chat-message-notice[data-v-14b5d9de] {
  position: fixed;
  top: 80px;
  right: 20px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
  border-radius: 4px;
  z-index: 2000;
  cursor: pointer
}
.chat-message-notice a[data-v-14b5d9de] {
  display: flex;
  padding: 0 12px;
  align-items: center
}
.chat-message-notice a:hover .name[data-v-14b5d9de] {
  color: #00c2b3
}
.chat-message-notice .avatar[data-v-14b5d9de] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  margin: 12px 12px 12px 0
}
.chat-message-notice .avatar img[data-v-14b5d9de] {
  max-width: 100%;
  max-height: 100%
}
.chat-message-notice .chat-message-main[data-v-14b5d9de] {
  display: flex;
  flex-direction: column
}
.chat-message-notice .name[data-v-14b5d9de] {
  display: block;
  max-width: 184px;
  font-size: 14px;
  color: #24272e;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.chat-message-notice .message-desc[data-v-14b5d9de] {
  width: 184px;
  font-size: 12px;
  color: #24272e;
  line-height: 17px;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.job-gif-tooltip[data-v-a688a730] {
  position: absolute;
  top: 49px;
  left: 50%;
  margin-left: -120px;
  z-index: 9;
  width: 240px;
  padding: 16px;
  color: #fff;
  background: #3b86f6 url(https://img.bosszhipin.com/static/file/2022/kvmg0vfi9h1670494877898.png) 0 100%/49px auto no-repeat;
  box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3), 0 2px 10px 0 rgba(0, 0, 0, .08);
  border-radius: 8px
}
.job-gif-tooltip[data-v-a688a730]:before {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  top: -12px;
  right: 50%;
  margin-right: -6px;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #3b86f6;
  z-index: 1
}
.job-gif-tooltip .title[data-v-a688a730] {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center
}
.job-gif-tooltip img[data-v-a688a730] {
  display: block;
  width: 207px;
  margin-top: 12px
}
.job-gif-tooltip p[data-v-a688a730] {
  margin-top: 8px;
  font-size: 12px;
  line-height: 17px;
  text-align: left
}
.job-gif-tooltip .get-it-btn[data-v-a688a730] {
  display: block;
  cursor: pointer;
  padding: 1px 8px;
  border-radius: 6px;
  border: 1px solid #fff;
  color: #fff;
  margin-top: 16px;
  float: right;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  box-sizing: border-box;
  transition: all .2s linear
}
.job-gif-tooltip .get-it-btn[data-v-a688a730]:hover {
  color: #3b86f6;
  background: #fff
}
.chat-bot-iframe-mask[data-v-614c5ce7] {
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: fixed;
  background: rgba(37, 40, 48, .7)
}
.chat-bot-iframe-mask .chat-bot-iframe[data-v-614c5ce7] {
  z-index: 1000;
  width: 780px;
  height: 678px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 0
}
.friend-link[data-v-1ebf160b] {
  display: flex;
  align-items: baseline;
  font-size: 12px;
  max-height: 20px;
  transition: all .5s;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -o-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.friend-link.expand[data-v-1ebf160b] {
  max-height: none
}
.friend-link.expand .iboss[data-v-1ebf160b] {
  transform: rotate(180deg)
}
.friend-link .title[data-v-1ebf160b] {
  font-size: 12px;
  color: hsla(0, 0%, 100%, .5);
  margin-right: 23px
}
.friend-link .links[data-v-1ebf160b] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-right: 23px
}
.friend-link .links .link-item[data-v-1ebf160b] {
  color: hsla(0, 0%, 100%, .5);
  font-size: 12px;
  line-height: 20px;
  margin-right: 30px;
  display: inline-block
}
.friend-link .links .link-item[data-v-1ebf160b]:hover {
  text-decoration: underline;
  color: #3b86f6
}
.friend-link .link-btn[data-v-1ebf160b] {
  color: hsla(0, 0%, 100%, .5);
  cursor: pointer
}
.friend-link .link-btn .iboss[data-v-1ebf160b] {
  margin-left: 2px;
  display: inline-block;
  font-size: 12px;
  transition: all .3s
}
@font-face {
  font-family: themify;
  src: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/fonts/themify.2c454669.eot);
  src: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/fonts/themify.2c454669.eot#iefix-fvbane) format("embedded-opentype"), url(https://static.zhipin.com/zhipin-geek/chat/v321/static/fonts/themify.a1ecc3b8.woff) format("woff"), url(https://static.zhipin.com/zhipin-geek/chat/v321/static/fonts/themify.e23a7dca.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}
[class*=" ti-"], [class^=ti-] {
  font-family: themify;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.ti-wand:before {
  content: "\e600"
}
.ti-volume:before {
  content: "\e601"
}
.ti-user:before {
  content: "\e602"
}
.ti-unlock:before {
  content: "\e603"
}
.ti-unlink:before {
  content: "\e604"
}
.ti-trash:before {
  content: "\e605"
}
.ti-thought:before {
  content: "\e606"
}
.ti-target:before {
  content: "\e607"
}
.ti-tag:before {
  content: "\e608"
}
.ti-tablet:before {
  content: "\e609"
}
.ti-star:before {
  content: "\e60a"
}
.ti-spray:before {
  content: "\e60b"
}
.ti-signal:before {
  content: "\e60c"
}
.ti-shopping-cart:before {
  content: "\e60d"
}
.ti-shopping-cart-full:before {
  content: "\e60e"
}
.ti-settings:before {
  content: "\e60f"
}
.ti-search:before {
  content: "\e610"
}
.ti-zoom-in:before {
  content: "\e611"
}
.ti-zoom-out:before {
  content: "\e612"
}
.ti-cut:before {
  content: "\e613"
}
.ti-ruler:before {
  content: "\e614"
}
.ti-ruler-pencil:before {
  content: "\e615"
}
.ti-ruler-alt:before {
  content: "\e616"
}
.ti-bookmark:before {
  content: "\e617"
}
.ti-bookmark-alt:before {
  content: "\e618"
}
.ti-reload:before {
  content: "\e619"
}
.ti-plus:before {
  content: "\e61a"
}
.ti-pin:before {
  content: "\e61b"
}
.ti-pencil:before {
  content: "\e61c"
}
.ti-pencil-alt:before {
  content: "\e61d"
}
.ti-paint-roller:before {
  content: "\e61e"
}
.ti-paint-bucket:before {
  content: "\e61f"
}
.ti-na:before {
  content: "\e620"
}
.ti-mobile:before {
  content: "\e621"
}
.ti-minus:before {
  content: "\e622"
}
.ti-medall:before {
  content: "\e623"
}
.ti-medall-alt:before {
  content: "\e624"
}
.ti-marker:before {
  content: "\e625"
}
.ti-marker-alt:before {
  content: "\e626"
}
.ti-arrow-up:before {
  content: "\e627"
}
.ti-arrow-right:before {
  content: "\e628"
}
.ti-arrow-left:before {
  content: "\e629"
}
.ti-arrow-down:before {
  content: "\e62a"
}
.ti-lock:before {
  content: "\e62b"
}
.ti-location-arrow:before {
  content: "\e62c"
}
.ti-link:before {
  content: "\e62d"
}
.ti-layout:before {
  content: "\e62e"
}
.ti-layers:before {
  content: "\e62f"
}
.ti-layers-alt:before {
  content: "\e630"
}
.ti-key:before {
  content: "\e631"
}
.ti-import:before {
  content: "\e632"
}
.ti-image:before {
  content: "\e633"
}
.ti-heart:before {
  content: "\e634"
}
.ti-heart-broken:before {
  content: "\e635"
}
.ti-hand-stop:before {
  content: "\e636"
}
.ti-hand-open:before {
  content: "\e637"
}
.ti-hand-drag:before {
  content: "\e638"
}
.ti-folder:before {
  content: "\e639"
}
.ti-flag:before {
  content: "\e63a"
}
.ti-flag-alt:before {
  content: "\e63b"
}
.ti-flag-alt-2:before {
  content: "\e63c"
}
.ti-eye:before {
  content: "\e63d"
}
.ti-export:before {
  content: "\e63e"
}
.ti-exchange-vertical:before {
  content: "\e63f"
}
.ti-desktop:before {
  content: "\e640"
}
.ti-cup:before {
  content: "\e641"
}
.ti-crown:before {
  content: "\e642"
}
.ti-comments:before {
  content: "\e643"
}
.ti-comment:before {
  content: "\e644"
}
.ti-comment-alt:before {
  content: "\e645"
}
.ti-close:before {
  content: "\e646"
}
.ti-clip:before {
  content: "\e647"
}
.ti-angle-up:before {
  content: "\e648"
}
.ti-angle-right:before {
  content: "\e649"
}
.ti-angle-left:before {
  content: "\e64a"
}
.ti-angle-down:before {
  content: "\e64b"
}
.ti-check:before {
  content: "\e64c"
}
.ti-check-box:before {
  content: "\e64d"
}
.ti-camera:before {
  content: "\e64e"
}
.ti-announcement:before {
  content: "\e64f"
}
.ti-brush:before {
  content: "\e650"
}
.ti-briefcase:before {
  content: "\e651"
}
.ti-bolt:before {
  content: "\e652"
}
.ti-bolt-alt:before {
  content: "\e653"
}
.ti-blackboard:before {
  content: "\e654"
}
.ti-bag:before {
  content: "\e655"
}
.ti-move:before {
  content: "\e656"
}
.ti-arrows-vertical:before {
  content: "\e657"
}
.ti-arrows-horizontal:before {
  content: "\e658"
}
.ti-fullscreen:before {
  content: "\e659"
}
.ti-arrow-top-right:before {
  content: "\e65a"
}
.ti-arrow-top-left:before {
  content: "\e65b"
}
.ti-arrow-circle-up:before {
  content: "\e65c"
}
.ti-arrow-circle-right:before {
  content: "\e65d"
}
.ti-arrow-circle-left:before {
  content: "\e65e"
}
.ti-arrow-circle-down:before {
  content: "\e65f"
}
.ti-angle-double-up:before {
  content: "\e660"
}
.ti-angle-double-right:before {
  content: "\e661"
}
.ti-angle-double-left:before {
  content: "\e662"
}
.ti-angle-double-down:before {
  content: "\e663"
}
.ti-zip:before {
  content: "\e664"
}
.ti-world:before {
  content: "\e665"
}
.ti-wheelchair:before {
  content: "\e666"
}
.ti-view-list:before {
  content: "\e667"
}
.ti-view-list-alt:before {
  content: "\e668"
}
.ti-view-grid:before {
  content: "\e669"
}
.ti-uppercase:before {
  content: "\e66a"
}
.ti-upload:before {
  content: "\e66b"
}
.ti-underline:before {
  content: "\e66c"
}
.ti-truck:before {
  content: "\e66d"
}
.ti-timer:before {
  content: "\e66e"
}
.ti-ticket:before {
  content: "\e66f"
}
.ti-thumb-up:before {
  content: "\e670"
}
.ti-thumb-down:before {
  content: "\e671"
}
.ti-text:before {
  content: "\e672"
}
.ti-stats-up:before {
  content: "\e673"
}
.ti-stats-down:before {
  content: "\e674"
}
.ti-split-v:before {
  content: "\e675"
}
.ti-split-h:before {
  content: "\e676"
}
.ti-smallcap:before {
  content: "\e677"
}
.ti-shine:before {
  content: "\e678"
}
.ti-shift-right:before {
  content: "\e679"
}
.ti-shift-left:before {
  content: "\e67a"
}
.ti-shield:before {
  content: "\e67b"
}
.ti-notepad:before {
  content: "\e67c"
}
.ti-server:before {
  content: "\e67d"
}
.ti-quote-right:before {
  content: "\e67e"
}
.ti-quote-left:before {
  content: "\e67f"
}
.ti-pulse:before {
  content: "\e680"
}
.ti-printer:before {
  content: "\e681"
}
.ti-power-off:before {
  content: "\e682"
}
.ti-plug:before {
  content: "\e683"
}
.ti-pie-chart:before {
  content: "\e684"
}
.ti-paragraph:before {
  content: "\e685"
}
.ti-panel:before {
  content: "\e686"
}
.ti-package:before {
  content: "\e687"
}
.ti-music:before {
  content: "\e688"
}
.ti-music-alt:before {
  content: "\e689"
}
.ti-mouse:before {
  content: "\e68a"
}
.ti-mouse-alt:before {
  content: "\e68b"
}
.ti-money:before {
  content: "\e68c"
}
.ti-microphone:before {
  content: "\e68d"
}
.ti-menu:before {
  content: "\e68e"
}
.ti-menu-alt:before {
  content: "\e68f"
}
.ti-map:before {
  content: "\e690"
}
.ti-map-alt:before {
  content: "\e691"
}
.ti-loop:before {
  content: "\e692"
}
.ti-location-pin:before {
  content: "\e693"
}
.ti-list:before {
  content: "\e694"
}
.ti-light-bulb:before {
  content: "\e695"
}
.ti-Italic:before {
  content: "\e696"
}
.ti-info:before {
  content: "\e697"
}
.ti-infinite:before {
  content: "\e698"
}
.ti-id-badge:before {
  content: "\e699"
}
.ti-hummer:before {
  content: "\e69a"
}
.ti-home:before {
  content: "\e69b"
}
.ti-help:before {
  content: "\e69c"
}
.ti-headphone:before {
  content: "\e69d"
}
.ti-harddrives:before {
  content: "\e69e"
}
.ti-harddrive:before {
  content: "\e69f"
}
.ti-gift:before {
  content: "\e6a0"
}
.ti-game:before {
  content: "\e6a1"
}
.ti-filter:before {
  content: "\e6a2"
}
.ti-files:before {
  content: "\e6a3"
}
.ti-file:before {
  content: "\e6a4"
}
.ti-eraser:before {
  content: "\e6a5"
}
.ti-envelope:before {
  content: "\e6a6"
}
.ti-download:before {
  content: "\e6a7"
}
.ti-direction:before {
  content: "\e6a8"
}
.ti-direction-alt:before {
  content: "\e6a9"
}
.ti-dashboard:before {
  content: "\e6aa"
}
.ti-control-stop:before {
  content: "\e6ab"
}
.ti-control-shuffle:before {
  content: "\e6ac"
}
.ti-control-play:before {
  content: "\e6ad"
}
.ti-control-pause:before {
  content: "\e6ae"
}
.ti-control-forward:before {
  content: "\e6af"
}
.ti-control-backward:before {
  content: "\e6b0"
}
.ti-cloud:before {
  content: "\e6b1"
}
.ti-cloud-up:before {
  content: "\e6b2"
}
.ti-cloud-down:before {
  content: "\e6b3"
}
.ti-clipboard:before {
  content: "\e6b4"
}
.ti-car:before {
  content: "\e6b5"
}
.ti-calendar:before {
  content: "\e6b6"
}
.ti-book:before {
  content: "\e6b7"
}
.ti-bell:before {
  content: "\e6b8"
}
.ti-basketball:before {
  content: "\e6b9"
}
.ti-bar-chart:before {
  content: "\e6ba"
}
.ti-bar-chart-alt:before {
  content: "\e6bb"
}
.ti-back-right:before {
  content: "\e6bc"
}
.ti-back-left:before {
  content: "\e6bd"
}
.ti-arrows-corner:before {
  content: "\e6be"
}
.ti-archive:before {
  content: "\e6bf"
}
.ti-anchor:before {
  content: "\e6c0"
}
.ti-align-right:before {
  content: "\e6c1"
}
.ti-align-left:before {
  content: "\e6c2"
}
.ti-align-justify:before {
  content: "\e6c3"
}
.ti-align-center:before {
  content: "\e6c4"
}
.ti-alert:before {
  content: "\e6c5"
}
.ti-alarm-clock:before {
  content: "\e6c6"
}
.ti-agenda:before {
  content: "\e6c7"
}
.ti-write:before {
  content: "\e6c8"
}
.ti-window:before {
  content: "\e6c9"
}
.ti-widgetized:before {
  content: "\e6ca"
}
.ti-widget:before {
  content: "\e6cb"
}
.ti-widget-alt:before {
  content: "\e6cc"
}
.ti-wallet:before {
  content: "\e6cd"
}
.ti-video-clapper:before {
  content: "\e6ce"
}
.ti-video-camera:before {
  content: "\e6cf"
}
.ti-vector:before {
  content: "\e6d0"
}
.ti-themify-logo:before {
  content: "\e6d1"
}
.ti-themify-favicon:before {
  content: "\e6d2"
}
.ti-themify-favicon-alt:before {
  content: "\e6d3"
}
.ti-support:before {
  content: "\e6d4"
}
.ti-stamp:before {
  content: "\e6d5"
}
.ti-split-v-alt:before {
  content: "\e6d6"
}
.ti-slice:before {
  content: "\e6d7"
}
.ti-shortcode:before {
  content: "\e6d8"
}
.ti-shift-right-alt:before {
  content: "\e6d9"
}
.ti-shift-left-alt:before {
  content: "\e6da"
}
.ti-ruler-alt-2:before {
  content: "\e6db"
}
.ti-receipt:before {
  content: "\e6dc"
}
.ti-pin2:before {
  content: "\e6dd"
}
.ti-pin-alt:before {
  content: "\e6de"
}
.ti-pencil-alt2:before {
  content: "\e6df"
}
.ti-palette:before {
  content: "\e6e0"
}
.ti-more:before {
  content: "\e6e1"
}
.ti-more-alt:before {
  content: "\e6e2"
}
.ti-microphone-alt:before {
  content: "\e6e3"
}
.ti-magnet:before {
  content: "\e6e4"
}
.ti-line-double:before {
  content: "\e6e5"
}
.ti-line-dotted:before {
  content: "\e6e6"
}
.ti-line-dashed:before {
  content: "\e6e7"
}
.ti-layout-width-full:before {
  content: "\e6e8"
}
.ti-layout-width-default:before {
  content: "\e6e9"
}
.ti-layout-width-default-alt:before {
  content: "\e6ea"
}
.ti-layout-tab:before {
  content: "\e6eb"
}
.ti-layout-tab-window:before {
  content: "\e6ec"
}
.ti-layout-tab-v:before {
  content: "\e6ed"
}
.ti-layout-tab-min:before {
  content: "\e6ee"
}
.ti-layout-slider:before {
  content: "\e6ef"
}
.ti-layout-slider-alt:before {
  content: "\e6f0"
}
.ti-layout-sidebar-right:before {
  content: "\e6f1"
}
.ti-layout-sidebar-none:before {
  content: "\e6f2"
}
.ti-layout-sidebar-left:before {
  content: "\e6f3"
}
.ti-layout-placeholder:before {
  content: "\e6f4"
}
.ti-layout-menu:before {
  content: "\e6f5"
}
.ti-layout-menu-v:before {
  content: "\e6f6"
}
.ti-layout-menu-separated:before {
  content: "\e6f7"
}
.ti-layout-menu-full:before {
  content: "\e6f8"
}
.ti-layout-media-right-alt:before {
  content: "\e6f9"
}
.ti-layout-media-right:before {
  content: "\e6fa"
}
.ti-layout-media-overlay:before {
  content: "\e6fb"
}
.ti-layout-media-overlay-alt:before {
  content: "\e6fc"
}
.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd"
}
.ti-layout-media-left-alt:before {
  content: "\e6fe"
}
.ti-layout-media-left:before {
  content: "\e6ff"
}
.ti-layout-media-center-alt:before {
  content: "\e700"
}
.ti-layout-media-center:before {
  content: "\e701"
}
.ti-layout-list-thumb:before {
  content: "\e702"
}
.ti-layout-list-thumb-alt:before {
  content: "\e703"
}
.ti-layout-list-post:before {
  content: "\e704"
}
.ti-layout-list-large-image:before {
  content: "\e705"
}
.ti-layout-line-solid:before {
  content: "\e706"
}
.ti-layout-grid4:before {
  content: "\e707"
}
.ti-layout-grid3:before {
  content: "\e708"
}
.ti-layout-grid2:before {
  content: "\e709"
}
.ti-layout-grid2-thumb:before {
  content: "\e70a"
}
.ti-layout-cta-right:before {
  content: "\e70b"
}
.ti-layout-cta-left:before {
  content: "\e70c"
}
.ti-layout-cta-center:before {
  content: "\e70d"
}
.ti-layout-cta-btn-right:before {
  content: "\e70e"
}
.ti-layout-cta-btn-left:before {
  content: "\e70f"
}
.ti-layout-column4:before {
  content: "\e710"
}
.ti-layout-column3:before {
  content: "\e711"
}
.ti-layout-column2:before {
  content: "\e712"
}
.ti-layout-accordion-separated:before {
  content: "\e713"
}
.ti-layout-accordion-merged:before {
  content: "\e714"
}
.ti-layout-accordion-list:before {
  content: "\e715"
}
.ti-ink-pen:before {
  content: "\e716"
}
.ti-info-alt:before {
  content: "\e717"
}
.ti-help-alt:before {
  content: "\e718"
}
.ti-headphone-alt:before {
  content: "\e719"
}
.ti-hand-point-up:before {
  content: "\e71a"
}
.ti-hand-point-right:before {
  content: "\e71b"
}
.ti-hand-point-left:before {
  content: "\e71c"
}
.ti-hand-point-down:before {
  content: "\e71d"
}
.ti-gallery:before {
  content: "\e71e"
}
.ti-face-smile:before {
  content: "\e71f"
}
.ti-face-sad:before {
  content: "\e720"
}
.ti-credit-card:before {
  content: "\e721"
}
.ti-control-skip-forward:before {
  content: "\e722"
}
.ti-control-skip-backward:before {
  content: "\e723"
}
.ti-control-record:before {
  content: "\e724"
}
.ti-control-eject:before {
  content: "\e725"
}
.ti-comments-smiley:before {
  content: "\e726"
}
.ti-brush-alt:before {
  content: "\e727"
}
.ti-youtube:before {
  content: "\e728"
}
.ti-vimeo:before {
  content: "\e729"
}
.ti-twitter:before {
  content: "\e72a"
}
.ti-time:before {
  content: "\e72b"
}
.ti-tumblr:before {
  content: "\e72c"
}
.ti-skype:before {
  content: "\e72d"
}
.ti-share:before {
  content: "\e72e"
}
.ti-share-alt:before {
  content: "\e72f"
}
.ti-rocket:before {
  content: "\e730"
}
.ti-pinterest:before {
  content: "\e731"
}
.ti-new-window:before {
  content: "\e732"
}
.ti-microsoft:before {
  content: "\e733"
}
.ti-list-ol:before {
  content: "\e734"
}
.ti-linkedin:before {
  content: "\e735"
}
.ti-layout-sidebar-2:before {
  content: "\e736"
}
.ti-layout-grid4-alt:before {
  content: "\e737"
}
.ti-layout-grid3-alt:before {
  content: "\e738"
}
.ti-layout-grid2-alt:before {
  content: "\e739"
}
.ti-layout-column4-alt:before {
  content: "\e73a"
}
.ti-layout-column3-alt:before {
  content: "\e73b"
}
.ti-layout-column2-alt:before {
  content: "\e73c"
}
.ti-instagram:before {
  content: "\e73d"
}
.ti-google:before {
  content: "\e73e"
}
.ti-github:before {
  content: "\e73f"
}
.ti-flickr:before {
  content: "\e740"
}
.ti-facebook:before {
  content: "\e741"
}
.ti-dropbox:before {
  content: "\e742"
}
.ti-dribbble:before {
  content: "\e743"
}
.ti-apple:before {
  content: "\e744"
}
.ti-android:before {
  content: "\e745"
}
.ti-save:before {
  content: "\e746"
}
.ti-save-alt:before {
  content: "\e747"
}
.ti-yahoo:before {
  content: "\e748"
}
.ti-wordpress:before {
  content: "\e749"
}
.ti-vimeo-alt:before {
  content: "\e74a"
}
.ti-twitter-alt:before {
  content: "\e74b"
}
.ti-tumblr-alt:before {
  content: "\e74c"
}
.ti-trello:before {
  content: "\e74d"
}
.ti-stack-overflow:before {
  content: "\e74e"
}
.ti-soundcloud:before {
  content: "\e74f"
}
.ti-sharethis:before {
  content: "\e750"
}
.ti-sharethis-alt:before {
  content: "\e751"
}
.ti-reddit:before {
  content: "\e752"
}
.ti-pinterest-alt:before {
  content: "\e753"
}
.ti-microsoft-alt:before {
  content: "\e754"
}
.ti-linux:before {
  content: "\e755"
}
.ti-jsfiddle:before {
  content: "\e756"
}
.ti-joomla:before {
  content: "\e757"
}
.ti-html5:before {
  content: "\e758"
}
.ti-flickr-alt:before {
  content: "\e759"
}
.ti-email:before {
  content: "\e75a"
}
.ti-drupal:before {
  content: "\e75b"
}
.ti-dropbox-alt:before {
  content: "\e75c"
}
.ti-css3:before {
  content: "\e75d"
}
.ti-rss:before {
  content: "\e75e"
}
.ti-rss-alt:before {
  content: "\e75f"
}
.emotion {
  width: 490px;
  padding-top: 18px;
  left: 0;
  top: -331px;
  border: 1px solid #f2f5fa;
  box-shadow: 0 0 14px rgba(0, 0, 0, .11);
  -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .11);
  z-index: 10
}
.emotion, .emotion:after {
  position: absolute;
  background: #fff
}
.emotion:after {
  content: "";
  width: 10px;
  height: 10px;
  bottom: -6px;
  left: 35px;
  border-color: #e7e9ee #e7e9ee transparent transparent;
  border-style: solid;
  border-width: 1px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}
.emotion .emotion-tab {
  position: relative;
  padding: 4px 18px;
  font-size: 0;
  border-top: 1px solid #f1f1f1;
  z-index: 2;
  height: 49px;
  box-sizing: border-box
}
.emotion .emotion-tab .emotion-sort {
  display: inline-block;
  width: 41px;
  height: 41px;
  margin-right: 5px;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer
}
.emotion .emotion-tab .emotion-sort.selected, .emotion .emotion-tab .emotion-sort:hover {
  background: #f1f1f1
}
.emotion .emotion-tab .emotion-sort button {
  display: block;
  border: 0;
  cursor: pointer;
  width: 41px;
  height: 41px
}
.emotion .emotion-tab .emotion-sort .emotion-recent {
  background: url(https://static.zhipin.com/library/emotions/tab/recent.png) no-repeat 50%;
  background-size: 20px auto
}
.emotion .emotion-tab .emotion-sort .emotion-default {
  background: url(https://static.zhipin.com/library/emoji/V2_Expression__1.png) no-repeat 50%;
  background-size: 21px 21px
}
.emotion .emotion-tab .emotion-sort .emotion-like {
  background: url(https://static.zhipin.com/library/emotions/tab/like.png) no-repeat 50%;
  background-size: 19px 17px
}
.emotion .emotion-tab .emotion-sort .emotion-zhi {
  background: url(https://static.zhipin.com/library/emotions/tab/zhi.png) no-repeat 50%;
  background-size: 18px auto
}
.emotion .emotion-tab .emotion-sort .emotion-veteran {
  background: url(https://static.zhipin.com/library/emotions/tab/bird.png) no-repeat 50%;
  background-size: 23px auto
}
.emotion .emotion-tab .emotion-sort .emotion-zhi2 {
  background: url(https://static.zhipin.com/library/emotions/tab/zhi2_geek.png) no-repeat 50%;
  background-size: 19px 22px
}
.emotion ul {
  height: 252px;
  padding: 0 10px;
  margin-bottom: 8px;
  font-size: 0;
  line-height: 0;
  overflow: hidden
}
.emotion ul.hide {
  display: none
}
.emotion ul:hover {
  overflow: auto
}
.emotion li {
  display: inline-block;
  position: relative;
  cursor: pointer;
  border-radius: 2px
}
.emotion li:hover {
  background: #f2f2f2
}
.emotion li:hover .emoj {
  border-color: #f2f2f2
}
.emoji-box {
  height: 252px;
  padding: 0;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden
}
.emoji-box:hover {
  overflow: auto
}
.emoji-box .emoji-recent, .emoji-box .emotion-emoji {
  padding-left: 18px
}
.emoji-box .emoji-title {
  padding-left: 20px;
  color: #414a60
}
.emoji-box ul {
  height: auto;
  padding: 0;
  margin-bottom: 0
}
.emoj {
  height: 25px;
  background: url(https://static.zhipin.com/zhipin-boss/assets/chat/images/emoji/emoji-sprite-bg.png) no-repeat;
  background-size: 25px auto
}
.emoj, .emojold {
  display: inline-block;
  width: 25px;
  vertical-align: middle;
  border: 0;
  cursor: pointer
}
.emojold {
  height: 30px;
  background: url(https://static.zhipin.com/library/emotions/emotions-2018-2x.png) no-repeat;
  background-size: 24px auto
}
.emotion .emoj {
  border: 10px solid #fff;
  box-sizing: content-box;
  border-radius: 2px
}
.emoj-1 {
  background-position: 0 0
}
.emoj-2 {
  background-position: 0 -25px
}
.emoj-3 {
  background-position: 0 -50px
}
.emoj-4 {
  background-position: 0 -75px
}
.emoj-5 {
  background-position: 0 -100px
}
.emoj-6 {
  background-position: 0 -125px
}
.emoj-7 {
  background-position: 0 -150px
}
.emoj-8 {
  background-position: 0 -175px
}
.emoj-9 {
  background-position: 0 -200px
}
.emoj-10 {
  background-position: 0 -225px
}
.emoj-11 {
  background-position: 0 -250px
}
.emoj-12 {
  background-position: 0 -275px
}
.emoj-13 {
  background-position: 0 -300px
}
.emoj-14 {
  background-position: 0 -325px
}
.emoj-15 {
  background-position: 0 -350px
}
.emoj-16 {
  background-position: 0 -375px
}
.emoj-17 {
  background-position: 0 -400px
}
.emoj-18 {
  background-position: 0 -425px
}
.emoj-19 {
  background-position: 0 -450px
}
.emoj-20 {
  background-position: 0 -475px
}
.emoj-21 {
  background-position: 0 -500px
}
.emoj-22 {
  background-position: 0 -525px
}
.emoj-23 {
  background-position: 0 -550px
}
.emoj-24 {
  background-position: 0 -575px
}
.emoj-25 {
  background-position: 0 -600px
}
.emoj-26 {
  background-position: 0 -625px
}
.emoj-27 {
  background-position: 0 -650px
}
.emoj-28 {
  background-position: 0 -675px
}
.emoj-29 {
  background-position: 0 -700px
}
.emoj-30 {
  background-position: 0 -725px
}
.emoj-31 {
  background-position: 0 -750px
}
.emoj-32 {
  background-position: 0 -775px
}
.emoj-33 {
  background-position: 0 -800px
}
.emoj-34 {
  background-position: 0 -825px
}
.emoj-35 {
  background-position: 0 -850px
}
.emoj-36 {
  background-position: 0 -875px
}
.emoj-37 {
  background-position: 0 -900px
}
.emoj-38 {
  background-position: 0 -925px
}
.emoj-39 {
  background-position: 0 -950px
}
.emoj-40 {
  background-position: 0 -975px
}
.emoj-41 {
  background-position: 0 -1000px
}
.emoj-42 {
  background-position: 0 -1025px
}
.emoj-43 {
  background-position: 0 -1050px
}
.emoj-44 {
  background-position: 0 -1075px
}
.emoj-45 {
  background-position: 0 -1100px
}
.emoj-46 {
  background-position: 0 -1125px
}
.emoj-47 {
  background-position: 0 -1150px
}
.emoj-48 {
  background-position: 0 -1175px
}
.emoj-49 {
  background-position: 0 -1200px
}
.emoj-50 {
  background-position: 0 -1225px
}
.emoj-51 {
  background-position: 0 -1250px
}
.emoj-52 {
  background-position: 0 -1275px
}
.emoj-53 {
  background-position: 0 -1300px
}
.emoj-54 {
  background-position: 0 -1325px
}
.emoj-55 {
  background-position: 0 -1350px
}
.emoj-56 {
  background-position: 0 -1375px
}
.emoj-57 {
  background-position: 0 -1400px
}
.emoj-58 {
  background-position: 0 -1425px
}
.emoj-59 {
  background-position: 0 -1450px
}
.emoj-60 {
  background-position: 0 -1475px
}
.emoj-61 {
  background-position: 0 -1500px
}
.emoj-62 {
  background-position: 0 -1525px
}
.emoj-63 {
  background-position: 0 -1550px
}
.emoj-64 {
  background-position: 0 -1575px
}
.emoj-65 {
  background-position: 0 -1600px
}
.emoj-66 {
  background-position: 0 -1625px
}
.emoj-67 {
  background-position: 0 -1650px
}
.emoj-68 {
  background-position: 0 -1675px
}
.emoj-69 {
  background-position: 0 -1700px
}
.emoj-70 {
  background-position: 0 -1725px
}
.emoj-71 {
  background-position: 0 -1750px
}
.emoj-72 {
  background-position: 0 -1775px
}
.emoj-73 {
  background-position: 0 -1800px
}
.emoj-74 {
  background-position: 0 -1825px
}
.emoj-75 {
  background-position: 0 -1850px
}
.emoj-76 {
  background-position: 0 -1875px
}
.emoj-77 {
  background-position: 0 -1900px
}
.emoj-78 {
  background-position: 0 -1925px
}
.emoj-79 {
  background-position: 0 -1950px
}
.emoj-80 {
  background-position: 0 -1975px
}
.emoj-81 {
  background-position: 0 -2000px
}
.emoj-82 {
  background-position: 0 -2025px
}
.emoj-83 {
  background-position: 0 -2050px
}
.emoj-84 {
  background-position: 0 -2075px
}
.emojold-1 {
  background-position: 2px 2px
}
.emojold-2 {
  background-position: 2px -27px
}
.emojold-3 {
  background-position: 2px -57px
}
.emojold-4 {
  background-position: 2px -87px
}
.emojold-5 {
  background-position: 2px -117px
}
.emojold-6 {
  background-position: 2px -147px
}
.emojold-7 {
  background-position: 2px -177px
}
.emojold-8 {
  background-position: 2px -207px
}
.emojold-9 {
  background-position: 2px -237px
}
.emojold-10 {
  background-position: 2px -267px
}
.emojold-11 {
  background-position: 2px -297px
}
.emojold-12 {
  background-position: 2px -327px
}
.emojold-13 {
  background-position: 2px -357px
}
.emojold-14 {
  background-position: 2px -387px
}
.emojold-15 {
  background-position: 2px -417px
}
.emojold-16 {
  background-position: 2px -447px
}
.emojold-17 {
  background-position: 2px -477px
}
.emojold-18 {
  background-position: 2px -507px
}
.emojold-19 {
  background-position: 2px -537px
}
.emojold-20 {
  background-position: 2px -567px
}
.emojold-21 {
  background-position: 2px -597px
}
.emojold-22 {
  background-position: 2px -627px
}
.emojold-23 {
  background-position: 2px -657px
}
.emojold-24 {
  background-position: 2px -687px
}
.emojold-25 {
  background-position: 2px -717px
}
.emojold-26 {
  background-position: 2px -747px
}
.emojold-27 {
  background-position: 2px -777px
}
.emojold-28 {
  background-position: 2px -807px
}
.emojold-29 {
  background-position: 2px -837px
}
.emojold-30 {
  background-position: 2px -867px
}
.emojold-31 {
  background-position: 2px -897px
}
.emojold-32 {
  background-position: 2px -927px
}
.emojold-33 {
  background-position: 2px -957px
}
.emojold-34 {
  background-position: 2px -987px
}
.emojold-35 {
  background-position: 2px -1017px
}
.emojold-36 {
  background-position: 2px -1047px
}
.emojold-37 {
  background-position: 2px -1077px
}
.emojold-38 {
  background-position: 2px -1107px
}
.emojold-39 {
  background-position: 2px -1137px
}
.emojold-40 {
  background-position: 2px -1167px
}
.emojold-41 {
  background-position: 2px -1197px
}
.emojold-42 {
  background-position: 2px -1227px
}
.emojold-43 {
  background-position: 2px -1257px
}
.emojold-44 {
  background-position: 2px -1287px
}
.emojold-45 {
  background-position: 2px -1317px
}
.emojold-46 {
  background-position: 2px -1347px
}
.emojold-47 {
  background-position: 2px -1377px
}
.emojold-48 {
  background-position: 2px -1407px
}
.emojold-49 {
  background-position: 2px -1437px
}
.emojold-50 {
  background-position: 2px -1467px
}
.emojold-51 {
  background-position: 2px -1497px
}
.emojold-52 {
  background-position: 2px -1527px
}
.emojold-53 {
  background-position: 2px -1557px
}
.emojold-54 {
  background-position: 2px -1587px
}
.emojold-55 {
  background-position: 2px -1617px
}
.emojold-56 {
  background-position: 2px -1647px
}
.emojold-57 {
  background-position: 2px -1677px
}
.emojold-58 {
  background-position: 2px -1707px
}
.emojold-59 {
  background-position: 2px -1737px
}
.emojold-60 {
  background-position: 2px -1767px
}
.emojold-61 {
  background-position: 2px -1798px
}
.emojold-62 {
  background-position: 2px -1827px
}
.emojold-63 {
  background-position: 2px -1857px
}
.emojold-64 {
  background-position: 2px -1887px
}
.emojold-65 {
  background-position: 2px -1917px
}
.emojold-66 {
  background-position: 2px -1947px
}
.emojold-67 {
  background-position: 2px -1977px
}
.emojold-68 {
  background-position: 2px -2007px
}
.emojold-69 {
  background-position: 2px -2037px
}
.emojold-70 {
  background-position: 2px -2067px
}
.emojold-71 {
  background-position: 2px -2097px
}
.emojold-72 {
  background-position: 2px -2127px
}
.emojold-73 {
  background-position: 2px -2157px
}
.emojold-74 {
  background-position: 2px -2187px
}
.emojold-75 {
  background-position: 2px -2217px
}
.emojold-76 {
  background-position: 2px -2247px
}
.emojold-77 {
  background-position: 2px -2277px
}
.emojold-78 {
  background-position: 2px -2307px
}
.emojold-79 {
  background-position: 2px -2337px
}
.emojold-80 {
  background-position: 2px -2367px
}
.emojold-81 {
  background-position: 2px -2397px
}
.emojold-82 {
  background-position: 2px -2427px
}
.emojold-83 {
  background-position: 2px -2457px
}
.emojold-84 {
  background-position: 5px -2487px
}
.emojold-85 {
  background-position: 2px -2517px
}
.emojold-86 {
  background-position: 2px -2547px
}
.emojold-87 {
  background-position: 2px -2577px
}
.emojold-88 {
  background-position: 2px -2607px
}
.emojold-89 {
  background-position: 2px -2637px
}
.emojold-90 {
  background-position: 2px -2667px
}
.emojold-91 {
  background-position: 2px -2697px
}
.emojold-92 {
  background-position: 2px -2727px
}
.emojold-93 {
  background-position: 2px -2757px
}
.emojold-94 {
  background-position: 2px -2787px
}
.emojold-95 {
  background-position: 2px -2817px
}
.emojold-96 {
  background-position: 2px -2847px
}
.emojold-97 {
  background-position: 2px -2877px
}
.emojold-98 {
  background-position: 2px -2907px
}
.emojold-99 {
  background-position: 2px -2937px
}
.emojold-100 {
  background-position: 2px -2967px
}
.emotion .animoji-box {
  padding-right: 0
}
.emotion .animoji-item {
  position: relative;
  width: 80px;
  height: 80px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 30px;
  padding: 0
}
.animoji {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  background: #fff;
  border: 0;
  cursor: pointer
}
.animoji img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto
}
.emotion .animoji-item span {
  display: block;
  width: 100%;
  float: right;
  line-height: 14px;
  color: #909090;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.competitive-container .data-tips {
  margin-top: 20px
}
#competitive-main .toast-con {
  font-size: 13px
}
.competitive_top_info {
  width: 100%;
  background: #fff;
  background-size: cover;
  position: relative;
  padding-top: .2rem;
  margin-bottom: 30px
}
.competitive_top_info > p {
  font-size: 12px;
  padding-bottom: .14rem;
  color: #50c7c1;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  position: absolute;
  left: 50%;
  top: .2rem;
  padding-top: .14rem;
  width: 4.5rem;
  margin-left: -2.25rem
}
.competition_show {
  width: 100%;
  background: #f9fafc;
  background-size: cover;
  position: relative;
  padding-top: .2rem
}
.competition_show > p {
  font-size: 12px;
  padding-bottom: .14rem;
  color: #50c7c1;
  text-align: center;
  background-color: #fff;
  border-radius: 30px;
  position: absolute;
  left: 50%;
  top: .2rem;
  padding-top: .14rem;
  width: 4.5rem;
  margin-left: -2.25rem
}
.competition_show_chart {
  width: 5.97rem;
  position: relative;
  margin: .3rem auto 0;
  text-align: center
}
.competition_show_chart img {
  width: 299px;
  height: 299px
}
#competitive-main #canvas, .competition_show_chart img {
  left: 50%;
  top: 0;
  position: absolute;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}
#competitive-main #canvas {
  z-index: 100
}
#competitive-main #canvas1 {
  position: absolute;
  z-index: 110;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}
.competition_show .competition_show_chart .competitiveness {
  font-size: 12px;
  font-weight: 700;
  color: #a3dedd;
  text-align: center;
  padding-top: 1.37rem
}
.competition_show .competition_show_chart .competitive_text {
  font-size: 58px;
  color: #363636;
  padding-top: 1.9rem;
  text-align: center
}
.competition_show .competition_show_chart .rank {
  font-size: 11px;
  background-color: #74c8cb;
  padding: .1rem .3rem;
  display: inline-block;
  color: #fff;
  border-radius: 25px;
  margin: .5rem auto 0
}
.competition_show .competition_show_chart .evaluate_time {
  font-size: 10px;
  color: #92ced5;
  text-align: center;
  padding-top: .2rem
}
.competitive_top_info .work_card {
  height: 1.2rem;
  margin: 0 40px;
  background-color: #fff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .09);
  position: relative
}
.competitive_top_info .work_card_shadow {
  box-shadow: 0 5px 19px 0 rgba(235, 233, 233, .8);
  height: 1.235rem;
  width: 94%;
  margin-left: 3%;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: -1.12rem;
  z-index: 199
}
.competitive_top_info .work_card .work_type {
  margin: 0 .2rem;
  padding-top: .25rem;
  overflow: hidden
}
.competitive_top_info .work_card .work_type span:first-child {
  font-size: 16px;
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
  margin-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.competitive_top_info .work_card .work_type span:last-child {
  color: #fc703e;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle
}
.competitive_top_info .work_card p {
  font-size: 13px;
  color: #797979;
  margin-left: .36rem;
  padding-top: .17rem
}
.competitive_top_info .work_card .tag {
  margin-left: .2rem;
  padding-top: .05rem;
  position: relative
}
.competitive_top_info .work_card .tag span {
  font-size: 13px;
  color: #797979;
  display: inline-block;
  padding-right: .2rem;
  text-align: center
}
.competitive_top_info .work_card .tag span:after {
  content: "";
  border-right: 1px solid #efeff3;
  position: relative;
  left: 6px
}
.competitive_top_info .work_card .tag span:last-child:after {
  border: none
}
.competitive_top_info .work_card .work-postimg {
  width: 46px;
  height: 16px;
  margin: 0 20px 0 10px
}
.chart_title {
  position: relative;
  padding: .2rem 0 .2rem .24rem;
  border-bottom: 1px solid #eef0f5
}
.chart_title img {
  height: .75rem;
  vertical-align: middle
}
.chart_title > div {
  display: inline-block;
  vertical-align: middle;
  margin-left: .4rem;
  width: 75%;
  position: relative
}
.chart_title div p:first-child {
  font-size: 16px;
  margin-bottom: .1rem;
  font-weight: 700
}
.chart_title div p:last-child {
  font-size: 15px;
  color: #aaa;
  min-height: 35px
}
.chart_title div p span.red {
  color: #ff6223
}
.highcharts-xaxis-labels:nth-child(2n) {
  width: 15px
}
#competitive-main .border {
  width: 100%;
  height: 12px;
  background-color: #fff
}
#competitive-main .chart_title.mt_70 {
  margin-top: .7rem
}
#competitive-main .bottom_height {
  margin-top: .8rem
}
#competitive-main .bar_title_one_row {
  font-size: 12px;
  line-height: .31rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1rem;
  text-align: right
}
#competitive-main .contaract_wrap {
  color: #515151;
  position: relative
}
#competitive-main .contaract_wrap.h_62 {
  height: .62rem
}
#competitive-main .hoz_bar {
  height: .31rem;
  background-color: #ededed;
  width: 4.96rem;
  position: absolute;
  border-radius: 50px;
  margin-left: 1.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
#competitive-main .contaract_wrap.h_31 {
  height: .31rem
}
#competitive-main .hoz_bar .bar_show {
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  height: 100%;
  background-image: linear-gradient(-90deg, #3266c8, #00d4fa);
  border-radius: 50px;
  -webkit-animation: move 1s ease
}
#competitive-main .hoz_bar .bar_show .percent {
  position: absolute;
  height: .31rem;
  line-height: .35rem;
  left: 100%;
  color: #1791e5;
  font-size: 12px;
  margin-left: .05rem
}
#competitive-main .bar_title_two_row {
  font-size: 10px;
  text-align: right;
  position: absolute;
  top: .1rem;
  left: 0;
  width: 1.1rem
}
#competitive-main .bar_title_two_row p:last-child {
  position: relative;
  top: -8px
}
#competitive-main .contaract_wrap.mb_50 {
  margin-bottom: .5rem
}
#competitive-main .contaract_wrap.mb_45 {
  margin-bottom: .45rem
}
#competitive-main .contaract_wrap.mt_82 {
  margin-top: .5rem
}
#competitive-main .contract_mark {
  width: 5.04rem;
  height: .26rem;
  margin-top: .25rem;
  margin-left: 1.15rem;
  display: block
}
#competitive-main .start_chat {
  width: 1.6rem;
  height: .74rem;
  margin-top: .29rem;
  margin-left: 4.99rem;
  display: none
}
#competitive-main .start-chat {
  text-align: right;
  font-size: 13px;
  padding: 10px 40px 0;
  cursor: pointer;
  display: none;
  float: right
}
#competitive-main .border.mt_48 {
  margin-top: .48rem
}
#competitive-main .match_mark {
  width: 5.3rem;
  position: absolute;
  height: 4.79rem;
  top: 0;
  left: 0;
  z-index: 10
}
#competitive-main .match_wrap {
  margin-left: .8rem;
  margin-top: 1rem;
  position: relative;
  height: 4.79rem;
  margin-bottom: .6rem
}
#competitive-main .ver_bar {
  width: .45rem;
  border-radius: 50px;
  position: absolute;
  bottom: .44rem;
  z-index: 100;
  height: 0
}
#competitive-main .ver_bar.match {
  background-image: linear-gradient(-180deg, #ef3e67, #ef793e)
}
#competitive-main .ver_bar .percent {
  position: absolute;
  left: 50%;
  top: -.3rem;
  color: #ef4a40;
  font-size: 12px;
  -webkit-transform: translate(-50%);
  transform: translate(-41%)
}
#competitive-main .ver_bar.lf_10 {
  left: .7rem
}
#competitive-main .ver_bar.lf_20 {
  left: 1.85rem
}
#competitive-main .ver_bar.lf_30 {
  left: 3.05rem
}
#competitive-main .ver_bar.lf_40, #competitive-main .ver_bar.lf_50 {
  left: 4.2rem
}
#competitive-main .here {
  position: absolute;
  font-size: 11px;
  color: #fff;
  width: 1.1rem;
  border-radius: 50px;
  text-align: center;
  line-height: 11px;
  padding-top: .1rem;
  padding-bottom: .1rem;
  display: none
}
#competitive-main .here[class*=match]:after {
  display: block;
  content: "";
  border: 5px solid transparent;
  border-top-color: #6d66fe;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -4px
}
#competitive-main .here.match {
  left: -.35rem;
  margin-top: -.65rem;
  background-image: linear-gradient(-90deg, #678afe, #9967fe);
  top: -.21rem
}
#competitive-main .qua_wrap {
  position: relative;
  margin-left: .6rem;
  margin-top: 1rem;
  height: 4.85rem
}
#competitive-main .qul_mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.62rem;
  height: 4.85rem
}
#competitive-main .ver_bar.qul {
  background-image: linear-gradient(0deg, #c2caff, #5528e6)
}
#competitive-main .ver_bar .percent.qul {
  color: #5b6fd3
}
#competitive-main .ver_bar.lf_11 {
  left: .6rem
}
#competitive-main .ver_bar.lf_21 {
  left: 1.67rem
}
#competitive-main .ver_bar.lf_31 {
  left: 2.79rem
}
#competitive-main .ver_bar.lf_41 {
  left: 3.9rem
}
.ver_bar.lf_51 {
  left: 5rem
}
.work_exp_wrap {
  color: #515151;
  position: relative;
  height: .31rem;
  margin-bottom: .6rem
}
.work_exp_wrap.mt_60 {
  margin-top: 1rem
}
.work_exp_wrap.mb_60 {
  margin-bottom: .6rem
}
.bar_show.work_exp {
  background-image: linear-gradient(90deg, #8deaa3, #29d183)
}
.bar_show.work_exp .percent {
  color: #29d183
}
.here.work_exp {
  background-image: linear-gradient(-90deg, #29c0ce, #82def8);
  top: -100%;
  margin-top: -.15rem;
  right: -.65rem
}
.here[class*=work_exp]:after {
  display: block;
  content: "";
  border: 5px solid transparent;
  border-top-color: #29c0ce;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -4px
}
.sal_wrap {
  position: relative;
  margin-left: .6rem;
  margin-top: 1rem;
  height: 4.71rem
}
.sal_wrap .Xtext {
  position: absolute;
  top: 4.71rem;
  left: 0;
  font-size: 14px
}
.sal_wrap .Xtext span:first-child {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: .6rem
}
.sal_wrap .Xtext span:nth-child(2) {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: 1.67rem
}
.sal_wrap .Xtext span:nth-child(3) {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: 2.7rem
}
.sal_wrap .Xtext span:nth-child(4) {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: 3.8rem
}
.sal_wrap .Xtext span:nth-child(5) {
  position: absolute;
  width: 1.5rem;
  top: 0;
  left: 4.85rem
}
.sal_wrap .sul_mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.63rem;
  height: 4.71rem
}
.ver_bar.sal {
  background-image: linear-gradient(180deg, #fdb926, #fee9a8)
}
.ver_bar .percent.sal {
  color: #fdb926
}
.here.sal {
  top: -.21rem;
  left: -.425rem;
  background-image: linear-gradient(90deg, #21bf68, #70d95a);
  margin-top: -.65rem
}
.here[class*=sal]:after {
  display: block;
  content: "";
  border: 5px solid transparent;
  border-top-color: #42cb59;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -4px
}
.peak_wrap {
  margin: .36rem auto 0;
  height: 1.46rem;
  position: relative;
  width: 6.38rem;
  overflow: hidden
}
.peak_wrap .no_active {
  width: 2.02rem;
  height: 1.46rem;
  position: absolute
}
.peak_wrap .active {
  width: 2.45rem;
  height: 1.46rem;
  position: absolute
}
.peak_wrap img:first-child {
  top: 0;
  left: 0
}
.peak_wrap img:nth-child(2) {
  top: 0;
  left: 1.86rem
}
.peak_wrap img:nth-child(3) {
  top: 0;
  left: 3.1rem
}
.peak_wrap img:nth-child(4) {
  top: 0;
  left: 4.34rem
}
.peak_text_wrap {
  font-size: 14px;
  margin: .2rem auto .6rem .5rem;
  text-align: center
}
.peak_text_wrap span {
  display: inline-block;
  width: 1.4rem;
  text-align: left;
  font-weight: 700;
  box-sizing: border-box
}
.peak_text_wrap span:last-child {
  margin-right: 0
}
#competitive-main .sub_wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  background-color: #fff;
  height: 1.31rem;
  line-height: 1.31rem
}
#competitive-main .sub {
  background-color: #53cac3;
  color: #fff;
  font-size: 16px;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  padding: .29rem 0;
  line-height: 16px;
  border-radius: 8px;
  margin-top: .2rem
}
#competitive-main .footer {
  height: 1.31rem;
  margin: 0 40px
}
#competitive-main .footer-line {
  border-top: 1px dashed #e5e5e5;
  position: relative;
  top: .6rem;
  text-align: center
}
#competitive-main .footer-line span {
  display: inline-block;
  position: relative;
  top: -.17rem;
  padding: 0 .05rem;
  font-size: .14rem;
  color: #363636;
  background: #fff
}
#competitive-main .tip {
  display: inline-block;
  width: .29rem;
  height: .29rem;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/tip.f8a0bdb5.png);
  background-size: contain;
  position: relative;
  vertical-align: middle;
  margin-right: 5px
}
#competitive-main .tip span {
  position: absolute;
  top: .54rem;
  left: -.89rem;
  width: 5.55rem;
  height: 1.62rem;
  background-color: #333;
  border-radius: 50px;
  color: #fff;
  line-height: .5rem;
  padding-left: .2rem;
  padding-top: .1rem;
  padding-right: .2rem;
  z-index: 2000;
  display: none
}
#competitive-main .tip span:before {
  content: "";
  border: 8px solid transparent;
  border-bottom-color: #333;
  display: inline-block;
  position: absolute;
  top: -.28rem;
  left: .85rem
}
#competitive-main .highcharts-xaxis-grid path:nth-child(2n) {
  stroke: #fd1e77
}
#competitive-main .m_t_8 {
  margin-top: .8rem
}
#competitive-main .stopImg {
  position: absolute;
  top: 17px;
  right: 120px;
  z-index: 10
}
#competitive-main {
  background: #fff;
  width: 100%;
  overflow: hidden;
  min-width: 750px;
  min-height: 500px;
  margin: 0 auto
}
#competitive-main .row-box {
  display: flex;
  margin: 0 40px;
  background: #fff
}
#competitive-main .row-box .row-one {
  width: 49%;
  background: #f9fafc;
  margin: 0 12px 0 0;
  flex-shrink: 0
}
#competitive-main .row-box .row-two {
  flex: 1;
  background: #f9fafc;
  margin: 0
}
#competitive-main .row-box .row-two .row-bottom {
  box-sizing: border-box;
  border-top: 10px solid #fff
}
#competitive-main .chart_title .title_right_info {
  position: absolute;
  right: .4rem;
  top: .2rem;
  width: auto;
  font-size: .2rem;
  text-align: right
}
#competitive-main .chart_title .right_info_num {
  margin-top: -2px;
  font-size: .3rem;
  display: inline-block
}
#competitive-main .right_info {
  position: absolute;
  right: .2rem;
  top: .2rem;
  font-size: .16rem;
  text-align: right
}
#competitive-main .right_info div {
  margin-bottom: .1rem
}
#competitive-main .right_info div:first-child {
  font-size: 14px
}
#competitive-main .right_info div img {
  border-radius: 50%;
  width: .22rem;
  height: .22rem;
  position: relative;
  top: .05rem;
  margin-right: 10px
}
#competitive-main .competitive-header {
  margin: 31px 45px 0
}
#competitive-main .competitive-header h1 {
  display: inline-block;
  font-size: .26rem;
  margin-right: .05rem
}
#competitive-main .competitive-header .competitive-time {
  font-size: .14rem;
  color: #9fa3b0;
  display: inline-block;
  margin-left: 15px
}
#competitive-main .competitive-header .competitive-label {
  float: right;
  height: 23px;
  background: #5dd5c8;
  border-radius: 100px;
  line-height: 23px;
  font-size: 12px;
  color: #fff;
  padding: 0 12px;
  margin: 18px 0 0
}
#competitive-main .dialog-con {
  font-size: 14px
}
.resume-analyze {
  width: 1200px;
  background: #fff;
  box-sizing: border-box;
  padding: 30px 0 46px;
  margin: 20px auto 0;
  min-height: calc(100vh - 90px)
}
.resume-analyze .page-select-resume {
  margin-bottom: -46px
}
.resume-analyze * {
  box-sizing: border-box
}
.resume-analyze .progess-container {
  padding: 0 30px
}
.resume-analyze .progess-title {
  font-size: 18px;
  color: #414a60;
  margin-bottom: 6px;
  font-weight: 500
}
.resume-analyze .progress-info {
  color: #61687c;
  line-height: 20px;
  margin-bottom: 10px
}
.resume-analyze .progress-bar {
  position: relative;
  float: none;
  width: 100%;
  height: 10px;
  background: #e3e7ed;
  border-radius: 8px;
  margin-bottom: 28px
}
.resume-analyze .progress-bar .progress-content {
  width: 25%;
  height: 10px;
  transition: all .3s;
  background: #5dd5c8;
  border-radius: 8px
}
.resume-analyze .progress-bar .text-count {
  position: absolute;
  top: -34px;
  right: 0;
  color: #414a60;
  font-size: 18px;
  line-height: 25px
}
.resume-analyze .progress-bar .text-count em {
  color: #00c2b3;
  font-style: normal
}
.resume-analyze .progress-tool {
  font-size: 14px;
  width: 770px;
  height: 40px;
  display: flex;
  margin-bottom: 20px
}
.resume-analyze .onlyOneItem {
  height: 28px
}
.resume-analyze .progress-tool .item {
  flex: 1;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  margin: 0 10px
}
.resume-analyze .progress-tool .threeItemClass {
  width: 238px
}
.resume-analyze .progress-tool .twoItemClass {
  width: 370px
}
.resume-analyze .progress-tool .oneItemClass {
  justify-content: left;
  font-size: 20px;
  height: 28px;
  color: #414a60;
  font-weight: 400;
  background: none !important
}
.resume-analyze .progress-tool .item:first-child {
  margin-left: 0
}
.resume-analyze .progress-tool .item:last-child {
  margin-right: 0
}
.resume-analyze .progress-tool .item:after, .resume-analyze .progress-tool .item:before {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #fff;
  border-width: 20px 15px;
  width: 0;
  height: 0
}
.resume-analyze .progress-tool .item:before {
  left: -15px
}
.resume-analyze .progress-tool .item:after {
  left: 100%
}
.resume-analyze .progress-tool .hasHandle:before {
  border-color: #b4e5e3 #b4e5e3 #b4e5e3 transparent
}
.resume-analyze .progress-tool .hasHandle:after {
  border-color: transparent transparent transparent #b4e5e3
}
.resume-analyze .progress-tool .isHandleIng:before {
  border-color: #5dd5c8 #5dd5c8 #5dd5c8 transparent
}
.resume-analyze .progress-tool .isHandleIng:after {
  border-color: transparent transparent transparent #5dd5c8
}
.resume-analyze .progress-tool .noHandle:before {
  border-color: #fff #fff #fff transparent
}
.resume-analyze .progress-tool .noHandle:after {
  border-color: transparent transparent transparent #fff
}
.resume-analyze .progress-tool .firstStep:before, .resume-analyze .progress-tool .lastStep:after {
  display: none
}
.resume-analyze .progress-tool .item .icon-analyze-check {
  margin-left: 5px;
  display: inline-block;
  width: 17px;
  height: 13px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-has-handle.7f41d6ec.png) no-repeat;
  background-size: cover
}
.resume-analyze .progress-tool .hasHandle {
  background: #b4e5e3
}
.resume-analyze .progress-tool .isHandleIng {
  background: #5dd5c8
}
.resume-analyze .progress-tool .noHandle {
  background: #fff;
  color: #8d92a1
}
.resume-analyze .main-content {
  background: #f8f9fb
}
.resume-analyze .main-content .experence {
  padding-top: 20px
}
.resume-analyze .data-tips {
  min-height: calc(100vh - 434px);
  height: auto
}
.resume-analyze .main-content .project-experence {
  height: 599px
}
.resume-analyze .main-content .experence .title {
  margin-bottom: 20px;
  display: flex;
  font-weight: 500
}
.resume-analyze .main-content .experence .title .text {
  font-size: 16px;
  color: #414a60;
  margin-right: 10px
}
.resume-analyze .main-content .experence .title .progress-number {
  font-size: 18px;
  color: #00c2b3
}
.resume-analyze-btns {
  text-align: right;
  padding-bottom: 24px
}
.resume-analyze-btns button:last-child {
  margin-left: 20px
}
.industry-category {
  box-sizing: content-box
}
.resume-analyze .main-content .item-form {
  width: 840px;
  margin: 0 auto;
  padding: 20px 0 0
}
.resume-analyze .resume-box .item-form .form-item {
  margin-bottom: 25px;
  width: 400px;
  padding: 0
}
.resume-analyze .resume-box .item-form .form-item:nth-child(2n) {
  margin-left: 40px
}
.resume-analyze .resume-box .item-form .form-item.form-item-full {
  margin-left: 0
}
.resume-analyze .datepicker-wrap .prefix-totoday {
  top: 6px;
  min-width: 100px
}
.resume-analyze .textarea-container {
  position: relative;
  width: 660px
}
.resume-analyze .scope-selecter .scope-select .ui-select-selection .ui-select-inner {
  padding: 6px 8px 5px
}
.resume-analyze .scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
  margin-left: 0
}
.resume-analyze .parser-describe-container .input-wrap-textarea {
  width: 100%;
  height: 200px
}
.resume-analyze .parser-describe-container .input-wrap-textarea textarea {
  height: 200px
}
.resume-analyze .resume-box .resume-project .item-form .form-item.form-item-full .item-content .date-scope .scope-separator {
  width: 40px
}
.resume-analyze .main-content .experence .item-line {
  display: flex;
  width: 664px;
  margin-bottom: 20px
}
.resume-analyze .main-content .experence .item-line .input-container {
  width: 316px;
  margin-right: 32px
}
.resume-analyze .main-content .experence .item-line .input-container .common-title {
  margin-bottom: 4px
}
.resume-analyze .main-content .experence .item-line .input-container .input-errpr-warp {
  position: relative
}
.resume-analyze .main-content .experence .item-line .input-container .input {
  width: 316px;
  height: 38px;
  background: #fff;
  border: 1px solid #e3e7ed;
  padding: 7px 14px;
  font-size: 14px;
  min-width: 0
}
.resume-analyze .main-content .experence .item-line .input-container .input:focus {
  border-color: #59cac2;
  box-shadow: 1px 2px 3px #d7f4f1
}
.datepicker-pannel {
  z-index: 120
}
.select-date-wrap-small {
  margin-right: 0 !important;
  position: relative
}
.select-date-wrap-small .date-picker-small .input-wrap, .select-date-wrap-small .date-picker-small .ipt {
  min-width: 110px;
  width: 137px;
  line-height: 26px
}
.select-date-wrap-small .date-picker-small .input-wrap input {
  width: 100% !important
}
.select-date-wrap-small .to {
  margin: 0 10px
}
.select-date-wrap-big {
  display: flex;
  position: relative
}
.select-date-wrap-big .ipt {
  width: 316px;
  line-height: 26px
}
.project-experence .to {
  margin: 0 10px;
  line-height: 37px
}
.resume-analyze .main-content .industry-name-container {
  position: relative
}
.resume-analyze .main-content .industry-name__container .input {
  padding-right: 60px;
  overflow: hidden;
  text-overflow: ellipsis
}
.resume-analyze .main-content .industry-name__container .forecast-icon {
  position: absolute;
  width: 32px;
  top: 50%;
  right: 20px;
  margin-top: -9px;
  z-index: 9
}
.resume-analyze .resume-box .item-form .skill-tag__container .ui-select-inner {
  height: auto
}
.resume-analyze .main-content .skill-tag__container .forecast-icon {
  position: absolute;
  width: 32px;
  top: 50%;
  right: 30px;
  margin-top: -9px;
  z-index: 9
}
.resume-analyze .main-content .personal-better {
  height: 500px
}
.resume-analyze .main-content .personal-better .padding-line {
  height: 10px;
  width: 770px;
  background: #eff0f5;
  margin-left: -53px
}
.resume-analyze .main-content .personal-better .origin-describe-container {
  height: 190px
}
.resume-analyze .main-content .personal-better .describe-title {
  font-size: 16px;
  font-weight: 500;
  color: #414a60;
  margin-bottom: 4px
}
.resume-analyze .main-content .personal-better .origin-describe-container .content {
  width: 664px;
  height: 140px;
  background: #f8f9fb;
  padding: 14px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #414a60;
  overflow-y: scroll
}
.resume-analyze .main-content .personal-better .parser-describe-container {
  height: 280px;
  padding-top: 20px;
  position: relative
}
.resume-analyze .main-content .personal-better .parser-describe-container .ipt {
  height: 140px;
  padding: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #414a60;
  line-height: 20px
}
.resume-analyze .main-content .personal-better .parser-describe-container .error-tips {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  color: #9fa3b0
}
.resume-analyze .main-content .personal-better .parser-describe-container .error-tips .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-error.4af2d3d7.png) no-repeat;
  background-size: cover
}
.resume-analyze .main-content .personal-better .parser-describe-container .textarea-container {
  position: relative;
  width: 840px;
  margin: 0 auto
}
.resume-analyze .main-content .personal-better .parser-describe-container .count-number {
  bottom: -24px;
  position: absolute;
  right: 0;
  color: #9fa3b0
}
.resume-analyze .dialog-warp {
  position: fixed;
  background: rgba(0, 0, 0, .4);
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.resume-analyze .finsh-modal .container {
  width: 460px;
  height: 180px;
  background: #fff;
  z-index: 99999;
  position: absolute;
  top: 300px;
  left: 50%;
  transform: translateX(-50%)
}
.resume-analyze .finsh-modal .container .title {
  padding: 30px 0 2px 30px;
  font-size: 15px;
  font-weight: 400;
  color: #414a60;
  display: flex;
  align-items: center
}
.resume-analyze .finsh-modal .container .title .ok-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-finsh.f6561814.png) no-repeat;
  margin-right: 20px
}
.resume-analyze .finsh-modal .container .text-msg {
  font-size: 13px;
  font-weight: 400;
  color: #61687c;
  padding-left: 72px;
  margin-bottom: 38px;
  text-align: left
}
.resume-analyze .finsh-modal .container .goToResume {
  width: 120px;
  height: 34px;
  background: #5dd5c8;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-left: 310px;
  cursor: pointer
}
.resume-analyze .similar-modal .container {
  width: 670px;
  height: 507px;
  background: #fff;
  z-index: 99999;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  padding: 24px 0 0 30px
}
.resume-analyze .similar-modal .isProjectExperience {
  height: 443px
}
.resume-analyze .similar-modal .isEducateExperience {
  height: 350px
}
.resume-analyze .similar-modal .container .icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer
}
.resume-analyze .similar-modal .container .title {
  font-size: 18px;
  font-weight: 400;
  color: #414a60
}
.resume-analyze .similar-modal .container .content {
  width: 610px;
  height: 364px;
  background: #f8f9fb;
  overflow-y: scroll;
  padding: 20px;
  margin-bottom: 20px
}
.resume-analyze .similar-modal .isProjectExperience .content {
  height: 300px
}
.resume-analyze .similar-modal .isEducateExperience .content {
  height: 92px;
  margin-bottom: 135px;
  overflow: hidden
}
.resume-analyze .similar-modal .isEducateExperience .title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  color: #414a60
}
.resume-analyze .similar-modal .isEducateExperience .educate {
  font-size: 15px;
  font-weight: 500;
  color: #414a60
}
.resume-analyze .similar-modal .isEducateExperience .educate .scholl {
  font-size: 15px
}
.resume-analyze .similar-modal .isEducateExperience .educate .year {
  font-size: 12px;
  font-weight: 400;
  color: #8d92a1
}
.resume-analyze .similar-modal .isEducateExperience .educate .line {
  display: inline-block;
  width: 1px;
  height: 13px;
  background: #e0e0e0;
  margin: 0 20px;
  vertical-align: middle
}
.resume-analyze .similar-modal .isEducateExperience .educate .degree {
  font-size: 14px
}
.resume-analyze .similar-modal .isEducateExperience .educate .degree, .similar-modal .isEducateExperience .educate .major {
  vertical-align: middle
}
.resume-analyze .similar-modal .container .content .first-line-title .name {
  font-size: 15px;
  font-weight: 500;
  color: #414a60;
  margin-right: 20px
}
.resume-analyze .similar-modal .container .content .first-line-title .time {
  font-size: 12px;
  font-weight: 400;
  color: #8d92a1
}
.resume-analyze .similar-modal .container .content .second-line-title {
  margin: 8px 0;
  font-size: 15px;
  font-weight: 500;
  color: #414a60;
  display: flex;
  align-items: center
}
.resume-analyze .similar-modal .container .content .second-line-title .line {
  margin: 0 20px;
  width: 1px;
  height: 13px;
  background: #e0e0e0
}
.resume-analyze .similar-modal .container .content .describe .describe-title {
  font-weight: 500
}
.resume-analyze .similar-modal .container .content .describe .describe-content {
  color: #61687c;
  line-height: 24px;
  word-break: break-all;
  word-wrap: break-word
}
.resume-analyze .similar-modal .container .content .second-describe {
  margin-top: 30px
}
.resume-analyze .similar-modal .container .emphasis {
  display: flex;
  margin-top: 20px
}
.resume-analyze .similar-modal .container .emphasis-item {
  padding: 0 15px;
  border-radius: 10px;
  border: 1px solid #8d92a1;
  font-size: 12px;
  font-weight: 400;
  color: #8d92a1;
  margin-right: 10px;
  height: 20px;
  line-height: 20px
}
.resume-analyze .similar-modal .buttons {
  display: flex;
  justify-content: flex-end;
  text-align: center;
  line-height: 34px
}
.resume-analyze .similar-modal .buttons button:last-child {
  margin: 0 30px 0 20px
}
.dialog-report-type-list .dialog-container {
  margin: 0;
  transform: translate(-50%, -50%);
  width: 660px;
  border-radius: 12px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  z-index: 1003;
  box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}
.dialog-report-type-list .dialog-title .title {
  padding: 30px 40px 12px;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px
}
.dialog-report-type-list .dialog-con {
  padding-bottom: 20px;
  max-height: 500px;
  overflow: auto
}
.dialog-report-type-list .dialog-con .type-list .type-item {
  padding: 0 24px;
  font-weight: 400;
  margin: 0 16px;
  cursor: pointer;
  border-radius: 12px;
  transition: all .2s linear
}
.dialog-report-type-list .dialog-con .type-list .type-item:hover {
  background: #f7f7f7
}
.dialog-report-type-list .dialog-con .type-list .type-item:hover .right-icon {
  background-position: -6px -8px
}
.dialog-report-type-list .dialog-con .type-list .type-item .type-item-inner {
  height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  position: relative
}
.dialog-report-type-list .dialog-con .type-list .type-item-inner .first-title {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 20px
}
.dialog-report-type-list .dialog-con .type-list .type-item-inner .second-title {
  font-size: 12px;
  color: #666;
  margin-top: 8px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 546px
}
.dialog-report-type-list .dialog-con .type-list .type-item-inner .right-icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -4px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}
.dialog-report-type-second .dialog-con {
  margin-top: 25px
}
.dialog-report-type-list .dialog-con .my-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 30px 40px 12px;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px;
  border-radius: 12px 12px 0 0;
  background: #fff
}
.dialog-report-type-list .dialog-con .back-to-first {
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, .3);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  overflow: hidden;
  transition: all .2s linear
}
.dialog-report-type-list .dialog-con .back-to-first:after {
  content: " ";
  display: block;
  width: 4px;
  height: 4px;
  margin-left: 3px;
  border-color: transparent transparent #fff #fff;
  border-style: solid;
  border-width: 1px;
  transform: rotate(45deg)
}
.dialog-report-type-list .dialog-con .back-to-first:hover {
  background: #3b86f6
}
.dialog-report-type-list .dialog-con .my-title .title-text {
  margin-left: 8px
}
.pop-report .dialog-container {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  z-index: 1003;
  box-shadow: 0 0 14px rgba(0, 0, 0, .11);
  margin: 0;
  width: 610px;
  transform: translate(-50%, -50%);
  border-radius: 12px;
  background: #fff url(https://img.bosszhipin.com/static/file/2022/07ye2wi0b01663661547292.png) 0 0/100% auto no-repeat
}
.pop-report .dialog-con {
  padding: 0
}
.pop-report .icon-close:after, .pop-report .icon-close:before {
  background: #777
}
.pop-report .dialog-con .prop-inner {
  padding: 0 29px 0 43px;
  max-height: calc(100vh - 178px);
  overflow: overlay;
  overflow: auto
}
.pop-report .dialog-con .my-title {
  display: flex;
  align-items: center;
  padding: 30px 43px 18px;
  font-size: 24px;
  font-weight: 600;
  color: #222;
  line-height: 33px
}
.pop-report .dialog-con .back-to-first {
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, .3);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  overflow: hidden;
  transition: all .2s linear
}
.pop-report .dialog-con .back-to-first:after {
  content: " ";
  display: block;
  width: 4px;
  height: 4px;
  margin-left: 3px;
  border-color: transparent transparent #fff #fff;
  border-style: solid;
  border-width: 1px;
  transform: rotate(45deg)
}
.pop-report .dialog-con .back-to-first:hover {
  background: #3b86f6
}
.pop-report .dialog-con .my-title .title-text {
  margin-left: 8px
}
.pop-report .dialog-footer {
  margin: 0 30px 30px 0
}
.pop-report .dialog-footer .btns .btn {
  border-radius: 6px;
  margin-left: 17px;
  padding: 3px 18px;
  transition: all .2s linear;
  height: 32px;
  line-height: 32px;
  min-width: 42px;
  font-size: 14px;
  box-sizing: content-box
}
.pop-report .dialog-footer .btns .btn-outline:hover {
  padding: 3px 18px;
  height: 32px;
  line-height: 32px;
  border-width: 1px;
  background: rgba(0, 190, 189, .1)
}
.pop-report .dialog-footer .btn-sure {
  color: #fff;
  background: #3b86f6;
  border-color: #3b86f6
}
.pop-report .dialog-footer .btn-sure:hover {
  background: rgba(0, 190, 189, .8);
  border-color: rgba(0, 190, 189, .8)
}
.pop-report .dialog-footer .btn-sure.btn-disabled {
  cursor: not-allowed;
  opacity: .5
}
.pop-report .form-row + .form-row {
  margin-top: 30px
}
.pop-report .form-row .t {
  float: left;
  width: 113px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px;
  padding-top: 10px
}
.pop-report .form-row .t-pic {
  padding-top: 38px
}
.pop-report .form-row .require-icon {
  color: #fe574a
}
.pop-report .form-row .report-first-title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px;
  padding-top: 12px
}
.pop-report .form-row dd {
  display: inline-block
}
.pop-report .ipt-wrap {
  display: block;
  margin-left: 113px
}
.pop-report .ipt-wrap .ipt {
  padding: 11px 16px;
  border: 1px solid #d4d5d6;
  border-radius: 4px;
  min-width: auto;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  transition: all .2s linear
}
.pop-report .ipt-wrap .ipt:focus, .pop-report .ipt-wrap .ipt:hover {
  border-color: #3b86f6;
  box-shadow: none
}
.pop-report .ipt-wrap textarea {
  height: 122px;
  resize: none;
  display: block
}
.pop-report input::-webkit-input-placeholder, .pop-report textarea::-webkit-input-placeholder {
  color: #999
}
.pop-report input::-ms-input-placeholder, .pop-report textarea:-ms-input-placeholder {
  color: #999
}
.pop-report input:-moz-placeholder, .pop-report input::-moz-placeholder, .pop-report textarea:-moz-placeholder, .pop-report textarea::-moz-placeholder {
  color: #999
}
.pop-report .form-row-choice .expand-btn {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: absolute;
  top: 7px;
  right: 0;
  border: 1px solid #3b86f6;
  box-sizing: border-box;
  transition: all .2s linear
}
.pop-report .form-row-choice .expand-btn:hover {
  border-color: rgba(0, 166, 167, .8)
}
.pop-report .form-row-choice .expand-btn:hover:before {
  border-color: transparent transparent rgba(0, 166, 167, .8) rgba(0, 166, 167, .8)
}
.pop-report .form-row-choice.is-pack .expand-btn:before {
  transform: rotate(-45deg);
  margin-top: -3px
}
.pop-report .form-row-choice.is-pack .report-second-title-list {
  max-height: 42px
}
.pop-report .form-row-choice .expand-btn:before {
  content: " ";
  display: block;
  width: 4px;
  height: 4px;
  margin-left: 0;
  margin-top: 3px;
  border-color: transparent transparent #3b86f6 #3b86f6;
  border-style: solid;
  border-width: 1px;
  transform: rotate(135deg)
}
.pop-report .form-row-choice, .pop-report .form-row-choice + .form-row-choice {
  margin-top: 20px
}
.pop-report .form-row .choice-t-warp {
  position: relative;
  padding-top: 3px;
  font-size: 12px;
  color: #666;
  font-weight: 400;
  line-height: 17px;
  width: 101px
}
.pop-report .fact-sheet-title {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  font-weight: 500;
  display: block;
  margin-top: 30px
}
.pop-report .select-option-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 390px;
  margin-bottom: -10px;
  margin-left: -12px;
  margin-right: -12px
}
.pop-report .select-option-list li {
  position: relative;
  max-width: 152px;
  font-size: 14px;
  color: #333;
  margin: 0 12px 8px
}
.pop-report .select-option-list li.show-tooltip .option-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.pop-report .select-option-list li .option-name {
  position: relative;
  display: block;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 24px;
  cursor: pointer;
  transition: all .2s linear
}
.pop-report .select-option-list.is-multiple li .option-name:before {
  border-radius: 4px
}
.pop-report .select-option-list.is-multiple li.is-check .option-name:after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  content: "";
  height: 8px;
  width: 4px;
  top: 4px;
  left: 5px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
  border-radius: 0;
  background: none
}
.pop-report .select-option-list li.is-check .option-name:after {
  content: " ";
  position: absolute;
  top: 7px;
  left: 5px;
  z-index: 2;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 100%
}
.pop-report .select-option-list li.is-check .option-name:before {
  background: #3b86f6;
  border: 1px solid #3b86f6
}
.pop-report .select-option-list li .option-name:before {
  content: " ";
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #d4d5d6;
  box-sizing: border-box
}
.pop-report .select-option-list li .option-name:hover:before {
  border-color: #3b86f6
}
.pop-report .select-option-list li.show-extra .extra-input {
  display: block
}
.pop-report .select-option-list li.show-extra:before {
  content: " ";
  position: absolute;
  z-index: 10;
  top: 21px;
  border-radius: 2px;
  left: 50%;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #d4d5d6;
  border-right: 1px solid #d4d5d6;
  border-color: #d4d5d6 transparent transparent #d4d5d6;
  border-style: solid;
  border-width: 1px;
  background: #fff;
  transform: rotate(45deg)
}
.pop-report .select-option-list li .extra-input {
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  width: 410px;
  height: 49px;
  z-index: 9;
  background: #fff
}
.pop-report .select-option-list li .extra-input input {
  outline: none;
  border: 1px solid #d4d5d6;
  width: 100%;
  border-radius: 4px;
  padding: 12px 16px;
  line-height: 20px;
  box-sizing: border-box
}
.pop-report .select-option-list li .extra-input input:focus, .pop-report .select-option-list li .extra-input input:hover {
  border: 1px solid #d4d5d6;
  box-shadow: none
}
.pop-report .report-second-title-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 390px;
  overflow: hidden;
  margin-bottom: -10px
}
.pop-report .report-second-title-list .second-title-item {
  overflow: visible;
  margin: 0 10px 10px 0
}
.pop-report .report-second-title-list .second-title {
  font-size: 14px;
  color: #1d2129;
  line-height: 20px;
  padding: 5px 15px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #d4d5d6;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap
}
.pop-report .tooltip-black-title {
  background: #464646;
  border-radius: 2px;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1011;
  transform: translate(-50%);
  word-break: break-all;
  max-width: 300px
}
.pop-report .report-second-title-list .second-title:hover {
  background: #e5f9f8;
  border: 1px solid #3b86f6
}
.pop-report .report-second-title-list .second-title.active {
  color: #3b86f6;
  background: #e5f9f8;
  border: 1px solid #3b86f6;
  font-weight: 500
}
.pop-report .report-second-title-list .second-title-item.has-arrow {
  position: relative
}
.pop-report .report-second-title-list .second-title-item.has-arrow:after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: 34px;
  margin-left: -4px;
  border: 4px solid transparent;
  border-bottom-color: #f2f2f2
}
.pop-report .third-title-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 390px;
  box-sizing: border-box;
  padding: 10px 10px 0;
  margin-top: 10px;
  background: #f2f2f2;
  border-radius: 8px;
  overflow: hidden
}
.pop-report .third-title-list .third-title {
  position: relative;
  font-size: 14px;
  color: #1d2129;
  line-height: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer
}
.pop-report .third-title-list .third-title:before {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #d4d5d6;
  vertical-align: middle;
  margin-right: 8px;
  transition: all .2s linear
}
.pop-report .third-title-list .third-title.active:before, .pop-report .third-title-list .third-title:hover:before {
  border-color: #3b86f6
}
.pop-report .third-title-list .third-title.active:after {
  content: " ";
  position: absolute;
  top: 6px;
  left: 4px;
  width: 10px;
  height: 10px;
  z-index: 1;
  border-radius: 100%;
  background: #3b86f6
}
.pop-report .dropdown-menu ul::-webkit-scrollbar-track-piece, .pop-report textarea::-webkit-scrollbar-track-piece {
  background-color: #fff
}
.pop-report .dropdown-menu ul::-webkit-scrollbar, .pop-report textarea::-webkit-scrollbar {
  width: 4px
}
.pop-report .dropdown-menu ul::-webkit-scrollbar-thumb, .pop-report textarea::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd
}
.pop-report textarea::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc
}
.pop-report .count-num {
  position: absolute;
  bottom: 1px;
  right: 10px;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  z-index: 1;
  padding: 2px 0 2px 5px;
  background-color: hsla(0, 0%, 100%, .5)
}
.pop-report .count-num em {
  color: #3b86f6
}
.pop-report .form-row {
  position: relative
}
.pop-report .text-error {
  display: block;
  color: #fe574a;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  padding-left: 113px
}
.pop-report .pic-error {
  padding-left: 0
}
.pop-report a {
  color: inherit;
  *color: #9fa3b0
}
.pop-report .upload {
  display: block;
  margin-left: 113px;
  color: #00c2b3;
  position: relative
}
.pop-report .upload .upload-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  float: left;
  cursor: pointer;
  margin-bottom: 8px;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #3b86f6;
  transition: all .2s linear;
  box-sizing: border-box
}
.pop-report .upload .upload-btn .icon-plus {
  width: 20px;
  height: 20px;
  background: url(https://img.bosszhipin.com/static/file/2022/swxt6st5pr1671433165610.png) no-repeat;
  background-size: contain;
  display: block
}
.pop-report .upload a {
  font-size: 14px;
  color: #3b86f6;
  line-height: 20px;
  margin-top: 15px
}
.pop-report .upload .upload-btn:hover {
  background: rgba(0, 190, 189, .1)
}
.pop-report .upload a .icon-toast-loading {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  background: url(https://img.bosszhipin.com/static/file/2022/14gh9y27171671433010637.png) 50% no-repeat;
  -webkit-animation: rotate .8s linear infinite;
  animation: rotate .8s linear infinite
}
.pop-report .upload a:hover {
  color: #55cbc4
}
.pop-report .upload input {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2
}
.pop-report .preview {
  width: 425px
}
.pop-report .preview ul {
  display: flex;
  width: 425px;
  flex-wrap: wrap;
  margin-bottom: -8px
}
.pop-report .preview li {
  position: relative;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 0 8px 8px 0;
  background-color: #9fa3b0
}
.pop-report .preview .link-close {
  border-radius: 50%;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  background-image: url(https://img.bosszhipin.com/static/file/2022/qu1swb29as1671433103170.png);
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100%
}
.pop-report .preview .link-close:hover {
  background-position: 0 -40px
}
.pop-report .preview img {
  max-width: 100%;
  max-height: 100%;
  display: block
}
.pop-report .verify-box {
  font-size: 0;
  vertical-align: middle
}
.pop-report .verify-box-new input {
  top: 0 !important
}
.pop-report .verify-box-new {
  position: relative;
  margin-left: 113px;
  min-height: 44px;
  background: #e8e8e8;
  border-radius: 4px
}
.pop-report .verify-box-new .verify-init-btn {
  line-height: 42px;
  height: 44px;
  border-radius: 4px
}
.pop-report .verify-box-new .verify-init-btn .verify-init-dot {
  top: 10px
}
.pop-report .verify-box-new .geetest_holder.geetest_wind {
  height: 44px
}
.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
  top: 5px
}
.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_wait {
  margin: 12px
}
.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar {
  margin: 6px
}
.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar_btn {
  border-radius: 4px
}
.pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_radar_tip, .pop-report .verify-box-new .geetest_holder.geetest_wind .geetest_success_radar_tip {
  height: 44px;
  line-height: 42px;
  border-radius: 4px
}
.pop-report .verify-box-new:before {
  position: absolute;
  left: 50%;
  margin-left: -10px;
  content: "正在加载中";
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) 100% no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 44px;
  color: #969696
}
.pop-report input:focus, .pop-report textarea:focus {
  box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
  border-color: #00d7c6
}
.pop-report .form-row.form-row-protocol {
  margin-top: 26px;
  margin-bottom: 20px
}
.pop-report .report-protocol {
  display: block;
  margin-left: 113px
}
.pop-report .report-protocol p {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px
}
.pop-report .report-protocol a {
  color: #00c4b3
}
.pop-report .report-protocol span {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  margin-top: 0
}
.pop-report .btn {
  min-width: 30px;
  padding: 0 30px;
  height: 32px;
  line-height: 32px;
  color: #5dd5c8;
  font-size: 14px
}
.pop-report .report-account {
  display: flex;
  align-items: center
}
.pop-report .report-account .ipt {
  width: 210px
}
.pop-report .report-account.is-edit .ipt {
  display: block
}
.pop-report .report-account .ipt, .pop-report .report-account.is-edit .account-text {
  display: none
}
.pop-report .report-account .account-text {
  display: block;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: kanzhun-Regular, kanzhun;
  color: #222;
  line-height: 29px;
  font-size: 24px;
  padding: 7px 0 8px
}
.pop-report .report-account .modify-account-btn {
  font-weight: 500;
  color: #3b86f6;
  line-height: 20px;
  font-size: 14px;
  margin-left: 16px;
  transition: all .2s linear
}
.pop-report .report-account .modify-account-btn:hover {
  color: rgba(0, 166, 167, .8)
}
.pop-report .contract-account-tip {
  display: block;
  margin-left: 113px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 17px;
  margin-top: 12px
}
.dialog-back-to-type-list .dialog-container {
  z-index: 1003;
  box-shadow: 0 0 14px rgba(0, 0, 0, .11);
  padding: 30px;
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -70%)
}
.dialog-back-to-type-list .dialog-container .dialog-con {
  padding: 20px 0
}
.pop-report-extra .dialog-con .my-title {
  padding: 30px 40px 18px
}
.pop-report-extra .dialog-con .my-title .icon-success {
  height: 20px
}
.pop-report-extra .dialog-con .prop-inner {
  padding: 0 40px
}
.pop-report-extra .prop-inner .extra-info-tip {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin-top: 12px
}
.pop-report-extra .prop-inner .extra-option-wrapper {
  background: #f7f7f7;
  border-radius: 4px;
  padding: 20px;
  margin-top: 8px
}
.pop-report-extra .prop-inner .form-row {
  margin-top: 0
}
.pop-report-extra .prop-inner .form-row + .form-row {
  margin-top: 30px
}
.pop-report-extra .dialog-footer {
  padding: 30px 40px
}
.pop-report-extra .form-row .choice-t-warp {
  width: 76px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 20px
}
.pop-report-extra .select-option-list {
  width: auto
}
.pop-report-extra .select-option-list li {
  margin: 0 10px 16px;
  max-width: none;
  display: flex;
  align-items: center
}
.pop-report-extra .select-option-list li .option-name {
  width: auto
}
.pop-report-extra .select-option-list li.show-extra:before {
  content: none
}
.pop-report-extra .select-option-list li .extra-input {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: 28px;
  margin-left: 8px;
  background: transparent
}
.pop-report-extra .select-option-list li .extra-input input {
  border: 1px solid #d4d5d6;
  width: 160px;
  font-size: 12px;
  border-radius: 4px;
  padding: 3px 7px;
  line-height: 20px;
  box-sizing: border-box;
  background: #fff
}
.pop-report-extra .select-option-list li .error-text {
  display: none;
  position: absolute;
  left: 0;
  top: 28px;
  z-index: 1;
  font-size: 12px;
  line-height: 16px;
  color: #fe574c
}
.pop-report-extra .select-option-list li.has-error .error-text {
  display: block
}
.pop-report-extra .select-option-list li.has-error .extra-input input {
  border-color: #fe574c
}
input::-webkit-input-placeholder {
  color: #9fa3af
}
input:-ms-input-placeholder {
  color: #9fa3af
}
input:-moz-placeholder, input::-moz-placeholder {
  color: #9fa3af
}
textarea::-webkit-input-placeholder {
  color: #9fa3af
}
textarea:-ms-input-placeholder {
  color: #9fa3af
}
textarea:-moz-placeholder, textarea::-moz-placeholder {
  color: #9fa3af
}
.satisfaction-collect-popper {
  position: fixed;
  right: 88px;
  bottom: 40px;
  z-index: 1004;
  width: 550px;
  background: #fff;
  box-shadow: 0 4px 16px 0 hsla(0, 0%, 60%, .2);
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box
}
.satisfaction-collect-popper .satisfaction-collect-close {
  position: absolute;
  z-index: 9;
  width: 24px;
  height: 24px;
  top: 10px;
  right: 10px;
  cursor: pointer
}
.satisfaction-collect-popper .satisfaction-collect-close:after, .satisfaction-collect-popper .satisfaction-collect-close:before {
  content: " ";
  position: absolute;
  width: 16px;
  height: 1px;
  background: #999;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 4px;
  top: 12px;
  transition: all .2s linear
}
.satisfaction-collect-popper .satisfaction-collect-close:after {
  transform: rotate(-45deg)
}
.satisfaction-collect-popper .satisfaction-collect-close:hover:after, .satisfaction-collect-popper .satisfaction-collect-close:hover:before {
  background: #666
}
.satisfaction-collect-popper .satisfaction-collect-title {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  padding-left: 12px;
  margin-bottom: 12px
}
.satisfaction-collect-popper .satisfaction-collect-title:before {
  content: " ";
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
  width: 4px;
  height: 16px;
  background: #3b86f6;
  border-radius: 2px
}
.satisfaction-collect-popper .collect-reason-tip {
  font-size: 12px;
  color: #f53d47;
  line-height: 17px;
  font-weight: 400
}
.satisfaction-collect-popper .satisfaction-collect-extra {
  display: none;
  margin-top: 24px
}
.satisfaction-collect-popper .satisfaction-collect-level {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 12px
}
.satisfaction-collect-popper .satisfaction-collect-level li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  font-size: 13px;
  font-weight: 400;
  color: #999;
  line-height: 18px;
  cursor: pointer;
  white-space: nowrap;
  transition: color .2s linear
}
.satisfaction-collect-popper .satisfaction-collect-level li.active, .satisfaction-collect-popper .satisfaction-collect-level li:hover {
  color: #666
}
.satisfaction-collect-popper .satisfaction-collect-level li + li {
  margin-left: 40px
}
.satisfaction-collect-popper .satisfaction-collect-level li:before {
  content: " ";
  display: block;
  width: 50px;
  height: 50px;
  background: url(https://img.bosszhipin.com/static/file/2023/3vf0zpg1ju1675133526258.png) 0 0/50px auto no-repeat
}
.satisfaction-collect-popper .satisfaction-collect-level .level-1.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-1:hover:before {
  background-position: 0 -250px
}
.satisfaction-collect-popper .satisfaction-collect-level .level-2:before {
  background-position: 0 -50px
}
.satisfaction-collect-popper .satisfaction-collect-level .level-2.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-2:hover:before {
  background-position: 0 -300px
}
.satisfaction-collect-popper .satisfaction-collect-level .level-3:before {
  background-position: 0 -100px
}
.satisfaction-collect-popper .satisfaction-collect-level .level-3.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-3:hover:before {
  background-position: 0 -350px
}
.satisfaction-collect-popper .satisfaction-collect-level .level-4:before {
  background-position: 0 -150px
}
.satisfaction-collect-popper .satisfaction-collect-level .level-4.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-4:hover:before {
  background-position: 0 -400px
}
.satisfaction-collect-popper .satisfaction-collect-level .level-5:before {
  background-position: 0 -200px
}
.satisfaction-collect-popper .satisfaction-collect-level .level-5.active:before, .satisfaction-collect-popper .satisfaction-collect-level .level-5:hover:before {
  background-position: 0 -450px
}
.satisfaction-collect-popper .satisfaction-collect-level li .gif-animate {
  display: none;
  width: 50px;
  height: 50px
}
.satisfaction-collect-popper .satisfaction-collect-level li.has-animate:hover .gif-animate {
  display: block
}
.satisfaction-collect-popper .satisfaction-collect-level li.has-animate:hover:before {
  content: none
}
.satisfaction-collect-popper .satisfaction-collect-reason {
  overflow: hidden;
  margin: 8px
}
.satisfaction-collect-popper .satisfaction-collect-reason li {
  margin: 4px;
  float: left;
  background: #f8f8f8;
  border-radius: 4px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  padding: 1px 8px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all .2s linear
}
.satisfaction-collect-popper .satisfaction-collect-reason li.active, .satisfaction-collect-popper .satisfaction-collect-reason li:hover {
  color: #3b86f6;
  background: rgba(0, 190, 189, .1)
}
.satisfaction-collect-popper .satisfaction-collect-reason li.active {
  border: 1px solid #3b86f6
}
.satisfaction-collect-popper .satisfaction-collect-textarea {
  display: block;
  width: 486px;
  height: 80px;
  padding: 10px 16px;
  background: #f8f8f8;
  border-radius: 4px;
  font-size: 13px;
  line-height: 20px;
  margin: 0 12px;
  box-sizing: border-box;
  outline: none;
  resize: none;
  color: #666;
  border: 1px solid transparent;
  transition: all .2s linear
}
.satisfaction-collect-popper .satisfaction-collect-textarea:focus, .satisfaction-collect-popper .satisfaction-collect-textarea:hover {
  border: 1px solid #3b86f6
}
.satisfaction-collect-popper .satisfaction-collect-operate {
  display: none;
  text-align: right;
  margin: 16px 12px 0
}
.satisfaction-collect-popper .satisfaction-collect-btn {
  padding: 6px 30px;
  background: #3b86f6;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 20px;
  transition: all .2s linear
}
.satisfaction-collect-popper .satisfaction-collect-btn:hover {
  background: rgba(0, 190, 189, .8)
}
.satisfaction-collect-popper .satisfaction-collect-btn.is-disabled {
  opacity: .8;
  cursor: not-allowed
}
.satisfaction-collect-popper .satisfaction-collect-btn.is-disabled:hover {
  background: #3b86f6
}
.satisfaction-collect-popper .satisfaction-collect-btn + .satisfaction-collect-btn {
  margin-right: 20px
}
.position-dialog .dialog-container {
  padding: 0
}
.position-dialog .dialog-container .dialog-body {
  max-height: none
}
.position-dialog .dialog-container .dialog-header .close {
  z-index: 2000
}
.position-dialog .position-selecter {
  position: relative;
  width: 890px;
  background-color: #fff;
  z-index: 1003;
  color: #414a60
}
.position-dialog .position-selecter .position-title {
  height: 46px;
  line-height: 26px;
  padding: 10px 23px;
  position: relative
}
.position-dialog .position-selecter .position-title .title {
  font-weight: 400;
  float: left
}
.position-dialog .position-selecter .position-title .position-search {
  margin-left: 147px
}
.position-dialog .position-selecter .position-title .position-search .position-input {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 30px
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-icon-search {
  position: absolute;
  right: 12px;
  top: 7px;
  z-index: 1;
  font-size: 16px;
  color: #9fa3af
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select {
  display: block;
  width: 100%
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection {
  border: none
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection.ui-select-selection-focused {
  box-shadow: unset
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner {
  padding: 0
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner input {
  height: 30px;
  width: 100%;
  padding: 5px 30px 5px 20px;
  border: 1px solid #e1e6ea;
  border-radius: 15px;
  font-size: 12px;
  cursor: text
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner input:focus {
  border-color: #00d7c6;
  box-shadow: 1px 2px 3px #d7f4f1
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-selection .ui-select-inner .ui-icon-arrow-down {
  display: none
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown {
  box-shadow: 1px 2px 14px rgba(0, 0, 0, .11);
  max-height: 400px;
  margin: 0;
  padding: 0;
  top: 34px
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li {
  padding: 10px 2px 9px 24px;
  background-color: #fff;
  cursor: pointer
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li:hover {
  background-color: #f2f5f9
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-name {
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-name .h {
  color: #18c3b1
}
.position-dialog .position-selecter .position-title .position-search .position-input .ui-select .ui-select-dropdown .ui-dropdown-list li .p-des {
  display: block;
  margin-top: 3px;
  line-height: 18px;
  font-size: 12px;
  color: #9fa3b0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.position-dialog .position-selecter .position-title .position-search .ui-dropdown-not-found {
  padding: 10px 8px;
  cursor: default
}
.position-dialog .position-selecter .position-content {
  overflow: hidden;
  min-height: 500px;
  max-height: 700px;
  display: flex
}
.position-dialog .position-selecter .position-content .position-category-wrap {
  width: 150px;
  max-height: 500px;
  padding-top: 10px;
  overflow-y: auto;
  background-color: #f9fafb
}
.position-dialog .position-selecter .position-content .position-category-wrap li {
  position: relative;
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
  color: #424a5e;
  padding-left: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}
.position-dialog .position-selecter .position-content .position-category-wrap li.active {
  background-color: #fff
}
.position-dialog .position-selecter .position-content .position-category-wrap li.active:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  background-color: #5dd5c8;
  left: 0;
  top: 0
}
.position-dialog .position-selecter .position-content .position-list-wrap {
  flex: 1;
  max-height: 500px;
  overflow-y: auto;
  padding: 10px 22px 22px
}
.position-dialog .position-selecter .position-content .position-list-wrap .navs {
  height: 40px;
  zoom: 1;
  overflow: hidden
}
.position-dialog .position-selecter .position-content .position-list-wrap .navs span {
  width: 25%;
  float: left;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.position-dialog .position-selecter .position-content .position-list-wrap .navs span:hover {
  color: #5dd5c8
}
.position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-three:before {
  content: "+";
  display: inline-block;
  width: 12px;
  height: 12px;
  color: #2cc7b7;
  border: 1px solid #2cc7b7;
  line-height: 9px;
  text-align: center;
  margin-right: 5px
}
.position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-three.active:before {
  content: "-"
}
.position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-two.active {
  color: #2cc7b7
}
.position-dialog .position-selecter .position-content .position-list-wrap .navs span.stage-title {
  width: 100%;
  font-size: 13px;
  color: #00c2b3;
  padding-left: 21px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-light.8fa14f47.png) no-repeat 0;
  background-size: 11px auto;
  cursor: default
}
.position-dialog .position-selecter .position-content .position-list-wrap .position-list {
  border: 1px solid #f3f3f3;
  zoom: 1;
  overflow: hidden;
  padding: 8px 0
}
.position-dialog .position-selecter .position-content .position-list-wrap .position-list span {
  display: inline-block;
  width: 25%;
  float: left;
  padding: 6px 0 6px 17px;
  color: #9fa3af;
  line-height: 40px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.position-dialog .position-selecter .position-content .position-list-wrap .position-list span.active {
  color: #2cc7b7
}
.industry-selecter .dialog-container {
  padding: 0;
  width: 850px;
  background-color: #fff;
  box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}
.industry-selecter .dialog-container .dialog-header {
  height: 60px;
  line-height: 59px;
  border-bottom: 1px solid #f5f6f9
}
.industry-selecter .dialog-container .dialog-header .title {
  font-size: 16px;
  color: #434a5e;
  padding-left: 20px;
  font-weight: 400
}
.industry-selecter .dialog-container .dialog-header .close {
  top: 16px;
  overflow: hidden
}
.industry-selecter .dialog-container .dialog-header .close:hover {
  background-color: #ddd
}
.industry-selecter .dialog-container .dialog-header .close .icon-close {
  vertical-align: unset;
  position: unset
}
.industry-selecter .industry-title {
  height: 60px;
  border-bottom: 1px solid #f5f6f9;
  position: relative
}
.industry-selecter .industry-title .title {
  color: #434a5e;
  font-size: 16px;
  font-weight: 400;
  padding-left: 20px;
  line-height: 60px
}
.industry-selecter .industry-title .btn-close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 15px;
  top: 10px;
  font-size: 24px;
  color: #e1e6ea;
  cursor: pointer
}
.industry-selecter .industry-title .btn-close:hover i {
  background-color: #ddd;
  color: #414a60;
  transition: all .2s linear
}
.industry-selecter .industry-content {
  background-color: #fff
}
.industry-selecter .industry-content .industry-tip {
  height: 48px;
  padding: 0 20px
}
.industry-selecter .industry-content .industry-tip .confirm {
  float: right;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  color: #fff;
  border-radius: 12px;
  margin-top: 12px;
  cursor: pointer;
  background-color: #5dd5c8
}
.industry-selecter .industry-content .industry-tip .ui-select {
  width: auto
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-dropdown {
  width: 220px !important
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection {
  border: none
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection.ui-select-selection-focused {
  box-shadow: unset
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner {
  padding: 0
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag {
  height: 24px;
  padding: 0 10px;
  margin-right: 12px;
  border-radius: 12px;
  background-color: unset;
  border: 1px solid #9ee6de;
  color: #00c2b3;
  line-height: 22px
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag .ui-tag-text {
  display: inline-block;
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag .ui-icon-close {
  width: 12px;
  height: 12px;
  margin: 2px -2px 0 0
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-tag:last-of-type {
  margin-right: 0
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-select-input {
  width: 40px !important
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-select-input:focus {
  box-shadow: unset;
  border: none
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-selection .ui-select-inner .ui-icon-arrow-down {
  display: none
}
.industry-selecter .industry-content .industry-tip .ui-select .ui-select-dropdown {
  margin-top: 10px
}
.industry-selecter .industry-content .industry-tip .tip-txt {
  color: #d1d4db;
  font-size: 14px;
  line-height: 48px
}
.industry-selecter .industry-content .industry-panel {
  max-height: 442px;
  overflow-y: auto
}
.industry-selecter .industry-content .industry-panel .industry-item {
  font-size: 14px;
  display: table;
  width: 100%
}
.industry-selecter .industry-content .industry-panel .industry-item:nth-child(odd) {
  background-color: #f9fafb
}
.industry-selecter .industry-content .industry-panel .industry-item .industry-category {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  border-right: 1px solid #f5f6f9
}
.industry-selecter .industry-content .industry-panel .industry-item .industry-category-item {
  padding: 15px 20px 5px;
  line-height: 26px
}
.industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 32%;
  overflow: hidden;
  cursor: pointer
}
.industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span.active, .industry-selecter .industry-content .industry-panel .industry-item .industry-category-item span:hover {
  color: #00c2b3
}
.skill-tag-selecter .ui-select {
  width: 100%;
  display: block
}
.skill-tag-selecter .ui-select .ui-select-dropdown {
  max-height: 300px
}
.skill-tag-selecter .ui-select .ui-select-item {
  width: 20%;
  float: left;
  clear: none;
  padding: 0 0 0 10px;
  height: 40px
}
.skill-tag-selecter .ui-select .ui-select-item:hover {
  background-color: unset
}
.skill-tag-selecter .ui-select .ui-select-item .ui-tag {
  display: block;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
  background: none;
  border: 1px solid #fff
}
.skill-tag-selecter .ui-select .ui-select-item .ui-tag:hover {
  background-color: #f2f5fa;
  border-color: #f2f5fa
}
.skill-tag-selecter .ui-select .ui-select-item-selected .ui-tag, .skill-tag-selecter .ui-select .ui-select-item-selected .ui-tag:hover {
  color: #00c2b3;
  border-color: #9ee6de;
  background-color: #fff
}
.skill-tag-selecter .ui-select .ui-dropdown-not-found {
  padding: 0
}
.skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box {
  background-color: #f2f5fa;
  line-height: 40px;
  padding: 0 17px;
  text-align: left;
  font-size: 14px
}
.skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box span {
  float: right;
  color: #d1d4db
}
.skill-tag-selecter .ui-select .ui-dropdown-not-found .tip-box i {
  color: #16c3b1;
  font-style: normal
}
.skill-tag-selecter .ui-select-multiple .ui-select-item-selected:after {
  display: none
}
.serial-selecter .serial-toolbar {
  height: 39px;
  border: 1px solid #e3e7ed;
  border-bottom: none;
  background-color: #f8f9fb;
  padding-left: 4px
}
.serial-selecter .serial-toolbar .serial-btn {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 38px;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  color: #9fa3b0
}
.serial-selecter .serial-toolbar .serial-btn:hover {
  color: #00c2b3
}
.serial-selecter .serial-toolbar .serial-btn:hover .tip {
  display: block
}
.serial-selecter .serial-toolbar .serial-btn .tip {
  position: absolute;
  z-index: 1;
  top: -30px;
  left: -18px;
  display: none;
  font-style: normal;
  font-size: 14px;
  cursor: pointer;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #61687c;
  background-color: #fff;
  border: 1px solid #f3f4f6;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .06)
}
.serial-selecter .serial-toolbar .serial-btn .tip:hover {
  color: #00c2b3
}
.serial-selecter .serial-toolbar .serial-btn .tip:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -20px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #fff;
  z-index: 2
}
.scope-selecter {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}
.scope-selecter .scope-separator {
  display: block;
  margin: 0 10px
}
.scope-selecter .scope-select {
  flex: 1;
  height: 100%
}
.scope-selecter .scope-select .ui-select-selection {
  height: 100%
}
.scope-selecter .scope-select .ui-select-selection .ui-select-inner {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0
}
.scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
  margin-left: 15px
}
.scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder {
  color: #8d92a1
}
.standard .popover-dark {
  border-radius: 4px;
  opacity: .8
}
.standard .popover-dark:before {
  background: #111
}
.standard .popover-dark .popover-content {
  background-color: #000
}
.common-dialog .dialog-header .icon-dialog.icon-dialog-warning {
  margin-top: 1px;
  width: 20px;
  height: 20px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog-warning.26eb610e.png) 0 0 no-repeat;
  background-size: 20px 20px
}
.common-dialog .dialog-header .icon-dialog.icon-dialog-success {
  margin-top: 1px;
  width: 20px;
  height: 20px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog-success.0e874e2e.png) 0 0 no-repeat;
  background-size: 20px 20px
}
.common-dialog .dialog-header .icon-dialog.icon-dialog-error {
  margin-top: 1px;
  width: 20px;
  height: 20px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog-error.2761d7af.png) 0 0 no-repeat;
  background-size: 20px 20px
}
.common-dialog .dialog-header .icon-dialog.icon-dialog-info {
  margin-top: 1px;
  width: 20px;
  height: 20px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog-info.998101f9.png) 0 0 no-repeat;
  background-size: 20px 20px
}
.common-dialog .dialog-header h3.title {
  margin-left: 30px;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  line-height: 22px
}
.common-dialog .dialog-header .close {
  top: 18px;
  right: 18px;
  color: #999
}
.common-dialog .dialog-body {
  padding-left: 30px
}
.common-dialog .dialog-body .tip-text {
  padding: 8px 0;
  font-size: 16px;
  color: #747680
}
.common-dialog .dialog-body .input {
  width: 360px;
  height: 38px;
  background: #f8f8f8;
  border-radius: 4px;
  border-color: #f8f8f8;
  box-shadow: none
}
.common-dialog .dialog-body .input:focus, .common-dialog .dialog-body .input:hover {
  border-color: #3b86f6
}
.common-dialog .dialog-footer .btn {
  border-radius: 4px;
  border: 1px solid #3b86f6;
  background-color: #3b86f6
}
.common-dialog .dialog-footer .btn:hover {
  background-color: #3b86f6;
  border-color: #3b86f6
}
.common-dialog .dialog-container {
  border-radius: 12px;
  padding: 20px
}
.common-dialog .dialog-footer .btn.btn-outline {
  color: #3b86f6
}
.common-dialog .dialog-footer .btn.btn-outline:hover {
  color: #fff
}
@font-face {
  font-family: kanzhun-Regular;
  src: url(https://img.bosszhipin.com/static/file/2022/16a48d9v961651026858984.ttf) format("truetype")
}
body {
  background-color: #f6f6f8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.inner {
  width: 1184px;
  margin: 0 auto
}
.inner:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden
}
.vline {
  width: 1px;
  height: 12px;
  vertical-align: middle;
  background: #e0e0e0;
  margin: 0 10px
}
.vdot, .vline {
  display: inline-block
}
.vdot {
  padding: 0 10px 0 7px
}
.clear-fix:after {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both
}
#wrap {
  position: relative;
  min-width: 1184px;
  min-height: 100%;
  overflow: visible;
  overflow-x: hidden
}
#wrap.mobile-wrap {
  min-width: auto
}
#wrap.has-header {
  padding-top: 49px
}
#wrap.has-footer {
  padding-bottom: 267px
}
#wrap #footer-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1
}
#container {
  position: relative
}
#container::-webkit-scrollbar {
  width: 6px
}
#main {
  min-height: calc(100vh - 300px)
}
#app, #app .data-tips {
  height: 100%
}
.page-container {
  max-width: 1184px;
  min-height: calc(100vh - 49px);
  margin: 0 auto
}
.prev-line {
  display: inline-block;
  vertical-align: middle;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.prev-dot:before, .prev-line:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0
}
.prev-dot:first-of-type:before, .prev-line:first-of-type:before {
  display: none
}
.prev-line:before {
  width: 1px;
  height: 12px;
  background-color: #e0e0e0
}
.prev-dot:before {
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #414a60;
  opacity: .8;
  margin: -2px 6px 0
}
.detail-box {
  margin-left: 296px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%
}
.btn-buy {
  background-color: #ff6223;
  border-color: #ff6223;
  color: #fff;
  min-width: 104px
}
.btn-buy:hover {
  background-color: #ff9063;
  border-color: #ff9063
}
.btn-buy.btn-outline {
  background-color: #fff;
  color: #ff6223
}
.btn-buy.btn-outline:hover {
  border-width: 2px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-color: #ff6223
}
.dialog-wrap {
  z-index: 1001
}
.dialog-wrap .dialog-footer {
  border-top: 0
}
.dialog-footer .btn.btn-outline {
  transition: none
}
.dialog-title .close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 8px;
  z-index: 1
}
.icon-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  vertical-align: top
}
.icon-close:after, .icon-close:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 1px;
  background: #d1d4db;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 4px;
  top: 12px
}
.icon-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.dialog-title .close:hover {
  background-color: #ddd
}
.dialog-title .close:hover .icon-close:after, .dialog-title .close:hover .icon-close:before {
  background: #363636
}
@media (max-width:1170px) {
  #footer .inner, #header .inner, .job-banner .inner {
    padding: 0 15px
  }
}
.limit-boss-dialog .dialog-container {
  width: 520px;
  padding: 0 0 30px
}
.limit-boss-dialog .dialog-footer {
  margin: 0 30px;
  padding: 0
}
.limit-boss-dialog .limit-content .title {
  width: 100%;
  height: 96px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/limit-bg.fd619066.png) no-repeat 50%;
  background-size: 100% auto
}
.limit-boss-dialog .limit-content .title h4 {
  line-height: 24px;
  font-weight: 500;
  font-size: 20px;
  padding: 36px 0 0 30px
}
.limit-boss-dialog .limit-content .content {
  padding: 20px 30px
}
.limit-boss-dialog .limit-content .content p {
  color: #51586d;
  line-height: 28px
}
.limit-boss-dialog .limit-content .content p:first-child {
  padding-bottom: 8px
}
.limit-boss-dialog .limit-content .text-primary {
  color: #00c2b3
}
.limit-boss-dialog .limit-content .text-primary:hover {
  color: #18c3b1
}
@media (max-width:800px) {
  .limit-boss-dialog.dialog-wrap .dialog-container {
    width: 300px !important
  }
  .limit-boss-dialog .limit-content .title {
    height: 56px
  }
  .limit-boss-dialog .limit-content .title h4 {
    padding: 20px 0 0 30px
  }
  .limit-boss-dialog .limit-content .content {
    padding: 10px 15px
  }
}
.message-notice-toast {
  position: fixed;
  top: 80px;
  right: 20px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
  border-radius: 4px;
  z-index: 2000;
  cursor: pointer
}
.message-notice-toast a {
  display: block;
  color: #414b60;
  padding: 9px 20px;
  transition: all .2s linear;
  overflow: hidden
}
.message-notice-toast a:hover {
  color: #00c2b3
}
.message-notice-toast img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  float: left
}
.message-notice-toast .message-notice-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 10px;
  margin-top: 6px;
  float: left
}
.dialog-account-safe .dialog-title h3.title {
  display: none
}
.dialog-account-safe .dialog-container {
  border-radius: 4px;
  padding: 160px 40px 30px;
  border-radius: 12px;
  width: 480px
}
.dialog-account-safe .dialog-title .close {
  z-index: 2
}
.dialog-account-safe .dialog-title .close:hover {
  background: transparent;
  opacity: .8
}
.dialog-account-safe .dialog-container:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 188px;
  background: linear-gradient(180deg, #d1e8ff, #fff);
  border-radius: 12px 12px 0 0
}
.dialog-account-safe .security-thumb-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 160px;
  width: 480px;
  z-index: 1
}
.dialog-account-safe .dialog-con h3 {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 25px;
  min-height: 25px;
  text-align: center
}
.dialog-account-safe .dialog-con p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 12px;
  min-height: 24px;
  text-align: center;
  word-break: break-all
}
.dialog-account-safe .dialog-footer {
  margin-top: 20px;
  padding: 0;
  text-align: center
}
.dialog-account-safe .dialog-footer .btns .btn-sure {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 180px;
  padding: 10px 0;
  text-align: center;
  background: #3b86f6;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  height: 40px;
  line-height: 20px;
  transition: all .2s linear;
  border: none
}
.dialog-account-safe .dialog-footer .btns .btn-sure:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 1;
  width: 68px;
  height: 23px;
  background: url(https://img.bosszhipin.com/static/file/2022/jevk1jdude1656663924811.png) 0 -161px/460px auto no-repeat
}
.dialog-account-safe .dialog-footer .btns .btn-sure:hover {
  opacity: .8
}
.amap-common .amap-info {
  width: auto !important;
  max-width: 300px
}
.btn-v2 {
  display: inline-block;
  padding: 0 20px;
  border-radius: 4px;
  transition: none;
  border: 1px solid #5dd5c8;
  background-color: #62d5c8;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  transition: all .3s
}
.btn-v2.disabled {
  pointer-events: none;
  opacity: .5
}
.btn-v2 img {
  width: 16px;
  height: 16px;
  vertical-align: text-top
}
.btn-v2:last-child {
  margin-right: 0
}
.btn-v2.btn-outline-v2 {
  background-color: #fff;
  border-color: #3b86f6;
  font-weight: 400;
  color: #3b86f6;
  vertical-align: middle
}
.btn-v2.btn-outline-v2:hover {
  background: #e5f9f8;
  border-width: 1px
}
.btn-v2.btn-sure-v2 {
  padding: 0 20px;
  background: #3b86f6;
  border-color: #3b86f6;
  font-size: 14px;
  font-weight: 400;
  color: #fff
}
.btn-v2.btn-sure-v2:hover {
  background: #3b86f6;
  border-color: #3b86f6
}
.btn-v2.btn-light-v2 {
  padding: 0 20px;
  background: rgba(0, 190, 189, .1);
  border-color: transparent;
  font-size: 14px;
  font-weight: 400;
  color: #3b86f6
}
.btn-v2.btn-light-v2:hover {
  background: rgba(0, 190, 189, .2)
}
.max-resume-dialog .dialog-container {
  padding: 20px;
  border-radius: 12px
}
.max-resume-dialog .dialog-container p {
  font-size: 12px;
  color: #222;
  line-height: 14px;
  margin-top: 10px
}
.max-resume-dialog .dialog-container img {
  margin-top: 10px;
  width: 460px
}
.max-resume-dialog .dialog-footer .btns .btn {
  padding: 0 15px;
  border-radius: 4px;
  line-height: 30px;
  height: 32px
}
.has-sid-mask .boss-login-dialog {
  z-index: 2000
}
.has-sid-mask .bl-dialog-wrap, .has-sid-mask .bl-toast {
  z-index: 2010
}
.sid-flow-mask {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .49);
  box-shadow: 0 9px 26px 0 rgba(31, 76, 214, .12), inset 1px 1px 1px 0 rgba(162, 180, 255, .5), inset -1px -1px 0 0 rgba(157, 227, 255, .5);
  z-index: 1800;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px)
}
.sid-flow-mask .sid-flow-click {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1900;
  background: transparent
}
.sid-flow-mask .ad-tag {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 4px 8px;
  border-radius: 0 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 17px;
  background: hsla(0, 0%, 100%, .2)
}
.sid-flow-mask.can-click {
  cursor: pointer
}
.sid-flow-mask .sid-flow-inner {
  position: relative;
  width: 1184px;
  height: 100px;
  margin: 0 auto;
  overflow: hidden
}
.sid-flow-mask .sid-flow-inner .sid-flow-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 58px;
  height: 22px;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/b39rmqjebx1663926963903.png) 0 0/58px auto no-repeat
}
.sid-flow-mask .sid-flow-inner .sid-flow-close:hover {
  background-position: 0 -22px
}
.sid-flow-mask .sid-flow-inner .sid-flow-slogan {
  float: left;
  height: 72px;
  margin-top: 14px;
  margin-left: 30px
}
.sid-flow-mask .sid-flow-inner .sid-flow-tagline {
  float: right;
  height: 68px;
  margin-top: 16px;
  margin-right: 78px
}
.continue-chat-dialog .dialog-header .title {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 28px
}
.continue-chat-dialog .dialog-container {
  border-radius: 8px;
  padding: 20px 30px;
  width: 470px;
  overflow: hidden
}
.continue-chat-dialog .dialog-container:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  z-index: -1;
  background: linear-gradient(181deg, #d6f9f7, #e5f9f8 28%, hsla(0, 0%, 100%, 0) 100%, hsla(0, 0%, 100%, 0) 0)
}
.continue-chat-dialog .dialog-body {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-top: 10px;
  word-break: break-all
}
.continue-chat-dialog .dialog-footer {
  padding-top: 30px;
  margin-top: 0
}
.continue-chat-dialog .dialog-footer .btns .btn {
  border-radius: 4px;
  border: 1px solid #3b86f6;
  font-size: 14px;
  color: #3b86f6;
  line-height: 20px;
  padding: 6px 20px;
  height: auto;
  transition: all .2s linear;
  margin-left: 10px
}
.continue-chat-dialog .dialog-footer .btns .btn:hover {
  line-height: 20px;
  padding: 6px 20px;
  border: 1px solid #3b86f6;
  background: rgba(0, 190, 189, .2)
}
.continue-chat-dialog .dialog-footer .btns .btn-sure {
  background: #3b86f6;
  color: #fff
}
.continue-chat-dialog .dialog-footer .btns .btn-sure:hover {
  background: rgba(0, 190, 189, .8)
}
.boss-dialog__wrapper.dialog-icon .boss-dialog__header {
  margin-bottom: 10px
}
.boss-dialog__wrapper.dialog-icon .boss-dialog__footer {
  margin-top: 30px
}
.boss-dialog__wrapper.dialog-icon .boss-dialog__body {
  padding-left: 44px
}
.boss-dialog__wrapper.dialog-default {
  min-width: 400px;
  padding: 26px 30px 20px;
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
  background: radial-gradient(400px 70px at top 0 right 130px, #d6f9f7 0, #e5f9f8 20%, hsla(0, 0%, 100%, 0) 100%);
  background-color: #fff
}
.boss-dialog__wrapper.dialog-default.dialog-icon__default .boss-dialog__body {
  color: #333;
  line-height: 24px;
  margin-top: 10px
}
.boss-dialog__wrapper.dialog-default .boss-dialog__header .boss-dialog_title h3 {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 28px
}
.boss-dialog__wrapper.dialog-default .boss-popup__close {
  width: 20px;
  height: 20px;
  right: 19px;
  top: 19px
}
.boss-dialog__wrapper.dialog-default .boss-popup__close:hover {
  background: rgba(2, 204, 191, .1)
}
.boss-dialog__wrapper.dialog-default .boss-popup__close:hover .icon-close:after, .boss-dialog__wrapper.dialog-default .boss-popup__close:hover .icon-close:before {
  background: #3b86f6
}
.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close {
  width: 20px;
  height: 20px
}
.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 2px;
  background: #d1d4db;
  left: 3px;
  top: 9px;
  transform: rotate(45deg)
}
.boss-dialog__wrapper.dialog-default .boss-popup__close .icon-close:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 2px;
  background: #d1d4db;
  left: 3px;
  top: 9px;
  transform: rotate(-45deg)
}
.boss-dialog__wrapper.dialog-default .icon-dialog__error, .boss-dialog__wrapper.dialog-default .icon-dialog__warning {
  background: url(https://img.bosszhipin.com/static/file/2023/nzcgsxcysm1681898291454.png) no-repeat 50%/100% 100%
}
.boss-dialog__wrapper.dialog-default .icon-dialog__success {
  background: url(https://img.bosszhipin.com/static/file/2023/ay9b2ouy6y1681898253012.png) no-repeat 50%/100% 100%
}
.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button {
  padding: 0 20px;
  border-radius: 4px;
  background: #3b86f6;
  color: #fff;
  border-color: #3b86f6;
  height: 34px;
  line-height: 32px;
  font-size: 14px;
  box-sizing: border-box;
  margin-left: 10px
}
.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button:not(.disabled):hover {
  background-color: #3b86f6 !important;
  border-color: #3b86f6 !important
}
.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button.button-outline {
  border-color: #3b86f6;
  font-weight: 400;
  color: #3b86f6;
  background: #fff
}
.boss-dialog__wrapper.dialog-default .boss-dialog__footer .boss-dialog__button.button-outline:hover {
  background: #e5f9f8 !important;
  border-width: 1px;
  line-height: 32px
}
@font-face {
  font-family: iboss;
  src: url(//at.alicdn.com/t/c/font_916585_venwuikj1i.woff2?t=1673441442396) format("woff2"), url(//at.alicdn.com/t/c/font_916585_venwuikj1i.woff?t=1673441442396) format("woff"), url(//at.alicdn.com/t/c/font_916585_venwuikj1i.ttf?t=1673441442396) format("truetype")
}
.iboss, [class*=" iboss-"], [class^=iboss-] {
  font-family: iboss !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.iboss-shenqing:before {
  content: "\e7bb"
}
.iboss-bianzu6:before {
  content: "\e7b6"
}
.iboss-a-bianzu10:before {
  content: "\e7b7"
}
.iboss-a-bianzu9:before {
  content: "\e7b8"
}
.iboss-bianzu7:before {
  content: "\e7b9"
}
.iboss-bianzu8:before {
  content: "\e7ba"
}
.iboss-a-bangzhu3x:before {
  content: "\e7b3"
}
.iboss-a-shoucangjia3x:before {
  content: "\e7b4"
}
.iboss-a-guanzhugongzhonghao3x:before {
  content: "\e7b5"
}
.iboss-tianjiaduibi:before {
  content: "\e7b2"
}
.iboss-qiuzhiqiwang:before {
  content: "\e7b1"
}
.iboss-paixu1:before {
  content: "\e7b0"
}
.iboss-tuozhuai:before {
  content: "\e7af"
}
.iboss-jiantou:before {
  content: "\e7aa"
}
.iboss-fanzhuan:before {
  content: "\e7ab"
}
.iboss-qiwang:before {
  content: "\e7ac"
}
.iboss-a-2:before {
  content: "\e7ad"
}
.iboss-a-3:before {
  content: "\e7ae"
}
.iboss-weituo:before {
  content: "\e7a9"
}
.iboss-bianzu5:before {
  content: "\e7a8"
}
.iboss-shijian2:before {
  content: "\e7a7"
}
.iboss-dingyueshaixuan:before {
  content: "\e7a6"
}
.iboss-bianzu4:before {
  content: "\e7a5"
}
.iboss-rencaiceping1:before {
  content: "\e7a4"
}
.iboss-shanchu2:before {
  content: "\e79f"
}
.iboss-a-bendiwenjian3x:before {
  content: "\e7a1"
}
.iboss-a-fujianjianli3x:before {
  content: "\e7a2"
}
.iboss-a-zaixianjianli3x:before {
  content: "\e7a3"
}
.iboss-nimingbiaoqian:before {
  content: "\e7a0"
}
.iboss-a-erweima2:before {
  content: "\e79e"
}
.iboss-sousuofankui:before {
  content: "\e79c"
}
.iboss-zhaoniuren:before {
  content: "\e79d"
}
.iboss-a-zhiding3x:before {
  content: "\e79a"
}
.iboss-a-quxiaozhiding3x:before {
  content: "\e79b"
}
.iboss-shijian1:before {
  content: "\e799"
}
.iboss-youfujian:before {
  content: "\e798"
}
.iboss-a-xuanzhong23x:before {
  content: "\e793"
}
.iboss-a-xuanzhong33x:before {
  content: "\e794"
}
.iboss-a-xuanzhong43x:before {
  content: "\e795"
}
.iboss-a-xuanzhong53x:before {
  content: "\e796"
}
.iboss-a-xuanzhong13x:before {
  content: "\e797"
}
.iboss-a-jinrifabu3x:before {
  content: "\e790"
}
.iboss-a-3tianneifabu3x:before {
  content: "\e792"
}
.iboss-qiehuan1:before {
  content: "\e791"
}
.iboss-a-jingzhunsou3x:before {
  content: "\e78f"
}
.iboss-mianshijilu:before {
  content: "\e78e"
}
.iboss-a-meirirenwu3x1:before {
  content: "\e78d"
}
.iboss-fuzhi:before {
  content: "\e78c"
}
.iboss-a-quanyishengji3x:before {
  content: "\e78a"
}
.iboss-a-meirirenwu3x:before {
  content: "\e78b"
}
.iboss-gaoyu:before {
  content: "\e788"
}
.iboss-diyu:before {
  content: "\e789"
}
.iboss-shenqingyundianhua-mian:before {
  content: "\e784"
}
.iboss-shenqingyundianhua-jujue:before {
  content: "\e785"
}
.iboss-shenqingyundianhua-xian:before {
  content: "\e786"
}
.iboss-shenqingyundianhua-hui:before {
  content: "\e787"
}
.iboss-jixugoutong-mian:before {
  content: "\e782"
}
.iboss-jixugoutong-xian:before {
  content: "\e783"
}
.iboss-fujianjianli-mian:before {
  content: "\e780"
}
.iboss-fujianjianli-xian:before {
  content: "\e781"
}
.iboss-bianji01:before {
  content: "\e77f"
}
.iboss-jingzhunsoushuju:before {
  content: "\e77e"
}
.iboss-rencaiceping:before {
  content: "\e77d"
}
.iboss-bianzu3:before {
  content: "\e77c"
}
.iboss-a-bianzu2:before {
  content: "\e77b"
}
.iboss-fenxiang:before {
  content: "\e76a"
}
.iboss-close1:before {
  content: "\e76d"
}
.iboss-tianjiafenzu:before {
  content: "\e767"
}
.iboss-tianjiadaofenzu:before {
  content: "\e76c"
}
.iboss-chakangengduo:before {
  content: "\e76e"
}
.iboss-buheshi:before {
  content: "\e76f"
}
.iboss-shanchu1:before {
  content: "\e770"
}
.iboss-zhiding2:before {
  content: "\e771"
}
.iboss-jia:before {
  content: "\e772"
}
.iboss-liebiao:before {
  content: "\e773"
}
.iboss-liebiao-hover:before {
  content: "\e774"
}
.iboss-shaixuanrukou:before {
  content: "\e775"
}
.iboss-jian:before {
  content: "\e776"
}
.iboss-buheshi-hover:before {
  content: "\e777"
}
.iboss-gengduo1:before {
  content: "\e778"
}
.iboss-guanlifenzu:before {
  content: "\e779"
}
.iboss-zhidinghover:before {
  content: "\e77a"
}
.iboss-a-bianji3x:before {
  content: "\e76b"
}
.iboss-a-shuangyiliu3x:before {
  content: "\e768"
}
.iboss-a-QS2003x:before {
  content: "\e769"
}
.iboss-a-9853x:before {
  content: "\e766"
}
.iboss-a-2113x:before {
  content: "\e763"
}
.iboss-a-xingbie3x:before {
  content: "\e764"
}
.iboss-a-tongzhao3x:before {
  content: "\e765"
}
.iboss-a-zhuanchang3x:before {
  content: "\e760"
}
.iboss-a-fankuikuai3x:before {
  content: "\e761"
}
.iboss-a-HCduo3x:before {
  content: "\e762"
}
.iboss-a-dujia3x:before {
  content: "\e75e"
}
.iboss-a-wubaozhengqi3x:before {
  content: "\e75f"
}
.iboss-bianzu2:before {
  content: "\e75d"
}
.iboss-beitiao:before {
  content: "\e758"
}
.iboss-wenhao2:before {
  content: "\e75c"
}
.iboss-shiyi-hover:before {
  content: "\e75b"
}
.iboss-shiyi:before {
  content: "\e75a"
}
.iboss-bianzu1:before {
  content: "\e759"
}
.iboss-a-tianjia3x:before {
  content: "\e756"
}
.iboss-a-yichu3x:before {
  content: "\e757"
}
.iboss-a-yiguanbi3x:before {
  content: "\e754"
}
.iboss-a-kaifangzhong3x:before {
  content: "\e755"
}
.iboss-shouji-mian:before {
  content: "\e752"
}
.iboss-shouji:before {
  content: "\e753"
}
.iboss-niurenfenxiqi-xian:before {
  content: "\e74e"
}
.iboss-gongzuojingyan2:before {
  content: "\e74c"
}
.iboss-niurenfenxiqi-mian:before {
  content: "\e74d"
}
.iboss-goutongjindu-xian:before {
  content: "\e74f"
}
.iboss-goutongjindu-mian:before {
  content: "\e750"
}
.iboss-jiaoyujingli2:before {
  content: "\e751"
}
.iboss-jizhao:before {
  content: "\e74b"
}
.iboss-baocuo:before {
  content: "\e74a"
}
.iboss-a-qiangdanguanli3x:before {
  content: "\e749"
}
.iboss-a-01:before {
  content: "\e747"
}
.iboss-a-02:before {
  content: "\e748"
}
.iboss-gongsizhuye:before {
  content: "\e741"
}
.iboss-tuijianniuren1:before {
  content: "\e73e"
}
.iboss-gengduo:before {
  content: "\e73b"
}
.iboss-gongjuxiang1:before {
  content: "\e73c"
}
.iboss-goutong:before {
  content: "\e73d"
}
.iboss-louyishou:before {
  content: "\e73f"
}
.iboss-xiaozhaozhibo:before {
  content: "\e740"
}
.iboss-xinzichaxun:before {
  content: "\e742"
}
.iboss-daoju:before {
  content: "\e743"
}
.iboss-sousuoniuren:before {
  content: "\e744"
}
.iboss-qiyeguanli:before {
  content: "\e745"
}
.iboss-zhiweiguanli:before {
  content: "\e746"
}
.iboss-fabuzhiwei:before {
  content: "\e736"
}
.iboss-sousuo:before {
  content: "\e737"
}
.iboss-chakan:before {
  content: "\e738"
}
.iboss-meiyougengduole:before {
  content: "\e739"
}
.iboss-sanjiao:before {
  content: "\e73a"
}
.iboss-louyishou1:before {
  content: "\e734"
}
.iboss-xinchouchaxun1:before {
  content: "\e735"
}
.iboss-set:before {
  content: "\e733"
}
.iboss-more:before {
  content: "\e732"
}
.iboss-bianzubeifen:before {
  content: "\e731"
}
.iboss-miniicon-wechat:before {
  content: "\e730"
}
.iboss-icon_information_nor:before {
  content: "\e72d"
}
.iboss-Group3:before {
  content: "\e72e"
}
.iboss-icon_get_nor:before {
  content: "\e72f"
}
.iboss-question-hover:before {
  content: "\e72c"
}
.iboss-question-primary:before {
  content: "\e72b"
}
.iboss-shipinyuyin:before {
  content: "\e72a"
}
.iboss-mianshijieshu:before {
  content: "\e727"
}
.iboss-lianxiren:before {
  content: "\e728"
}
.iboss-dizhi1:before {
  content: "\e729"
}
.iboss-info2:before {
  content: "\e725"
}
.iboss-comments:before {
  content: "\e726"
}
.iboss-danrenhuizong:before {
  content: "\e722"
}
.iboss-renyuanhuoyue:before {
  content: "\e723"
}
.iboss-zhiweijinzhan:before {
  content: "\e724"
}
.iboss-yibohui:before {
  content: "\e721"
}
.iboss-time-fill:before {
  content: "\e720"
}
.iboss-bianzu31x:before {
  content: "\e71f"
}
.iboss-info1:before {
  content: "\e71e"
}
.iboss-invoice-cancel:before {
  content: "\e71d"
}
.iboss-cebianlangongsizhuye:before {
  content: "\e71c"
}
.iboss-Drag:before {
  content: "\e719"
}
.iboss-Personalsigned:before {
  content: "\e71a"
}
.iboss-Company-signed:before {
  content: "\e71b"
}
.iboss-quxiao:before {
  content: "\e716"
}
.iboss-xiugai:before {
  content: "\e717"
}
.iboss-zhuanfa1:before {
  content: "\e718"
}
.iboss-beizhu:before {
  content: "\e712"
}
.iboss-lianxifangshi:before {
  content: "\e713"
}
.iboss-zhiwei:before {
  content: "\e714"
}
.iboss-shijian:before {
  content: "\e715"
}
.iboss-xuanzhongbufen1:before {
  content: "\e711"
}
.iboss-dianhua1:before {
  content: "\e710"
}
.iboss-jianli2:before {
  content: "\e70f"
}
.iboss-jianli1:before {
  content: "\e70e"
}
.iboss-shipin1:before {
  content: "\e709"
}
.iboss-yuyin1:before {
  content: "\e70c"
}
.iboss-shipin-jinzhi:before {
  content: "\e70d"
}
.iboss-yuyin-jinyin:before {
  content: "\e70a"
}
.iboss-yaoqingren:before {
  content: "\e70b"
}
.iboss-jianli:before {
  content: "\e708"
}
.iboss-weixin1:before {
  content: "\e706"
}
.iboss-dianhua:before {
  content: "\e707"
}
.iboss-niurenguanli1:before {
  content: "\e705"
}
.iboss-meirichakanshu:before {
  content: "\e700"
}
.iboss-meirigoutongshu:before {
  content: "\e701"
}
.iboss-gaoduanzhiwei:before {
  content: "\e702"
}
.iboss-zhuanshurenwujiangli:before {
  content: "\e703"
}
.iboss-VIPtequan:before {
  content: "\e704"
}
.iboss-shenhezhongicon:before {
  content: "\e6ff"
}
.iboss-invoice-cancellation:before {
  content: "\e6fd"
}
.iboss-invoice-ing2:before {
  content: "\e6fe"
}
.iboss-succeed:before {
  content: "\e6f3"
}
.iboss-fullscreen1:before {
  content: "\e6fb"
}
.iboss-fullscreen-hover:before {
  content: "\e6fc"
}
.iboss-invoice-no:before {
  content: "\e6f6"
}
.iboss-invoice-ok:before {
  content: "\e6f7"
}
.iboss-invoice-ing:before {
  content: "\e6fa"
}
.iboss-calendar-delete:before {
  content: "\e6ef"
}
.iboss-accomplish:before {
  content: "\e6f0"
}
.iboss-calendar-line:before {
  content: "\e6f1"
}
.iboss-packup:before {
  content: "\e6f2"
}
.iboss-notice:before {
  content: "\e6f4"
}
.iboss-show:before {
  content: "\e6f5"
}
.iboss-tishi:before {
  content: "\e6ee"
}
.iboss-iconxiazai:before {
  content: "\e6ec"
}
.iboss-iconguanbi:before {
  content: "\e6ed"
}
.iboss-buchongcailiao:before {
  content: "\e6eb"
}
.iboss-huati:before {
  content: "\e6e6"
}
.iboss-shuaxin1:before {
  content: "\e6e7"
}
.iboss-wenti:before {
  content: "\e6e8"
}
.iboss-get:before {
  content: "\e6e9"
}
.iboss-dianzan1:before {
  content: "\e6ea"
}
.iboss-duihao:before {
  content: "\e6e5"
}
.iboss-shuaxin:before {
  content: "\e6e4"
}
.iboss-tianxie2x:before {
  content: "\e6e3"
}
.iboss-dianzan:before {
  content: "\e6e2"
}
.iboss-gongjuxiang:before {
  content: "\e6e1"
}
.iboss-xingzhuangjiehe1:before {
  content: "\e6e0"
}
.iboss-tianjia1:before {
  content: "\e6de"
}
.iboss-chexiao:before {
  content: "\e6df"
}
.iboss-rukou1:before {
  content: "\e6dd"
}
.iboss-unchecked:before {
  content: "\e6dc"
}
.iboss-checked:before {
  content: "\e6db"
}
.iboss-prop-position:before {
  content: "\e6da"
}
.iboss-prop-services:before {
  content: "\e6d9"
}
.iboss-yibohuizhiwei-xuanzhong:before {
  content: "\e6d7"
}
.iboss-yibohuizhiwei:before {
  content: "\e6d8"
}
.iboss-info:before {
  content: "\e6d6"
}
.iboss-countdown:before {
  content: "\e6d5"
}
.iboss-lieqiguanli:before {
  content: "\e6d3"
}
.iboss-bianzu9:before {
  content: "\e6d4"
}
.iboss-daoxu:before {
  content: "\e6d1"
}
.iboss-zhengxu:before {
  content: "\e6d2"
}
.iboss-daishenhezhiwei:before {
  content: "\e6cb"
}
.iboss-paixu:before {
  content: "\e6cc"
}
.iboss-shanchujilu:before {
  content: "\e6cd"
}
.iboss-zaizhaozhiwei:before {
  content: "\e6ce"
}
.iboss-lietouyuangong:before {
  content: "\e6cf"
}
.iboss-tianjiatongshi:before {
  content: "\e6d0"
}
.iboss-shezhi1:before {
  content: "\e6ca"
}
.iboss-biaoqian:before {
  content: "\e6c9"
}
.iboss-icon-video:before {
  content: "\e6c8"
}
.iboss-offline-interview:before {
  content: "\e6c7"
}
.iboss-video-interview:before {
  content: "\e6c6"
}
.iboss-tongzhishux:before {
  content: "\e6c5"
}
.iboss-hebingxingzhuangx:before {
  content: "\e6c4"
}
.iboss-icon-tiaochawenjuan:before {
  content: "\e6c3"
}
.iboss-shengyinkai:before {
  content: "\e6c2"
}
.iboss-shengyinguan:before {
  content: "\e6c1"
}
.iboss-xingzhuangjiehe:before {
  content: "\e6c0"
}
.iboss-bianzu:before {
  content: "\e6bf"
}
.iboss-weixin:before {
  content: "\e6be"
}
.iboss-guanli:before {
  content: "\e6bd"
}
.iboss-zhibo:before {
  content: "\e6bc"
}
.iboss-xiazai1:before {
  content: "\e6b5"
}
.iboss-shangchuanchenggong:before {
  content: "\e6b4"
}
.iboss-bofang:before {
  content: "\e6b1"
}
.iboss-quanping2:before {
  content: "\e6b3"
}
.iboss-guanbi2:before {
  content: "\e6b6"
}
.iboss-shenhezhong:before {
  content: "\e6b7"
}
.iboss-shangchuanshibai:before {
  content: "\e6b8"
}
.iboss-zanting:before {
  content: "\e6b9"
}
.iboss-suoxiaoquanping:before {
  content: "\e6ba"
}
.iboss-zhiding1:before {
  content: "\e6bb"
}
.iboss-yanjing1:before {
  content: "\e6b2"
}
.iboss-tuijianliyou:before {
  content: "\e6ae"
}
.iboss-niurenbeizhu:before {
  content: "\e6b0"
}
.iboss-xinxi-copy:before {
  content: "\e6f9"
}
.iboss-xinxi:before {
  content: "\e635"
}
.iboss-jingyingniuren:before {
  content: "\e633"
}
.iboss-circle:before {
  content: "\e6af"
}
.iboss-cloud-sync:before {
  content: "\e6f8"
}
.iboss-diandiandian:before {
  content: "\e6ad"
}
.iboss-cloud:before {
  content: "\e61f"
}
.iboss-unhappy-face:before {
  content: "\e601"
}
.iboss-normal-face:before {
  content: "\e602"
}
.iboss-smile-face:before {
  content: "\e636"
}
.iboss-loading:before {
  content: "\e62e"
}
.iboss-erweimashuaxin:before {
  content: "\e61b"
}
.iboss-qiyepinpailiebiao:before {
  content: "\e605"
}
.iboss-pinpaijieshao:before {
  content: "\e606"
}
.iboss-pinpaibaohuzhengce:before {
  content: "\e618"
}
.iboss-renyuanguishuguanxi:before {
  content: "\e619"
}
.iboss-left-fill:before {
  content: "\e6ab"
}
.iboss-right-fill:before {
  content: "\e6ac"
}
.iboss-map-solid:before {
  content: "\e603"
}
.iboss-gongsi:before {
  content: "\e6a9"
}
.iboss-gongzuo:before {
  content: "\e6aa"
}
.iboss-quanping1:before {
  content: "\e6a7"
}
.iboss-xiazai:before {
  content: "\e6a8"
}
.iboss-suokai:before {
  content: "\e6a3"
}
.iboss-ruzhiguanli:before {
  content: "\e6a4"
}
.iboss-shanchu:before {
  content: "\e6a5"
}
.iboss-suoguan:before {
  content: "\e6a6"
}
.iboss-jiaoyujingli1:before {
  content: "\e6a1"
}
.iboss-gongzuojingyan1:before {
  content: "\e6a2"
}
.iboss-meiyong:before {
  content: "\e69f"
}
.iboss-youyong:before {
  content: "\e6a0"
}
.iboss-wenbenicon:before {
  content: "\e69e"
}
.iboss-jianlizhushou:before {
  content: "\e604"
}
.iboss-dianhuaicon:before {
  content: "\e69d"
}
.iboss-niurendianhua:before {
  content: "\e69c"
}
.iboss-jingying:before {
  content: "\e69b"
}
.iboss-xingbiao-xian:before {
  content: "\e699"
}
.iboss-xingbiao-mian:before {
  content: "\e69a"
}
.iboss-kefu:before {
  content: "\e698"
}
.iboss-xiayi:before {
  content: "\e696"
}
.iboss-shangyi:before {
  content: "\e697"
}
.iboss-bianji:before {
  content: "\e695"
}
.iboss-shezhi:before {
  content: "\e694"
}
.iboss-sousuoicon:before {
  content: "\e693"
}
.iboss-guanbi1:before {
  content: "\e690"
}
.iboss-suoxiao1:before {
  content: "\e691"
}
.iboss-fangda:before {
  content: "\e692"
}
.iboss-gongzuojingyan:before {
  content: "\e68c"
}
.iboss-jiaoyujingyan:before {
  content: "\e68d"
}
.iboss-dizhi:before {
  content: "\e68e"
}
.iboss-qiwangzhiwei:before {
  content: "\e68f"
}
.iboss-niurenguanliv:before {
  content: "\e68b"
}
.iboss-niurenguanli:before {
  content: "\e68a"
}
.iboss-niurenmeilai:before {
  content: "\e689"
}
.iboss-daochu:before {
  content: "\e688"
}
.iboss-xiaoxitongzhi:before {
  content: "\e687"
}
.iboss-duanxin:before {
  content: "\e686"
}
.iboss-niurenfenxiicon:before {
  content: "\e685"
}
.iboss-xinzhaohusvg:before {
  content: "\e684"
}
.iboss-icon_indeterminacy:before {
  content: "\e681"
}
.iboss-icon_man:before {
  content: "\e682"
}
.iboss-icon_women:before {
  content: "\e683"
}
.iboss-changyongyu:before {
  content: "\e67f"
}
.iboss-biaoqing:before {
  content: "\e680"
}
.iboss-yuyin-miansvg:before {
  content: "\e67e"
}
.iboss-shipin-miansvg:before {
  content: "\e67d"
}
.iboss-guolvshezhi:before {
  content: "\e67c"
}
.iboss-quanping:before {
  content: "\e677"
}
.iboss-guanbi:before {
  content: "\e678"
}
.iboss-suoxiao:before {
  content: "\e679"
}
.iboss-shipin:before {
  content: "\e67a"
}
.iboss-yuyin:before {
  content: "\e67b"
}
.iboss-gongsirizhi:before {
  content: "\e676"
}
.iboss-warning-fill:before {
  content: "\e600"
}
.iboss-jiaoyujingli:before {
  content: "\e672"
}
.iboss-nianling:before {
  content: "\e673"
}
.iboss-gongzuojingli:before {
  content: "\e674"
}
.iboss-qiuzhizhuangtai:before {
  content: "\e675"
}
.iboss-quxiaobuheshi:before {
  content: "\e671"
}
.iboss-duiwoganxingqu:before {
  content: "\e669"
}
.iboss-guanjianci:before {
  content: "\e66a"
}
.iboss-kanguowo:before {
  content: "\e66b"
}
.iboss-shaixuan:before {
  content: "\e66c"
}
.iboss-tongshituijian:before {
  content: "\e66d"
}
.iboss-tuijianniuren:before {
  content: "\e66e"
}
.iboss-xinniuren:before {
  content: "\e66f"
}
.iboss-wokanguo:before {
  content: "\e670"
}
.iboss-duigou:before {
  content: "\e665"
}
.iboss-xia:before {
  content: "\e666"
}
.iboss-x:before {
  content: "\e667"
}
.iboss-shang:before {
  content: "\e668"
}
.iboss-wenhao:before {
  content: "\e664"
}
.iboss-bianlaing:before {
  content: "\e65f"
}
.iboss-fengjinjilu:before {
  content: "\e65d"
}
.iboss-job:before {
  content: "\e65e"
}
.iboss-zongliang:before {
  content: "\e660"
}
.iboss-ku:before {
  content: "\e661"
}
.iboss-shenfenguanli:before {
  content: "\e662"
}
.iboss-fenpei:before {
  content: "\e663"
}
.iboss-yuemian:before {
  content: "\e658"
}
.iboss-dacheng:before {
  content: "\e659"
}
.iboss-wancheng:before {
  content: "\e65a"
}
.iboss-kailiao:before {
  content: "\e65b"
}
.iboss-shuangliao:before {
  content: "\e65c"
}
.iboss-suo1:before {
  content: "\e657"
}
.iboss-lady:before {
  content: "\e655"
}
.iboss-man:before {
  content: "\e656"
}
.iboss-kaisuo:before {
  content: "\e653"
}
.iboss-suo:before {
  content: "\e654"
}
.iboss-tuding:before {
  content: "\e652"
}
.iboss-songda:before {
  content: "\e650"
}
.iboss-shibai:before {
  content: "\e651"
}
.iboss-jujueicon:before {
  content: "\e64e"
}
.iboss-jieshouicon:before {
  content: "\e64f"
}
.iboss-yidu:before {
  content: "\e64d"
}
.iboss-tianjia:before {
  content: "\e64c"
}
.iboss-down:before {
  content: "\e63e"
}
.iboss-up:before {
  content: "\e649"
}
.iboss-right:before {
  content: "\e64a"
}
.iboss-left:before {
  content: "\e64b"
}
.iboss-zhuanfa:before {
  content: "\e648"
}
.iboss-jubao:before {
  content: "\e646"
}
.iboss-zhiding:before {
  content: "\e647"
}
.iboss-goutongjilu:before {
  content: "\e644"
}
.iboss-mianshianpai:before {
  content: "\e645"
}
.iboss-plus-hollow:before {
  content: "\e643"
}
.iboss-light:before {
  content: "\e622"
}
.iboss-checked-solid:before {
  content: "\e61d"
}
.iboss-phone:before {
  content: "\e637"
}
.iboss-sentence:before {
  content: "\e638"
}
.iboss-editor-emoticon:before {
  content: "\e639"
}
.iboss-editor-resume:before {
  content: "\e63a"
}
.iboss-explain:before {
  content: "\e63b"
}
.iboss-interview:before {
  content: "\e63c"
}
.iboss-more-hollow:before {
  content: "\e63d"
}
.iboss-editor-exchange:before {
  content: "\e63f"
}
.iboss-wechat:before {
  content: "\e640"
}
.iboss-swap:before {
  content: "\e641"
}
.iboss-forward:before {
  content: "\e642"
}
.iboss-bell-solid:before {
  content: "\e634"
}
.iboss-fresh:before {
  content: "\e62c"
}
.iboss-filter:before {
  content: "\e62d"
}
.iboss-communication:before {
  content: "\e62f"
}
.iboss-checked-hollow:before {
  content: "\e630"
}
.iboss-Batch:before {
  content: "\e631"
}
.iboss-user:before {
  content: "\e632"
}
.iboss-menu-enterprise:before {
  content: "\e629"
}
.iboss-menu-viewed:before {
  content: "\e624"
}
.iboss-menu-prop:before {
  content: "\e627"
}
.iboss-menu-chat:before {
  content: "\e625"
}
.iboss-menu-search:before {
  content: "\e626"
}
.iboss-menu-recommend:before {
  content: "\e628"
}
.iboss-menu-job:before {
  content: "\e62a"
}
.iboss-menu-profile:before {
  content: "\e62b"
}
.iboss-close:before {
  content: "\e623"
}
.iboss-close-solid:before {
  content: "\e620"
}
.iboss-close-hollow:before {
  content: "\e61a"
}
.iboss-edit:before {
  content: "\e61c"
}
.iboss-delete:before {
  content: "\e61e"
}
.iboss-plus:before {
  content: "\e621"
}
.iboss-healthy:before {
  content: "\e616"
}
.iboss-bread:before {
  content: "\e617"
}
.iboss-rice:before {
  content: "\e607"
}
.iboss-medicine:before {
  content: "\e608"
}
.iboss-stock:before {
  content: "\e609"
}
.iboss-beach:before {
  content: "\e60a"
}
.iboss-schedule:before {
  content: "\e60b"
}
.iboss-traffic:before {
  content: "\e60c"
}
.iboss-medal:before {
  content: "\e60d"
}
.iboss-gift:before {
  content: "\e60e"
}
.iboss-bus:before {
  content: "\e60f"
}
.iboss-icecream:before {
  content: "\e610"
}
.iboss-clock:before {
  content: "\e611"
}
.iboss-building:before {
  content: "\e612"
}
.iboss-call:before {
  content: "\e613"
}
.iboss-tourism:before {
  content: "\e614"
}
.iboss-umbrella:before {
  content: "\e615"
}
#header {
  width: 100%;
  height: 49px;
  background: #202329;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .06);
  position: fixed;
  z-index: 105;
  top: 0;
  left: 0;
  right: 0
}
#header a {
  color: #fff
}
#header a:hover {
  color: #3b86f6
}
.logo {
  float: left;
  padding: 15px 0 0
}
.logo a {
  display: block;
  width: 104px;
  height: 19px;
  background: url(https://img.bosszhipin.com/static/file/2023/odhroxegzz1678788090652.png) 0 0 no-repeat;
  background-size: 104px 19px
}
.ie .logo a {
  background: url(https://img.bosszhipin.com/static/file/2023/odhroxegzz1678788090652.png) 0 0 no-repeat
}
.logo span {
  display: none
}
.nav, .user-nav {
  font-size: 0;
  float: left;
  height: 49px;
  line-height: 49px
}
.nav, .user-nav {
  margin-left: 14px
}
.nav ul, .user-nav ul {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top
}
.nav li, .user-nav li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 14px;
  margin: 0 5px
}
.nav li > a, .user-nav li > a {
  font-weight: 500
}
.user-nav li {
  position: relative
}
.user-nav li.nav-dot {
  color: #fff;
  font-size: 0;
  width: 1px;
  height: 8px;
  background: #fff;
  border-radius: 1px;
  margin: 21px 0 0
}
.nav ul {
  float: left
}
#header .inner {
  position: relative
}
#header .inner:before {
  content: " ";
  height: 49px;
  width: 726px;
  display: block;
  position: absolute;
  left: 196px;
  top: 0;
  z-index: -1;
  background: url(https://img.bosszhipin.com/static/file/2023/g3f9o7qs9z1679895399114.png) 0 0/auto 49px no-repeat
}
#header .school-nav-box {
  width: 450px;
  padding: 5px;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  display: none
}
#header .school-nav-box:before {
  content: "";
  position: absolute;
  width: 27px;
  height: 15px;
  left: 0;
  right: 0;
  top: -15px;
  margin: auto;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog-arrow-up.bf20805f.png)
}
#header .school-nav-box .img-box {
  height: 92px
}
#header .school-nav-box .img-box.xiaoyuan {
  margin-bottom: 5px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/banner-xiaoyuan.6d0c737d.jpg)
}
#header .school-nav-box .img-box.renshebu {
  margin-bottom: 5px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/banner-minying.563d9ace.jpg)
}
#header .school-nav-box .img-box.yangshi {
  margin-bottom: 5px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/banner-yangshi_v2.98a734d0.jpg)
}
#header .school-nav-box .img-box.fupin {
  margin-bottom: 0;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/banner-fupin@1.5x.ce18e44d.jpg) no-repeat;
  background-size: 100% 100%
}
#header .overseas-nav-box {
  box-sizing: border-box;
  width: 232px;
  height: 90px;
  padding: 18px 24px 0 82px;
  position: absolute;
  background: linear-gradient(270deg, #cbf1ed, #fff);
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .08);
  display: none;
  border-radius: 4px
}
#header .overseas-nav-box:before {
  content: "";
  position: absolute;
  width: 27px;
  height: 15px;
  left: 25px;
  right: 0;
  top: -11px;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/dialog-arrow-up.bf20805f.png);
  transform: scale(.5)
}
#header .overseas-nav-box .close {
  cursor: pointer;
  width: 8px;
  height: 8px;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-close.8bc8e12a.png);
  background-size: 100% auto;
  background-position: bottom;
  position: absolute;
  right: 9px;
  top: 9px
}
#header .overseas-nav-box .close:hover {
  background-position: top
}
#header .overseas-nav-box img {
  width: 73px;
  height: auto;
  position: absolute;
  left: 3px;
  top: 18px
}
#header .overseas-nav-box h4 {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 13px
}
#header .overseas-nav-box a {
  background-color: #3b86f6;
  border-radius: 10.5px;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  padding: 0 10px;
  float: right;
  color: #fff;
  cursor: pointer
}
#header .overseas-nav-box a:hover {
  color: #fff
}
.nav li:last-of-type {
  margin-right: 0
}
.nav li a, .user-nav li a {
  display: block;
  padding: 0 5px;
  position: relative;
  *font-family: PingFang SC, HanHei SC, STHeitiSC-Light, Microsoft Yahei, arial, verdana, helvetica, sans-serif
}
.nav li a:hover, .user-nav li a:hover {
  color: #3b86f6
}
.nav li.cur a, .nav li.cur a:hover {
  color: #3b86f6 !important
}
#header .user-nav li.cur a, #header .user-nav li.cur a:hover {
  color: #3b86f6
}
.user-nav {
  float: right;
  margin-left: 5px
}
.user-nav .btn {
  display: inline-block;
  min-width: 112px;
  box-sizing: content-box;
  height: 36px;
  line-height: 36px;
  border: 1px solid #3b86f6;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
  background: #3b86f6;
  text-align: center;
  cursor: pointer
}
.user-nav .btns .vline {
  margin-top: -8px;
  background: none
}
.user-nav .btns .link-scan {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px
}
.user-nav .btns .link-apply-job .new {
  line-height: 13px
}
.user-nav .btns .link-publish {
  display: inline-block;
  font-size: 13px
}
.user-nav .btns .btn-outline {
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  padding: 0 11px;
  min-width: 0;
  margin-left: 14px;
  color: #fff;
  vertical-align: inherit;
  background: transparent
}
.user-nav .btns .btn-outline:hover {
  background: rgba(0, 190, 189, .2)
}
.user-nav li.nav-figure {
  margin-right: 0;
  margin-left: 5px;
  position: relative;
  padding: 7px 0 6px
}
.user-nav li.nav-figure > a {
  border-radius: 6px;
  padding: 0 5px;
  height: 36px;
  display: flex;
  align-items: center;
  transition: all .2s linear
}
.user-nav li.nav-figure:hover > a {
  background: hsla(0, 0%, 100%, .2)
}
.user-nav li.nav-figure:hover:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 4px;
  background: transparent;
  z-index: 2
}
#header .user-nav li.nav-figure:hover > a {
  color: #fff
}
.user-nav a {
  font-size: 14px
}
.user-nav .link-sign-resume {
  position: relative;
  margin-right: 20px
}
.user-nav .new {
  display: none;
  position: absolute;
  top: -9px;
  right: -24px;
  height: 14px;
  padding: 0 4px;
  line-height: 13px;
  background-color: #ef505e;
  color: #fff;
  font-size: 12px;
  border-radius: 7px
}
.user-nav .btns-tip {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #fd896b;
  margin-left: 2px;
  position: absolute;
  top: 15px
}
.nav-figure .label-text {
  margin-top: -2px;
  line-height: 20px;
  padding-right: 4px;
  vertical-align: middle;
  max-width: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap
}
.nav-figure img {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  vertical-align: middle;
  *margin-top: -2px
}
.nav-figure .dropdown {
  display: none !important
}
.nav-figure.selected .dropdown {
  display: block !important
}
.nav-city {
  float: left;
  position: relative;
  cursor: pointer;
  height: 49px;
  line-height: 49px;
  color: #3b86f6
}
.nav-city .icon-poi {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 23px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-poi.537f6cce.png) 0 -165px;
  margin: 17px 3px 0 12px
}
.nav-city .switchover-city {
  font-size: 12px;
  color: #fff;
  margin-left: 10px
}
.nav-city .city-box {
  font-size: 14px;
  display: none
}
.user-nav .nav-chat-num {
  display: none;
  position: absolute;
  top: 7px;
  left: 32px;
  padding: 0 4px;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  height: 16px;
  background: #fe574a;
  border-radius: 9px 9px 9px 0;
  z-index: 1
}
#header .nav-figure.selected a {
  color: #00c2b3
}
.nav-figure .dropdown {
  display: none;
  position: absolute;
  width: 234px;
  left: auto;
  right: 0;
  top: 53px;
  z-index: 2;
  padding: 4px;
  box-sizing: border-box;
  text-align: left;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  border-radius: 8px;
  border: 1px solid #ededed
}
#header .nav-figure .dropdown a {
  position: relative;
  padding: 12px 20px;
  line-height: 20px;
  color: #222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  border-radius: 4px;
  transition: all .2s linear
}
#header .nav-figure .dropdown a span {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  margin-top: 4px
}
#header .nav-figure .dropdown a:hover {
  color: #3b86f6;
  background: #f8f8f8;
  font-weight: 500
}
#header .nav-figure .dropdown a.link-logout:after, #header .nav-figure .dropdown a.link-recruit:after {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background-color: #f2f5fa;
  z-index: 1
}
#header .nav-figure .dropdown a.link-logout, #header .nav-figure .dropdown a.link-recruit {
  margin-top: 4px;
  padding-top: 16px
}
#header .nav-figure .dropdown a.link-logout:hover, #header .nav-figure .dropdown a.link-recruit:hover {
  background-color: #fff;
  color: #3b86f6
}
#header .header-resume-new {
  position: relative;
  margin-right: 10px;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top
}
#header .header-resume-new a {
  display: block;
  cursor: pointer
}
#header .header-resume-new a:hover .header-resume-tip {
  display: block
}
#header .header-resume-new a .new {
  top: 8px;
  right: -24px
}
#header .header-resume-new .header-resume-tip {
  display: none;
  position: absolute;
  height: 30px;
  right: -38px;
  white-space: nowrap;
  font-size: 13px;
  color: #fff;
  line-height: 18px;
  background: #5e96f2;
  line-height: 30px;
  padding: 0 20px;
  top: 37px
}
#header .header-resume-new .header-resume-tip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent transparent #5e96f2;
  border-style: solid;
  border-width: 0 6px 6px;
  top: -4px;
  right: 70px
}
#header .header-resume-new .header-resume-tip .header-resume-btn {
  display: inline-block;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #fff;
  line-height: 18px;
  margin-left: 20px;
  padding: 0 2px;
  font-size: 12px
}
#header .header-resume-new .header-resume-tip .header-resume-btn:hover {
  background: #fff;
  color: #5e96f2
}
.nav-search {
  float: left;
  position: relative;
  width: 160px !important;
  padding-top: 10px !important;
  box-sizing: border-box;
  margin-left: 15px
}
.nav-search .btn-search {
  width: 16px;
  height: 16px;
  background-color: transparent;
  position: absolute;
  top: 16px;
  right: 8px;
  *top: 11px;
  background: url(https://img.bosszhipin.com/static/file/2023/umua62pczi1679922532668.png) 0 0/16px auto no-repeat
}
.nav-search .ipt-search {
  border: 1px solid transparent;
  width: 100%;
  padding: 3px 12px;
  line-height: 20px;
  border-radius: 6px;
  font-size: 12px;
  background: hsla(0, 0%, 100%, .2);
  color: #fff;
  box-sizing: border-box;
  transition: all .2s linear
}
.nav-search .ipt-search:focus, .nav-search .ipt-search:hover {
  border-color: #3b86f6
}
.nav-search .suggest-result {
  width: auto;
  left: 24px;
  top: 49px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  border-radius: 8px;
  border: 1px solid #ededed;
  overflow: hidden;
  z-index: 9
}
.nav-search .search-find-box {
  width: 300px;
  left: 30px;
  top: 49px
}
.nav-search .suggest-result ul {
  max-height: 200px;
  overflow: auto;
  padding: 4px
}
.nav-search .suggest-result li {
  width: 172px;
  line-height: 20px;
  padding: 8px 12px;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.nav-search .suggest-result li:hover {
  background: #f8f8f8
}
.nav-search .ipt-wrap {
  margin-top: 0 !important
}
#header .nav-search .search-find-box .search-find-title .clear-search-btn {
  color: #999
}
#header .nav-search .search-find-box .search-find-title .clear-search-btn:hover {
  color: #3b86f6
}
#header .nav-search .search-find-box .search-find-list a {
  background: #f8f8f8;
  border-radius: 6px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 2px 8px;
  float: left;
  margin: 4px 6px;
  transition: all .2s linear
}
#header .nav-search .search-find-box .search-find-list a:hover {
  color: #fff;
  background: #3b86f6
}
#header .nav-search .search-find-box .switch-find-btn {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #3b86f6;
  line-height: 17px;
  transition: all .2s linear
}
#header .nav-search .search-find-box .switch-find-btn:hover {
  opacity: .8
}
.recruit-tip {
  display: none;
  position: absolute;
  white-space: normal;
  bottom: 0;
  left: -315px;
  width: 298px;
  height: 280px;
  text-align: center;
  border: 1px solid #f6f6f6;
  line-height: 20px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .08)
}
.recruit-tip img {
  width: 280px;
  height: 180px;
  border-radius: 0;
  margin-top: 8px
}
.recruit-tip span {
  display: block;
  padding: 0 30px;
  margin-top: 12px
}
.recruit-tip:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 205px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  transform: rotate(45deg)
}
.user-nav .dropdown-help-and-feedback {
  margin: 0 10px;
  cursor: pointer;
  position: relative;
  color: #fff
}
.user-nav .dropdown-help-and-feedback .dropdown-select {
  font-weight: 500
}
.user-nav .dropdown-help-and-feedback .dropdown-select:hover {
  color: #3b86f6
}
.user-nav .dropdown-help-and-feedback .dropdown-menu {
  background: #fff;
  position: absolute;
  top: 53px;
  left: 0;
  z-index: 2;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  border-radius: 8px;
  padding: 4px;
  border: 1px solid #ededed;
  display: none
}
.user-nav .dropdown-help-and-feedback .dropdown-menu .dropdown-menu-item {
  width: 114px;
  line-height: 44px;
  border-radius: 4px;
  cursor: pointer;
  color: #222;
  z-index: 2;
  transition: all .2s linear
}
.user-nav .dropdown-help-and-feedback .dropdown-menu .dropdown-menu-item:hover {
  background: #f8f8f8;
  color: #3b86f6;
  font-weight: 500
}
.not-chat-router .user-nav .dropdown-help-and-feedback {
  display: none
}
#footer {
  background: #fff;
  padding: 20px 0 10px;
  z-index: 22;
  color: #8d92a1;
  border-top: 1px solid #f6f6f8
}
#footer, #footer .home-inner {
  position: relative
}
.page-white #footer {
  margin-top: 0;
  position: static
}
.footer-icon {
  margin-top: 20px
}
.footer-social {
  position: absolute;
  font-size: 12px;
  text-align: right;
  right: 0;
  top: 0
}
.footer-social img {
  margin: 6px 0 7px;
  width: 88px;
  height: 16px
}
.footer-social p img {
  width: 100px;
  height: 100px
}
.footer-social p {
  text-align: right;
  padding: 0;
  font-size: 13px
}
.footer-social p span {
  font-size: 13px;
  padding-left: 5px
}
.footer-social a {
  -webkit-transition: none;
  transition: none
}
.icon-app, .icon-weibo, .icon-weixin {
  display: inline-block;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons.69b3aa96.png);
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #eaebee;
  border-radius: 100%;
  margin-left: 23px;
  vertical-align: top
}
.icon-weibo {
  background-position: 10px -190px
}
.icon-app span, .icon-weibo span, .icon-weixin span {
  display: none
}
.icon-app:hover, .icon-weibo:hover, .icon-weixin:hover {
  border-color: #cbcdd4
}
.icon-weixin {
  background-position: 10px -254px;
  position: relative
}
.icon-app {
  background-position: 6px -313px
}
.qrcode-weixin {
  display: none;
  position: absolute;
  right: -25px;
  bottom: 50px;
  width: 100px;
  height: 100px;
  background: #fff
}
.icon-weixin:hover .qrcode-weixin {
  display: block
}
.copyright {
  color: #eeeff3;
  font-size: 12px;
  margin-top: 20px;
  max-width: 900px
}
.copyright img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: -5px 0 0
}
.copyright span {
  color: #8d92a1;
  display: inline-block;
  margin-right: 15px
}
.copyright span.renshe-phone {
  cursor: pointer
}
.copyright span.netpolice {
  margin-left: -10px
}
.copyright .link-beian:hover {
  color: #ddd
}
.copyright .link-chengxin {
  display: inline-block;
  margin-left: 10px
}
.copyright .link-chengxin img {
  height: 30px;
  display: inline-block;
  margin-bottom: -10px
}
.footer-logo {
  padding: 12px 0;
  width: 200px
}
.ie7 .footer-social a {
  margin-left: 0;
  margin-right: 23px
}
.ie7 .footer-social a.icon-app {
  margin-right: 0
}
#footer .icon-client-app {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #eaebee;
  border-radius: 100%;
  margin-left: 23px;
  vertical-align: top
}
#footer .icon-client-app:hover {
  border-color: #cbcdd4
}
#footer .icon-client-app:hover .download-app-tip {
  display: block
}
#footer .icon-client-app img.icon-image {
  width: 18px;
  height: auto;
  vertical-align: middle
}
#footer .icon-client-app .download-app-tip {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -48px;
  background: #707070;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  padding: 1px 6px;
  white-space: nowrap
}
.footer-about dl {
  width: 192px;
  float: left
}
.footer-about dl dt {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #414a60;
  margin-bottom: 10px
}
.footer-about dl dd a, .footer-about dl dd p {
  display: block;
  width: 100%;
  font-size: 12px;
  color: #8d92a1;
  height: 24px;
  line-height: 24px;
  white-space: nowrap
}
.footer-about dl dd .report-mail {
  display: inline;
  font-size: 12px;
  color: #8d92a1;
  height: 24px;
  line-height: 24px;
  white-space: nowrap
}
.footer-about dl dd a:hover {
  color: #00d7c6
}
.sider-box {
  background: #fff;
  padding: 20px;
  margin-bottom: 16px;
  position: relative;
  border-radius: 12px
}
.sider-box .sider-title {
  height: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 20px;
  align-items: center;
  display: flex
}
.sider-box .sider-title em {
  font-style: normal;
  flex: 1
}
.sider-box .sider-title span {
  font-size: 13px;
  color: #666;
  margin-left: 4px
}
.sider-box .sider-title span.max-num-tip {
  margin-left: 4px;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px
}
.sider-box .btns {
  text-align: center;
  margin: 16px 0 0
}
.sider-box .btns .btn {
  width: 100%
}
.sider-box .btns .btn:first-child {
  margin-top: 0
}
.vip-guide {
  position: relative;
  width: 100%;
  height: 160px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/vip-guide.37b15982.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  overflow: hidden
}
.vip-guide:hover:after {
  opacity: 1
}
.vip-guide:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, .1);
  opacity: 0;
  transition: all .2s linear
}
.vip-guide .title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 25px
}
.vip-guide .desc {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  opacity: .85;
  margin-top: 4px
}
.vip-guide .btn {
  margin-top: 13px;
  background-color: #ffba54;
  font-size: 14px;
  font-weight: 400;
  color: #120f0a;
  border: 1px solid #ffba54;
  padding: 0;
  line-height: 28px;
  width: 78px;
  height: 28px
}
.prop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px
}
.prop .title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}
.prop .link-mall {
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: center
}
.prop .link-mall:hover {
  color: #3b86f6
}
.prop .link-mall:hover .arrow {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}
.prop .link-mall .arrow {
  width: 4px;
  height: 7px;
  margin-left: 8px;
  margin-top: -1px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}
#siderbar {
  position: fixed;
  top: 49px;
  right: 0;
  background-color: #fff;
  box-shadow: -1px 0 8px rgba(0, 0, 0, .03);
  height: 100%;
  z-index: 104
}
#siderbar .siderbar-bottom li, #siderbar .siderbar-top li {
  display: block;
  position: relative;
  font-size: 12px;
  color: #9fa3b0;
  line-height: 14px
}
#siderbar .siderbar-top li a {
  color: #fff;
  transition: all .2s
}
#siderbar .siderbar-bottom li a, #siderbar .siderbar-top li a {
  padding: 15px 0;
  display: block
}
#siderbar .siderbar-top li a i {
  display: block;
  width: 21px;
  height: 21px;
  margin: 0 auto 10px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/siderbar.3af81c0a.png) no-repeat;
  -webkit-background-size: 42px auto;
  background-size: 42px auto
}
.ie #siderbar .siderbar-top li a i {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/siderbar-ie.79daf4f4.png)
}
#siderbar .siderbar-top .icon-sider-interest {
  background-position: 0 -62px
}
#siderbar:hover .sider-template li:hover a, #siderbar:hover .siderbar-top li.active a, #siderbar:hover .siderbar-top li a:hover {
  color: #54cbc4;
  cursor: pointer
}
#siderbar .siderbar-top li.active a .icon-sider-interest, #siderbar .siderbar-top li:hover a .icon-sider-interest {
  background-position: -21px -62px
}
#siderbar .siderbar-top .icon-sider-chat {
  background-position: 0 -21px
}
#siderbar .siderbar-top li.active a .icon-sider-chat, #siderbar .siderbar-top li:hover a .icon-sider-chat {
  background-position: -21px -21px
}
#siderbar .siderbar-top .icon-sider-resume {
  background-position: 0 -42px
}
#siderbar .siderbar-top li.active a .icon-sider-resume, #siderbar .siderbar-top li:hover a .icon-sider-resume {
  background-position: -21px -42px
}
#siderbar .siderbar-top .icon-sider-interview {
  background-position: 0 -84px
}
#siderbar .siderbar-top li.active a .icon-sider-interview, #siderbar .siderbar-top li:hover a .icon-sider-interview {
  background-position: -21px -84px
}
#siderbar .siderbar-back-top:after {
  content: "";
  display: block !important;
  width: 21px;
  height: 13px;
  margin: 0 auto;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/siderbar.3af81c0a.png) no-repeat;
  background-size: 42px auto;
  background-position: 0 0
}
#siderbar .siderbar-bottom li:hover .siderbar-back-top:after {
  background-position: -21px 0
}
.siderbar-top {
  width: 100%;
  float: left;
  padding-top: 15px;
  text-align: center
}
.siderbar-bottom {
  position: absolute;
  width: 100%;
  bottom: 140px;
  text-align: center
}
#siderbar .qrcode-layer i {
  width: 12px;
  height: 21px;
  background-position: 0 -697px;
  position: absolute;
  top: 90px;
  right: -12px
}
.qrcode-layer {
  display: none;
  position: absolute;
  right: 55px;
  top: -80px;
  width: 196px;
  height: 196px;
  border: 1px solid #eee;
  background: #fff;
  z-index: 10
}
.qrcode-layer img {
  display: block;
  width: 134px;
  height: 134px;
  margin: 16px auto 0
}
#siderbar li:hover .siderbar-app .qrcode-layer, #siderbar li:hover .siderbar-wechat .qrcode-layer {
  display: block
}
#siderbar .siderbar-app .qrcode-layer {
  top: -78px
}
.page-loading .component-b, .page-loading .component-o, .page-loading .component-s1, .page-loading .component-s2 {
  display: inline-block;
  width: 40px;
  height: 42px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-boss.f2acc91b.png) no-repeat;
  vertical-align: middle;
  -webkit-animation-fill-mode: both;
  -webkit-animation: bossLoading .6s linear infinite alternate;
  -moz-animation: bossLoading .6s infinite linear alternate;
  animation: bossLoading .6s linear infinite alternate
}
.data-tips .page-loading {
  white-space: nowrap;
  margin-top: -20px;
  margin-left: -79px
}
.page-loading .component-b {
  background-position: 0 0
}
.page-loading .component-o {
  content: "";
  background-position: 0 -68px;
  margin-left: -4px;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  animation-delay: .1s
}
.page-loading .component-s1 {
  background-position: 0 -141px;
  margin-left: 6px;
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  animation-delay: .2s
}
.page-loading .component-s2 {
  content: "";
  background-position: 0 -141px;
  margin-left: -4px;
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s
}
@-webkit-keyframes bossLoading {
  0% {
    -webkit-transform: translateZ(0)
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0)
  }
}
@keyframes bossLoading {
  0% {
    transform: translateZ(0)
  }
  50% {
    transform: translate3d(0, -10px, 0)
  }
}
#siderbar .sider-title {
  height: 70px;
  padding: 30px 22px 20px 20px;
  background: #fbfbfd;
  color: #414a60;
  zoom: 1
}
#siderbar .sider-title:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}
#siderbar .sider-title a {
  font-size: 12px;
  color: #9fa3b0;
  float: right
}
#siderbar .opacity {
  opacity: .5
}
#siderbar .user-avatar {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  vertical-align: middle
}
#siderbar .sider-detail {
  position: relative;
  height: 100%;
  float: right;
  border-left: 1px solid #eee;
  background: #fbfbfd;
  overflow-y: auto;
  overflow-x: hidden
}
#siderbar .sider-detail ul {
  background-color: #fff
}
#siderbar .sider-detail ul li:hover {
  background: #f8f9fb
}
#siderbar .sider-detail .sider-template li a {
  padding: 20px 0 11px;
  display: block;
  margin: 0 20px;
  border-bottom: 1px dotted #e3e7ed
}
#siderbar .sider-detail ul li:last-child a {
  border: none
}
#siderbar .sider-detail ul li h4 {
  font-size: 14px;
  color: #61687c;
  line-height: 20px;
  zoom: 1
}
#siderbar .sider-detail ul li h4:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}
#siderbar .user-text {
  font-size: 12px;
  color: #9fa3af;
  padding-left: 10px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle
}
.sider-position-title {
  width: 165px;
  height: 20px;
  overflow: hidden;
  display: inline-block
}
.sider-position-title .title-text {
  max-width: 98px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.sider-position-title .title-text.no-medium {
  max-width: 165px
}
.sider-position-title .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-left: 10px
}
.sider-degree {
  color: #fd7240;
  float: right
}
#siderbar .company-info {
  font-size: 12px;
  color: #9fa3af;
  padding: 10px 0 15px;
  line-height: 12px
}
#siderbar .siderbar-more {
  display: block;
  font-size: 12px;
  color: #9fa3b0;
  text-align: center;
  padding-top: 18px;
  padding-bottom: 10px
}
#siderbar .interview-time {
  height: 40px;
  padding-left: 20px;
  background-color: #fbfbfd;
  font-size: 14px;
  color: #414a60;
  line-height: 40px
}
#siderbar .interview-time span {
  font-size: 12px;
  color: #9fa3af;
  padding-left: 10px
}
#siderbar .interview-info {
  display: block;
  font-size: 12px;
  color: #9fa3af;
  line-height: 24px;
  padding-top: 3px
}
#siderbar .interview-info span {
  color: #002c00
}
#siderbar .interview-user-info {
  padding-top: 14px
}
#siderbar .interview-user-info img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  vertical-align: middle
}
#siderbar .interview-user-info .user-text {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis
}
.interview-list li .sub-title .interview-status {
  float: right;
  color: #fd7240
}
.interview-list li .sub-title .company-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.interview-user-info .btn {
  min-width: 46px;
  width: 46px;
  height: 24px;
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  outline: 1px solid #5dd5c8;
  background: #5dd5c8;
  border-color: transparent;
  padding: 0
}
.interview-user-info .btn:hover {
  opacity: .85
}
.interview-user-info .btns-sider-interview {
  display: none;
  vertical-align: top;
  float: right
}
#siderbar .sider-detail ul li:hover .btns-sider-interview {
  display: inline-block
}
.interview-user-info .btn.btn-cancel {
  background-color: #fff;
  color: #5dd5c8;
  margin-right: 4px
}
.interview-user-info .btn.btn-cancel:hover {
  border-color: #5dd5c8
}
#siderbar .not-have {
  display: block;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/not-have.87b15618.png) no-repeat 50%;
  width: 310px;
  height: 60px;
  background-size: 116px 60px
}
#siderbar .not-login {
  display: block;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/not-login.5ffa3cf2.png) no-repeat 50%;
  width: 310px;
  height: 72px;
  background-size: 90px 72px
}
.sider-error-tip {
  text-align: center;
  height: 200px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0
}
.sider-error-tip p {
  font-size: 15px;
  line-height: 15px;
  color: #9fa3b0;
  padding: 30px 0 26px
}
#siderbar .sider-template button {
  width: 68px;
  height: 26px;
  min-width: 68px;
  line-height: 26px;
  font-size: 12px;
  float: right;
  display: none
}
#siderbar .sider-detail ul li:hover button {
  display: block
}
#siderbar .sider-template .btn-sider-interest {
  line-height: normal;
  padding: 0 5px
}
#siderbar .interview-container {
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px dotted #e3e7ed
}
#siderbar .interview-list li:last-child .interview-container {
  border: none
}
#siderbar .sider-load {
  text-align: center;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0
}
#siderbar .sider-load i {
  display: block;
  width: 310px;
  height: 29px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/loading.0e6e0f46.gif) no-repeat 50%;
  background-size: 29px 29px
}
#siderbar .sider-load p {
  padding-top: 20px;
  font-size: 15px;
  color: #9fa3b0
}
#siderbar .sider-index {
  width: 40px;
  height: 100%;
  float: left;
  position: relative;
  transition: width .2s
}
#siderbar .btn-sider-more {
  width: 138px;
  font-size: 14px
}
#siderbar:hover .sider-index {
  width: 60px
}
#siderbar:hover .siderbar-top li a {
  color: #414a60
}
@media (max-height:780px) {
  #siderbar .siderbar-bottom li a, #siderbar .siderbar-top li a {
    padding: 10px 0
  }
  .siderbar-bottom {
    bottom: 80px
  }
  #siderbar .siderbar-app .qrcode-layer {
    top: -128px
  }
  #siderbar .qrcode-layer i {
    top: 132px
  }
  #siderbar .siderbar-wechat .qrcode-layer {
    top: -128px
  }
}
.side-bar-box {
  position: fixed;
  bottom: 40px;
  right: 24px;
  z-index: 104
}
.side-bar-box.is-open {
  right: 324px
}
.side-bar-box .sider-title {
  position: relative;
  padding: 24px 16px 16px;
  background: #fbfbfd;
  color: #12141a;
  font-size: 16px;
  line-height: 22px
}
.side-bar-box .sider-title:before {
  content: " ";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background: #f5f5f5;
  z-index: 1
}
.side-bar-box .sider-title:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0
}
.side-bar-box .sider-title a {
  font-size: 14px;
  color: #3b86f6;
  float: right
}
.side-bar-box .sider-title a:hover {
  opacity: .8
}
.side-bar-box .btn {
  background-color: #5dd5c8;
  border-color: #5dd5c8;
  color: #fff
}
.side-bar-box .btn:hover {
  background: #6adbcf
}
.side-bar-box .opacity {
  opacity: .5
}
.side-bar-box .user-avatar {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  vertical-align: middle
}
.side-bar-box .sider-detail {
  position: fixed;
  top: 49px;
  bottom: 0;
  right: 0;
  width: 300px;
  background: #fbfbfd;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 8px 40px 0 hsla(0, 0%, 60%, .3)
}
.side-bar-box .sider-detail ul {
  background-color: #fff
}
.side-bar-box .sider-detail ul li {
  transition: all .2s linear
}
.side-bar-box .sider-detail ul li:hover {
  background: #f7f7f7
}
.side-bar-box .sider-detail ul li:hover .btns-sider-interview {
  display: inline-block
}
.side-bar-box .sider-detail ul li:hover button {
  display: block
}
.side-bar-box .sider-detail ul li:last-child a {
  border: none
}
.side-bar-box .sider-detail ul li h4 {
  font-size: 14px;
  color: #222;
  line-height: 22px;
  height: 22px;
  white-space: nowrap
}
.side-bar-box .user-text {
  font-size: 13px;
  color: #666;
  padding-left: 8px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle
}
.side-bar-box .sider-position-title {
  width: 165px;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  display: inline-block
}
.side-bar-box .sider-position-title .title-text {
  max-width: 98px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.side-bar-box .sider-position-title .title-text.no-medium {
  max-width: 165px
}
.side-bar-box .sider-position-title .title-text .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-left: 10px
}
.side-bar-box .sider-degree {
  float: right;
  font-size: 16px;
  font-weight: 500;
  color: #fe574a;
  line-height: 22px
}
.side-bar-box .company-info {
  font-size: 13px;
  color: #999;
  padding: 8px 0;
  line-height: 18px
}
.side-bar-box .siderbar-more {
  display: block;
  font-size: 12px;
  color: #999;
  text-align: center;
  padding-top: 18px
}
.side-bar-box .interview-time {
  height: 40px;
  padding-left: 20px;
  background: #fbfbfd;
  font-size: 14px;
  color: #222;
  line-height: 40px
}
.side-bar-box .interview-time span {
  font-size: 12px;
  color: #999;
  padding-left: 10px
}
.side-bar-box .interview-info {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 24px;
  padding-top: 3px
}
.side-bar-box .interview-info span {
  color: #002c00
}
.side-bar-box .interview-user-info {
  padding-top: 14px
}
.side-bar-box .interview-user-info img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  vertical-align: middle
}
.side-bar-box .interview-user-info .user-text {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis
}
.side-bar-box .interview-list li .sub-title .interview-status {
  float: right;
  color: #fd7240
}
.side-bar-box .interview-list li .sub-title .company-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.side-bar-box .interview-list li:last-child .interview-container {
  border: none
}
.side-bar-box .interview-user-info .btn {
  min-width: 46px;
  width: 46px;
  height: 24px;
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  outline: 1px solid #5dd5c8
}
.side-bar-box .interview-user-info .btn.btn-cancel {
  background-color: #fff;
  color: #5dd5c8;
  margin-right: 4px
}
.side-bar-box .interview-user-info .btn.btn-cancel:hover {
  border-color: #5dd5c8
}
.side-bar-box .interview-user-info .btns-sider-interview {
  display: none;
  vertical-align: top;
  float: right
}
.side-bar-box .not-have, .side-bar-box .not-login {
  display: block;
  margin: 0 auto;
  background: url(https://img.bosszhipin.com/static/file/2022/pooxhxtvvc1653361386961.png) no-repeat 50%;
  width: 200px;
  height: 120px;
  background-size: 200px 120px
}
.side-bar-box .sider-error-tip {
  width: 100%;
  height: 228px
}
.side-bar-box .sider-error-tip p {
  color: #666;
  font-size: 14px
}
.side-bar-box .sider-template button {
  width: 68px;
  height: 26px;
  min-width: 68px;
  line-height: 24px;
  font-size: 12px;
  float: right;
  padding: 0;
  display: none
}
.side-bar-box .sider-template a {
  padding: 20px 0 11px;
  display: block;
  margin: 0 20px;
  border-bottom: 1px dotted #f5f5f5
}
.side-bar-box .interview-container {
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: 1px dotted #e3e7ed
}
.side-bar-box .sider-load {
  text-align: center;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0
}
.side-bar-box .sider-load i {
  display: block;
  width: 310px;
  height: 29px;
  background: url(https://img.bosszhipin.com/static/file/2022/aue6ylox6q1653361437125.gif) no-repeat 50%;
  background-size: 29px 29px
}
.side-bar-box .sider-load p {
  padding-top: 20px;
  font-size: 15px;
  color: #9fa3b0
}
.side-bar-box .sider-index {
  width: 40px;
  height: 100%;
  float: left;
  position: relative;
  transition: width .2s
}
.side-bar-box .btn-sider-more {
  width: 138px;
  font-size: 14px
}
.side-bar-box .side-bar-wrapper .back-top {
  display: none;
  width: 44px;
  height: 44px;
  padding: 10px 0;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06)
}
.side-bar-box .side-bar-wrapper .back-top:before {
  content: " ";
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: url(https://img.bosszhipin.com/static/file/2022/9iumhezupm1651820282511.png) -312px 0/auto 24px no-repeat
}
.side-bar-box .side-bar-wrapper .back-top.show {
  display: block
}
.side-bar-box .side-bar-wrapper .back-top:hover:before {
  background-position: -72px 0
}
.side-bar-box .side-bar-wrapper .side-bar-bottom, .side-bar-box .side-bar-wrapper .side-bar-top {
  margin-top: 12px;
  padding: 6px 0;
  width: 44px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06);
  border-radius: 22px
}
.side-bar-box .side-bar-wrapper > ul > li {
  position: relative;
  height: 44px;
  width: 44px;
  padding: 6px 0
}
.side-bar-box .side-bar-wrapper > ul > li:hover .side-attr {
  color: #3b86f6
}
.side-bar-box .side-bar-wrapper > ul > li:hover .side-popper {
  display: block
}
.side-bar-box .side-bar-wrapper > ul > li > a {
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: url(https://img.bosszhipin.com/static/file/2022/9iumhezupm1651820282511.png) 0 0/auto 24px no-repeat;
  transition: none
}
.side-bar-box .side-bar-wrapper > ul > li.side-feedback {
  height: auto;
  cursor: pointer
}
.side-bar-box .side-bar-wrapper > ul > li .side-attr {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  margin-top: 6px;
  text-align: center;
  transition: all .2s linear
}
.side-bar-box .side-bar-wrapper > ul > li .side-popper {
  display: none;
  position: absolute;
  top: 50%;
  right: 48px;
  margin-top: -11px;
  white-space: nowrap;
  background: #707070;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 13px;
  font-weight: 400;
  color: #fbfbfb;
  line-height: 18px
}
.side-bar-box .side-bar-wrapper > ul > li.side-interest a {
  background-position: -264px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-interest.active a, .side-bar-box .side-bar-wrapper > ul > li.side-interest:hover a {
  background-position: -120px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-chat a {
  background-position: -360px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-chat.active a, .side-bar-box .side-bar-wrapper > ul > li.side-chat:hover a {
  background-position: -168px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-deliver a {
  background-position: -336px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-deliver.active a, .side-bar-box .side-bar-wrapper > ul > li.side-deliver:hover a {
  background-position: -48px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-interview a {
  background-position: -288px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-interview.active a, .side-bar-box .side-bar-wrapper > ul > li.side-interview:hover a {
  background-position: -144px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-service a {
  background-position: -240px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-service:hover a {
  background-position: -24px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-feedback a {
  background-position: -192px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-feedback:hover a {
  background-position: -96px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-other > a {
  background-position: -216px 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-other:hover > a {
  background-position: 0 0
}
.side-bar-box .side-bar-wrapper > ul > li.side-other:hover .other-list {
  display: block
}
.side-bar-box .side-bar-wrapper .other-list {
  display: none;
  position: absolute;
  top: 50%;
  right: 48px;
  margin-top: -20px;
  background: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .06);
  border-radius: 12px;
  padding: 0 4px;
  white-space: nowrap;
  z-index: 1
}
.side-bar-box .side-bar-wrapper .other-list:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -4px;
  width: 4px;
  z-index: 1
}
.side-bar-box .side-bar-wrapper .other-list li {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  padding: 10px
}
.side-bar-box .side-bar-wrapper .other-list li a {
  display: block;
  color: #333
}
.side-bar-box .side-bar-wrapper .other-list li a:hover {
  color: #3b86f6
}
.side-bar-box .side-bar-wrapper .other-list li a:hover .qrcode-layer {
  display: block
}
.side-bar-box .side-bar-wrapper .other-list .qrcode-layer {
  bottom: 44px;
  right: 50%;
  top: auto;
  margin-right: -98px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  color: #666;
  overflow: hidden;
  font-size: 13px
}
.side-bar-box .side-bar-wrapper .other-list .qrcode-layer img {
  margin: 16px auto 0
}
.interview-pop .dialog-container {
  width: 500px
}
.interview-pop .dialog-header h3.title {
  font-size: 18px;
  color: #5dd5c8;
  font-weight: 400;
  margin-bottom: 10px
}
.interview-pop .dialog-footer .btns {
  text-align: center
}
.pop-feedback textarea {
  margin-left: 10px;
  height: 119px;
  width: 440px;
  padding: 10px 12px !important;
  border: 1px solid #d4d5d6;
  resize: none;
  display: block;
  color: #414a60;
  border-radius: 8px;
  box-sizing: border-box
}
.pop-feedback a {
  color: inherit;
  *color: #9fa3b0
}
.pop-feedback .btn {
  min-width: 30px;
  padding: 0 30px;
  height: 32px;
  line-height: 32px;
  color: #5dd5c8;
  font-size: 14px
}
.pop-feedback .tips {
  position: static
}
.pop-feedback .dialog-container {
  width: 610px;
  border-radius: 12px;
  padding: 0
}
.pop-feedback .dialog-title {
  height: 122px;
  border-radius: 12px 12px 0 0;
  background: url(https://img.bosszhipin.com/static/file/2023/gmezozfxzi1675678429486.png) 0 0/610px auto no-repeat
}
.pop-feedback .icon-close:after, .pop-feedback .icon-close:before {
  background: #999
}
.pop-feedback .dialog-title .title {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  line-height: 33px;
  padding: 30px 40px 0
}
.pop-feedback .dialog-title .tips {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 20px;
  margin-top: 10px
}
.pop-feedback .dialog-title .close {
  top: 15px;
  right: 16px
}
.pop-feedback .dialog-con {
  width: 610px;
  padding: 0 40px
}
.pop-feedback .dialog-con span:last-child {
  display: block;
  line-height: 17px;
  margin-top: 4px
}
.pop-feedback .sub-title {
  float: left;
  width: 70px;
  margin-right: 10px;
  color: #333;
  font-weight: 500;
  text-align: left
}
.pop-feedback .sub-title .required-icon {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #fe574c;
  line-height: 20px;
  margin-right: 4px
}
.pop-feedback .sub-content {
  margin-left: 80px;
  font-size: 13px
}
.pop-feedback .text-error {
  display: block;
  height: 20px;
  line-height: 20px;
  margin: 4px auto 6px;
  color: #fc6c38;
  font-size: 12px;
  padding-left: 80px
}
.pop-feedback .text-error .tips {
  font-size: 12px;
  color: #d1d4db
}
.pop-feedback .upload {
  margin-bottom: 30px
}
.pop-feedback .upload .upload-tips {
  font-size: 12px;
  color: #666;
  line-height: 17px;
  margin-top: 10px
}
.pop-feedback .upload .sub-content {
  padding: 10px;
  border-radius: 8px;
  transition: all .2s linear
}
.pop-feedback .upload .sub-content:hover {
  background: #f7f7f7
}
.pop-feedback .upload.has-upload .sub-content:hover {
  background: #fff
}
.pop-feedback .upload .upload-pics {
  font-size: 0;
  line-height: 98px
}
.pop-feedback .upload .upload-pic {
  display: inline-block;
  position: relative;
  z-index: 6;
  width: 98px;
  height: 98px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 8px;
  border: 1px solid #dedfe0;
  background: url(https://static.zhipin.com/v2/web/geek/images/icon-add.png) no-repeat 50%/20px;
  cursor: pointer;
  text-align: center
}
.pop-feedback .upload .upload-pic img {
  max-width: 100%;
  max-height: 100%;
  background-color: #fff;
  vertical-align: middle
}
.pop-feedback .upload .upload-pic .remove-pic {
  position: absolute;
  z-index: 7;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v239/static/images/icon-close.d627ffbd.png) no-repeat 0 0/100% auto
}
.pop-feedback .upload .upload-pic .remove-pic:hover {
  background-position: 0 -32px
}
.pop-feedback .upload .upload-pic-btn-wrapper {
  display: inline-block;
  position: relative;
  z-index: 6;
  width: 98px;
  height: 98px;
  border-radius: 8px;
  border: 1px solid #3b86f6;
  background: #fff;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden
}
.pop-feedback .upload .upload-pic-btn-wrapper:hover {
  background-color: rgba(0, 166, 167, .1)
}
.pop-feedback .upload .upload-pic-btn-wrapper .iboss-plus {
  display: block;
  font-size: 20px;
  color: #3b86f6;
  margin: 25px auto 12px;
  width: 20px;
  height: 20px;
  line-height: 20px
}
.pop-feedback .upload .upload-pic-btn-wrapper em {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #3b86f6;
  line-height: 20px;
  font-style: normal
}
.pop-feedback .upload .upload-pic-btn {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 200%;
  background: none;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer
}
.upload-complate .dialog-container {
  margin: -227px 0 0 -189px
}
.pop-feedback .verify-box .sub-content {
  font-size: 0
}
.pop-feedback .verify-box .ipt {
  width: 287px;
  min-width: 212px;
  height: 32px;
  padding: 0 0 0 40px;
  font-size: 14px;
  border: 1px solid #eee;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-sign.66eb1d7e.png) 11px -39px no-repeat;
  vertical-align: middle
}
.pop-feedback .verify-box img {
  width: 102px;
  height: 32px;
  border: 1px solid #eee;
  border-left: none;
  vertical-align: middle
}
.pop-feedback .dialog-footer {
  padding: 0 0 24px;
  margin: 0 40px
}
.pop-feedback .dialog-footer .btn {
  border-radius: 4px;
  padding: 0 20px
}
.pop-feedback .dialog-footer .btn.btn-cancel {
  color: #5c5e66;
  border: 1px solid #c1c6cc;
  transition: all .2s linear
}
.pop-feedback .dialog-footer .btns .btn-outline.btn-cancel:hover {
  border: 1px solid #00b8bf;
  padding: 0 20px;
  line-height: 32px;
  height: 34px;
  color: #3b86f6
}
.pop-feedback .dialog-footer .btn-sure {
  color: #fff;
  background: #00b8bf;
  transition: all .2s linear;
  border: 1px solid #00b8bf
}
.pop-feedback .dialog-footer .btn-sure:hover {
  background: rgba(0, 166, 167, .8);
  border: 1px solid rgba(0, 166, 167, .8)
}
.pop-feedback input:focus, .pop-feedback textarea:focus {
  box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
  border-color: #00d7c6
}
.pop-feedback .verify-box-new input {
  top: 0 !important
}
.pop-feedback .verify-box-new {
  position: relative;
  min-height: 44px;
  background: #e8e8e8;
  border-radius: 4px;
  width: 440px;
  margin-left: 90px
}
.pop-feedback .verify-box-new .verify-init-btn {
  line-height: 42px;
  height: 44px;
  border-radius: 4px
}
.pop-feedback .verify-box-new .verify-init-btn .verify-init-dot {
  top: 10px
}
.pop-feedback .verify-box-new .geetest_holder.geetest_wind {
  height: 44px
}
.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_success_btn .geetest_success_box {
  top: 8px
}
.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_wait {
  margin: 8px
}
.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar {
  margin: 6px
}
.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar_btn {
  border-radius: 4px
}
.pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_radar_tip, .pop-feedback .verify-box-new .geetest_holder.geetest_wind .geetest_success_radar_tip {
  height: 44px;
  line-height: 42px;
  border-radius: 4px
}
.pop-feedback .verify-box-new:before {
  position: absolute;
  left: 50%;
  margin-left: -42px;
  content: "正在加载中";
  background: url(https://z.zhipin.com/web/geek/resource/loading.gif) 100% no-repeat;
  background-size: 16px;
  padding-right: 20px;
  line-height: 44px;
  color: #969696
}
.pop-feedback .ipt:focus, .pop-feedback textarea:focus {
  box-shadow: 0 1px 3px rgba(93, 213, 200, .4);
  border-color: #00d7c6
}
.icon-svg {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  fill: #414a60
}
.icon-svg:hover {
  fill: #5dd5c8
}
.dialog-status {
  text-align: center
}
.dialog-status .dialog-container {
  width: 300px;
  padding-top: 26px;
  padding-bottom: 0
}
.dialog-status .dialog-body {
  overflow: visible;
  max-height: none
}
.dialog-status .dialog-footer {
  padding-top: 0
}
.dialog-status .dialog-status-icon {
  display: block;
  margin: 0 auto 15px;
  width: 34px;
  height: 34px
}
.dialog-status .dialog-status-title {
  font-size: 14px;
  font-weight: 400;
  color: #414a60;
  line-height: 20px;
  margin-bottom: 14px
}
.dialog-status .dialog-status-desc {
  font-size: 12px;
  font-weight: 400;
  color: #61687c;
  line-height: 17px
}
.dialog-status .dialog-status-btns {
  margin-top: 17px
}
.dialog-status .dialog-status-btns .dialog-status-btn {
  background: #fff;
  border: 0;
  border-top: 1px solid #eef0f5;
  height: 41px;
  line-height: 40px;
  display: inline-block;
  padding: 0 24px;
  cursor: pointer;
  color: #00c2b3;
  font-size: 12px
}
.dialog-status-loading .data-tips {
  height: auto;
  min-height: 200px
}
.dialog-text-content .dialog-container {
  padding: 30px 30px 20px;
  width: 760px;
  box-sizing: content-box;
  border-radius: 12px;
  overflow: hidden
}
.dialog-text-content .dialog-title {
  display: none
}
.dialog-text-content .dialog-title .title {
  font-size: 16px;
  font-weight: 700;
  color: #0e1726;
  line-height: 22px
}
.dialog-text-content .dialog-con {
  max-height: 370px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 13px;
  color: #666;
  line-height: 1.7;
  margin-right: -30px;
  margin-top: -30px;
  padding-right: 30px
}
.dialog-text-content .dialog-con p {
  margin: .7em 0
}
.dialog-text-content .dialog-con h1 {
  font-size: 1.5em;
  text-align: center;
  margin: 2em 0 .7em
}
.dialog-text-content .dialog-con::-webkit-scrollbar-track-piece {
  background-color: #f1f1f1;
  border-radius: 0;
  -webkit-border-radius: 0
}
.dialog-text-content .dialog-con::-webkit-scrollbar {
  width: 4px;
  height: 4px
}
.dialog-text-content .dialog-con::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd;
  border-radius: 10px
}
.dialog-text-content .dialog-con::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc
}
.dialog-text-content .dialog-con::-webkit-scrollbar-corner {
  background-color: #f1f1f1
}
.dialog-text-content .dialog-footer {
  margin-top: 24px;
  padding: 0
}
.dialog-text-content .dialog-footer .btns {
  text-align: center
}
.dialog-text-content .dialog-footer .btns .btn-sure {
  background: #3b86f6;
  border-color: #3b86f6;
  transition: all .2s linear;
  border-radius: 4px
}
.dialog-text-content .dialog-footer .btns .btn-sure:hover {
  background: rgba(0, 190, 189, .8);
  border-color: rgba(0, 190, 189, .8)
}
.dialog-map .dialog-container {
  width: 660px;
  height: 501px;
  padding: 0
}
.dialog-map .title {
  display: block;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons.69b3aa96.png) no-repeat 15px -420px;
  color: #62687a;
  padding: 13px 15px 11px 35px;
  font-size: 15px;
  border-bottom: 1px solid #ecedef
}
.dialog-map .map-container {
  height: 450px
}
.dialog-icons-default .dialog-header .icon-dialog {
  margin-top: 3px
}
.dialog-icons-default.dialog-icons-warning .dialog-body {
  padding-left: 0
}
.dialog-icons-default.dialog-icons-warning .dialog-body .tip-text {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  padding: 16px 0 9px
}
.dialog-icons-default.dialog-icons-warning .dialog-header {
  min-height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 25px
}
.dialog-icons-default.dialog-icons-warning .dialog-header:before {
  content: "";
  position: absolute;
  top: 24px;
  left: 30px;
  height: 25px;
  width: 25px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-dialog-warning.3f184c32.png) no-repeat;
  background-size: 25px 25px
}
.dialog-icons-default.dialog-icons-warning .dialog-header .icon-dialog.icon-dialog-warning {
  display: none
}
.dialog-icons-default.dialog-icons-warning .dialog-header h3.title {
  margin-left: 33px;
  font-size: 18px
}
.boss-dialog__wrapper.dialog-wrapV2 {
  border-radius: 12px
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__header .boss-dialog_title h3 {
  color: #444;
  line-height: 20px;
  font-weight: 500;
  font-size: 20px
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close {
  right: 19px;
  top: 19px;
  width: 20px;
  height: 20px
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:hover {
  background: rgba(2, 204, 191, .1)
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:hover .icon-close:after, .boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:hover .icon-close:before {
  background: #3b86f6
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close .icon-close {
  width: 20px;
  height: 20px;
  position: relative
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close .icon-close:after, .boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close .icon-close:before {
  background: #999;
  width: 16px;
  height: 2px;
  top: 9px;
  left: 2px
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:after, .boss-dialog__wrapper.dialog-wrapV2 .boss-popup__close:before {
  background: #999;
  width: 16px;
  height: 2px;
  top: 9px;
  left: 3px
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button {
  padding: 0 20px;
  border-radius: 4px;
  line-height: 32px;
  text-align: center
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.disabled {
  pointer-events: none
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button:not(.disabled):not(.button-outline) {
  background: #3b86f6;
  border-color: #3b86f6
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button:not(.disabled):not(.button-outline):hover {
  background: #3b86f6;
  border-color: #3b86f6
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.button-outline {
  background: transparent;
  color: #3b86f6;
  border-radius: 4px
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.button-outline.disabled {
  opacity: .4;
  pointer-events: none
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.button-outline:hover {
  background: #e5f9f8;
  border-color: #3b86f6;
  border-width: 1px
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button.button-outline:active {
  box-shadow: none
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__footer .boss-dialog__button:last-child {
  margin-left: 10px
}
.boss-dialog__wrapper.dialog-wrapV2 .boss-dialog__body {
  color: #757575;
  line-height: 24px;
  margin-top: 20px
}
.fl {
  float: left
}
.fr {
  float: right
}
.gray {
  color: #9fa3b0
}
.text-small {
  font-size: 12px
}
.chat-record .article, .chat-user .article {
  line-height: 44px;
  height: 46px;
  margin-top: -46px;
  border-bottom: 2px solid #f2f2f5
}
.chat-record .article, .chat-user .article {
  padding-left: 22px;
  color: #9fa3b0;
  background-color: #fbfbfc;
  white-space: nowrap
}
.chat-user .article {
  line-height: 48px;
  height: 48px;
  margin-top: -48px;
  border-bottom: none
}
.chat-user {
  box-sizing: border-box;
  width: 360px;
  height: 100%;
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column
}
.chat-user .article {
  display: flex;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa)
}
.chat-user .article span.article-tab {
  cursor: pointer;
  margin-right: 27px
}
.chat-user .article span.article-tab:last-child {
  margin-right: 0
}
.chat-user .article span.article-tab.cur {
  color: #414a60;
  cursor: default;
  margin-bottom: -2px;
  border-bottom: 2px solid #5dd5c8
}
.user-blank {
  position: relative;
  height: 100%;
  background-color: #f7f8fa
}
.user-blank p {
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 30px;
  margin-top: -15px;
  text-align: center;
  color: #d1d4db
}
.user-list {
  position: relative;
  height: 100%
}
.user-list .user-list-content {
  overflow-y: auto;
  height: 100%;
  padding: 6px 0
}
.user-list .user-list-content::-webkit-scrollbar-track-piece {
  background-color: #fff
}
.user-list .data-tips {
  height: 100%
}
.user-list .data-tips .page-loading {
  margin-left: 0
}
.chat-user .chat-content {
  position: relative;
  overflow-y: auto;
  min-height: 0;
  flex: 1
}
.chat-user .user-list li .vline {
  margin: 0 6px
}
.user-list .icon-group-inner {
  padding: 4px;
  font-size: 12px;
  font-style: normal;
  color: #5e96f2;
  background: rgba(94, 150, 242, .1);
  border-radius: 3px;
  overflow: hidden;
  float: right;
  line-height: 14px;
  vertical-align: top;
  margin-top: -2px;
  transform: scale(.9)
}
.user-list .figure {
  position: relative;
  float: left;
  width: 46px
}
.user-list .figure .notice-badge {
  position: absolute;
  top: -4px;
  left: 8px;
  text-align: center;
  height: 17px;
  font-size: 12px;
  color: #fff;
  line-height: 11px;
  display: inline-block;
  background: #fe574a;
  border-radius: 9px;
  border: 1px solid #fff;
  min-width: 17px;
  padding: 2px;
  z-index: 1
}
.user-list .top-list li:after, .user-list ul li .friend-top:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  content: "";
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-stick.8000917c.png) 100% 0 no-repeat
}
.user-list .figure img {
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 100%
}
.user-list .text {
  margin-left: 58px;
  font-size: 14px;
  color: #414a60
}
.user-list .text .label {
  overflow: hidden;
  margin: 0 5px;
  flex-shrink: 0
}
.user-list .text .label .filtered-label {
  display: inline-block;
  max-width: 58px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 14px;
  padding: 1px 4px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  vertical-align: middle
}
.user-list .text .title-box {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  line-height: 16px;
  display: flex
}
.user-list .text .title-box .name-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block
}
.user-list .text .title-box .name-text {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  margin-right: 10px
}
.user-list .text .title-box .identity {
  font-size: 12px;
  font-weight: 400;
  color: #666
}
.user-list .text .title-box .vline {
  margin: 0 4px
}
.user-list .topwx .text .name {
  font-weight: 500
}
.user-list .topwx {
  border-bottom: 1px solid #f2f2f5;
  height: 75px;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 14px 12px;
  cursor: pointer;
  margin: 2px 8px;
  border-radius: 4px
}
.user-list .topwx.selected {
  background-color: #f2f2f2
}
.popover-wrap .popover-content .filtered-content {
  display: block;
  white-space: nowrap;
  padding: 5px;
  font-size: 13px;
  color: #61687c;
  line-height: 24px
}
.user-list .text .time {
  font-size: 13px;
  float: right;
  color: #b3b3b3
}
.user-list .text .user-operation {
  display: none;
  font-size: 12px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 0;
  height: 20px
}
.user-list .text .user-operation .icon-operate {
  width: 18px;
  height: 18px
}
.user-list .text .user-operation .list-operate-hover, .user-list .text .user-operation:hover .list-operate {
  display: none
}
.user-list .text .user-operation.hover-active, .user-list .text .user-operation:hover .list-operate-hover {
  display: block
}
.user-list .text .user-operation ul {
  position: absolute
}
.user-list .text .prop-label {
  font-size: 12px;
  line-height: 1.4;
  float: right;
  margin-right: 5px;
  padding: 1px 5px 0;
  color: #3b86f6;
  position: relative;
  height: 19px;
  background: rgba(0, 190, 189, .1);
  border-radius: 4px
}
.user-list .text .prop-label .source-tip {
  display: none;
  position: absolute;
  right: -30px;
  top: 20px;
  width: 190px;
  background: #707070;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
  border-radius: 2px;
  font-size: 13px;
  color: #fff;
  line-height: 18px;
  padding: 10px;
  white-space: normal;
  z-index: 2
}
.user-list .text .prop-label:hover .source-tip {
  display: block
}
.gray, .time {
  color: #9fa3b0
}
.draft {
  color: #ff941c
}
.user-list .text .last-msg {
  margin-top: 9px;
  font-size: 12px;
  line-height: 18px;
  color: #999;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative
}
.user-list .text .last-msg .last-msg-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  padding-right: 30px
}
.user-list .text .last-msg .gold-boss {
  color: #ed7e07
}
.user-list .text .last-msg .green-boss {
  color: #00c2b3
}
.notice-badge {
  line-height: 17px;
  display: inline-block;
  min-width: 15px;
  margin-left: 20px;
  padding: 0 4px;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  border-radius: 12px;
  background-color: #fa6a43
}
.user-list .text .notice-badge {
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  top: 44px;
  right: 20px;
  min-width: 8px;
  text-align: center
}
.user-list li {
  height: 78px
}
.user-list li .friend-content {
  position: relative;
  display: block;
  padding: 14px 12px;
  cursor: pointer;
  margin: 0 8px;
  border-radius: 4px
}
.user-list li .friend-content:not(.selected) .figure:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 46px;
  height: 46px;
  content: "";
  border-radius: 100%;
  background: rgba(84, 91, 109, .3)
}
.user-list li .friend-content.drawer .figure:after {
  background: transparent !important
}
.user-list li .friend-content.selected {
  background-color: #f2f2f2
}
.user-list li .friend-content:hover {
  background-color: #f8f8f8
}
.user-list li .friend-content:hover .user-operation {
  display: block
}
.friend-content .status {
  width: 16px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/send-status.5df921ac.png) no-repeat -5px -5px;
  background-size: 104px 26px;
  margin-right: 2px;
  display: inline-block;
  flex-shrink: 0
}
.friend-content .status-loading.status {
  animation: send-loading 2s linear infinite;
  background-position: -5px -5px
}
.friend-content .status-error.status {
  background-position: -83px -5px
}
.friend-content .status-read.status {
  background-position: -57px -5px
}
.friend-content .status-delivery.status {
  background-position: -31px -5px
}
.chat-record {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: #fff
}
.chat-record .article a.op-settop {
  display: inline-block;
  width: 36px;
  height: 32px;
  margin-right: 10px;
  vertical-align: middle;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-chat-input.4d08afa6.png) 11px -167px no-repeat
}
.chat-record .article .op-settop.selected {
  background-position: -35px -167px
}
.chat-record .popover span {
  color: #414a60;
  cursor: pointer
}
.chat-record .popover span:hover {
  color: #00c2b3
}
.chat-record .article .popover-wrap {
  top: calc(100% + 5px)
}
.chat-record .article .popover-content {
  line-height: 24px;
  color: #414a60;
  min-width: 130px;
  text-align: center
}
.chat-record .chat-message {
  position: relative;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-bottom: 35px
}
.chat-record .tooltip-analyzer {
  position: absolute;
  z-index: 10;
  width: 260px;
  height: 130px;
  margin-top: 20px;
  padding: 0 20px;
  background: #fff;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1)
}
.chat-record .tooltip-analyzer-panel {
  position: relative
}
.chat-record .tooltip-analyzer-panel:after {
  position: absolute;
  top: -8px;
  left: 20px;
  width: 12px;
  height: 12px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-color: transparent transparent #e7e9ee #e7e9ee;
  border-style: solid;
  border-width: 1px;
  background: #fff
}
.chat-record .analyzer-text {
  line-height: 85px;
  overflow: hidden;
  height: 75px;
  text-align: center
}
.chat-record .tooltip-analyzer .btn {
  font-size: 14px;
  line-height: 31px;
  box-sizing: border-box;
  min-width: auto;
  height: 32px;
  margin: 0;
  padding: 0 15px
}
.chat-record .tooltip-analyzer a.btn {
  text-decoration: none;
  color: #fff
}
.chat-record .tooltip-analyzer .analyzer-btns {
  display: flex;
  justify-content: space-between
}
.chat-wrap .chat-record .article span {
  margin: 0 9px
}
.chat-wrap .chat-record .article .vline {
  margin: 0 5px
}
.chat-record .im-list {
  padding: 0 30px 20px;
  overflow: hidden
}
.chat-record .im-list li {
  margin-top: 20px;
  color: #333
}
.chat-record .im-list .message-edit, .chat-record .im-list .message-edit:hover {
  font-style: normal;
  color: #62d5c8;
  margin-left: 5px;
  text-decoration: none
}
.chat-record li:after {
  display: block;
  visibility: hidden;
  clear: both;
  overflow: hidden;
  content: ""
}
.chat-record li .figure {
  display: inline-block;
  width: 36px;
  margin-right: 10px;
  vertical-align: top
}
.chat-record li .figure img {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%
}
.chat-record li .prop-text, .chat-record li .text {
  line-height: 22px;
  position: relative;
  display: inline-block;
  max-width: 420px;
  padding: 8px 12px;
  vertical-align: top;
  word-break: break-all;
  border-radius: 8px;
  background-color: #f8f8f8;
  color: #333
}
.chat-record li .job-guide {
  background-color: transparent;
  padding: 1px;
  border: 1px solid #eef0f5;
  width: 245px;
  box-sizing: border-box
}
.chat-record li .job-guide img {
  display: block;
  width: 100%;
  border-radius: 6px;
  cursor: pointer
}
.chat-record li .job-guide p {
  font-size: 13px;
  color: #00c2b3;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer
}
.chat-record li.item-resume .text {
  padding: 0;
  background-color: transparent
}
.chat-record li.item-center, .chat-record li.item-question {
  text-align: center
}
.chat-record li.item-center .message-dialog, .chat-record li.item-question {
  border-radius: 8px;
  background: linear-gradient(180deg, #f2f7ff, #fff 50%);
  border: 1px solid rgba(40, 126, 255, .2)
}
.chat-record li.item-center .message-dialog .btn-v2.btn-light-v2, .chat-record li.item-question {
  color: #333;
  line-height: 35px;
  height: 36px;
  background: rgba(40, 126, 255, .1)
}
.chat-record li.item-center .message-dialog .btn-v2.btn-light-v2:hover, .chat-record li.item-question:hover {
  color: #333;
  background: rgba(40, 126, 255, .2)
}
.chat-record li.item-system .hyperlink-center a {
  text-decoration: none
}
.chat-record li.item-center .dialog-content {
  text-align: left
}
.chat-record li .hello-question {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #5dd5c8;
  padding: 10px 15px;
  text-align: left;
  min-width: 200px;
  border-radius: 4px
}
.chat-record li .hello-question p.gray {
  font-size: 12px
}
.chat-record .text .link a, .chat-record .text .link a:hover {
  color: #62d5c8
}
.chat-record .item-myself .link a, .chat-record .item-myself .link a:hover {
  color: #fff
}
.chat-record .image {
  line-height: 0;
  overflow: hidden;
  max-width: 270px;
  max-height: 300px
}
.chat-record .image img {
  max-width: 270px;
  height: 142px
}
.chat-record .image .message-image {
  height: 142px
}
.chat-record .btn-store {
  display: none;
  position: absolute;
  width: 110px;
  padding: 15px 0;
  bottom: 0;
  right: -50px;
  background: #f9fafb;
  color: #414a60;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  border-radius: 4px;
  cursor: pointer
}
.chat-record .text:hover .btn-store {
  display: block
}
.chat-record .item-myself .btn-store {
  right: auto;
  left: -50px
}
.chat-record em, .chat-record i {
  font-style: normal
}
.chat-record .item-time .time {
  display: block;
  width: 130px;
  margin: 20px auto 0;
  text-align: center;
  color: #b3b3b3;
  background: #fff
}
.chat-record .item-time .time:after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}
.chat-record li .text .hyper-link {
  text-align: left
}
.chat-record li .text .hyper-link a {
  text-decoration: none;
  color: #3b86f6
}
.chat-record li .text .hyper-link a:hover {
  color: #3b86f6
}
.chat-record li .text a {
  text-decoration: underline;
  color: #3b86f6;
  margin-left: 10px
}
.chat-record li .text a:hover {
  color: #414a60
}
.chat-record .item-myself .text {
  float: right;
  color: #333;
  border-top-right-radius: 0;
  background-color: rgba(0, 190, 189, .2)
}
.chat-record .item-image.text {
  padding: 0;
  cursor: pointer;
  background-color: #fff
}
.chat-record .item-friend .text {
  border-top-left-radius: 0
}
.chat-record .text .icon-respond {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-left: -1px;
  padding: 0;
  vertical-align: middle;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-respond.1a64627a.png) no-repeat
}
.chat-record .text .op .link-agree {
  display: inline-block;
  padding: 0 8px;
  color: #5e96f2
}
.chat-record .disabled {
  pointer-events: none
}
.chat-record .text .icon-arrow-right {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -1px -5px 0 7px;
  vertical-align: middle;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-respond.1a64627a.png) -51px 0 no-repeat
}
.chat-record .text .op .link-refuse {
  display: inline-block;
  padding: 0 4px;
  color: #9fa3b0
}
.chat-record .text .weixin {
  background-position: 0 -34px
}
.chat-record .text .resume {
  background-position: 0 -70px;
  min-width: 0
}
.chat-record .item-prop, .chat-record .item-safe, .chat-record .item-system {
  text-align: center
}
.chat-record .item-prop a {
  text-decoration: underline;
  color: #3b86f6
}
.chat-record .item-system .text {
  font-size: 12px;
  line-height: 24px;
  padding: 1px 15px 0;
  border-radius: 15px;
  max-width: 420px
}
.chat-record .item-safe .text {
  background: #fff;
  width: 280px;
  font-size: 12px;
  color: #666;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(40, 126, 255, .2);
  background: linear-gradient(180deg, #f2f7ff, #fff 50%)
}
.chat-record .item-safe .text .hyperlink-title {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  justify-content: center
}
.chat-record .item-safe .text .hyperlink-title img {
  width: 16px;
  height: 16px;
  margin-right: 6px
}
.chat-record .item-safe .text .hyperlink-title span {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px
}
.chat-record .item-safe .text .hyperlink-content {
  text-align: left;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 20px
}
.chat-record .item-safe .text .hyperlink-content a {
  color: #3b86f6;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500
}
.chat-record .item-system .message-system-promote {
  margin: 0 8px;
  color: #62d5c8
}
.chat-record .icon-interview-accept, .chat-record .icon-interview-cancel, .chat-record .icon-interview-reject, .chat-record .icon-interview-send, .dialog-interview .icon-interview-address, .dialog-interview .icon-interview-job, .dialog-interview .icon-interview-note, .dialog-interview .icon-interview-time {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-interview.db38c13f.png) no-repeat
}
.dialog-interview .icon-interview-address, .dialog-interview .icon-interview-job, .dialog-interview .icon-interview-time, .icon-interview-note {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  flex: none
}
.chat-record .item-friend .icon-interview-send {
  margin-right: 10px;
  background-position: -35px -100px
}
.chat-record .item-friend .icon-offer-send {
  display: inline-block;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/geek-get-offer@2x.860d9356.png) no-repeat;
  background-size: contain
}
.chat-record .item-friend .to-offer-detail {
  color: #00c2b3;
  margin-left: 10px;
  cursor: pointer
}
.chat-record .item-friend .icon-interview-cancel {
  margin-right: 10px;
  background-position: -25px -25px
}
.chat-record .item-friend .icon-interview-reject {
  margin-right: 10px;
  background-position: -25px -75px
}
.chat-record .item-myself .icon-interview-accept {
  margin-left: 10px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/offer-tick.d1268586.png) no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px
}
.chat-record .item-myself .icon-interview-reject {
  margin-left: 10px;
  background-position: -25px -25px
}
.dialog-interview .icon-interview-job {
  background-position: 0 -50px
}
.dialog-interview .icon-interview-time {
  background-position: 0 -75px
}
.dialog-interview .icon-interview-address {
  background-position: -1px -100px
}
.dialog-interview .icon-interview-note {
  background-position: 0 -125px
}
.chat-record li .status {
  position: absolute;
  bottom: 0;
  left: -20px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/send-status.5df921ac.png) no-repeat -5px -5px;
  background-size: 104px 26px
}
@keyframes send-loading {
  to {
    transform: rotate(1turn)
  }
}
.chat-record .status-loading.status {
  animation: send-loading 2s linear infinite;
  background-position: -5px -5px
}
.chat-record .status-error.status {
  background-position: -83px -5px;
  cursor: pointer
}
.chat-record .status-read.status {
  background-position: -57px -5px
}
.chat-record .status-delivery.status {
  background-position: -31px -5px
}
.chat-record li.com-desc .text {
  background: #fff;
  border: none;
  padding: 0
}
.chat-record li.item-dialog .text {
  background: #fff;
  border-radius: 0 8px 8px 8px;
  border: 1px solid #ededed;
  max-width: 500px;
  padding: 12px
}
.chat-record li.item-dialog .msg-dialog-img {
  border-radius: 0 6px 0 0;
  width: 100%;
  height: 0;
  cursor: pointer;
  padding-top: 50%;
  background: no-repeat 50%;
  background-size: cover;
  margin-top: 16px;
  border-radius: 8px
}
.chat-record li.item-dialog .msg-dialog-position {
  width: 274px
}
.chat-record li.item-dialog .msg-dialog-position a {
  margin-left: 0
}
.chat-record li.item-dialog .msg-dialog-info {
  padding: 10px 0;
  line-height: 25px
}
.chat-record li.item-dialog .msg-dialog-info img {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom
}
.chat-record li.item-dialog .msg-dialog-innertext {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 22px
}
.chat-record li.item-dialog .msg-dialog-title {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}
.chat-record li.item-dialog .msg-dialog-desc {
  width: 100%;
  display: block;
  font-size: 13px;
  color: #8d92a1
}
.chat-record li.item-dialog .msg-dialog-footer {
  border-top: 1px solid #eef0f5;
  display: flex;
  text-align: center
}
.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn {
  height: 43px;
  line-height: 43px;
  flex: 1;
  width: 0;
  font-size: 14px;
  color: #00c2b3;
  text-decoration: none
}
.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn:hover {
  opacity: .8
}
.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn + .msg-dialog-btn {
  border-left: 1px solid #eef0f5
}
.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn-gray {
  color: #8d92a1
}
.chat-record li.item-dialog .msg-dialog-footer .msg-dialog-btn-disabled {
  pointer-events: none;
  color: #d1d4db
}
.chat-record li.item-dialog.item-myself .msg-dialog-img {
  border-radius: 6px 0 0 0
}
.chat-record li.item-dialog .msg-dialog-footer-v2 {
  text-align: right
}
.chat-im {
  margin-bottom: -152px
}
.chat-editor {
  position: relative;
  padding: 0 30px;
  border-top: 1px solid #e6e8eb
}
.chat-controls {
  user-select: none;
  padding: 15px 0 0
}
.chat-controls .vline {
  height: 16px;
  margin-right: 20px;
  margin-left: 0;
  margin-top: 5px;
  vertical-align: top
}
.chat-dz-emotion.emotion .emotion-tab .emotion-sort {
  display: none
}
.chat-dz-emotion.emotion .emotion-tab .emotion-sort.emition-default {
  display: inline-block
}
.chat-controls a {
  position: relative;
  z-index: 20;
  display: inline-block;
  margin-right: 20px
}
.chat-controls a.icon {
  width: 24px;
  height: 24px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-chat-input-new.ca8e289b.png) no-repeat;
  transition: none;
  background-size: 102px 102px
}
.chat-controls a.toolbar-btn {
  height: 22px;
  border-radius: 4px;
  border: 1px solid #e6e8eb;
  padding: 0 10px;
  line-height: 23px;
  vertical-align: top;
  margin-right: 10px;
  box-sizing: content-box
}
.chat-controls a.toolbar-btn:not(.unable):hover {
  border-color: transparent;
  color: #3b86f6;
  background-color: rgba(0, 190, 189, .1)
}
.chat-controls a.btn-emotion {
  background-position: -5px -5px
}
.chat-controls a.btn-dict {
  background-position: -5px -39px
}
.chat-controls a.btn-emotion:not(.unable):hover {
  background-position: -39px -5px
}
.chat-controls a.btn-dict:not(.unable):hover {
  background-position: -39px -39px
}
.chat-controls a.btn-online:hover {
  background-position: -73px -39px
}
.chat-controls a.btn-online {
  background-position: -73px -5px
}
.chat-controls a.btn-sendimg:hover {
  background-position: -39px -73px
}
.chat-controls a.btn-sendimg {
  background-position: -5px -73px
}
.chat-controls a.btn-sendimg input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  width: 24px
}
.chat-controls .unable {
  cursor: default;
  color: #999
}
.chat-controls .tooltip:hover:after {
  transform: translateX(-50%) translateY(-16px)
}
.chat-controls .tooltip:hover:before {
  transform: translateY(-16px)
}
.image-wrap {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(37, 40, 48, .7)
}
.chat-input {
  user-select: none;
  overflow: auto;
  overflow-x: hidden;
  height: 75px;
  color: #000;
  outline: none
}
.chat-input img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle
}
.chat-op {
  user-select: none;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: right
}
.chat-op .tip {
  padding-right: 20px;
  color: #ccc
}
.chat-op .error-tip {
  color: red
}
.chat-op .btn-send {
  font-size: 14px;
  line-height: 26px;
  min-width: auto;
  height: 28px;
  margin-right: 0;
  padding: 0 16px;
  border-radius: 6px
}
.chat-op .disabled, .chat-op .disabled:hover {
  cursor: default;
  color: #ededed;
  border-color: #ededed;
  background-color: #fff
}
.chat-position {
  line-height: 26px;
  float: right;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  height: 100%;
  padding: 20px;
  background-color: #fbfbfc
}
.chat-position .basic {
  padding-top: 4px
}
.chat-position .article, .chat-position .salary {
  font-size: 18px;
  line-height: 35px;
  word-wrap: break-word;
  word-break: break-all
}
.chat-position .article {
  min-width: 35px
}
.chat-position .salary {
  color: #fc6c38
}
.chat-position .basic .vline {
  margin: 0 16px
}
.chat-position .description {
  padding-top: 15px
}
.chat-position .description .article {
  font-size: 16px
}
.chat-position .under-line {
  overflow: hidden;
  width: 20px;
  height: 2px;
  margin: 14px 0;
  background-color: #5dd5c8
}
.chat-position .description .text {
  color: #72798d
}
.chat-position .subtitle {
  line-height: 40px;
  height: 40px
}
.chat-weclcome {
  position: relative;
  height: 100%;
  margin-top: 76px;
  text-align: center;
  background: #fff url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-welcome.16c2a037.png) center 40% no-repeat
}
.welcome-tips {
  font-size: 20px;
  font-size: 13px;
  width: 100%;
  margin-top: 30px;
  color: #666
}
.welcome-tips b, .welcome-tips span {
  font-weight: 400;
  color: #414a60
}
.sentence-popover {
  position: absolute;
  z-index: 15;
  bottom: 160px;
  left: 30px;
  width: 378px;
  background: #fff;
  -webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
  border-radius: 8px
}
.sentence-popover:after {
  position: absolute;
  bottom: -5px;
  left: 50px;
  width: 10px;
  height: 10px;
  content: "";
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  background: #fff;
  box-shadow: 16px 3px 11px 0 rgba(0, 0, 0, .1)
}
.sentence-popover {
  width: 200px;
  padding: 16px 20px
}
.sentence-popover .title {
  padding-bottom: 10px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px
}
.sentence-popover.panel-resume .highlight-tip {
  margin-top: 0
}
.sentence-popover .content {
  padding-bottom: 10px;
  text-align: center
}
.sentence-popover .btns {
  text-align: right
}
.sentence-popover .btn-outline, .sentence-popover .btns .btn-v2 {
  line-height: 22px;
  font-size: 12px
}
.sentence-popover .btn-outline:not(.disabled):hover {
  padding: 0 27px
}
.sentence-popover:after {
  left: 50%;
  margin-left: -5px
}
.panel-resume.sentence-popover:after {
  left: 164px
}
.sentence-popover.panel-resume {
  left: 96px;
  width: 330px
}
.sentence-popover.panel-resume .title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}
.sentence-popover.panel-resume .content {
  padding-bottom: 16px;
  font-size: 13px;
  color: #9fa3b0;
  text-align: left
}
.sentence-popover.panel-contact {
  left: 232px
}
.sentence-popover.panel-contact .btns {
  text-align: center
}
.sentence-popover.panel-wechat {
  left: 306px
}
.sentence-popover.panel-wechat .btns {
  text-align: center
}
.sentence-popover.panel-wechat .tip-text {
  margin-bottom: 16px;
  margin-top: 8px;
  font-size: 12px
}
.sentence-popover.respond-chat {
  width: 320px;
  margin-left: -32px;
  width: 360px;
  left: 256px
}
.respond-chat.sentence-popover .title {
  font-size: 16px;
  padding-bottom: 16px;
  text-align: left;
  font-weight: 500;
  color: #222
}
.respond-chat .tip-text {
  line-height: 17px;
  color: #999
}
.respond-chat.sentence-popover input {
  width: 100%;
  padding: 8px 14px;
  box-sizing: border-box;
  min-height: 22px;
  line-height: 22px;
  border: 1px solid transparent;
  vertical-align: middle;
  border-radius: 1px;
  font-size: 14px;
  line-height: 26px;
  color: #414a60;
  outline: 0;
  background: #f8f8f8;
  border-radius: 4px
}
.respond-chat.sentence-popover input:hover {
  background: rgba(0, 190, 189, .1);
  border: 1px solid #3b86f6
}
.respond-chat.sentence-popover input:focus {
  background: #fff;
  border: 1px solid #3b86f6;
  outline: 0
}
.respond-chat:after {
  left: 50%
}
.interview-modal {
  position: absolute;
  z-index: 999;
  top: 45%;
  left: 50%;
  width: 460px;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3)
}
.interview-loading {
  padding: 100px 0;
  text-align: center
}
.interview-loading .icon-toast-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 13px;
  margin-top: -2px;
  vertical-align: middle;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-toast.82bcc73c.png);
  background-repeat: no-repeat;
  background-position: 0 -232px;
  -webkit-animation: semicircle .8s linear infinite;
  animation: semicircle .8s linear infinite
}
@-webkit-keyframes semicircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
@keyframes semicircle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
.dialog-interview-default .icon-believable {
  display: inline-block;
  width: 12px;
  height: 15px;
  margin-right: 10px;
  vertical-align: middle;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-interview.db38c13f.png) 0 0 no-repeat
}
.dialog-interview-default .icon-unbelievable {
  display: inline-block;
  width: 12px;
  height: 15px;
  margin-right: 10px;
  vertical-align: middle;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-interview.db38c13f.png) 0 -25px no-repeat
}
.interview-notice {
  font-size: 12px;
  line-height: 36px;
  height: 38px;
  text-align: center;
  color: #9fa3b0;
  padding: 0 30px
}
.interview-notice p {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f1f5f9
}
.interview-notice p img {
  margin-right: 5px
}
.interview-wrap .interview-article {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background: linear-gradient(90deg, #f2fafa, #fcfbfa);
  border-radius: 16px 16px 0 0;
  font-weight: 500
}
.data-manage .interview-audio-icon img {
  width: 100%;
  height: auto;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: -3px;
  margin-left: 5px
}
.interview-page-footer {
  font-size: 12px;
  padding: 0 24px 25px;
  display: flex;
  justify-content: space-between;
  align-items: baseline
}
.interview-page-footer .btns a {
  padding: 0 30px;
  line-height: 30px;
  border-radius: 4px
}
.interview-wrap.interview-waitreply .interview-article {
  padding-bottom: 0;
  border: 0
}
.interview-fail .interview-article, .interview-waitreply .interview-article {
  color: #fc6c38
}
.data-manage i {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 10px;
  vertical-align: middle
}
.interview-fail .data-manage i, .interview-waitreply .data-manage i {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-interview-success.8623656b.png) no-repeat 50%/100%
}
.interview-success .interview-article, .interview-waiting .interview-article {
  color: #3b86f6
}
.interview-status0 .data-manage i, .interview-success .data-manage i, .interview-waiting .data-manage i {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-interview-success.8623656b.png) no-repeat 50%/100%
}
.interview-cancel .interview-article {
  color: #999
}
.interview-cancel .data-manage i {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-interview-success.8623656b.png) no-repeat 50%/100%
}
.interview-status0 .interview-article {
  color: #222
}
.interview-modal .btns {
  margin-top: 20px
}
.interview-modal .btns .btn {
  width: 60px;
  padding: 7px 16px;
  font-size: 13px;
  border-radius: 2px;
  display: initial
}
.interview-modal .btns .btn-default {
  border: 1px solid #3b86f6;
  color: #3b86f6
}
.interview-modal .btns .btn-default:hover {
  border: 1px solid #3b86f6;
  color: #3b86f6;
  background-color: transparent;
  background: transparent
}
.interview-modal .btns .btn-primary {
  background: #3b86f6;
  border-color: #3b86f6
}
.interview-modal .btns .btn-primary:hover {
  background: #3b86f6;
  border-color: #3b86f6
}
.interview-wrap .icon-interview {
  display: inline-block;
  width: 15px;
  height: 16px;
  margin-top: 2px;
  vertical-align: top;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-interview.db38c13f.png) 0 0 no-repeat
}
.interview-wrap .icon-description {
  background-position: -1px -125px
}
.interview-wrap .icon-time {
  background-position: 0 -75px
}
.interview-wrap .icon-address {
  background-position: -1px -100px
}
.interview-wrap .icon-position {
  background-position: -1px -50px
}
.contact-line {
  margin: 0 3px
}
.interview-contact-name {
  max-width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.interview-contactor {
  word-break: break-all
}
.virtual-tip {
  color: #61687c;
  font-size: 14px
}
.icon-contactor {
  vertical-align: top;
  margin-left: -2px;
  display: inline-block;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-contact.031f2495.png) no-repeat 50%/100% 100%;
  width: 18px;
  height: 18px
}
.interview-wrap .btn-block {
  line-height: 38px;
  display: block;
  width: 100%;
  height: 38px;
  margin: 15px 0 5px;
  padding: 0;
  text-align: center;
  color: #414a60;
  border: 1px solid #d1d4db;
  background: #fff
}
.interview-wrap .btn-block:hover {
  color: #5dd5c8;
  border-color: #5dd5c8;
  background: #fff
}
.interview-addition {
  overflow: auto;
  max-height: 120px;
  word-wrap: break-word;
  word-break: break-all
}
.interview-tip {
  margin-bottom: 10px;
  font-size: 12px;
  color: #8d92a1;
  margin-top: 10px
}
.red-boss {
  font-size: 13px;
  font-weight: 400;
  color: #f53d47;
  line-height: 18px
}
.interview-job-name {
  font-weight: 500;
  color: #333
}
.interview-hint-wrap .dialog-container {
  padding: 15px 30px 20px
}
.interview-hint {
  width: 400px
}
.interview-hint ul {
  margin-left: 20px;
  padding-bottom: 20px
}
.interview-hint li {
  list-style: square
}
.interview-hint dl {
  position: relative;
  padding: 3px 0 20px 45px
}
.interview-hint dl dt {
  padding: 5px 0
}
.interview-invitation .dialog-footer {
  padding-bottom: 25px
}
.interview-hint .article {
  font-size: 18px;
  padding: 12px 0 18px;
  color: #414a60
}
.dialog-interview-default .data-manage td {
  padding: 8px 0;
  font-size: 13px
}
.dialog-interview-default .data-manage p {
  padding: 0
}
.dialog-interview-default .data-manage .tip-address {
  word-wrap: break-word;
  word-break: break-all;
  line-height: 20px
}
.dialog-interview-default .data-manage .t {
  width: 65px;
  vertical-align: top;
  color: #9fa3b0;
  font-size: 13px;
  display: flex;
  margin-right: 10px
}
.dialog-interview-default .data-manage .t span {
  width: 52px;
  height: 20px;
  text-align: justify;
  text-align-last: justify;
  display: inline-block
}
.dialog-interview-default .data-manage .t span:after {
  content: " ";
  display: inline-block;
  width: 100%
}
.dialog-interview-default .data-manage .icon-post {
  height: 16px;
  vertical-align: middle;
  margin: -2px 0 0 10px
}
.interview-modal .btns .btn-outline {
  float: right
}
.interview-modal .btns {
  text-align: center
}
.interview-modal .btn {
  margin-right: 10px
}
.interview-modal .btn:last-of-type {
  margin-right: 0
}
.chat-position-bar {
  font-size: 13px;
  line-height: 40px;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: hsla(0, 0%, 98%, .9)
}
.chat-position-bar .dz-boss-notice {
  color: #19d7c8;
  font-size: 12px;
  margin-right: 20px;
  cursor: pointer
}
.chat-zdboss-notice .dialog-container {
  padding: 30px 30px 40px;
  font-size: 13px;
  line-height: 26px
}
.chat-zdboss-notice .dialog-container .article {
  font-weight: 400;
  font-size: 16px
}
.chat-zdboss-notice .dialog-container .gray {
  padding: 8px 0 5px
}
.chat-zdboss-notice .dialog-container dt {
  font-size: 14px;
  padding-bottom: 3px
}
.chat-zdboss-notice .dialog-footer .btns {
  padding-top: 10px
}
.chat-zdboss-notice .dialog-container dd {
  text-indent: .5em;
  color: #9fa3b0
}
.chat-position-bar a {
  display: inline-block;
  width: auto;
  padding-right: 24px;
  text-indent: 33px;
  color: #61687c
}
.chat-position-bar a:hover {
  color: #61687c
}
.chat-position-bar .bar-position-name {
  margin: 0 12px;
  color: #00c2b3
}
.inner-notice {
  font-size: 13px;
  line-height: 40px;
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 33px;
  color: #5e96f2;
  text-align: left;
  background: #eef4fd
}
.inner-notice .icon-bell {
  margin: 0 12px;
  width: 11px;
  height: 13px
}
.chat-tips {
  line-height: 2.5;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  animation: chatTipsFadeIn .3s both;
  text-align: center;
  color: #fff;
  background: rgba(255, 0, 0, .5)
}
.chat-tips-show {
  display: block
}
@keyframes chatTipsFadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.dialog-upload-guid {
  width: 330px
}
.dialog-upload-guid .dialog-title {
  padding: 0 0 12px
}
.dialog-upload-guid .dialog-title h3 {
  font-size: 16px;
  font-weight: 400
}
.dialog-upload-guid .header a:hover {
  background: #ddd
}
.dialog-upload-guid .content {
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px 20px 0
}
.dialog-upload-guid .footer {
  text-align: center
}
.dialog-upload-guid .footer .btn {
  position: relative;
  margin: 0
}
.dialog-upload-guid .footer .btn:hover {
  opacity: .8
}
.dialog-upload-guid .footer .btn input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100px;
  height: 34px;
  cursor: pointer;
  opacity: 0
}
.dialog-resume-preview #pop-resume, .dialog-resume-preview #pop-resume .pop-item {
  display: block
}
.dialog-resume-preview .modify-resume {
  position: relative;
  margin-top: 20px
}
.dialog-resume-preview .reupload-resume {
  position: relative
}
.dialog-resume-preview .modify-resume input, .dialog-resume-preview .reupload-resume input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 32px;
  opacity: 0
}
.dialog-resume-preview .pop-success img {
  display: block;
  width: 810px;
  margin: 0 auto
}
.dialog-resume-preview #pop-resume .pop-success .content {
  overflow-x: hidden;
  overflow-y: auto;
  height: 0;
  background: none
}
.dialog-resume-preview #pop-resume .pop-item .content {
  height: -100vh
}
.choose-resume-dialog .dialog-header {
  padding: 0 30px
}
.choose-resume-dialog .dialog-header .title {
  font-size: 20px;
  line-height: 24px;
  color: #414a60
}
.choose-resume-dialog .dialog-container {
  padding: 30px 0
}
.choose-resume-dialog .resume-title {
  margin-top: 20px;
  color: #414a60;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 10px
}
.choose-resume-dialog .resume-title .sub-title {
  color: #8d92a1;
  font-size: 12px
}
.choose-resume-dialog .pl30 {
  padding: 0 30px
}
.choose-resume-dialog .resume-top-tip {
  padding: 0 20px;
  background-color: #fff3e7;
  height: 34px;
  border-radius: 2px;
  line-height: 34px;
  color: #f8a120;
  font-size: 13px;
  margin-top: 4px;
  margin-bottom: 10px
}
.choose-resume-dialog .resume-top-tip .btn-upload {
  width: 56px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  display: inline-block;
  height: 22px;
  border-radius: 12px;
  background-color: #ffaa32;
  box-shadow: 0 2px 4px 0 rgba(248, 161, 32, .38);
  float: right;
  margin-top: 6px;
  cursor: pointer
}
.choose-resume-dialog .resume-top-tip .icon-xinxi-tip {
  margin-right: 8px;
  float: left;
  margin-top: 8px;
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-error.4af2d3d7.png) no-repeat;
  background-size: cover
}
.choose-resume-dialog .resume-video {
  position: relative;
  margin-right: 10px
}
.choose-resume-dialog .resume-video, .choose-resume-dialog .resume-video img {
  width: 44px;
  height: 52px;
  border-radius: 4px
}
.choose-resume-dialog .resume-video .video-mask {
  border-radius: 4px;
  position: absolute;
  background-color: #d8d8d8;
  background: rgba(0, 0, 0, .3);
  width: 44px;
  height: 52px;
  left: 0;
  top: 0
}
.choose-resume-dialog .resume-video .icon-video-play {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -8px;
  display: inline-block;
  width: 12px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/video-play-shadow.7f092725.png) no-repeat 50%/100% 100%
}
.choose-resume-dialog .resume-video.disabled {
  background-color: #000
}
.choose-resume-dialog .btn-confirm {
  float: right;
  width: 102px;
  height: 40px
}
.choose-resume-dialog .resume-list {
  margin-bottom: 15px
}
.choose-resume-dialog .resume-list .list-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 44px;
  padding: 0 65px 0 30px;
  cursor: pointer;
  color: #62687a;
  margin-right: 0
}
.choose-resume-dialog .resume-list .list-item:hover {
  background-color: #f2f5fa
}
.choose-resume-dialog .resume-list .list-item .sensitive-words {
  color: #f8a120;
  background: #fff5ed;
  font-size: 12px;
  padding: 4px 6px;
  transform: scale(.8);
  display: inline-block;
  height: 20px;
  line-height: 12px;
  margin-top: 0;
  margin-left: 10px
}
.choose-resume-dialog .resume-list .list-item .radio-inner {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0
}
.choose-resume-dialog .resume-list .list-item .item-body {
  flex: 1;
  color: #414a60
}
.choose-resume-dialog .resume-list .list-item .item-body .resume-name {
  display: inline-block;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis
}
.choose-resume-dialog .resume-list .list-item .item-body .resume-label {
  padding: 0 5px;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: #00c2b3;
  background: #eaf9f7;
  border-radius: 2px;
  margin-left: 10px
}
.choose-resume-dialog .resume-list .list-item .item-desc {
  flex: none;
  color: #61687c
}
.choose-resume-dialog .resume-list .list-item .item-desc .resume-size {
  display: inline-block;
  min-width: 60px;
  text-align: right;
  margin-left: 10px
}
.choose-resume-dialog .resume-list .radio-disabled {
  color: #8d92a1;
  cursor: default
}
.choose-resume-dialog .resume-list .radio-disabled:hover {
  background-color: transparent
}
.choose-resume-dialog .resume-list .radio-disabled .item-body, .choose-resume-dialog .resume-list .radio-disabled .item-desc {
  color: #8d92a1
}
.choose-resume-dialog .resume-list .radio-disabled .resume-video img {
  filter: grayscale(100%);
  filter: gray
}
.choose-resume-dialog .resume-list .video-list-item {
  height: 68px;
  padding: 8px 65px 8px 30px
}
.choose-resume-dialog .icon-file {
  flex: none;
  width: 19px;
  height: 25px;
  margin-right: 10px;
  background: no-repeat;
  background-size: 100%
}
.choose-resume-dialog .icon-doc {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-doc.a04b14a5.png)
}
.choose-resume-dialog .icon-pdf {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-pdf.bd26c623.png);
  background-size: 125%;
  background-position: bottom
}
.choose-resume-dialog .icon-png {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-png.f92d3b25.png)
}
.choose-resume-dialog .icon-jpeg, .choose-resume-dialog .icon-jpg {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-jpg.3857c1e2.png)
}
.choose-resume-dialog .icon-docx {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-docx.f5ae5883.png)
}
.honesy-dialog .dialog-container {
  width: 500px
}
.honesy-dialog .dialog-header, .honesy-dialog .dialog-title {
  font-weight: 400;
  margin-bottom: 15px;
  color: #5dd5c8
}
.honesy-dialog .title {
  font-size: 20px
}
.honesy-dialog .dialog-con {
  padding-top: 0;
  padding-bottom: 0
}
.honesy-dialog .dialog-footer {
  padding-right: 0
}
.honesy-dialog .dialog-footer .btns {
  text-align: center
}
.chat-record .item-card {
  display: flex;
  justify-content: center
}
.chat-record .item-card .card {
  user-select: none;
  background: #fff;
  border: 1px solid #ecedee;
  border-radius: 6px;
  min-width: 230px
}
.chat-record .item-card .card .card-info {
  padding: 20px 30px;
  display: flex;
  align-items: center
}
.chat-record .item-card .card .card-info .card-icon {
  width: 38px;
  margin-right: 10px
}
.chat-record .item-card .card .card-info .card-icon img {
  width: 100%;
  vertical-align: top
}
.chat-record .item-card .card .card-body {
  flex: 1
}
.chat-record .item-card .card .card-body .card-desc, .chat-record .item-card .card .card-body .card-title {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.chat-record .item-card .card .card-body .card-title {
  font-size: 15px;
  font-weight: 500;
  color: #414a60;
  line-height: 23px
}
.chat-record .item-card .card .card-body .card-desc {
  font-size: 12px;
  color: #8d92a1;
  line-height: 17px
}
.chat-record .item-card .card .card-footer {
  display: flex;
  border-top: 1px solid #ecedee
}
.chat-record .item-card .card .card-footer .card-btn {
  display: block;
  flex: 1;
  height: 42px;
  line-height: 42px;
  width: 56px;
  font-size: 14px;
  color: #00c2b3;
  text-align: center
}
.dialog-interview .dialog-container {
  width: 360px;
  padding-top: 20px
}
.dialog-interview .close {
  display: none
}
.dialog-interview .dialog-body {
  overflow: visible;
  max-height: none
}
.dialog-interview .interview-title {
  padding-bottom: 15px;
  border-bottom: 1px solid #f1f5f9;
  text-align: center;
  font-size: 16px;
  color: #414a60;
  line-height: 22px
}
.dialog-interview .form .form-item {
  margin-bottom: 0
}
.dialog-interview .form .input-wrap-textarea {
  min-width: 0;
  width: 100%
}
.dialog-interview .form .input-wrap-textarea .input {
  min-height: 80px;
  max-height: 160px
}
.dialog-interview .form .ui-dropmenu {
  width: 80px;
  margin-left: 80px
}
.dialog-interview .form .datepicker-wrap .input-wrap {
  display: block
}
.dialog-interview .form .datepicker-wrap .input, .dialog-interview .form .datepicker-wrap .input-wrap {
  min-width: auto;
  width: 100%
}
.dialog-interview .form .ui-select {
  display: block;
  width: 110px
}
.dialog-interview .interview-list {
  margin-top: 15px
}
.dialog-interview .interview-list .interview-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #414a60;
  margin: 20px 0
}
.dialog-interview .interview-list .interview-item .flex-1 {
  flex: 1
}
.dialog-interview .interview-list .interview-item .btn-switch {
  color: #00c2b3;
  cursor: pointer;
  user-select: none
}
.dialog-interview .dialog-footer {
  margin: 20px 0 0;
  padding-right: 0;
  padding-top: 0
}
.dialog-interview .dialog-footer .btns {
  text-align: center
}
.dialog-remind .dialog-container {
  width: 360px;
  padding: 20px 20px 30px
}
.dialog-remind .close {
  display: none
}
.dialog-remind .remind-wrap h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 6px
}
.dialog-remind .remind-wrap .remind-text {
  font-size: 12px;
  line-height: 17px;
  color: #8d92a1
}
.dialog-remind .remind-wrap ul {
  margin: 30px 0
}
.dialog-remind .remind-wrap ul li {
  display: flex;
  align-items: center;
  margin-bottom: 30px
}
.dialog-remind .remind-wrap ul li:last-child {
  margin-bottom: 0
}
.dialog-remind .remind-wrap ul li img {
  flex: none;
  width: 70px;
  height: 70px;
  margin-right: 15px
}
.nlp-dot {
  cursor: pointer;
  user-select: none;
  position: absolute;
  height: 34px;
  line-height: 34px;
  background: #6097ef;
  border-radius: 17px;
  color: #fff;
  bottom: 4px;
  left: 10px;
  z-index: 11;
  padding: 0 27px 0 20px;
  font-size: 14px;
  white-space: nowrap
}
.nlp-dot .nlp-dot-close {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -2px
}
.nlp-dot .nlp-dot-close img {
  width: 100%;
  vertical-align: top
}
.card-box {
  margin-left: 46px
}
.card-box .card-top {
  color: #9fa3b0;
  font-size: 12px;
  padding-top: 5px;
  line-height: 20px
}
.card-box .list-card {
  display: inline-block;
  border-radius: 0 6px 6px 6px;
  padding: 0 20px 16px;
  background: #f3f5fb;
  max-width: 544px
}
.card-box .list-card .card-title {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #e3e7ed;
  color: #414a60;
  font-size: 12px
}
.card-box .list-card ul li {
  max-width: 400px;
  color: #00c2b3;
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
  cursor: pointer
}
.card-box .list-card ul li:hover {
  color: #19d7c8
}
.guide-download-app-chat-v62 {
  display: inline-block;
  align-items: center;
  font-size: 14px;
  color: #00c2b3;
  margin-right: 10px;
  cursor: pointer
}
.guide-download-app-chat-v62 .guide-icon {
  width: 11px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/phone2x.b3936c29.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 6px
}
.guide-download-app-chat-v62 div {
  display: inline-block
}
.guide-download-app-chat-v62:hover .guide-icon {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/phone2x-hover.e2b7d8f9.png) no-repeat;
  background-size: 100% 100%
}
.guide-download-app-chat-qrcode-v62 {
  display: none;
  position: fixed;
  top: 122px;
  left: 112px;
  z-index: 9999;
  padding: 14px;
  width: 160px;
  height: 205px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  border: 1px solid #ededed;
  border-radius: 10px
}
.guide-download-app-chat-qrcode-v62 .app-icon-v62 {
  width: 130px;
  height: 130px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/download-app-v63.f7677295.png) no-repeat;
  background-size: 100% 100%
}
.guide-download-app-chat-qrcode-v62 .app-icon-arrow {
  position: absolute;
  top: -5px;
  left: 76px;
  width: 8px;
  height: 8px;
  border: 1px solid #e3e7ed;
  border-top: none;
  border-right: none;
  transform: rotate(135deg);
  background: #fff
}
.guide-download-app-chat-qrcode-v62 .text {
  font-size: 14px;
  font-weight: 500;
  color: #3b86f6;
  line-height: 20px;
  width: 100%;
  display: inline-block;
  margin-top: 3px;
  text-align: center
}
.floatRight {
  margin-right: 20px;
  float: right;
  color: #414a60
}
.dialog-virtual-container {
  padding: 15px 0 0;
  box-sizing: border-box;
  width: 330px;
  left: 172px !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  border-radius: 2px
}
.dialog-virtual-container:after, .dialog-virtual-container:before {
  display: none
}
.dialog-virtual-container .virtual-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  padding: 0 30px
}
.virtual-container {
  margin-top: 10px;
  padding: 0 30px
}
.virtual-container .virtual-switch {
  color: #414a60;
  font-size: 14px;
  display: flex;
  align-items: center
}
.virtual-container .virtual-switch img {
  margin-right: 6px;
  width: 20px
}
.virtual-container .virtual-switch .flex-right {
  flex: 1;
  text-align: right
}
.virtual-container .virtual-switch .flex-right .btn-switch:not(.ui-switch-checked) {
  background: #d1d4db;
  border: 1px solid #d1d4db;
  box-sizing: border-box;
  text-align: right
}
.virtual-container .virtual-switch .flex-right .btn-switch:not(.ui-switch-checked):hover {
  background: #b5b8bf;
  border-color: #b5b8bf
}
.virtual-container .virtual-switch .flex-right .ui-switch-checked:not(.ui-switch-disabled):hover {
  background: #00d7c6;
  border-color: #00d7c6
}
.virtual-container .virtual-switch .flex-right .ui-switch-disabled {
  background: #b8e7e6;
  border: 1px solid #b8e7e6
}
.virtual-container .virtual-switch .flex-right .checkbox-disabled .checkbox-inner {
  border-color: #b8e7e6
}
.virtual-container .virtual-switch .flex-right .checkbox-disabled .checkbox-edging {
  background-color: #b8e7e6
}
.virtual-container .virtual-switch .flex-right .popover-content {
  width: 184px;
  box-sizing: border-box;
  background-color: #444;
  border-color: #444;
  font-size: 13px;
  line-height: 20px;
  text-align: left
}
.virtual-container .virtual-switch .checkbox-inner {
  border-radius: 50%;
  width: 16px;
  height: 16px
}
.virtual-container .virtual-switch .checkbox-edging {
  border-radius: 50%
}
.virtual-container .virtual-switch .checkbox-edging:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px
}
.virtual-container .virtual-switch .checkbox-inner {
  margin-right: 0
}
.virtual-container .virtual-content {
  font-size: 12px;
  line-height: 20px;
  color: #8d92a1;
  margin-top: 8px
}
.virtual-footer {
  border-top: 1px solid #f6f6f6;
  height: 43px;
  margin-top: 10px
}
.virtual-footer span {
  float: left;
  display: inline-block;
  height: 43px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  line-height: 43px;
  color: #00c2b3;
  position: relative;
  cursor: pointer
}
.virtual-footer span:hover {
  color: #00d7c6
}
.virtual-footer .virtual-cancel:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background: #f6f6f6
}
.chat-record li .text .link a {
  margin-left: 0
}
.chat-record li .text .message-card-hyperlink {
  display: block;
  text-decoration: none !important;
  font-size: 15px;
  max-width: 245px;
  padding-top: 5px;
  color: #fff;
  margin-left: 0;
  cursor: auto
}
.chat-record li .text .message-card-hyperlink:hover {
  color: #fff
}
.chat-record li .text .message-card-hyperlink .web-content {
  display: flex;
  align-items: center;
  border-top: 1px solid #eee;
  padding-top: 5px;
  margin-top: 5px;
  font-size: 14px
}
.chat-record li .text .message-card-hyperlink .web-content img {
  width: 18px;
  height: 18px;
  margin-right: 8px
}
.chat-record li .text .message-card-hyperlink .web-title {
  margin-bottom: 5px;
  font-size: 14px
}
.chat-record li.item-friend .text .message-card-hyperlink, .chat-record li.item-friend .text .message-card-hyperlink:hover {
  color: #414a60
}
.chat-record li.item-friend .text .message-card-hyperlink .web-content {
  border-top: 1px solid rgba(65, 74, 96, .3)
}
.chat-record .contact-copy .user-select-none {
  user-select: none;
  cursor: default;
  margin: 0 !important
}
.chat-record .contact-copy .user-select-none::selection {
  color: #61687c;
  background: none
}
.chat-record .contact-copy i {
  font-style: normal;
  color: #00c2b3;
  cursor: pointer;
  margin-left: 5px
}
.chat-record .popover .user-select-none:hover {
  color: #414a60
}
.chat-record .popover .user-select-none::selection {
  color: #414a60
}
.filter-box {
  width: 100%;
  height: 75px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/filter-bg.f0bebc83.png) no-repeat 50%/100%;
  position: relative;
  padding: 15px 32px 15px 50px;
  cursor: pointer
}
.filter-box .filter-title {
  font-size: 16px;
  font-weight: 600;
  color: #414a60;
  line-height: 20px
}
.filter-box .iboss-left {
  font-size: 12px
}
.filter-box .filter-subtitle {
  font-size: 12px;
  font-weight: 400;
  color: #61687c;
  line-height: 20px;
  margin-top: 6px
}
.filter-box .filter-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 18px;
  cursor: pointer
}
.filter-box .filter-close img {
  display: block;
  width: 22px;
  height: 18px
}
.filter-box .filter-close .hover {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  display: none
}
.filter-box .filter-close:hover .hover {
  display: block
}
.highlight a, .highlight u {
  color: #00c2b3
}
.highlight u {
  text-decoration: none
}
.highlight-tip {
  margin: 5px 0;
  color: #9fa3b0;
  font-size: 12px
}
.privilege-guide-dialog .dialog-container {
  width: 466px;
  padding: 30px;
  border-radius: 4px
}
.privilege-guide-dialog h3 {
  font-size: 20px;
  font-weight: 500 !important;
  color: #444;
  line-height: 20px
}
.privilege-guide-dialog .privilege-guide .content {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 20px
}
.privilege-guide-dialog .privilege-guide img {
  width: 100%;
  display: block
}
.footer-secret {
  float: left;
  height: 40px;
  display: flex;
  align-items: flex-end;
  color: #61687c;
  font-size: 14px
}
.resume-secret {
  margin-top: 5px;
  color: #61687c
}
.h {
  color: #00c2b3;
  text-decoration: none
}
.chat-online-stats {
  vertical-align: middle
}
.frame-h5-dialog .dialog-container {
  padding: 0
}
.frame-h5-dialog .dialog-body {
  max-height: 100vh
}
.frame-h5-dialog .frame-container iframe {
  display: block;
  border: 0;
  width: 375px;
  min-height: 600px
}
.prop-container {
  display: flex;
  padding-top: 20px
}
.prop-content {
  flex: 1;
  width: 884px
}
.prop-content .title {
  font-size: 24px;
  font-weight: 600;
  color: #222;
  line-height: 26px;
  background: #fff;
  padding: 22px 30px;
  border-radius: 4px 4px 0 0
}
.prop-content .vip-desc {
  height: 32px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/vip-desc-bg.d6f00548.png) no-repeat #fff;
  background-size: 100%;
  justify-content: space-between;
  padding: 0 40px;
  font-size: 14px;
  font-weight: 500;
  color: #c1773f
}
.prop-content .vip-desc, .prop-content .vip-desc .desc {
  display: flex;
  align-items: center
}
.prop-content .vip-desc .pic-vip {
  width: 67px;
  height: 16px;
  margin-right: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/vip.d0afdf47.png) no-repeat;
  background-size: 100%;
  display: inline-block
}
.prop-content .vip-desc .link {
  display: flex;
  cursor: pointer;
  align-items: center;
  color: #c1773f
}
.prop-content .vip-desc .link:hover {
  opacity: .8
}
.prop-content .vip-desc .link .icon {
  width: 20px;
  height: 20px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/row-right.ad93ff09.png) no-repeat;
  background-size: 100%
}
.prop-list li {
  background: #fff
}
.prop-list li:last-of-type {
  margin-bottom: 0
}
.prop-list li:last-child .item-header {
  border-bottom: none
}
.prop-list .item-header {
  display: flex;
  padding: 0 30px;
  height: 119px;
  border-bottom: 1px solid #f2f3f3
}
.prop-list .item-header .figure img {
  width: 60px;
  height: 60px;
  display: block;
  margin-top: 30px
}
.prop-list .item-header .text {
  margin-left: 15px;
  padding-top: 33px;
  flex: 1
}
.prop-list .item-header .text h4 {
  font-size: 18px
}
.prop-list .item-header .text p {
  margin-top: 6px;
  font-size: 14px;
  color: #999
}
.prop-list .item-header .op {
  display: flex;
  align-items: center
}
.prop-list .item-header .op .btn-buy {
  width: 90px;
  height: 28px;
  padding: 0;
  background: linear-gradient(270deg, #ff8554, #ff394b);
  border-radius: 2px;
  color: #fff;
  font-size: 14px
}
.prop-list .item-header .op .btn-buy:hover {
  opacity: .8
}
.prop-list .item-intro {
  margin: 0 -40px;
  display: flex;
  justify-content: space-between
}
.prop-list .item-intro .item-img {
  width: 220px;
  text-align: center
}
.prop-list .item-intro .item-img img {
  vertical-align: top
}
.prop-list .item-intro .item-img .normal-content {
  padding-top: 30px;
  line-height: 22px
}
.prop-list .item-intro .item-img .normal-content img {
  width: 60px;
  margin-bottom: 6px
}
.prop-list .item-intro .item-img .hover-content {
  display: none
}
.prop-list .item-intro .item-img .hover-content img {
  width: 210px;
  margin-bottom: 2px
}
.prop-list .item-intro .item-img .gray {
  color: #8d92a1;
  font-size: 12px
}
.prop-list .item-intro .item-img:hover .normal-content {
  display: none
}
.prop-list .item-intro .item-img:hover .hover-content {
  display: block
}
.prop-list .data-tips {
  height: calc(100vh - 320px);
  min-height: 433px
}
.prop-refresh-success .dialog-container {
  padding: 66px 30px
}
.prop-refresh-success .dialog-body img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 18px
}
.prop-refresh-success .dialog-body h4 {
  text-align: center;
  font-size: 18px;
  color: #414a60;
  line-height: 25px;
  font-weight: 400
}
.prop-refresh-success .dialog-footer {
  padding: 0;
  margin-top: 30px
}
.prop-refresh-success .dialog-footer .btns {
  text-align: center
}
.prop-refresh-success .dialog-footer .btns .btn {
  width: 140px
}
.prop-sider {
  width: 284px;
  margin-left: 16px
}
.prop-nav {
  padding: 0 30px
}
.prop-nav li {
  border-bottom: 1px solid #f2f2f5
}
.prop-nav li:last-of-type {
  border-bottom: 0
}
.prop-nav a {
  display: block;
  line-height: 50px
}
.prop-nav a.router-link-active {
  color: #3b86f6
}
.prop-total .icon-help {
  width: 24px;
  height: 24px;
  margin-right: -5px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-help.a10fb895.png) 4px 4px no-repeat;
  cursor: pointer
}
.prop-total .icon-help:hover {
  background-position: -21px 4px
}
.prop-total .promotion-text {
  font-size: 12px;
  font-weight: 400;
  color: #61687c;
  line-height: 17px;
  padding-bottom: 14px
}
.prop-total .text {
  display: flex;
  padding: 10px 0 14px
}
.prop-total .text .total {
  flex: 1
}
.prop-total .text .total img {
  width: 25px;
  height: 24px;
  vertical-align: middle;
  margin-right: 3px
}
.prop-total .text .total b {
  font-size: 24px;
  color: #ff6223;
  display: inline-block;
  vertical-align: middle;
  font-weight: 400
}
.prop-total .text .more {
  padding-top: 7px;
  cursor: pointer
}
.prop-total .text .more:hover {
  color: #5dd5c8
}
.prop-total .text .more i {
  margin-right: -4px
}
.prop-total .btn-buy {
  width: 100%
}
.prop-total ul {
  margin: 20px -30px 0
}
.prop-total ul:last-child {
  margin-bottom: -15px
}
.prop-total li {
  line-height: 44px;
  border-top: 1px solid #f2f5fa;
  padding: 0 30px;
  cursor: pointer
}
.prop-total li:hover {
  background-color: #f2f5fa;
  transition: all .2s linear
}
.prop-total li .count {
  float: right
}
.prop-intro-dialog .dialog-header {
  padding: 24px 30px 16px
}
.prop-intro-dialog .dialog-header .title {
  font-size: 20px;
  font-weight: 500;
  color: #171d26;
  line-height: 28px
}
.prop-intro-dialog .dialog-container {
  width: 570px;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff url(https://img.bosszhipin.com/static/file/2023/1emwi1ifgt1681699105527.png) 100% 0/auto 170px no-repeat
}
.prop-intro-dialog .dialog-body {
  height: calc(100vh - 128px);
  max-height: 420px;
  padding: 0 30px
}
.prop-intro-dialog .bean-question dl {
  padding-left: 14px
}
.prop-intro-dialog .bean-question dt {
  position: relative;
  margin-bottom: 5px
}
.prop-intro-dialog .bean-question dt:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #18c3b1;
  position: absolute;
  left: -10px;
  top: 8px
}
.prop-intro-dialog .bean-question dd {
  margin-bottom: 30px;
  color: #9fa3b0
}
.prop-intro-dialog .bean-tab {
  margin-top: 24px
}
.prop-intro-dialog .bean-tab span {
  display: inline-block;
  font-size: 13px;
  color: #303640;
  line-height: 18px;
  cursor: pointer;
  padding: 6px 15px;
  border-radius: 4px;
  transition: all .2s linear
}
.prop-intro-dialog .bean-tab span:hover {
  color: #3b86f6;
  font-weight: 500
}
.prop-intro-dialog .bean-tab span.selected {
  background: rgba(2, 204, 191, .1);
  color: #3b86f6;
  font-weight: 500
}
.prop-intro-dialog .bean-detail .bean-history .bean-history-table li {
  display: flex;
  align-items: center;
  line-height: 20px;
  font-size: 14px;
  color: #171d26;
  justify-content: space-between
}
.prop-intro-dialog .bean-detail .bean-history .bean-history-table li > span {
  padding: 10px 15px
}
.prop-intro-dialog .bean-detail .bean-history .bean-history-table li .desc-info {
  word-break: break-all
}
.prop-intro-dialog .bean-detail .bean-history .bean-history-table li .bean-info {
  white-space: nowrap;
  text-align: right
}
.prop-intro-dialog .bean-detail .bean-history .bean-history-table li.bean-history-table__header {
  background: #f5f7fa;
  border-radius: 4px 4px 0 0;
  font-weight: 500;
  color: #363f4d
}
.prop-intro-dialog .bean-detail .bean-history .bean-history-table li .time-desc {
  font-size: 12px;
  color: #8d97a6;
  line-height: 16px;
  margin-top: 4px
}
.prop-intro-dialog .bean-detail .bean-history .bean-history-table .more-order-btn {
  display: block;
  margin-top: 6px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #3b86f6;
  font-size: 12px;
  color: #3b86f6;
  line-height: 16px;
  padding: 4px 9px;
  transition: all .2s linear
}
.prop-intro-dialog .bean-detail .bean-history .bean-history-table .more-order-btn:hover {
  background: rgba(0, 190, 189, .2)
}
.prop-intro-dialog .bean-detail .bean-history table {
  width: 100%
}
.prop-intro-dialog .bean-detail .bean-history tr:first-child {
  background: #f5f7fa;
  border-radius: 4px 4px 0 0
}
.prop-intro-dialog .bean-detail .bean-history td, .prop-intro-dialog .bean-detail .bean-history th {
  padding: 10px 15px;
  border-bottom: 1px solid #edf0f2;
  vertical-align: middle;
  text-align: center
}
.prop-intro-dialog .bean-detail .bean-history td:first-of-type, .prop-intro-dialog .bean-detail .bean-history th:first-of-type {
  width: 140px
}
.prop-intro-dialog .bean-detail .bean-history td span:last-of-type, .prop-intro-dialog .bean-detail .bean-history th span:last-of-type {
  display: inline-block;
  width: 80px
}
.prop-intro-dialog .bean-detail .bean-history td:first-of-type {
  text-align: left
}
.prop-intro-dialog .bean-detail .bean-history .status-tag {
  display: inline-block;
  width: auto !important;
  font-size: 12px;
  border-radius: 2px;
  line-height: 17px;
  padding: 1px 6px;
  margin-left: 6px;
  vertical-align: middle
}
.prop-intro-dialog .bean-detail .bean-history .status-tag.success {
  color: #12ada9;
  border: 1px solid #12ada9
}
.prop-intro-dialog .bean-detail .bean-history .status-tag.fail {
  color: #ff4a55;
  border: 1px solid #ff4a55
}
.prop-intro-dialog .bean-detail .bean-history .status-tag.doing {
  color: #ffaa32;
  border: 1px solid #ffaa32
}
.prop-intro-dialog .bean-detail .bean-history .status-tag.cancel {
  color: #61687c;
  border: 1px solid #61687c
}
.prop-intro-dialog .bean-detail .bean-history .price {
  color: #fa6a43
}
.prop-intro-dialog .bean-detail .bean-history .loading-more-container {
  text-align: center;
  padding: 10px 0
}
.prop-intro-dialog .bean-detail .bean-history .loading-more-container span {
  font-size: 12px;
  color: #9fa3b0
}
.prop-intro-dialog .bean-detail .bean-history .data-tips {
  background: none;
  height: 340px;
  min-height: 0
}
.coupon-sider-dialog .dialog-header .title {
  color: #fff;
  font-size: 18px;
  text-indent: 30px;
  line-height: 60px;
  height: 60px;
  background: #28c3b1
}
.coupon-sider-dialog .dialog-header .close {
  display: none
}
.coupon-frame iframe {
  border: 0;
  width: 100%;
  height: 100vh
}
.withdraw-qrcode-dialog .dialog-header .title {
  font-size: 20px;
  text-align: center;
  font-weight: 700
}
.withdraw-qrcode-dialog .qrcode-withdraw {
  padding-top: 15px
}
.withdraw-qrcode-dialog .qrcode-withdraw img {
  width: 168px;
  height: 168px;
  display: block;
  margin: 0 auto
}
.withdraw-qrcode-dialog .qrcode-withdraw p {
  width: 150px;
  text-align: center;
  margin: 5px auto 0
}
.record-content {
  flex: 1;
  background-color: #fff;
  display: flex
}
.record-content .data-tips {
  height: auto;
  flex: 1
}
.prop-tab {
  width: 220px;
  background: #f8f9fb
}
.prop-tab .current {
  background: #fff
}
.prop-tab .prop-tab-item {
  display: flex;
  padding: 24px 0 24px 20px;
  align-items: center;
  cursor: pointer
}
.prop-tab .prop-tab-item:hover {
  background: rgba(0, 0, 0, .02)
}
.prop-tab .prop-tab-item img {
  width: 42px;
  height: 42px;
  margin-right: 15px;
  display: block
}
.prop-tab .prop-tab-body {
  flex: 1
}
.prop-tab .prop-tab-name {
  height: 20px;
  font-size: 14px;
  color: #50586c;
  width: 100%;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap
}
.prop-tab .prop-tab-desc {
  height: 17px;
  font-size: 12px;
  color: #838997;
  line-height: 17px;
  margin-top: 4px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap
}
.prop-tab .prop-tab-desc span {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 6px
}
.prop-tab .prop-tab-desc span:before {
  content: "";
  display: block;
  position: absolute;
  height: 10px;
  border-left: 1px solid #dbdfe8;
  left: 0;
  top: 50%;
  margin-top: -5px
}
.prop-tab .prop-tab-desc span:first-child {
  padding-left: 0
}
.prop-tab .prop-tab-desc span:first-child:before {
  display: none
}
.prop-tab .prop-tab-desc span .icon-item-vip {
  display: inline-block;
  width: 36px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-vip.4c518c13.png) no-repeat 50%;
  vertical-align: middle;
  margin-top: -2px
}
.mall-items-tab {
  border-bottom: 1px solid #eef0f5;
  white-space: nowrap
}
.mall-items-tab a {
  display: inline-block;
  padding: 0 2px;
  height: 42px;
  line-height: 40px;
  font-size: 14px;
  margin-right: 40px;
  vertical-align: top
}
.mall-items-tab a.cur {
  color: #00c2b3;
  border-bottom: 2px solid #5dd5c8
}
.mall-items-list {
  flex: 1;
  padding: 0 30px;
  min-height: 640px;
  width: 0;
  font-size: 13px;
  display: flex;
  flex-direction: column
}
.mall-items-list li {
  display: flex;
  border-bottom: 1px solid #eef0f5;
  padding: 16px 0;
  align-items: center;
  line-height: 24px
}
.mall-items-list li a {
  color: #00c2b3
}
.mall-items-list li input.item-input-read {
  padding: 0;
  border: 0;
  margin: 0
}
.mall-items-list li input.item-input-read.item-input-name {
  width: 178px
}
.mall-items-list li input.item-input-read.item-input-pwd {
  width: 54px
}
.mall-items-list li input.item-input-read .icon-item-vip {
  display: inline-block;
  width: 36px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-vip.4c518c13.png) no-repeat 50%;
  vertical-align: middle;
  margin: -2px 0 0 10px
}
.mall-items-list li .item-label {
  color: #8d92a1
}
.mall-items-list li .item-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.mall-items-list li .item-fn {
  text-align: right;
  flex: 1;
  color: #8d92a1
}
.mall-items-list li .item-fn span {
  float: left
}
.mall-items-list li .item-fn .btn-small {
  width: 50px;
  margin-left: 20px;
  vertical-align: top
}
.mall-items-list li .item-fn .btn-small:first-child {
  margin-left: 0
}
.mall-items-list li .icon-item-vip {
  display: inline-block;
  overflow: hidden;
  width: 36px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-vip.4c518c13.png) no-repeat 50%;
  text-indent: -9999em;
  vertical-align: middle;
  margin-top: -2px
}
.mall-items-list li .item-title {
  width: 40.98039215686274%
}
.mall-items-list li .item-title .label-tag {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  padding: 1px 4px;
  background-color: #f2f2f2;
  border-radius: 2px;
  margin-left: 4px
}
.mall-items-list li .item-time {
  width: 32.94117647058823%
}
.mall-items-list li .item-send-title {
  width: 21.96078431372549%
}
.mall-items-list li .item-send-time {
  width: 36.666666666666664%
}
.mall-items-list li .item-send-position {
  width: 31.56862745098039%
}
.mall-items-list li .item-test-body {
  width: 84%;
  display: flex;
  flex-wrap: wrap
}
.mall-items-list li .item-test-body .icon-item-vip {
  position: absolute;
  margin-top: -13px
}
.mall-items-list li .item-test-name {
  width: 66.1214953271028%
}
.mall-items-list li .item-test-pwd {
  width: 33.8785046728972%
}
.mall-items-blank {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 20%;
  color: #3b86f6;
  user-select: none
}
.prop-blank {
  padding: 30px 90px;
  flex: 1
}
.prop-blank .tip-inner {
  display: flex;
  height: 266px;
  border-bottom: 1px solid #f2f2f5;
  align-items: center;
  justify-content: center
}
.prop-blank .tip-inner .figure {
  width: 194px
}
.prop-blank .tip-inner .text h4 {
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 5px;
  margin-top: -10px
}
.prop-blank .tip-inner .text p {
  padding: 1px 0
}
.prop-blank .tip-inner .text p a {
  color: #00c2b3
}
.prop-blank .tip-inner .text p a:hover {
  color: #6adbcf
}
.prop-blank .tip-inner .text p.gray {
  font-size: 13px
}
.prop-blank ul {
  display: flex;
  align-items: center;
  padding: 70px 0 20px
}
.prop-blank ul li {
  display: flex;
  flex: 1
}
.prop-blank ul li .figure {
  width: 74px
}
.prop-blank ul li .text {
  margin-left: 25px
}
.prop-blank ul li .text h4 {
  font-weight: 400;
  padding-top: 7px
}
.prop-blank ul li .text p {
  font-size: 13px;
  color: #9fa3b0
}
.prop-blank ul li:last-of-type .figure {
  margin-left: 30px
}
.prop-container .job-pannel, .prop-job-dialog .job-pannel {
  margin-top: 17px;
  border-top: 1px solid #5dd5c8;
  background-color: #f8f9fb
}
.prop-container .job-pannel li, .prop-job-dialog .job-pannel li {
  display: flex;
  border-bottom: 1px solid #f1f3f5;
  padding: 15px 30px;
  cursor: pointer;
  position: relative
}
.prop-container .job-pannel li:last-of-type, .prop-job-dialog .job-pannel li:last-of-type {
  border-bottom: 0
}
.prop-container .job-pannel li.selected, .prop-job-dialog .job-pannel li.selected {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-checked.0550d50c.png) 100% 0 no-repeat
}
.prop-container .job-pannel li:hover, .prop-job-dialog .job-pannel li:hover {
  background-color: #f1f3f5;
  border-bottom-color: #ededed
}
.prop-container .job-pannel li h3, .prop-job-dialog .job-pannel li h3 {
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.prop-container .job-pannel li .info-primary, .prop-job-dialog .job-pannel li .info-primary {
  width: 260px
}
.prop-container .job-pannel li .info-company, .prop-job-dialog .job-pannel li .info-company {
  width: 218px
}
.prop-container .job-pannel li .info-publis, .prop-job-dialog .job-pannel li .info-publis {
  text-align: right
}
.prop-container .job-pannel li .info-publis .name img, .prop-job-dialog .job-pannel li .info-publis .name img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px
}
.prop-container .job-pannel li .info-publis .name span, .prop-job-dialog .job-pannel li .info-publis .name span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
  vertical-align: middle;
  display: inline-block
}
.prop-container .job-pannel li .info-publis .gray, .prop-job-dialog .job-pannel li .info-publis .gray {
  max-width: 80px
}
.prop-container .job-pannel li p.gray, .prop-job-dialog .job-pannel li p.gray {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.prop-container .job-pannel li p.gray.gray-wrapper .pre-line, .prop-job-dialog .job-pannel li p.gray.gray-wrapper .pre-line {
  max-width: 64px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle
}
.prop-container .job-pannel li p.gray.gray-wrapper .pre-line + .pre-line, .prop-job-dialog .job-pannel li p.gray.gray-wrapper .pre-line + .pre-line {
  max-width: 82px
}
.prop-container .job-pannel li .red, .prop-job-dialog .job-pannel li .red {
  color: #ff6223;
  font-size: 15px
}
.prop-container .job-pannel .tip-loading, .prop-job-dialog .job-pannel .tip-loading {
  font-size: 12px;
  color: #9fa3b0;
  text-align: center;
  padding: 50px 0
}
.prop-container .job-pannel .tip-loading .ui-icon-loading, .prop-job-dialog .job-pannel .tip-loading .ui-icon-loading {
  font-size: 14px;
  margin-top: -2px;
  margin-right: 3px;
  vertical-align: middle
}
.prop-container .job-pannel li {
  display: block;
  padding: 0
}
.prop-container .job-pannel li > a {
  display: flex;
  border-bottom: 1px solid #f1f3f5;
  padding: 15px 30px;
  cursor: pointer
}
.prop-container .job-pannel li > a:hover {
  color: #414a60
}
.prop-job-dialog .dialog-body {
  max-height: 460px
}
.prop-job-dialog .job-pannel {
  width: 590px;
  border: 1px solid #eee;
  background: none;
  min-height: 260px
}
.prop-job-dialog .job-pannel li {
  padding: 10px 15px
}
.prop-job-dialog .job-pannel li .stop-job {
  position: absolute;
  left: 350px;
  top: 15px
}
.prop-job-dialog .job-pannel li .info-primary {
  width: 204px
}
.prop-job-dialog .job-pannel li .info-primary .started {
  display: inline-block;
  padding: 0 5px;
  height: 19px;
  background: rgba(0, 194, 179, .1);
  border-radius: 2px;
  margin-left: 10px;
  line-height: 19px;
  text-align: center;
  font-size: 12px;
  color: #00c2b3;
  font-style: normal;
  vertical-align: middle
}
.prop-job-dialog .job-pannel li .info-primary .name {
  line-height: 30px;
  margin-bottom: 5px;
  display: flex
}
.prop-job-dialog .job-pannel li .info-primary .name .job-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.prop-job-dialog .job-pannel li .info-primary .job-postimg {
  width: 26px;
  height: 14px;
  margin: 0 10px;
  vertical-align: middle
}
.prop-job-dialog .job-pannel li .info-company {
  width: 290px;
  padding: 0 20px
}
.prop-job-dialog .job-pannel li .info-company .company-text em {
  display: inline-block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
  vertical-align: middle
}
.prop-job-dialog .job-pannel li .info-company .company-text .stop-tag {
  display: inline-block;
  padding: 0 5px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  font-size: 12px;
  color: #8d92a1;
  background: #eef0f5;
  border-radius: 2px;
  margin-left: 10px;
  vertical-align: middle
}
.prop-job-dialog .job-pannel li .info-publis .gray, .prop-job-dialog .job-pannel li .info-publis .name {
  display: inline-block
}
.prop-job-dialog .dialog-footer {
  border: 0
}
.prop-job-dialog .dialog-footer .btn-disabled, .prop-job-dialog .dialog-footer .btn-disabled:hover {
  color: #9fa3b0;
  background-color: #fff;
  border-color: #d1d4db
}
.dialog-resume-send .data-tips {
  height: 450px
}
.dialog-resume-send .dialog-header h3.title {
  font-size: 18px;
  color: #51586d
}
.dialog-resume-send .dialog-container {
  width: 460px
}
.dialog-resume-send .dialog-body {
  max-height: none;
  overflow: visible
}
.dialog-resume-send .resume-send-title {
  margin: 20px 0 12px;
  font-size: 14px;
  font-weight: 500;
  color: #51586d;
  line-height: 20px
}
.dialog-resume-send .ui-dropmenu-list {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  margin-top: -1px;
  border: 1px solid #e3e7ed
}
.dialog-resume-send .ui-dropmenu-list:before {
  display: none
}
.dialog-resume-send .expect-menu {
  display: block
}
.dialog-resume-send .expect-menu .ui-dropmenu-label {
  display: block;
  height: 35px;
  background: #fff;
  border: 1px solid #e3e7ed
}
.dialog-resume-send .expect-menu .ui-dropmenu-list {
  max-height: 260px
}
.dialog-resume-send .expect-item {
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  color: #61687c;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis
}
.dialog-resume-send .expect-item.selected {
  color: #00c2b3
}
.dialog-resume-send .expect-item.disabled {
  color: #8d92a1
}
.dialog-resume-send .expect-item.disabled:hover {
  cursor: default;
  background: #fff
}
.dialog-resume-send .expect-item span {
  display: inline-block;
  padding: 0 10px;
  position: relative;
  white-space: nowrap
}
.dialog-resume-send .expect-item span:before {
  content: "";
  position: absolute;
  height: 13px;
  width: 0;
  border-left: 1px solid #e0e0e0;
  left: 0;
  top: 50%;
  margin-top: -6px
}
.dialog-resume-send .expect-item span:first-child {
  padding-left: 0
}
.dialog-resume-send .expect-item span:first-child:before {
  display: none
}
.dialog-resume-send .expect-item small {
  display: block;
  flex: 1;
  text-align: right
}
.dialog-resume-send .expect-menu-group-title {
  padding: 12px;
  font-size: 12px;
  color: #61687c;
  position: relative;
  cursor: pointer
}
.dialog-resume-send .expect-menu-group-title .ui-icon-arrow-down {
  transform: rotate(0)
}
.dialog-resume-send .expect-menu-group-title + .expect-menu-group-wrap {
  display: none
}
.dialog-resume-send .expect-menu-group-title.expect-menu-group-visible .ui-icon-arrow-down {
  transform: rotate(180deg)
}
.dialog-resume-send .expect-menu-group-title.expect-menu-group-visible + .expect-menu-group-wrap {
  display: block
}
.dialog-resume-send .resume-send-jobinfo {
  display: flex;
  flex-wrap: wrap
}
.dialog-resume-send .resume-send-jobinfo li {
  width: 50%;
  line-height: 30px;
  font-size: 14px;
  color: #9fa3b0
}
.dialog-resume-send .resume-item-wrap {
  display: block;
  overflow: hidden;
  position: relative;
  padding-right: 30px;
  margin: 0
}
.dialog-resume-send .resume-item-wrap + .resume-item-wrap {
  margin-top: 20px
}
.dialog-resume-send .resume-item-wrap .radio-inner {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -8px 0 0;
  width: 16px;
  height: 16px;
  border: 1px solid #d1d4db;
  overflow: hidden
}
.dialog-resume-send .resume-item-wrap .radio-inner .radio-edging, .dialog-resume-send .resume-item-wrap .radio-inner:after {
  display: none
}
.dialog-resume-send .resume-item-wrap.radio-checked .radio-inner {
  background: #53cac3;
  border-color: #53cac3
}
.dialog-resume-send .resume-item-wrap.radio-checked .radio-inner:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 5px;
  top: 3px;
  left: 3px;
  transform: rotate(-45deg);
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff
}
.dialog-resume-send .resume-item-wrap .resume-item {
  overflow: hidden;
  display: flex;
  align-items: center
}
.dialog-resume-send .resume-item-wrap .resume-item .icon-file {
  float: left;
  width: 29px;
  height: 38px;
  margin-right: 13px;
  background: no-repeat;
  background-size: 100%
}
.dialog-resume-send .resume-item-wrap .resume-item .icon-doc {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-doc.a04b14a5.png)
}
.dialog-resume-send .resume-item-wrap .resume-item .icon-pdf {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-pdf.bd26c623.png)
}
.dialog-resume-send .resume-item-wrap .resume-item .icon-png {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-png.f92d3b25.png)
}
.dialog-resume-send .resume-item-wrap .resume-item .icon-jpeg, .dialog-resume-send .resume-item-wrap .resume-item .icon-jpg {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-jpg.3857c1e2.png)
}
.dialog-resume-send .resume-item-wrap .resume-item .icon-docx {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-docx.f5ae5883.png)
}
.dialog-resume-send .resume-item-wrap .resume-item .resume-item-body {
  flex: 1;
  overflow: hidden
}
.dialog-resume-send .resume-item-wrap .resume-item .resume-item-name {
  width: 100%;
  font-size: 13px;
  color: #61687c;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis
}
.dialog-resume-send .resume-item-wrap .resume-item .resume-item-desc {
  width: 100%;
  font-size: 12px;
  color: #9fa3b0;
  line-height: 17px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis
}
.dialog-resume-send .dialog-footer {
  margin-top: 30px
}
.dialog-resume-send.resume-send-loading .dialog-footer {
  display: none
}
.dialog-resume-send.resume-send-disabled .dialog-footer .btn-sure {
  opacity: .5;
  cursor: default;
  pointer-events: none
}
.flex-sider-dialog .dialog-container {
  display: flex;
  flex-direction: column;
  width: 375px
}
.flex-sider-dialog .dialog-container .dialog-body {
  flex: 1;
  height: auto;
  max-height: none
}
.flex-sider-dialog .dialog-container .dialog-body .flex-frame {
  width: 100%;
  height: 100%
}
.flex-sider-dialog .dialog-container .dialog-body .flex-frame iframe {
  border: 0;
  width: 100%;
  height: 100%
}
.prop-container-new .mall-items-tab a.cur {
  color: #3b86f6;
  border-bottom: 2px solid #3b86f6;
  font-weight: 700
}
.prop-container-new a {
  color: #333
}
.prop-container-new a:hover {
  color: #3b86f6;
  text-decoration: none
}
.prop-container-new .mall-items-list li {
  justify-content: space-between
}
.prop-container-new .mall-items-list li .item-text {
  color: #757575
}
.prop-container-new .mall-items-list li .item-text .name {
  font-weight: 700;
  color: #333;
  margin-right: 10px;
  font-size: 14px
}
.prop-container-new .mall-items-list li .item-text .desc {
  margin-top: 9px
}
.prop-container-new .mall-items-list li .item-text .status-desc {
  font-size: 13px;
  color: #757575;
  line-height: 18px;
  margin-top: 10px
}
.prop-container-new .mall-items-list li .item-label, .prop-container-new .mall-items-list li .item-title {
  color: #757575
}
.prop-container-new .mall-items-list li .item-title .flex {
  display: flex;
  align-items: center
}
.prop-container-new .mall-items-list li .item-title .label-tag {
  background-color: #e6eeff;
  color: #4b87ff;
  padding: 3px 8px;
  margin-right: 6px;
  border-radius: 4px;
  margin-left: 0
}
.prop-container-new .mall-items-list li .item-title .label-tag.resume-pro-tag {
  color: #3b86f6;
  background: #e5f8f8;
  margin-left: 0
}
.prop-container-new .mall-items-list li .item-title .label-tag-overdue {
  background-color: #feeeec;
  color: #fe574a;
  padding: 0 8px;
  border-radius: 4px
}
.prop-container-new .label-tag-name {
  background-color: #e6eeff;
  color: #4b87ff;
  padding: 0 8px;
  margin-right: 6px;
  border-radius: 4px
}
.prop-container-new .label-tag-name-gary {
  background-color: #f2f2f2;
  color: #757575;
  padding: 0 8px;
  margin-right: 6px;
  border-radius: 4px
}
.prop-container-new .label-tag-vip {
  width: 68px;
  height: 24px;
  display: inline-block;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/vip-tag.1b45caeb.png) no-repeat;
  background-size: 100%;
  margin-right: 6px
}
.prop-container-new .mall-items-list li .item-time {
  margin-top: 32px
}
.prop-container-new .btn-primary {
  background-color: #3b86f6;
  border-color: #3b86f6
}
.prop-container-new .btn-primary:hover {
  background-color: #3b86f6;
  border-color: #3b86f6
}
.prop-container-new .mall-items-list li .item-fn {
  flex-shrink: 0;
  flex: none
}
.prop-container-new .mall-items-list li .item-fn .btn-small {
  width: 72px;
  padding: 7px;
  border-radius: 2px
}
.prop-container-new .mall-items-list li .item-fn .btn-small.out-line {
  border: 1px solid #3b86f6;
  color: #3b86f6
}
.prop-container-new .mall-items-list li .item-fn .btn-small.out-line.btn:hover {
  padding: 6px;
  background-color: #fff;
  border: 2px solid #3b86f6
}
.prop-container-new .mall-items-list li a {
  color: #3b86f6
}
.prop-container-new .mall-items-list li a.btn-use {
  background-color: #3b86f6;
  border-color: #3b86f6;
  color: #fff
}
.prop-container-new .mall-items-list li a.btn-use:hover {
  background-color: #3b86f6;
  border-color: #3b86f6
}
.prop-container-new .mall-items-list li .item-test-body {
  display: block
}
.prop-container-new .mall-items-list li .item-test-body > div {
  display: flex;
  align-items: center
}
.prop-container-new .mall-items-list li .item-test-body .name {
  color: #333;
  font-weight: 700;
  margin-right: 10px
}
.prop-container-new .row-pwd {
  margin-top: 9px
}
.pagination-area {
  margin-top: 32px;
  padding-bottom: 30px;
  text-align: center
}
.pagination-area .pager a {
  margin: 0 4px;
  height: 26px;
  min-width: 26px;
  line-height: 26px;
  border-radius: 6px;
  border: none;
  background: #fff;
  color: #333;
  transition: all .2s linear
}
.pagination-area .pager a.selected, .pagination-area .pager a:hover {
  color: #fff;
  background: #3b86f6
}
.pagination-area .pager a.disabled {
  background: #fff;
  color: #666;
  cursor: not-allowed
}
.pagination-area .pager .fast-next-btn.disabled, .pagination-area .pager .fast-prev-btn.disabled {
  color: #333;
  background: transparent;
  cursor: default
}
.prop-buy-dialog .dialog-container {
  overflow: visible
}
.prop-buy-dialog .dialog-body {
  overflow: visible;
  max-height: 100vh
}
.prop-buy-dialog .dialog-body .data-tips {
  height: 420px
}
.prop-buy-dialog .competitive-buy {
  width: 420px;
  min-height: 340px
}
.prop-buy-dialog .competitive-buy h3.name {
  position: relative;
  text-align: center;
  font-size: 20px;
  color: #61687c;
  font-weight: 400
}
.prop-buy-dialog .competitive-buy h3.name img {
  position: absolute;
  top: -60px;
  left: 50%;
  margin-left: -38px;
  width: 74px;
  height: 74px
}
.prop-buy-dialog .competitive-buy h3.name span {
  display: inline-block;
  margin-top: 25px
}
.prop-buy-dialog .competitive-buy h3.name em {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #999;
  padding-left: 4px
}
.prop-buy-dialog .competitive-buy .sub-title {
  margin-top: 5px;
  font-size: 12px;
  color: #9fa3b0;
  text-align: center;
  line-height: 26px
}
.prop-buy-dialog .competitive-buy .prop-list {
  margin-top: 20px
}
.prop-buy-dialog .competitive-buy .prop-list li {
  display: flex;
  min-height: 66px;
  padding: 20px;
  border: 1px solid #e3e7ed;
  cursor: pointer;
  transition: all .1s linear
}
.prop-buy-dialog .competitive-buy .prop-list li + li {
  margin-top: 20px
}
.prop-buy-dialog .competitive-buy .prop-list li.selected, .prop-buy-dialog .competitive-buy .prop-list li:hover {
  border-color: #5dd5c8;
  box-shadow: 2px 4px 6px rgba(93, 213, 200, .2)
}
.prop-buy-dialog .competitive-buy .prop-list li.show-advice-icon {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-advice.3913e3ee.png);
  background-position: right 0;
  background-repeat: no-repeat
}
.prop-buy-dialog .competitive-buy .prop-list li .cell-name {
  flex: 1
}
.prop-buy-dialog .competitive-buy .prop-list li .discount {
  display: inline-block;
  margin-left: 20px;
  font-style: normal
}
.prop-buy-dialog .competitive-buy .prop-list li .price {
  font-size: 16px;
  color: #ff6223
}
.prop-buy-dialog .competitive-buy .discount-info {
  position: relative;
  margin-top: 5px;
  padding: 15px 0;
  border-bottom: 1px solid #e3e7ec
}
.prop-buy-dialog .competitive-buy .discount-info .info-label {
  display: inline-block;
  font-size: 13px;
  color: #414b60;
  height: 18px;
  line-height: 18px;
  margin-right: 10px
}
.prop-buy-dialog .competitive-buy .discount-info .discount-list {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: -10px
}
.prop-buy-dialog .competitive-buy .discount-info .discount-list li {
  display: inline-block;
  font-size: 13px;
  color: #61687c;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  margin: 5px 10px
}
.prop-buy-dialog .competitive-buy .discount-info .discount-list li img {
  position: relative;
  top: -2px;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  vertical-align: middle
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  display: inline-block;
  cursor: pointer;
  margin-top: -7px
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more:hover .discount-more-btn {
  transform: rotate(-90deg)
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more:hover .discount-more-container {
  display: block
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-btn {
  width: 14px;
  height: 14px;
  transition: all .15s linear
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container {
  display: none;
  position: absolute;
  right: -18px;
  top: -7px;
  z-index: 99;
  background-color: #fff;
  width: 361px;
  padding: 15px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
  transform: translateY(-100%)
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container:after {
  content: " ";
  position: absolute;
  right: 19px;
  bottom: -12px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #fff
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li {
  height: 18px;
  line-height: 18px;
  font-size: 13px
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li + li {
  margin-top: 10px
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li .label-icon {
  display: inline-block;
  margin-right: 10px;
  width: 38px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(270deg, #f4cba7, #e9b489);
  border-radius: 2px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li em {
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  max-width: 212px;
  color: #61687c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle
}
.prop-buy-dialog .competitive-buy .discount-info .discount-more .discount-more-container li a {
  color: #00cec5;
  text-decoration: underline;
  float: right
}
.prop-buy-dialog .competitive-buy .total-price {
  position: absolute;
  left: 30px;
  bottom: 40px;
  height: 48px
}
.prop-buy-dialog .competitive-buy .total-price .cell-price {
  margin-right: 20px
}
.prop-buy-dialog .competitive-buy .total-price .cell-price:last-of-type {
  margin-right: 0
}
.prop-buy-dialog .competitive-buy .total-price .cell-exact {
  flex: 1;
  text-align: right
}
.prop-buy-dialog .competitive-buy .total-price .cell-exact .price {
  font-style: normal;
  color: #ff6223
}
.prop-buy-dialog .competitive-buy .total-price .discount-price {
  color: #fc6c38;
  font-size: 24px;
  display: block;
  height: 30px;
  line-height: 30px
}
.prop-buy-dialog .competitive-buy .total-price .origin-price {
  color: #8d92a1;
  font-size: 13px;
  display: block;
  height: 18px;
  line-height: 18px;
  text-decoration: line-through
}
.prop-buy-dialog .competitive-buy .btns {
  text-align: right;
  margin-top: 37px;
  margin-bottom: 23px
}
.prop-buy-dialog .competitive-buy .btns .btn-primary {
  min-width: 108px
}
.prop-buy-dialog .competitive-buy .btns .cancel-btn {
  min-width: 80px
}
.prop-buy-dialog .competitive-buy .btns .buy-btn {
  min-width: 108px;
  margin-left: 10px
}
.prop-buy-dialog .data-tips {
  width: 420px
}
.prop-recharge-dialog .dialog-body {
  overflow: initial;
  max-height: 100vh
}
.prop-recharge-dialog .dialog-body .data-tips {
  width: 400px;
  height: 197px;
  min-height: 0
}
.prop-recharge-dialog .bean-buy {
  width: 400px
}
.prop-recharge-dialog .bean-buy h3.name {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px
}
.prop-recharge-dialog .bean-buy li {
  display: flex
}
.prop-recharge-dialog .bean-buy li .cell-name, .prop-recharge-dialog .bean-buy li .cell-num {
  flex: 1;
  align-self: center;
  padding: 10px 0;
  color: #61687c
}
.prop-recharge-dialog .bean-buy li .cell-num {
  text-align: right
}
.prop-recharge-dialog .bean-buy li .cell-num .inputnumber-wrap {
  width: 150px
}
.prop-recharge-dialog .bean-buy li .cell-num .input {
  border: 0;
  background-color: #f2f5fa;
  height: 40px;
  text-align: right;
  font-size: 18px
}
.prop-recharge-dialog .bean-buy li .cell-num .input:focus {
  box-shadow: none
}
.prop-recharge-dialog .bean-buy li .cell-num .inputnumber-down, .prop-recharge-dialog .bean-buy li .cell-num .inputnumber-up {
  right: auto;
  left: 5px
}
.prop-recharge-dialog .bean-buy .btns {
  text-align: right;
  padding: 20px 0 5px
}
.prop-recharge-dialog .bean-buy .btns .btn {
  min-width: 100px
}
.confirm-order-dialog .dialog-container {
  background: #fafafa
}
.confirm-order-dialog .pay-title {
  height: 60px;
  line-height: 56px;
  padding: 0 30px
}
.confirm-order-dialog .pay-title img {
  margin: 0 10px
}
.confirm-order-dialog .pay-preorder .title-way {
  padding: 15px 0;
  line-height: 20px;
  color: #61687c;
  font-size: 14px
}
.confirm-order-dialog .pay-preorder .text-protocol {
  font-size: 13px;
  line-height: 18px;
  color: #61687c
}
.confirm-order-dialog .pay-preorder .text-protocol a {
  color: #00c2b3
}
.confirm-order-dialog .pay-preorder .pay-result .gray {
  color: #999
}
.confirm-order-dialog .pay-preorder .pay-result a {
  color: #00c2b3;
  margin-left: 8px
}
.confirm-order-dialog .order-info-container {
  padding: 10px 30px 20px;
  background-color: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .04);
  overflow: hidden
}
.confirm-order-dialog .order-info-container li.item-info {
  position: relative
}
.confirm-order-dialog .order-info-container li.item-info:after, .confirm-order-dialog .order-info-container li.item-info:before {
  content: " ";
  position: absolute;
  bottom: -10px;
  background-color: #fafafa;
  width: 20px;
  height: 20px;
  border-radius: 100%
}
.confirm-order-dialog .order-info-container li.item-info:before {
  left: -40px
}
.confirm-order-dialog .order-info-container li.item-info:after {
  right: -40px
}
.confirm-order-dialog .order-info-container li.item-info .cell-name img {
  width: 56px;
  height: 56px
}
.confirm-order-dialog .order-info-container li.item-info .cell-name p {
  margin-left: 8px;
  padding-top: 8px
}
.confirm-order-dialog .order-info-container li.item-info .cell-name p b {
  font-weight: 500;
  line-height: 20px;
  height: 20px
}
.confirm-order-dialog .order-info-container li.item-info .cell-name p span {
  display: block;
  line-height: 20px;
  height: 20px
}
.confirm-order-dialog .order-info-container li.discount-info {
  display: block;
  min-height: auto
}
.confirm-order-dialog .order-info-container li.discount-info .discount-info-item {
  width: 100%;
  height: 17px;
  line-height: 17px;
  color: #9fa3b0;
  font-size: 12px;
  overflow: hidden
}
.confirm-order-dialog .order-info-container li.discount-info .discount-info-item + .discount-info-item {
  margin-top: 10px
}
.confirm-order-dialog .order-info-container li.discount-info .discount-info-item .desc {
  float: left;
  max-width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.confirm-order-dialog .order-info-container li.discount-info .discount-info-item .price {
  float: right;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.confirm-order-dialog .pay-preorder li {
  padding: 10px 0
}
.confirm-order-dialog .pay-preorder li .cell-name {
  line-height: 20px
}
.confirm-order-dialog .pay-preorder li .cell-price {
  line-height: 20px;
  height: 20px
}
.props-buy-dialog .dialog-container {
  padding: 0;
  background: #fafafa
}
.props-buy-dialog .dialog-container .dialog-body {
  overflow-y: auto;
  overflow-x: hidden
}
.page-refrech {
  display: flex
}
.page-refrech .content {
  width: 640px;
  padding: 24px 30px;
  background-color: #fff
}
.page-refrech .content .type-name {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin-bottom: 24px
}
.page-refrech .content .type-name .desc {
  background: #eef0f6;
  border-radius: 12px;
  padding: 3px 15px;
  margin-left: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #8d92a1
}
.page-refrech .content .same {
  font-size: 14px;
  font-weight: 500;
  color: #414a60
}
.page-refrech .content .same .row-title {
  display: flex;
  align-items: center;
  margin-bottom: 18px
}
.page-refrech .content .same .icon {
  width: 16px;
  height: 16px;
  margin-right: 6px
}
.page-refrech .content .same .icon-selected {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/select-server.579825c1.png) no-repeat;
  background-size: 100%
}
.page-refrech .content .same .icon-desc {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/server-desc.395a8267.png) no-repeat;
  background-size: 100%
}
.page-refrech .content .type-server ul > li {
  width: 280px;
  height: 68px;
  background: #fff;
  border: 1px solid #e3e7ed;
  float: left;
  margin-bottom: 18px;
  position: relative;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500
}
.page-refrech .content .type-server ul > li.right {
  margin-left: 20px
}
.page-refrech .content .type-server ul > li:hover {
  border: 1px solid #5dd5c8
}
.page-refrech .content .type-server ul > li .discount {
  width: 64px;
  height: 20px;
  position: absolute;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  left: -1px;
  top: -10px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/discount-bg.372d9e73.png) no-repeat;
  background-size: 100%
}
.page-refrech .content .type-server ul > li.current {
  border: 1px solid #5dd5c8;
  background-color: #f2fcfb
}
.page-refrech .content .type-server ul > li.current .selected {
  display: block
}
.page-refrech .content .type-server ul > li .selected {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -1px;
  right: -1px;
  display: none;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/server-selected.48663db1.png) no-repeat;
  background-size: 100%
}
.page-refrech .content .type-server ul > li.vip {
  border: 1px solid #fef1e0;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/vip-bg-right.668cf98b.png) 100% no-repeat
}
.page-refrech .content .type-server ul > li.vip.current, .page-refrech .content .type-server ul > li.vip:hover {
  border: 1px solid #f2a94f
}
.page-refrech .content .type-server ul > li.vip .discount {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/vip-icon-bg.5bf6571f.png) no-repeat;
  background-size: 100%
}
.page-refrech .content .type-server ul > li.vip .selected {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/vip-selected.b504c817.png) no-repeat;
  background-size: 100%
}
.page-refrech .content .type-server ul > li .hight {
  font-size: 24px;
  color: #414a60
}
.page-refrech .content .type-server ul > li .price {
  margin-left: 8px;
  font-size: 13px;
  font-weight: 400;
  color: #9fa3b0
}
.page-refrech .content .type-server ul > li .intro-content {
  display: flex
}
.page-refrech .content .type-server ul > li .intro-content .intro {
  margin-left: 8px
}
.page-refrech .content .type-server ul:after {
  content: " ";
  clear: both
}
.page-refrech .content .type-desc {
  clear: both
}
.page-refrech .content .type-desc .pic-desc {
  width: 580px;
  height: 194px;
  background: url(https://img.bosszhipin.com/static/file/2022/sts9c70gij1657694033944.png) no-repeat;
  background-size: 100%
}
.page-refrech .paybox {
  width: 359px;
  flex-shrink: 0;
  position: relative
}
.page-refrech .paybox .order-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px
}
.page-refrech .paybox .not-buy .pic {
  width: 90px;
  height: 75px;
  margin: 0 auto 20px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/not-buy.37c2be39.png) no-repeat;
  background-size: 100%
}
.page-refrech .paybox .not-buy .desc {
  color: #999;
  text-align: center;
  font-size: 13px
}
.page-refrech .paybox .btn-pay {
  position: absolute;
  bottom: 86px;
  left: 50%;
  width: 120px;
  margin-left: -60px;
  height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background: #5dd5c8;
  border: none
}
.page-refrech .paybox .pay-code {
  display: flex;
  flex-direction: column;
  align-items: center
}
.page-refrech .paybox .pay-code .qr-code {
  width: 114px
}
.page-refrech .paybox .pay-code .refresh {
  width: 132px;
  height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea
}
.page-refrech .paybox .pay-code .refresh .iboss-erweimashuaxin {
  cursor: pointer
}
.page-refrech .paybox .text-protocol {
  position: absolute;
  bottom: 48px;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
  color: #61687c;
  text-align: center
}
.page-refrech .paybox .text-protocol a {
  color: #00c2b3
}
.page-refrech .paybox .text-protocol.text {
  position: static;
  padding-bottom: 30px
}
.page-refrech .paybox .pay-info {
  width: 286px;
  margin: 60px auto;
  padding: 10px 30px 30px;
  background-color: #fff
}
.page-refrech .paybox .pay-info .flex, .page-refrech .paybox .pay-info .pay-money {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.page-refrech .paybox .pay-info .pay-money {
  height: 53px;
  font-size: 14px;
  font-weight: 500;
  color: #61687c;
  border-bottom: 1px dashed rgba(0, 0, 0, .5);
  position: relative
}
.page-refrech .paybox .pay-info .pay-money .hight {
  font-size: 20px;
  color: #fc6c38
}
.page-refrech .paybox .pay-info .pay-money:after {
  right: -35px
}
.page-refrech .paybox .pay-info .pay-money:after, .page-refrech .paybox .pay-info .pay-money:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  position: absolute;
  bottom: -5px;
  background-color: #fafafa
}
.page-refrech .paybox .pay-info .pay-money:before {
  left: -35px
}
.page-refrech .paybox .pay-info .original-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 14px;
  color: #51586d
}
.page-refrech .paybox .pay-info .pay-content > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #9fa3b0
}
.page-refrech .paybox .pay-info .pay-content > li .desc {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-refrech .qrcode-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto
}
.page-refrech .qrcode-wrap img {
  width: 114px
}
.page-refrech .qrcode-wrap .qrcode-desc {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 16px;
  margin: 8px 4px 0;
  text-align: center
}
.page-refrech .qrcode-wrap .qrcode-desc .high-light {
  color: #00c2b3;
  cursor: pointer
}
.page-refrech .payment-way {
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 17px;
  margin-top: 10px
}
.page-refrech .payment-way .pay-chanel-icon {
  width: auto;
  height: 16px;
  margin-right: 5px;
  white-space: nowrap
}
.page-refrech .payment-pattern {
  margin: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px
}
.page-refrech .payment-pattern .already-pay {
  margin-left: 8px;
  cursor: pointer
}
.page-refrech .payment-pattern .high-light {
  color: #00c2b3;
  cursor: pointer
}
.pay-title {
  height: 50px;
  line-height: 46px;
  background-color: #f9fafb;
  margin: -24px -30px 0;
  padding: 0 30px 0 28px
}
.pay-title img {
  width: 16px;
  height: 20px;
  vertical-align: middle;
  margin: -2px 10px 0 0
}
.pay-title span {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  vertical-align: middle
}
.icon-pay-alipay, .icon-pay-weixin {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-payment.8697e678.png) no-repeat;
  background-position: 0 2px
}
.icon-pay-alipay {
  background-position: 0 -30px
}
.pay-preorder {
  width: 380px
}
.pay-preorder li {
  display: flex;
  border-bottom: 1px solid #eef0f7;
  padding: 8px 0;
  min-height: 45px
}
.pay-preorder li:last-of-type {
  border-bottom: 0
}
.pay-preorder li .cell-name {
  flex: 1;
  align-items: center;
  align-self: center
}
.pay-preorder li.item-info .cell-name {
  display: flex
}
.pay-preorder li.item-info .cell-name img {
  width: 54px;
  height: 54px
}
.pay-preorder li.item-info .cell-name p {
  padding-top: 8px;
  margin-left: 10px
}
.pay-preorder li.item-info .cell-name p b {
  display: block
}
.pay-preorder li .cell-price {
  align-self: center
}
.pay-preorder li .price {
  color: #ff6223
}
.pay-preorder li .need-price {
  font-size: 16px
}
.pay-preorder li.item-coupon .price {
  display: inline-block;
  cursor: pointer
}
.pay-preorder li.show-coupon-list {
  border-bottom: 0
}
.pay-preorder li .coupon-list {
  display: block
}
.pay-preorder li.item-coupon-list {
  background-color: #f9fafb;
  padding: 6px 20px
}
.pay-preorder li.item-coupon-list span {
  display: inline-block;
  vertical-align: middle;
  height: 23px;
  margin: 4px 10px 0 0;
  line-height: 23px;
  padding: 0 14px;
  border: 1px solid #e2e4ec;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-direct-access.a69f92ed.png) right -18px no-repeat;
  cursor: pointer
}
.pay-preorder li.item-coupon-list span.selected {
  background-position: right 12px;
  border-color: #5dd5c8;
  color: #5dd5c8
}
.pay-preorder .title-way {
  padding: 25px 0 20px
}
.pay-preorder .pay-way {
  padding-bottom: 15px
}
.pay-preorder .qrcode-way {
  text-align: center
}
.pay-preorder .qrcode-way .qrcode-image {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin: 0 auto 12px
}
.pay-preorder .qrcode-way .qrcode-image img {
  vertical-align: top;
  width: 100%;
  height: 100%
}
.pay-preorder .qrcode-way .qrcode-image .icon-css-loading {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f9fafb
}
.pay-preorder .btns-way {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}
.pay-preorder .btns-way span {
  width: 47.05882352941176%;
  display: block;
  text-align: center;
  height: 36px;
  line-height: 34px;
  border: 1px solid #d1d4db;
  cursor: pointer;
  transition: all .1s linear;
  position: relative;
  user-select: none
}
.pay-preorder .btns-way span.btn-weixin.selected, .pay-preorder .btns-way span.btn-weixin:hover {
  background-color: #01c000;
  border-color: #01c000;
  color: #fff
}
.pay-preorder .btns-way span.btn-weixin.selected .icon-pay-weixin, .pay-preorder .btns-way span.btn-weixin:hover .icon-pay-weixin {
  background-position: -30px 2px
}
.pay-preorder .btns-way span.btn-alipay.selected, .pay-preorder .btns-way span.btn-alipay:hover {
  background-color: #1c77fa;
  border-color: #1c77fa;
  color: #fff
}
.pay-preorder .btns-way span.btn-alipay.selected .icon-pay-alipay, .pay-preorder .btns-way span.btn-alipay:hover .icon-pay-alipay {
  background-position: -30px -30px
}
.pay-preorder .btns-way span.btn-weixin.selected:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-checked-wxpay.a4dec3e3.png) no-repeat top;
  background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-checked-wxpay.a4dec3e3.png) 1x, url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-checked-wxpay@2x.78f00d8c.png) 2x);
  position: absolute;
  right: 0;
  bottom: 0
}
.pay-preorder .btns-way span.btn-alipay.selected:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-checked-alpay.28d17fbc.png) no-repeat top;
  background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-checked-alpay.28d17fbc.png) 1x, url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-checked-alpay@2x.fe39e57a.png) 2x);
  position: absolute;
  right: 0;
  bottom: 0
}
.pay-preorder .btns {
  padding: 25px 0 20px
}
.pay-preorder .btns .btn-block {
  width: 100%;
  height: 40px;
  font-size: 16px
}
.pay-preorder .text-protocol {
  text-align: center;
  font-size: 12px
}
.pay-preorder .text-protocol a {
  color: #5dd5c8;
  text-decoration: underline
}
.pay-scanorder {
  width: 380px
}
.pay-scanorder .scan-content {
  text-align: center;
  padding: 30px 0 10px
}
.pay-scanorder .scan-content .pay-info {
  padding-bottom: 20px
}
.pay-scanorder .scan-content .pay-info .price {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #ff6223;
  font-style: normal
}
.pay-scanorder .scan-content .pay-info .currency {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 15px;
  color: #ff6223
}
.pay-scanorder .scan-content .pay-qrcode img {
  width: 180px;
  height: 180px
}
.pay-scanorder .scan-content .pay-result {
  margin-top: 20px
}
.pay-scanorder .scan-content .pay-result .link-check {
  display: inline-block;
  margin-left: 15px;
  color: #00c2b3
}
.pay-scanorder .scan-content .pay-result .link-check:hover {
  color: #6adbcf
}
.pay-scanorder .scan-content .pay-result .ui-icon-loading {
  font-size: 16px;
  margin: -2px 5px 0 0;
  vertical-align: middle
}
.pay-scanorder .pay-success {
  text-align: center;
  padding: 30px 0 0
}
.pay-scanorder .pay-success img {
  width: 60px;
  height: 60px
}
.pay-scanorder .pay-success h4 {
  font-size: 18px;
  margin: 18px 0 12px;
  font-weight: 400
}
.pay-scanorder .pay-success .btns {
  margin: 30px 0 10px
}
.pay-scanorder .pay-success .btns .btn {
  min-width: 130px
}
.c-refund-dialog .dialog-container {
  width: 460px;
  padding: 0
}
.c-refund-dialog .dialog-container .dialog-body {
  padding: 0 30px 32px
}
.c-refund-dialog .header {
  padding: 16px 0
}
.c-refund-dialog .header .title-value {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #414a60;
  line-height: 22px
}
.c-refund-dialog .header .security-pay-bg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 7px
}
.c-refund-dialog .header .security-pay-title {
  font-size: 12px;
  font-weight: 500;
  color: #cfd5e6;
  line-height: 20px;
  vertical-align: middle
}
.c-refund-dialog .header .close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 8px;
  z-index: 1;
  cursor: pointer
}
.c-refund-dialog .header .close:hover {
  background: #ddd
}
.c-refund-dialog .header .close:hover .icon-close:after, .c-refund-dialog .header .close:hover .icon-close:before {
  background: #363636
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content {
  padding-top: 32px
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .lable {
  color: #9fa3b0;
  font-size: 14px;
  line-height: 20px
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap {
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap .withdraw-input {
  width: 328px;
  height: 36px;
  position: relative
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap .withdraw-input:after {
  content: "元";
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #414a60
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap .input-all {
  color: #5dd5c8;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .input-wrap .error-tip {
  position: absolute;
  bottom: -20px;
  left: 0;
  color: #f56c6c;
  font-size: 12px
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .core .error-input .ipt {
  border-color: #f56c6c
}
.c-refund-dialog .input-withdraw-value .input-withdraw-value-content .withdraw-now {
  display: block;
  margin: 84px auto 0;
  width: 200px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  background: #5dd5c8;
  padding: 0
}
.c-refund-dialog .scan-code-authorization-content .qr-code {
  width: 140px;
  height: 140px;
  background-color: #e9e9e9;
  display: flex;
  margin: 0 auto;
  overflow: hidden
}
.c-refund-dialog .scan-code-authorization-content .qr-code .qrcode-placeholder {
  position: relative;
  width: 130px;
  height: 130px;
  margin: auto
}
.c-refund-dialog .scan-code-authorization-content .qr-code .qrcode-placeholder img {
  display: inline-block;
  width: 100%;
  height: 100%
}
.c-refund-dialog .scan-code-authorization-content .qr-code .qrcode-placeholder .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  font-weight: 500;
  color: #00c2b3
}
.c-refund-dialog .scan-code-authorization-content .qr-code .expired {
  cursor: pointer
}
.c-refund-dialog .scan-code-authorization-content .qr-code .expired .qrcode-mask {
  width: 130px;
  height: 130px;
  background-color: hsla(0, 0%, 100%, .9);
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0
}
.c-refund-dialog .scan-code-authorization-content .qr-code .expired img {
  opacity: .6
}
.c-refund-dialog .scan-code-authorization-content .words {
  text-align: center;
  margin-top: 16px
}
.c-refund-dialog .scan-code-authorization {
  padding-bottom: 46px
}
.c-refund-dialog .scan-code-authorization .qr-code {
  margin-top: 36px
}
.c-refund-dialog .withdraw-way-content {
  padding-top: 16px
}
.c-refund-dialog .withdraw-way-content .list {
  display: flex;
  justify-content: center;
  align-items: center
}
.c-refund-dialog .withdraw-way-content .list .item {
  width: 120px;
  height: 130px;
  margin: 0 20px;
  border: 1px solid #e3e7ed;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  position: relative
}
.c-refund-dialog .withdraw-way-content .list .item .logol {
  width: 40px;
  height: 40px;
  margin: 20px auto 0
}
.c-refund-dialog .withdraw-way-content .list .item .logol img {
  width: 100%;
  height: 100%
}
.c-refund-dialog .withdraw-way-content .list .item .desc {
  margin-top: 12px
}
.c-refund-dialog .withdraw-way-content .list .item .desc .name {
  font-size: 14px;
  font-weight: 500;
  color: #414a60;
  line-height: 20px;
  text-align: center
}
.c-refund-dialog .withdraw-way-content .list .item .desc .tip {
  font-size: 12px;
  color: #9fa3b0;
  line-height: 16px;
  margin-top: 2px;
  text-align: center
}
.c-refund-dialog .withdraw-way-content .list .item:hover {
  border: 1px solid #00c2b3
}
.c-refund-dialog .withdraw-way-content .list .item .recommand {
  position: absolute;
  top: -11px;
  right: -1px;
  display: block;
  padding: 0 6px;
  background: linear-gradient(270deg, #ff7c00, #fe5c60);
  border-radius: 4px 4px 4px 0;
  color: #fff;
  font-weight: 500;
  line-height: 18px;
  font-size: 12px
}
.c-refund-dialog .withdraw-way-content .list .selected {
  border: 1px solid #00c2b3;
  background: #ebfbf9
}
.c-refund-dialog .withdraw-way-content .withdraw-way-next-step {
  margin: 34px auto 0;
  display: block;
  width: 200px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  background: #5dd5c8;
  padding: 0
}
.c-refund-dialog .confirm-withdraw-content .account-info {
  margin: 24px auto 0;
  width: 360px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e3e7ed
}
.c-refund-dialog .confirm-withdraw-content .account-info .account {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  min-height: auto;
  margin-top: 0
}
.c-refund-dialog .confirm-withdraw-content .account-info .account .account-label-name img {
  width: 24px;
  height: 24px;
  vertical-align: middle
}
.c-refund-dialog .confirm-withdraw-content .account-info .account .account-label-name .account-name {
  margin-left: 8px;
  font-size: 18px;
  color: #9fa3b0;
  line-height: 24px;
  vertical-align: middle
}
.c-refund-dialog .confirm-withdraw-content .account-info .account .account-value {
  color: #414a60;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.c-refund-dialog .confirm-withdraw-content .account-info .change-account {
  background-color: #f8f8f9;
  border-top: 1px solid #e3e7ed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px
}
.c-refund-dialog .confirm-withdraw-content .account-info .change-account .suggest-words {
  font-size: 14px;
  color: #9fa3b0;
  line-height: 20px
}
.c-refund-dialog .confirm-withdraw-content .account-info .change-account .change-words {
  color: #5dd5c8;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer
}
.c-refund-dialog .confirm-withdraw-content .confirm-withdraw-next-step {
  margin: 92px auto 0;
  display: block;
  width: 200px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  background: #5dd5c8;
  padding: 0
}
.c-refund-dialog .message-valid-content {
  width: 340px;
  margin: 0 auto;
  padding-bottom: 40px
}
.c-refund-dialog .message-valid-content .withdraw-value {
  height: 49px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  color: #414a60;
  line-height: 22px;
  position: relative
}
.c-refund-dialog .message-valid-content .withdraw-value .value {
  font-weight: 500
}
.c-refund-dialog .message-valid-content .withdraw-value .dashed-line {
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #9fa3b0, #9fa3b0 20%, transparent 0);
  background-repeat: repeat-x;
  background-size: 4px 1px;
  position: absolute;
  bottom: 1px
}
.c-refund-dialog .message-valid-content .polar-test {
  width: 100%;
  margin-top: 15px
}
.c-refund-dialog .message-valid-content .polar-test .polar-test-wrap {
  height: 44px;
  position: relative
}
.c-refund-dialog .message-valid-content .polar-test .no-pass .icon, .c-refund-dialog .message-valid-content .polar-test .no-pass .tips {
  color: #fc703e
}
.c-refund-dialog .message-valid-content .code-area {
  margin: 16px auto 0
}
.c-refund-dialog .message-valid-content .code-area .desc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #9fa3b0;
  font-size: 12px;
  line-height: 16px
}
.c-refund-dialog .message-valid-content .code-area .desc .resend-message, .c-refund-dialog .message-valid-content .code-area .desc .send-message {
  color: #5dd5c8;
  cursor: pointer
}
.c-refund-dialog .message-valid-content .code-area .code {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.c-refund-dialog .message-valid-content .code-area .code .code-item {
  width: 42px;
  height: 40px;
  min-width: auto
}
.c-refund-dialog .message-valid-content .code-area .code .code-item input {
  min-width: auto;
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
  font-size: 26px
}
.c-refund-dialog .message-valid-content .code-area .code-vertify-message {
  margin-top: 8px;
  color: #f56c6c;
  font-size: 12px
}
.c-refund-dialog .message-valid-content .message-valid-next-step {
  margin: 51px auto 0;
  display: block;
  width: 200px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  background: #5dd5c8;
  padding: 0
}
.c-refund-dialog .withdraw-apply-success-content .withdraw-apply-success-title {
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center
}
.c-refund-dialog .withdraw-apply-success-content .withdraw-apply-success-title .icon {
  width: 30px;
  height: 30px;
  margin-right: 10px
}
.c-refund-dialog .withdraw-apply-success-content .withdraw-apply-success-title .title-words {
  font-size: 22px;
  font-weight: 500;
  color: #5dd5c8;
  line-height: 30px
}
.c-refund-dialog .withdraw-apply-success-content .success-content {
  padding: 0 10px;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #414a60;
  line-height: 26px
}
.c-refund-dialog .withdraw-apply-success-content .success-content em {
  font-style: normal;
  font-weight: 400;
  color: #5dd5c8;
  padding: 0 2px
}
.c-refund-dialog .withdraw-apply-success-content .success-next-step {
  margin: 51px auto 0;
  display: block;
  width: 200px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  background: #5dd5c8;
  padding: 0
}
.confirm-vip-order-dialog .dialog-container {
  background: #fff
}
.pay-vip-preorder {
  width: 360px
}
.pay-vip-preorder .pay-title {
  background: #f9fafb
}
.pay-vip-preorder .price-show {
  position: relative
}
.pay-vip-preorder .price-show .need-pay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f8f8f8;
  height: 40px
}
.pay-vip-preorder .price-show .need-pay .pay-result {
  color: #333;
  font-size: 14px;
  font-weight: 500
}
.pay-vip-preorder .price-show .need-pay .value {
  color: #fc6c38;
  font-size: 16px;
  font-weight: 500
}
.pay-vip-preorder .price-show .discount-tooltip-wrap {
  right: -20px
}
.pay-vip-preorder .price-show .coupon-wrap {
  max-height: 152px;
  overflow: auto
}
.pay-vip-preorder .price-show .coupon-wrap .shop-name-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  color: #333;
  font-size: 14px
}
.pay-vip-preorder .price-show .coupon-wrap .shop-name-wrap .shop-name {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.pay-vip-preorder .price-show .coupon-wrap .item-with-line {
  padding-left: 20px;
  padding-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 18px;
  min-height: 30px
}
.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  position: relative;
  min-height: 30px
}
.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left:before {
  display: inline-block;
  content: " ";
  width: 10px;
  height: 13px;
  position: absolute;
  left: -14px;
  top: -5px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}
.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left:after {
  display: inline-block;
  content: " ";
  width: 10px;
  height: 92%;
  position: absolute;
  left: -14px;
  top: 8px;
  border-left: 1px solid #e5e5e5
}
.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left .item-tag {
  display: inline-block;
  padding: 2px;
  background: linear-gradient(270deg, #ff4a55, #ff6133);
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  border-radius: 3px;
  margin-right: 4px;
  flex-shrink: 0
}
.pay-vip-preorder .price-show .coupon-wrap .item-with-line .item-left .item-name {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 18px;
  min-height: 30px;
  padding-top: 5px
}
.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose .coupon-icon {
  display: inline-block;
  padding: 2px;
  background: linear-gradient(270deg, #ff4a55, #ff6133);
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  border-radius: 3px;
  margin-right: 4px;
  flex-shrink: 0
}
.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose .coupon-name {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  display: inline-block
}
.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose .value {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  display: flex;
  justify-content: flex-end
}
.pay-vip-preorder .price-show .coupon-wrap .single-coupon-can-choose .value .icon {
  margin-left: 8px;
  font-size: 12px
}
.pay-vip-preorder .price-show .coupon-wrap .single-coupon-cannot-choose {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #999;
  font-size: 12px;
  line-height: 18px;
  min-height: 30px;
  padding-top: 5px
}
.pay-vip-preorder .price-show .coupon-wrap .single-coupon-cannot-choose .item-tag {
  display: inline-block;
  padding: 2px;
  background: linear-gradient(270deg, #ff4a55, #ff6133);
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  border-radius: 3px;
  margin-right: 4px;
  flex-shrink: 0
}
.pay-vip-preorder .price-show .coupon-wrap .single-coupon-cannot-choose .value {
  margin-left: 10px
}
.pay-vip-preorder .price-show .coupon-wrap .is-last-one .item-left:after {
  display: none
}
.pay-vip-preorder .price-show .other {
  height: 38px
}
.pay-vip-preorder .price-show .other .deduction {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #9fa3b0;
  line-height: 17px
}
.pay-vip-preorder .price-show .other .deduction-wrap {
  cursor: pointer;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.pay-vip-preorder .price-show .other .deduction-wrap .money {
  float: right;
  font-size: 12px;
  color: #9fa3b0
}
.pay-vip-preorder .price-show .other .deduction-wrap .checkbox-checked /deep/ .checkbox-inner {
  border-color: #3b86f6;
  background-color: #3b86f6
}
.pay-vip-preorder .price-show .other .deduction-wrap .checkbox-checked /deep/ .checkbox-inner .checkbox-edging {
  background-color: #3b86f6
}
.pay-vip-preorder .price-show .other .cost-mine-bean {
  display: flex;
  height: 35px;
  justify-content: space-between;
  align-items: center;
  color: #999;
  font-size: 12px
}
.pay-vip-preorder .order-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px
}
.pay-vip-preorder .pay-enough {
  padding-top: 70px;
  text-align: center
}
.pay-vip-preorder .pay-enough .btn-pay {
  width: 360px;
  height: 46px;
  font-size: 14px;
  padding: 12px 15px;
  font-weight: 400;
  color: #fff;
  background: #5dd5c8;
  border: none;
  margin: 0 auto;
  line-height: 22px;
  font-size: 16px
}
.pay-vip-preorder .pay-enough .btn-pay:hover {
  opacity: .8
}
.pay-vip-preorder .pay-enough .text-protocol {
  position: static;
  margin-top: 16px
}
.pay-vip-preorder .pay-code {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  align-items: center
}
.pay-vip-preorder .pay-code .pay-chanel-icon .pay-chanel-icon:first-child {
  margin-left: 5px
}
.pay-vip-preorder .pay-code .popover {
  top: 2px
}
.pay-vip-preorder .pay-code .qr-code {
  width: 100%
}
.pay-vip-preorder .pay-code .refresh {
  width: 132px;
  height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea
}
.pay-vip-preorder .pay-code .refresh .iboss-erweimashuaxin {
  cursor: pointer
}
.pay-vip-preorder .text-protocol {
  position: absolute;
  bottom: 48px;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
  color: #61687c;
  text-align: center
}
.pay-vip-preorder .text-protocol a {
  color: #00c2b3
}
.pay-vip-preorder .text-protocol.text {
  position: static;
  padding-bottom: 30px
}
.pay-vip-preorder .qrcode-wrap {
  width: 132px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto
}
.pay-vip-preorder .qrcode-wrap .qrcode-desc {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 16px;
  margin: 8px 4px 0;
  text-align: center
}
.pay-vip-preorder .qrcode-wrap .qrcode-desc .high-light {
  color: #00c2b3;
  cursor: pointer
}
.pay-vip-preorder .payment-way {
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 17px;
  margin-top: 10px
}
.pay-vip-preorder .payment-way .pay-chanel-icon {
  height: 16px;
  margin: 0 3px;
  white-space: nowrap
}
.pay-vip-preorder .payment-pattern {
  margin: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px
}
.pay-vip-preorder .payment-pattern .already-pay {
  margin-left: 8px;
  cursor: pointer
}
.pay-vip-preorder .payment-pattern .high-light {
  color: #00c2b3;
  cursor: pointer
}
.standard .popover-wrap.pay-desc {
  z-index: 9999
}
.tool-tip-container {
  height: 20px;
  display: flex;
  align-items: center
}
.tool-tip-container .icon {
  position: relative;
  top: 2px
}
.tool-tip-container .icon:first-child {
  margin-left: 5px
}
.page-geek-recommend:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 614px;
  background: linear-gradient(180deg, #3b86f6, #88fffe 50%, #fff);
  opacity: .1;
  z-index: -1
}
.jobs-from-system {
  position: relative
}
.jobs-from-system .search-box {
  height: 44px;
  position: relative;
  font-size: 13px;
  display: flex;
  margin-bottom: 16px
}
.jobs-from-system .search-box .search-form-con {
  border: 1px solid #53cac3;
  border-right: none;
  background-color: #fff;
  flex: 1;
  display: flex;
  position: relative
}
.jobs-from-system .search-box .search-form-con:hover {
  box-shadow: 0 1px 5px rgba(83, 202, 195, .5)
}
.jobs-from-system .search-box .search-form-con .line:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 26px;
  background-color: #f2f2f5;
  right: 0;
  top: 8px
}
.jobs-from-system .search-box .search-form-con .city-select {
  position: relative;
  float: left;
  width: 110px;
  height: 42px
}
.jobs-from-system .search-box .search-form-con .ipt {
  height: 42px;
  flex: 1
}
.jobs-from-system .search-box .search-form-con .ipt .ui-fuzzy-match {
  width: 100%;
  position: static
}
.jobs-from-system .search-box .search-form-con .ipt .ui-fuzzy-match .ui-fuzzy-drop-down {
  left: 95px;
  width: auto;
  right: 0
}
.jobs-from-system .search-box .search-form-con .ipt .ui-fuzzy-match input {
  width: 353px;
  border: none
}
.jobs-from-system .search-box .search-form-con .position-sel {
  position: relative;
  width: 98px;
  height: 42px
}
.jobs-from-system .search-box .search-form-con .cascader {
  padding-left: 15px;
  padding-right: 30px;
  line-height: 42px
}
.jobs-from-system .search-box .search-form-con .cascader:before {
  position: absolute;
  display: block;
  content: "";
  right: 15px;
  top: 20px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #9da0ae
}
.jobs-from-system .search-box .search-form-con .cascader .placeholder {
  font-size: 13px;
  color: #61687c;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.jobs-from-system .search-box .search-form-con .cascader .ui-cascader {
  height: 42px;
  width: 92px;
  position: absolute;
  top: 0;
  left: 0
}
.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-cascader-selection {
  height: 100%;
  width: 92px;
  overflow: hidden;
  opacity: 0
}
.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown {
  padding: 0;
  margin: 0;
  top: 43px;
  border: 1px solid #e3e7ed;
  max-height: 250px
}
.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown .ui-cascader-menu .ui-dropdown-list {
  width: 167px;
  border-right: 1px solid #e3e7ed;
  height: 250px
}
.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown .ui-cascader-menu .ui-dropdown-list li {
  line-height: 42px;
  padding: 0 15px;
  color: #8d92a1;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown .ui-cascader-menu .ui-dropdown-list li:hover {
  background-color: #f2f5f9
}
.jobs-from-system .search-box .search-form-con .cascader .ui-cascader .ui-select-dropdown .ui-cascader-menu .ui-dropdown-list li:after {
  content: ""
}
.jobs-from-system .search-box .search-form-con .industry-sel {
  width: 100px;
  height: 42px;
  line-height: 42px;
  padding: 0 24px 0 15px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  font-size: 13px;
  color: #61687c
}
.jobs-from-system .search-box .search-form-con .industry-sel:after {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #9da0ae;
  position: absolute;
  right: 10px;
  top: 20px
}
.jobs-from-system .search-box .btn-search {
  float: right;
  height: 44px;
  font-size: 26px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background: #55cbc4;
  border: none;
  width: 90px;
  padding: 0
}
.jobs-from-system .search-box .industry-box {
  position: absolute;
  width: 100%;
  max-height: 258px;
  overflow: overlay;
  overflow: auto;
  background: #fff;
  top: 55px;
  left: 0;
  z-index: 1;
  color: #9fa3b0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}
.jobs-from-system .search-box .industry-box:before {
  content: "";
  position: absolute;
  top: -17px;
  right: 145px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  z-index: 9999
}
.jobs-from-system .search-box .industry-box ul {
  padding: 25px 0 15px 35px
}
.jobs-from-system .search-box .industry-box ul li {
  width: 155px;
  display: inline-block;
  margin-bottom: 12px;
  cursor: pointer;
  line-height: 26px
}
.jobs-from-system .search-box .industry-box ul li span {
  padding-left: 5px;
  display: block;
  color: #8d92a1;
  transition: none;
  -webkit-transition: none
}
.jobs-from-system .search-box .industry-box ul li span:hover {
  background-color: #f6f6f8
}
.jobs-from-system .search-box .industry-box ul li.cur span {
  color: #00d7c6
}
.jobs-from-system .system-search-condition {
  width: 884px;
  background: #fff;
  border-radius: 12px;
  padding: 24px 24px 16px
}
.jobs-from-system .job-search-box {
  width: 100%
}
.jobs-from-system .job-search-box .job-search-form {
  width: 836px
}
.jobs-from-system .job-search-box .job-search-form .related-result-wrapper, .jobs-from-system .job-search-box .job-search-form .search-input-box {
  width: 580px
}
.jobs-from-system .city-area-select {
  margin-top: 20px
}
.jobs-from-system .city-area-select .city-area-dropdown {
  width: 836px
}
.jobs-from-system .expect-select {
  margin-top: 20px;
  position: relative;
  padding-left: 48px
}
.jobs-from-system .expect-select .label {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  width: 48px;
  z-index: 1
}
.jobs-from-system .expect-select .expect-list {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  margin-left: 2px;
  white-space: nowrap;
  overflow: hidden
}
.jobs-from-system .expect-select .expect-list li {
  display: inline-block;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 10px;
  cursor: pointer
}
.jobs-from-system .expect-select .expect-list li:hover {
  color: #3b86f6
}
.jobs-from-system .expect-select .expect-list li.active {
  font-weight: 500;
  color: #3b86f6
}
.jobs-from-system .expect-select a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  padding-left: 20px;
  transition: all .2s linear;
  margin-left: 6px
}
.jobs-from-system .expect-select a:before {
  content: " ";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
  width: 1px;
  background: #e0e0e0;
  z-index: 1
}
.jobs-from-system .expect-select a:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 4px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #b8bbcc;
  transition: all .2s linear
}
.jobs-from-system .expect-select a:hover {
  font-weight: 500;
  color: #3b86f6
}
.jobs-from-system .expect-select a:hover:after {
  border-left: 4px solid #3b86f6
}
.jobs-from-system .filter-select-box .condition-filter-select, .jobs-from-system .filter-select-box .condition-industry-select, .jobs-from-system .filter-select-box .condition-position-cascade, .jobs-from-system .filter-select-box .salary-filter-select {
  float: left;
  margin-top: 20px;
  margin-right: 12px
}
.jobs-from-system .filter-select-box .empty-filter {
  float: right;
  cursor: pointer;
  margin-top: 26px;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  transition: all .2s linear
}
.jobs-from-system .filter-select-box .empty-filter:hover {
  color: #3b86f6
}
.jobs-from-system .job-tab {
  background: #fff;
  border-radius: 12px;
  padding: 0 24px;
  margin: 12px 0
}
.jobs-from-system .job-tab span {
  position: relative;
  display: inline-block;
  margin-right: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px;
  padding: 12px 0;
  cursor: pointer;
  transition: all .2s linear
}
.jobs-from-system .job-tab span.current, .jobs-from-system .job-tab span:hover {
  color: #3b86f6
}
.jobs-from-system .job-tab span.current:after {
  content: " ";
  position: absolute;
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg, #3b86f6, #3b86f6);
  border-radius: 2px;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
  z-index: 1
}
.jobs-from-system .job-list-wrapper .job-tips {
  color: #9fa3b0;
  padding: 6px 0 6px 20px;
  border-bottom: 4px solid #f2f2f5;
  line-height: 26px
}
.jobs-from-system .job-list-wrapper .no-position {
  text-align: center;
  height: 186px;
  margin: 0 30px;
  border-bottom: 1px solid #f2f2f5;
  color: #d1d4db;
  overflow: hidden;
  line-height: 26px
}
.jobs-from-system .job-list-wrapper .no-position .title {
  margin-top: 60px;
  font-size: 16px;
  color: #61687c
}
.jobs-from-system .pagination-area {
  margin: 32px auto 30px
}
.jobs-from-system .similar-job-wrapper .similar-job-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px;
  padding: 16px 0
}
.job-name-after {
  border: 1px solid #5e96f2;
  border-radius: 2px;
  color: #4a89f1
}
.job-name-after, .job-name-icon {
  height: 18px;
  vertical-align: middle;
  margin: 5px 0 0 10px;
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
  font-style: normal;
  line-height: 16px
}
.job-name-icon {
  border: 1px solid #aaa;
  border-radius: 2px;
  color: #aaa
}
.city-letter-show .dialog-container {
  width: 786px;
  height: 527px;
  padding: 0
}
.city-letter-show .dialog-container .dialog-header {
  padding: 30px 0 20px 30px
}
.city-letter-show .dialog-container .dialog-header .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #414a60
}
.city-letter-show .dialog-container .dialog-body {
  max-height: unset
}
.city-letter-show .dialog-container .dialog-body .ui-tab__header {
  background-color: #f9fafb;
  width: 786px;
  height: 39px
}
.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav {
  height: 39px
}
.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav .ui-tab__active-bar {
  background-color: unset
}
.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav .ui-tab__nav-item {
  height: 39px;
  line-height: 39px;
  width: 131px;
  text-align: center;
  padding: unset;
  user-select: none
}
.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav .is-active {
  position: relative;
  background-color: #f9fafb
}
.city-letter-show .dialog-container .dialog-body .ui-tab__header .ui-tab__nav .is-active:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  background-color: #5dd5c8;
  left: 25%;
  bottom: 0
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content {
  padding: 20px 0;
  height: 418px;
  overflow-y: scroll;
  overflow-x: hidden
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .hot-city {
  float: left;
  line-height: 40px;
  width: 20%;
  cursor: pointer;
  text-align: center;
  margin-bottom: 8px
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .hot-city:hover {
  background-color: #fff;
  color: #5dd5c8
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city {
  display: flex
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-title {
  width: 11.2%;
  text-align: center;
  color: #5dd5c8;
  line-height: 40px
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-main {
  flex: 1
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-main li {
  float: left;
  width: 20%;
  line-height: 40px;
  cursor: pointer;
  margin-bottom: 8px
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-main li span {
  display: block;
  width: 90%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.city-letter-show .dialog-container .dialog-body .ui-tab__content .ui-tab-pane .city-group .classify-city .city-main li:hover {
  color: #5dd5c8
}
.chat-history-wrap .job-tab span {
  display: inline-block;
  margin-right: 36px;
  font-size: 16px;
  color: #333;
  border-bottom: 2px solid transparent;
  position: relative;
  margin-bottom: -2px
}
.chat-history-wrap .job-tab span:hover {
  color: #3b86f6;
  cursor: pointer
}
.chat-history-wrap .job-tab span.current {
  color: #3b86f6;
  font-weight: 500;
  position: relative
}
.chat-history-wrap .job-tab span.current:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg, #3b86f6, #3b86f6);
  border-radius: 2px;
  left: 50%;
  bottom: -1px;
  margin-left: -14px;
  z-index: 2
}
.chat-history-wrap ul li .item-content .info-header .btns .btn {
  cursor: pointer
}
.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-disabled, .chat-history-wrap ul li .item-content .info-header .btns .btn.btn-disabled:hover {
  color: #9fa3b0;
  background-color: #fff;
  border-color: #d1d4db
}
.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-outline {
  background-color: #fff;
  color: #5dd5c8
}
.chat-history-wrap ul li .item-content .info-header .btns .btn.btn-outline:hover {
  background-color: #6adbcf;
  color: #fff
}
.chat-history-wrap ul li .item-content .info-primary:hover {
  background-color: #f5f6f9
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info {
  float: right;
  text-align: right;
  width: 270px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info img {
  width: 42px;
  height: 42px;
  float: right;
  margin-top: 4px;
  margin-left: 10px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text {
  margin-right: 52px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text b {
  font-weight: 400
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .text p {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .company-info .contact-line {
  margin: 0 3px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .jobname {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .job-medium-icon {
  height: 18px;
  vertical-align: middle;
  margin-right: 8px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .school-company-icon {
  width: 84px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info .salary {
  padding-left: 20px;
  color: #fc6c38
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-noninterview .job-info p {
  font-size: 12px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info {
  float: left;
  width: 300px;
  text-align: left
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info img {
  float: left;
  width: 42px;
  height: 42px;
  margin-left: 0
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text {
  margin-left: 52px;
  line-height: 22px;
  padding-top: 3px;
  margin-right: 0
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
  line-height: 22px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p b {
  font-size: 14px;
  display: inline-block;
  margin-right: 15px;
  font-weight: 400
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p.gray, .chat-history-wrap ul li .item-content .info-primary.info-primary-interview .company-info .text p b span {
  color: #9fa3af
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info {
  float: right;
  width: 360px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-medium-icon {
  height: 16px;
  vertical-align: middle;
  margin-right: 10px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .school-company-icon {
  width: 84px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: right;
  text-align: left
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name span {
  vertical-align: middle
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .post {
  height: 16px;
  vertical-align: middle
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .name {
  display: inline-block;
  max-width: 182px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .job-name .name .red {
  color: #fc6c38
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .job-info .gray {
  color: #9fa3af
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .interview-video {
  position: relative;
  padding-right: 20px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .interview-video .icon-interview-video {
  position: absolute;
  right: 0;
  width: 16px;
  margin: 7px 0 0 3px
}
.chat-history-wrap ul li .item-content .info-primary.info-primary-interview .icon-interview-phone {
  position: absolute;
  right: 0;
  width: 16px;
  height: 16px;
  margin: 7px 0 0 3px
}
.chat-history-wrap {
  background-color: #fff
}
.chat-history-wrap .job-tab {
  height: 46px;
  border-bottom: 2px solid #f2f2f5;
  padding: 0 30px;
  line-height: 44px
}
.chat-history-wrap .job-tab a {
  display: inline-block;
  margin-right: 36px;
  font-size: 15px;
  color: #9fa3b0;
  border-bottom: 2px solid transparent;
  position: relative;
  margin-bottom: -2px;
  cursor: pointer
}
.chat-history-wrap .job-tab a:hover {
  color: #3b86f6
}
.chat-history-wrap .job-tab a.current {
  color: #3b86f6;
  font-weight: 500;
  position: relative
}
.chat-history-wrap .job-tab a.current:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 3px;
  background: linear-gradient(90deg, #3b86f6, #3b86f6);
  border-radius: 2px;
  left: 50%;
  bottom: -1px;
  margin-left: -14px;
  z-index: 2
}
.chat-history-wrap ul {
  padding: 10px 30px
}
.chat-history-wrap ul li {
  padding: 17px 0;
  border-bottom: 1px solid #edf0f5
}
.chat-history-wrap ul li:hover .btns {
  display: block !important
}
.chat-history-wrap ul li .figure {
  float: left;
  padding: 0 15px 0 5px
}
.chat-history-wrap ul li .figure img {
  width: 42px;
  height: 42px;
  border-radius: 100%
}
.chat-history-wrap ul li .item-content {
  margin-left: 65px
}
.chat-history-wrap ul li .item-content .info-header {
  overflow: hidden;
  margin-bottom: 9px;
  min-height: 32px
}
.chat-history-wrap ul li .item-content .info-header .btns {
  float: right;
  display: none
}
.chat-history-wrap ul li .item-content .info-header .btns .btn {
  height: 32px;
  line-height: 30px;
  font-size: 13px;
  padding: 0 15px;
  border-radius: 2px;
  color: #fff;
  letter-spacing: 1px;
  background: #5dd5c8;
  border: 1px solid #5dd5c8;
  margin-left: 15px
}
.chat-history-wrap ul li .item-content .info-header .btns .btn:hover {
  background-color: #6adbcf
}
.chat-history-wrap ul li .item-content .info-header .name {
  font-weight: 400;
  font-size: 14px
}
.chat-history-wrap ul li .item-content .info-header .name .gray {
  padding-left: 20px;
  font-size: 12px
}
.chat-history-wrap ul li .item-content .info-primary {
  background-color: #fafafc;
  overflow: hidden;
  padding: 10px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}
.chat-history-wrap ul li .item-content .info-primary .company-info {
  float: right;
  text-align: right;
  width: 270px
}
.chat-history-wrap ul li .item-content .info-primary .company-info img {
  width: 42px;
  height: 42px;
  float: right;
  margin-top: 4px;
  margin-left: 10px
}
.chat-history-wrap ul li .item-content .info-primary .company-info .text {
  margin-right: 52px
}
.chat-history-wrap ul li .item-content .info-primary .company-info .text b {
  font-weight: 400
}
.chat-history-wrap ul li .item-content .info-primary .company-info .text p {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 26px;
  margin-top: 5px;
  text-overflow: ellipsis
}
.chat-history-wrap ul li .item-content .info-primary .job-info {
  line-height: 26px
}
.chat-history-wrap ul li .item-content .info-primary .job-info .jobname {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle
}
.chat-history-wrap ul li .item-content .info-primary .job-info .salary {
  padding-left: 20px;
  color: #fc6c38
}
.chat-history-wrap ul li .item-content .info-primary .job-info p {
  font-size: 12px
}
.chat-history-wrap .pagination-area {
  text-align: center;
  padding: 12px 0;
  background-color: #fff;
  height: auto
}
.chat-history-wrap .pagination-area .pager a {
  border: none
}
.dialog-layer .dialog-container {
  width: 440px;
  padding: 24px 60px;
  text-align: center
}
.dialog-layer .dialog-container .dialog-body .edit-resume {
  padding-top: 20px;
  padding-bottom: 15px
}
.dialog-layer .dialog-container .dialog-body .edit-resume img {
  width: 86px;
  height: 86px
}
.dialog-layer .dialog-container .dialog-body .edit-resume p {
  margin-top: 14px;
  line-height: 24px;
  color: #9fa3af
}
.dialog-layer .dialog-container .dialog-footer {
  border-top: none;
  padding-right: 0
}
.dialog-layer .dialog-container .dialog-footer .btns {
  text-align: center
}
.dialog-layer .dialog-container .dialog-footer .btns .btn {
  width: 120px
}
.userinfo-box {
  text-align: center;
  width: 100%;
  position: relative
}
.userinfo-box:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 60px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 0 0 12px 12px
}
.userinfo-box .btn-ops {
  margin-top: 5px;
  display: flex;
  align-items: center
}
.userinfo-box .btn-ops .ui-select-inner {
  padding: 0;
  line-height: 34px
}
.userinfo-box .btn-ops .ui-select-visible .ui-icon-arrow-down {
  top: 34px;
  right: 35px
}
.userinfo-box .btn-ops .ui-icon-arrow-down:before {
  content: " ";
  position: absolute;
  top: 5px;
  right: 12px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg);
  z-index: 1
}
.userinfo-box .btn-ops .ui-select-selection {
  color: #1d2129
}
.userinfo-box .btn-ops .ui-select-selection:hover {
  color: #3b86f6;
  border: 1px solid #3b86f6
}
.userinfo-box .btn-ops .ui-select-selection:hover .ui-select-inner .ui-icon-arrow-down:before {
  background-position: -6px -8px;
  transform: rotate(270deg)
}
.userinfo-box .btn-ops .ui-select-selection-focused {
  box-shadow: none;
  background: #e5f8f8;
  color: #3b86f6;
  border: 1px solid #e5f8f8
}
.userinfo-box .btn-ops .ui-select-selection-focused .ui-icon-arrow-down:before {
  background-position: -6px -8px;
  transform: rotate(270deg)
}
.userinfo-box .btn-ops .edit-userinfo {
  width: 76px;
  height: 36px;
  line-height: 34px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #d4d5d6;
  margin-left: 8px;
  color: #1d2129
}
.userinfo-box .btn-ops .edit-userinfo:hover {
  border: 1px solid #3b86f6;
  color: #3b86f6;
  font-weight: 500
}
.userinfo-box .container {
  display: flex;
  align-items: center;
  margin-bottom: 17px
}
.userinfo-box .container .content {
  margin-left: 12px;
  text-align: left
}
.userinfo-box .headbox {
  position: relative;
  height: 46px;
  width: 46px
}
.userinfo-box .headbox .sex {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-sex.aceb70bb.png) no-repeat;
  background-size: 14px auto;
  position: absolute;
  margin-left: 36px;
  top: 0;
  background-position: 0 -25px
}
.userinfo-box .headbox .sex.man {
  background-position: 0 0
}
.userinfo-box .headbox .headimg {
  background-color: #f6f6f8;
  width: 46px;
  height: 46px;
  border-radius: 200px
}
.userinfo-box .username {
  box-sizing: border-box;
  padding-right: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  color: #222
}
.userinfo-box .icon-vip {
  margin-left: 6px;
  width: 39px;
  height: 20px;
  position: relative;
  top: 4px;
  cursor: pointer;
  display: inline-block;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/card-vip.4882401d.png) no-repeat;
  background-size: 100%
}
.userinfo-box .icon-vip-upgrade {
  width: 59px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  background: #f4f4f4;
  border-radius: 7px 7px 7px 0;
  font-size: 12px;
  color: #414a60;
  cursor: pointer
}
.userinfo-box .icon-vip-upgrade:hover {
  color: #805430;
  background-color: #fff7ed
}
.userinfo-box .userinfo {
  font-size: 12px;
  margin-top: 9px;
  color: #666
}
.userinfo-box .userinfo .vline {
  margin: 0 8px
}
.userinfo-box .now-state .ui-select-selection {
  width: 155px;
  height: 36px;
  border-radius: 8px
}
.userinfo-box .now-state .ui-dropdown-list .ui-select-item {
  margin: 0 8px
}
.userinfo-box .now-state .ui-dropdown-list .ui-select-item:hover {
  background: #f8f8f8;
  border-radius: 4px
}
.userinfo-box .user-stat {
  position: relative;
  z-index: 1;
  margin: 19px -15px -4px
}
.userinfo-box .user-stat a {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  text-align: center;
  font-weight: 500
}
.userinfo-box .user-stat a b {
  display: block;
  font-size: 18px;
  font-family: kanzhun;
  color: #222;
  font-weight: 400;
  margin-bottom: 1px
}
.userinfo-box .user-stat a:hover b, .userinfo-box .user-stat a:hover span {
  color: #3b86f6
}
.sider-resume {
  position: relative;
  padding: 13px 20px 20px
}
.sider-resume:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 46px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px 12px 0 0
}
.sider-resume .resume-attachment {
  position: relative;
  z-index: 1
}
.sider-resume .resume-attachment .sync-tip {
  font-size: 12px;
  font-weight: 400;
  color: #9fa3b0
}
.sider-resume .resume-attachment .title {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px
}
.sider-resume .resume-attachment .title span {
  font-size: 13px;
  color: #9fa3af;
  margin-left: 4px
}
.sider-resume .resume-attachment .annex-list {
  margin: 13px -30px
}
.sider-resume .resume-attachment .annex-list li {
  position: relative;
  color: #333;
  font-size: 14px;
  cursor: default
}
.sider-resume .resume-attachment .annex-list li:first-child {
  margin-top: 18px
}
.sider-resume .resume-attachment .annex-list li:hover .annex-item {
  background: #f8f8f8;
  border-radius: 8px
}
.sider-resume .resume-attachment .annex-list li:hover .annex-card {
  display: block
}
.sider-resume .resume-attachment .annex-list li .annex-item {
  line-height: 26px;
  padding: 6px 10px;
  margin: 0 20px;
  cursor: pointer;
  overflow: hidden
}
.sider-resume .resume-attachment .annex-list li .annex-item .icon-delete {
  width: 16px;
  height: 16px;
  float: right;
  margin-top: 6px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-delete.5708c720.png) no-repeat;
  background-size: 100%
}
.sider-resume .resume-attachment .annex-list li .annex-item .icon-delete:hover {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-delete-hover.8389ff46.png) no-repeat;
  background-size: 100%
}
.sider-resume .resume-attachment .annex-list li .annex-item .icon-svg {
  float: right;
  margin-top: 6px
}
.sider-resume .resume-attachment .annex-list li .annex-item .icon-img-file {
  vertical-align: middle;
  margin: 1px 3px 0 0
}
.sider-resume .resume-attachment .annex-list li .annex-item .txt-container {
  display: inline-block;
  white-space: nowrap
}
.sider-resume .resume-attachment .annex-list li .annex-item .txt-container.is-restricted .txt {
  max-width: 128px
}
.sider-resume .resume-attachment .annex-list li .annex-item .txt-container .txt-icon {
  width: 36px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle
}
.sider-resume .resume-attachment .annex-list li .annex-item .txt-container .info-tag, .sider-resume .resume-attachment .annex-list li .annex-item .txt-container .warning-tag {
  margin-left: 4px
}
.sider-resume .resume-attachment .annex-list li .annex-item .txt {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 194px;
  color: #333;
  font-size: 14px
}
.sider-resume .resume-attachment .annex-list li .annex-card {
  display: none;
  position: absolute;
  left: -380px;
  top: 0;
  z-index: 99;
  width: 388px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08)
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body {
  padding: 20px 20px 19px 25px
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body img {
  float: left;
  height: 44px;
  margin-right: 8px
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content {
  margin-left: 50px
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis {
  line-height: 24px;
  margin-bottom: 4px;
  display: flex;
  align-items: center
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis span {
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis a:hover {
  color: #414a60
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis .works-tip {
  margin-left: 10px;
  white-space: nowrap;
  flex-shrink: 0
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .basis .basis-icon {
  width: 36px;
  height: 16px;
  margin-left: 10px;
  margin-top: 0;
  float: none
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-body .card-content .desc {
  font-size: 12px;
  line-height: 17px;
  color: #8d92a1
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-footer {
  border-top: 1px solid #f2f2f5;
  text-align: right;
  margin-right: 10px;
  line-height: 46px
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-footer > a:hover, .sider-resume .resume-attachment .annex-list li .annex-card .card-footer > span:hover {
  height: 36px;
  line-height: 36px;
  background: #e5f8f8;
  border-radius: 4px;
  font-weight: 400;
  color: #3b86f6;
  margin-top: -10px
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-footer > a:hover .edit-btn-tag, .sider-resume .resume-attachment .annex-list li .annex-card .card-footer > span:hover .edit-btn-tag {
  top: -33px
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-footer a, .sider-resume .resume-attachment .annex-list li .annex-card .card-footer span {
  display: inline-block;
  padding: 0 12px;
  cursor: pointer
}
.sider-resume .resume-attachment .annex-list li .annex-card .card-footer span {
  padding: 0 8px
}
.sider-resume .resume-attachment .annex-list li .annex-card .works-tip {
  width: 46px;
  height: 19px;
  line-height: 20px;
  background: rgba(141, 220, 215, .2);
  border-radius: 3px;
  color: #00c2b3;
  font-size: 12px;
  font-style: normal;
  text-align: center
}
.sider-resume .resume-attachment .btns {
  position: relative;
  margin: 20px 0 0
}
.sider-resume .resume-attachment .btns:after {
  content: "";
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f4f4f4
}
.sider-resume .resume-attachment .btns-tip {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #fd896b;
  margin-left: 2px;
  position: absolute;
  margin-top: -2px
}
.sider-resume .resume-attachment .btn-new-primary {
  height: 36px;
  background-color: #3b86f6;
  border-color: #3b86f6;
  border-radius: 8px
}
.sider-resume .resume-attachment .btn-new-primary:hover {
  background-color: #3b86f6;
  border-color: #3b86f6
}
.sider-resume .resume-attachment .btn-new-primary.btn-disabled:hover {
  background-color: #3b86f6;
  border-color: #3b86f6;
  cursor: not-allowed
}
.sider-resume .resume-attachment .upload-btns {
  display: flex;
  align-items: center;
  margin-top: 8px
}
.sider-resume .resume-attachment .upload-btns .btn-new-outline {
  height: 36px;
  background-color: #e5f8f8;
  border-color: #e5f8f8;
  border-radius: 8px;
  color: #3b86f6;
  padding: 0
}
.sider-resume .resume-attachment .upload-btns .btn-new-outline + .btn {
  margin-left: 8px
}
.sider-resume .resume-attachment .upload-btns .btn-new-outline:hover {
  background-color: #3b86f6;
  border-color: #3b86f6;
  color: #fff
}
.sider-resume .resume-attachment .upload-btns .btn-new-outline.btn-disabled:hover {
  color: #3b86f6;
  background-color: #e5f8f8;
  border-color: #e5f8f8;
  cursor: not-allowed
}
.sider-resume .warning-tag {
  color: #ff9d00;
  background: #fff3e5
}
.sider-resume .info-tag, .sider-resume .warning-tag {
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  padding: 1px 6px;
  border-radius: 3px;
  margin-left: 10px;
  white-space: nowrap;
  flex-shrink: 0
}
.sider-resume .info-tag {
  color: #4b87ff;
  background: #edf3ff
}
.resume-online {
  height: 46px;
  padding: 0 20px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.resume-online .title {
  color: #222;
  font-size: 16px;
  font-weight: 500
}
.resume-online .edit-container {
  display: flex;
  align-items: center;
  justify-content: end
}
.resume-online .edit-container a {
  color: #666;
  font-size: 12px
}
.resume-online .edit-container a:hover {
  color: #3b86f6
}
.resume-online .edit-container .arrow {
  width: 4px;
  height: 7px;
  margin-left: 8px;
  margin-top: -1px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}
.resume-online .edit-container:hover .arrow {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}
.resume-online .upd-time {
  color: #8d92a1;
  font-size: 12px;
  line-height: 1
}
a:hover {
  color: #3b86f6
}
.dialog-rename .dialog-footer, .resume-delete .dialog-footer {
  border-top: 0
}
.dialog-rename .dialog-container {
  width: 400px
}
.dialog-rename .dialog-container .pop-resume-rename {
  padding: 10px 0
}
.dialog-rename .dialog-container .pop-resume-rename h5 {
  line-height: 26px;
  color: #414a60;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 400
}
.dialog-rename .dialog-container .pop-resume-rename .input-wrap {
  padding-top: 10px
}
.dialog-rename .dialog-container .pop-resume-rename .input-wrap input {
  width: 340px
}
.dialog-rename .dialog-container .rename-input-new {
  margin-bottom: 10px
}
.dialog-rename .dialog-container .rename-input-new .input-wrap {
  padding-top: 0
}
.boss-title {
  margin-bottom: 30px
}
.boss-title h4 {
  font-size: 16px;
  font-weight: 500;
  color: #3d4966;
  line-height: 22px;
  margin-bottom: 5px
}
.boss-title p {
  font-size: 12px;
  font-weight: 400;
  color: #9fa3b0;
  line-height: 17px
}
.boss-content {
  min-height: 285px;
  max-height: 420px;
  overflow-y: auto;
  padding-right: 30px
}
.boss-content .boss-list {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  font-weight: 400;
  line-height: 17px;
  color: #9fa3b0;
  cursor: pointer
}
.boss-content .boss-list .boss-chose {
  flex-shrink: 0;
  margin-right: 12px;
  width: 16px;
  height: 16px
}
.boss-content .boss-list .boss-infor {
  flex: 1;
  width: 0;
  display: flex
}
.boss-content .boss-list .boss-infor .infor-portrait {
  margin-right: 15px
}
.boss-content .boss-list .boss-infor .infor-portrait img {
  width: 46px;
  height: 46px;
  border-radius: 100%
}
.boss-content .boss-list .boss-infor .infor-base {
  flex: 1;
  width: 0
}
.boss-content .boss-list .boss-infor .infor-base div:first-child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px
}
.boss-content .boss-list .boss-infor .infor-base div:first-child p {
  display: inline-block
}
.boss-content .boss-list .boss-infor .infor-base div:first-child .infor-name {
  font-weight: 500;
  color: #414a60;
  line-height: 20px;
  margin-right: 6px
}
.boss-content .boss-list .boss-infor .infor-base div:first-child .infor-brand, .boss-content .boss-list .boss-infor .infor-base div:first-child .infor-time {
  font-size: 12px
}
.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) {
  font-size: 12px;
  line-height: 20px;
  color: #61687c;
  margin-bottom: 4px;
  display: flex;
  align-items: center
}
.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) .infor-salary {
  color: #00c2b3
}
.boss-content .boss-list .boss-infor .infor-base div:nth-child(2) .infor-division {
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #eee;
  margin: 0 10px;
  line-height: 20px
}
.boss-content .boss-list .boss-infor .infor-base div:last-child p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.boss-content .boss-list .boss-infor .infor-base div:last-child p span {
  color: #414a60
}
.boss-footer /deep/ .btn-primary {
  width: 100%
}
.siderResume-dialog .dialog-container {
  padding: 24px 0 24px 30px !important
}
.siderResume-dialog .dialog-footer {
  padding-right: 0;
  margin-right: 30px
}
.sider-recommend {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 12px
}
.sider-recommend li {
  border-bottom: 1px solid #edf0f6;
  line-height: 30px;
  padding: 5px;
  cursor: pointer
}
.sider-recommend li:last-child {
  border: none
}
.sider-recommend li .red-dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 3px;
  background-color: #ff4b5f;
  margin-bottom: 3px
}
.sider-recommend li .ui-icon-arrow-right {
  position: relative;
  top: 9px;
  color: #a2a6b3;
  float: right
}
.sider-recommend li:hover, .sider-recommend li:hover .ui-icon-arrow-right {
  color: #5dd5c8
}
.sider-vip {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/geek-vip-background.a93dc051.png) no-repeat 176px 8px #fff;
  background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/geek-vip-background.a93dc051.png) 1x, url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/geek-vip-background@2x.c93eeeba.png) 2x)
}
.sider-vip-title span {
  font-weight: 500;
  flex: 1
}
.sider-vip-title small {
  font-size: 12px;
  color: #8d92a1
}
.sider-vip ul {
  margin-top: 16px
}
.sider-vip li {
  margin: 12px 0 0;
  white-space: nowrap;
  font-size: 13px;
  color: #61687c;
  line-height: 30px
}
.sider-vip li .vip-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/geek-vip-icons.c4156031.png) no-repeat;
  background-image: image-set(url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/geek-vip-icons.c4156031.png) 1x, url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/geek-vip-icons@2x.9a1aa6b8.png) 2x);
  margin-right: 20px
}
.sider-vip li .vip-icon-resume {
  background-position: 0 0
}
.sider-vip li .vip-icon-data {
  background-position: 0 -50px
}
.sider-vip li .vip-icon-vip {
  background-position: 0 -100px
}
.sider-vip li .vip-icon-diamonds {
  background-position: 0 -150px
}
.vip-sider-dialog .dialog-container {
  width: 380px;
  height: 100%
}
.vip-sider-dialog .dialog-container .dialog-body {
  max-height: none;
  height: 100%
}
.vip-sider-dialog .dialog-header .title {
  color: #fff;
  font-size: 18px;
  text-indent: 30px;
  line-height: 60px;
  height: 60px;
  background: #28c3b1
}
.vip-sider-dialog .dialog-header .close {
  display: none
}
.vip-sider-dialog .vip-frame {
  height: 100%;
  overflow: hidden
}
.vip-sider-dialog .vip-frame iframe {
  border: 0;
  width: 100%;
  height: 100vh
}
.refresh-lines {
  position: relative;
  min-height: 224px
}
.refresh-lines:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 46px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px 12px 0 0;
  z-index: 0
}
.refresh-lines .prop {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  height: 46px;
  margin-top: -20px
}
.refresh-lines .head {
  position: relative;
  z-index: 1;
  margin: 15px 0 11px
}
.refresh-lines .head .svg-sub {
  float: right;
  font-size: 12px;
  line-height: 28px;
  color: #8d92a1
}
.refresh-lines .head .svg-sub span:before {
  display: inline-block;
  content: " ";
  width: 4px;
  height: 4px;
  background-color: #3b86f6;
  vertical-align: middle;
  border-radius: 2px;
  margin-right: 3px;
  margin-top: -2px
}
.refresh-lines .head .svg-sub span.svg-other:before {
  background-color: #ff941c;
  margin-left: 11px
}
.refresh-lines .head h4 {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  float: left;
  line-height: 18px
}
.refresh-lines .head h4 .tips {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-tips.b47a8754.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: -4px
}
.refresh-lines .head h4 .tips:hover {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-tips-hover.8374e34c.png) no-repeat;
  background-size: 100%
}
.refresh-lines .head h4 .tips:hover .refresh-lines .head .resume-refresh-tip {
  display: block
}
.refresh-lines .btn-new-primary {
  height: 36px;
  background-color: #3b86f6;
  border-color: #3b86f6;
  border-radius: 8px
}
.refresh-lines .btn-new-primary:hover {
  background-color: #3b86f6;
  border-color: #3b86f6
}
.refresh-lines .resume-refresh-hwslider {
  height: 122px;
  position: relative;
  overflow: hidden
}
.refresh-lines .resume-refresh-hwslider::-webkit-scrollbar-corner {
  background-color: #fff
}
.refresh-lines .resume-refresh-hwslider::-webkit-scrollbar-track-piece {
  background-color: #f1f1f1;
  height: 10px
}
.refresh-lines .resume-refresh-hwslider::-webkit-scrollbar-thumb {
  background: #e0e0e0
}
.refresh-lines .resume-refresh-hwslider::-webkit-scrollbar-thumb:hover {
  background: #07bfbe;
  cursor: pointer
}
.refresh-lines .resume-refresh-hwslider svg {
  background: #fafafa;
  border-radius: 8px
}
.refresh-lines .resume-refresh-hwslider span {
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 20px;
  height: 100px;
  line-height: 110px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #d4d8dd;
  cursor: pointer;
  text-decoration: none
}
.refresh-lines .resume-refresh-hwslider span.arrow-next {
  right: 0
}
.refresh-lines .resume-refresh-hwslider ul {
  width: 3000px;
  height: 140px;
  transition: margin-left .2s linear
}
.refresh-lines .resume-refresh-hwslider ul li {
  float: left;
  width: 224px;
  overflow: hidden;
  padding-left: 10px
}
.refresh-lines .refresh-btn {
  width: 160px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  border: 0;
  color: #fff;
  letter-spacing: 1px;
  background: #3b86f6;
  text-align: center;
  cursor: pointer;
  margin: 0 auto
}
.refresh-lines .refresh-btn:hover {
  background-color: #6adbcf
}
.refresh-lines .refresh-btn.disabled {
  background-color: #eef0f5;
  color: #d1d4db
}
.refresh-lines .refresh-text {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1;
  color: #666
}
.refresh-lines .refresh-text .refresh-free-count {
  color: #3b86f6;
  margin-left: 10px
}
.refresh-lines .btn-primary {
  height: 36px;
  background-color: #3b86f6;
  border-color: #3b86f6;
  border-radius: 8px
}
.refresh-lines .btn-primary:hover {
  background-color: #3b86f6;
  border-color: #3b86f6
}
.white-tips.popover-wrap {
  border: none
}
.white-tips.popover-wrap .popover-content {
  padding: 12px 16px;
  color: #333;
  line-height: 17px;
  font-size: 12px;
  border: 1px solid #ededed;
  border-bottom: none;
  border-radius: 4px
}
.resume-refresh .dialog-footer .btns .btn {
  height: 34px;
  line-height: 32px;
  min-width: 42px;
  padding: 0 25px;
  font-size: 14px;
  border: 1px solid #5dd5c8;
  letter-spacing: 1px;
  cursor: pointer;
  color: #5dd5c8
}
.resume-refresh .dialog-footer .btns .btn.btn-sure {
  color: #fff;
  background-color: #5dd5c8
}
.resume-refresh .dialog-footer .btns .btn.btn-sure:hover {
  background-color: #6adbcf
}
.resume-refresh .dialog-footer .btns .btn.btn-disabled, .resume-refresh .dialog-footer .btns .btn.btn-disabled:hover {
  color: #9fa3b0;
  background-color: #fff;
  border-color: #d1d4db
}
.refesh-svg {
  background-color: #fafafa
}
.refesh-svg .x-axis {
  stroke: #eef0f5;
  stroke-width: .5px
}
.refesh-svg .bg-axis {
  stroke: transparent;
  stroke-width: 29
}
.refesh-svg .bg-axis.axis-hover, .refesh-svg .bg-axis:hover {
  stroke: #e0f3f3
}
.refesh-svg .refesh-line {
  stroke: #6bd0ca;
  stroke-width: 1px
}
.refesh-svg .refesh-line.refesh-line0 {
  stroke: #ff941c
}
.refesh-svg .fresh-day {
  font-size: 13px;
  fill: #d1d4db
}
.refesh-svg .my-series, .refesh-svg .similar-series {
  font-size: 15px;
  fill: #3b86f6;
  text-anchor: middle;
  display: none
}
.refesh-svg.active .refresh-x:last-child .my-series {
  display: block
}
.refesh-svg .similar-series {
  fill: #ff941c;
  display: none
}
.refesh-svg .similar-yaxis {
  stroke: #ff941c;
  stroke-width: 1px;
  fill: #ff941c
}
.refesh-svg .similar-yaxis:hover {
  stroke: #f6e9d5;
  stroke-width: 2.5px;
  r: 4px;
  fill: #ff941c
}
.refesh-svg .similar-yaxis:hover + .similar-series {
  display: block
}
.refesh-svg .my-yaxis {
  stroke: #5cd5c8;
  stroke-width: 1px;
  fill: #3b86f6
}
.refesh-svg .my-yaxis:hover {
  stroke: #c9efee;
  stroke-width: 2.5px;
  fill: #3b86f6;
  r: 4px
}
.refesh-svg .my-yaxis:hover + .my-series {
  display: block
}
.refesh-svg .today-dots {
  font-size: 10px;
  fill: #fc5b5c
}
.assessment .refresh-test-img {
  width: 192px;
  height: 122px;
  margin: 16px auto
}
.assessment .refresh-test-img img {
  width: 100%;
  vertical-align: top
}
.assessment p {
  font-size: 12px;
  color: #9fa3af;
  line-height: 17px;
  margin: 16px 0;
  text-align: center
}
.resume-settings {
  position: relative;
  padding-top: 14px
}
.resume-settings:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 46px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px 12px 0 0;
  z-index: 0
}
.resume-settings .pull-right {
  font-size: 14px;
  color: #56cbc4
}
.resume-settings .sider-title {
  position: relative;
  z-index: 1;
  margin-bottom: 12px
}
.resume-settings .setting-item {
  color: #414a60;
  padding: 15px 30px;
  margin: 0 -30px;
  line-height: 20px;
  position: relative;
  z-index: 1
}
.resume-settings .setting-item .pull-right {
  float: right;
  font-size: 13px;
  color: #9fa3af
}
.resume-settings .setting-item + .setting-item {
  border-top: 1px solid #f3f3f3
}
.resume-settings .setting-item:last-child {
  padding: 15px 30px;
  margin-bottom: -15px
}
.resume-settings .text-green {
  color: #56cbc4
}
.zhipin-resume {
  padding: 0
}
.zhipin-resume img {
  display: block;
  width: 100%
}
.zhipin-resume a {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden
}
.zhipin-resume a:hover:after {
  opacity: 1
}
.zhipin-resume a:after {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, .1);
  transition: all .2s linear
}
.parser-process-dialog .dialog-container {
  width: 508px;
  padding: 54px 0 80px
}
.parser-process-dialog .parser-image {
  display: block;
  width: 200px;
  height: 100px;
  margin: 0 auto 32px
}
.parser-process-dialog .parser-desc {
  font-size: 18px;
  font-weight: 500;
  color: #24272e;
  line-height: 25px;
  text-align: center
}
.parser-process-dialog .parser-resume-name {
  margin: 8px auto;
  width: 400px;
  font-size: 13px;
  font-weight: 400;
  color: #8d92a1;
  line-height: 18px;
  text-align: center
}
.parser-process-dialog .parser-process {
  margin: 14px auto
}
.parser-process-dialog .parser-record {
  margin: 0 auto;
  max-width: 100%;
  height: 18px;
  overflow: hidden
}
.parser-process-dialog .parser-record li {
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
  color: #414a60;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.parser-process-dialog .progress {
  width: 240px;
  margin: 14px auto;
  height: 6px;
  border-radius: 3px;
  background: #eeeef0
}
.parser-process-dialog .progress .progress-bar {
  background: linear-gradient(270deg, #00c2b3, #5ee6de)
}
.ui-select-selection {
  border: 1px solid #d4d5d6
}
.ui-select-dropdown {
  margin-top: 4px;
  border-radius: 8px
}
.ui-select-item-selected, .ui-select-item-selected.ui-select-item-hover, .ui-select-item-selected:hover {
  color: #3b86f6
}
.data-blank-wrap {
  padding: 10px 30px
}
.data-blank-wrap .data-tip {
  padding: 100px 0;
  text-align: center;
  min-height: 340px;
  position: relative;
  background: #fff
}
.data-blank-wrap .data-tip .data-blank {
  width: 360px;
  display: inline-block
}
.data-blank-wrap .data-tip .data-blank .tip-nodata {
  display: block;
  width: 194px;
  height: 232px;
  margin: 0 auto 5px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/tip-nodata.f6440857.png) center 0 no-repeat
}
.data-blank-wrap .data-tip .data-blank .tip-empty {
  display: block;
  width: 200px;
  height: 120px;
  margin: 0 auto 5px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-tip-empty.abdf29a7.png) center 0 no-repeat;
  background-size: 100%
}
.data-blank-wrap .data-tip .data-blank .blank-txt {
  font-size: 16px;
  font-weight: 200;
  color: #9fa3b0;
  line-height: 26px
}
.data-blank-wrap .data-tip .data-blank .goto-system {
  margin-top: 30px
}
.data-blank-wrap .data-tip .data-blank .goto-system .btn {
  font-size: 13px;
  border-radius: 3px;
  line-height: 30px;
  height: 32px;
  padding: 0;
  display: inline-block;
  min-width: 114px;
  border: 1px solid #5dd5c8;
  color: #fff;
  letter-spacing: 1px;
  background-color: #5dd5c8;
  text-align: center;
  cursor: pointer
}
.data-blank-wrap .data-tip .data-blank .goto-system .btn:hover {
  background-color: #6adbcf
}
.dialog-footer {
  margin: 0 -30px;
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-right: 30px
}
.dialog-footer .btn {
  display: inline-block;
  height: 34px;
  line-height: 32px;
  min-width: 42px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #5dd5c8;
  padding: 0 25px;
  margin-left: 20px;
  background-color: #5dd5c8;
  color: #fff
}
.dialog-footer .btn:hover {
  background-color: #6adbcf
}
.dialog-footer .btn.btn-outline {
  color: #5dd5c8;
  background-color: #fff
}
.dialog-footer .btn.btn-outline:hover {
  line-height: 30px;
  padding: 0 24px;
  border-width: 2px
}
.dialog-icons-default .dialog-container {
  width: 460px;
  line-height: 26px
}
.dialog-icons-default .dialog-container .dialog-title .title {
  margin-left: 44px;
  font-weight: 400;
  word-wrap: break-word;
  word-break: break-all
}
.dialog-icons-default .dialog-container .dialog-title .icon-dialog {
  float: left
}
.dialog-icons-default .dialog-container .dialog-title .icon-dialog-error, .dialog-icons-default .dialog-container .dialog-title .icon-dialog-info, .dialog-icons-default .dialog-container .dialog-title .icon-dialog-lock, .dialog-icons-default .dialog-container .dialog-title .icon-dialog-success, .dialog-icons-default .dialog-container .dialog-title .icon-dialog-warning {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-dialog.878a7a50.png);
  background-repeat: no-repeat
}
.dialog-icons-default .dialog-container .dialog-title .icon-dialog-info {
  background-position: 0 -242px
}
.dialog-icons-default .dialog-container .dialog-title .icon-dialog-warning {
  background-position: 0 -163px
}
.dialog-icons-default .dialog-container .dialog-title .icon-dialog-error {
  background-position: 0 -82px
}
.dialog-icons-default .dialog-container .dialog-title .icon-dialog-lock {
  background-position: 0 -320px
}
.dialog-icons-default .dialog-container .dialog-con {
  padding-left: 44px
}
.dialog-icons-default .dialog-container .dialog-con .tip-text {
  padding: 10px 0;
  color: #9fa3b0;
  line-height: 24px;
  font-size: 14px;
  background-image: none
}
.greet-pop .dialog-container {
  width: 490px;
  margin: 0;
  line-height: 26px
}
.greet-pop .dialog-container .dialog-title h3 {
  font-size: 14px;
  font-weight: 400;
  color: #414a60
}
.greet-pop .dialog-container .dialog-con {
  padding-top: 25px;
  padding-bottom: 30px
}
.greet-pop .dialog-container .dialog-con .greet-con {
  background-color: #f8f9fc;
  color: #9fa3b0;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px;
  overflow: hidden
}
.greet-pop .dialog-container .dialog-con span {
  display: inline-block;
  margin-top: 20px;
  font-size: 12px;
  color: #9fa3b0
}
.greet-pop .dialog-container .dialog-con .remindType input {
  position: relative;
  top: 1px;
  margin-right: 10px
}
.dialog-primary-default .dialog-container {
  width: 400px;
  padding: 24px 30px;
  line-height: 26px
}
.dialog-primary-default .dialog-container .dialog-title h3 {
  font-weight: 400
}
.dialog-primary-default .dialog-container .upload-dialog-deliver {
  padding-top: 10px
}
.dialog-primary-default .dialog-container .upload-dialog-deliver p {
  color: #9fa3af
}
.dialog-primary-default .dialog-container .upload-dialog-deliver .red {
  color: #fc703e !important
}
.dialog-primary-default .dialog-container .upload-dialog-deliver .btns {
  margin-top: 20px;
  text-align: right
}
.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 34px;
  line-height: 32px;
  min-width: 96px;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  padding: 0;
  border: 1px solid #5dd5c8;
  margin-left: 20px;
  background-color: #5dd5c8;
  color: #fff
}
.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-file input {
  position: absolute;
  width: 100%;
  height: 200%;
  top: -100%;
  left: 0;
  background: 0 0;
  opacity: 0;
  cursor: pointer
}
.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn:hover {
  background-color: #6adbcf
}
.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-outline {
  color: #5dd5c8;
  background-color: #fff
}
.dialog-primary-default .dialog-container .upload-dialog-deliver .btns .btn.btn-outline:hover {
  line-height: 30px;
  padding: 0 24px;
  border-width: 2px
}
#toast {
  position: fixed;
  width: 80%;
  left: 10%;
  top: 50%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  z-index: 1999;
  -webkit-animation: toastTop .25s ease-out;
  animation: toastTop .25s ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
#toast.slideup {
  -webkit-animation-name: toastHide;
  animation-name: toastHide
}
#toast .toast-con {
  display: inline-block;
  background: #fff;
  margin: 0 auto;
  padding: 0 20px;
  line-height: 50px;
  box-shadow: 0 0 14px rgba(0, 0, 0, .11)
}
#toast .toast-con .icon-toast-error, #toast .toast-con .icon-toast-info, #toast .toast-con .icon-toast-loading, #toast .toast-con .icon-toast-success, #toast .toast-con .icon-toast-warning {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 13px;
  margin-top: -2px;
  vertical-align: middle;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-toast.82bcc73c.png);
  background-repeat: no-repeat
}
#toast .toast-con .icon-toast-success {
  background-position: 0 0
}
#toast .toast-con .icon-toast-info {
  background-position: 0 -119px
}
#toast .toast-con .icon-toast-warning {
  background-position: 0 -60px
}
#toast .toast-con .icon-toast-error {
  background-position: 0 -187px
}
#toast .toast-con .icon-toast-loading {
  background-position: 0 -232px;
  -webkit-animation: semicircle .8s linear infinite;
  animation: semicircle .8s linear infinite
}
.jconfirm {
  z-index: 1010;
  overflow: hidden
}
.jconfirm, .jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.jconfirm .jconfirm-bg {
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s
}
.jconfirm .jconfirm-bg.seen {
  opacity: 1;
  -webkit-transition: none !important;
  transition: none !important
}
.jconfirm.jconfirm-white .jconfirm-bg {
  background-color: rgba(37, 40, 48, .7)
}
.jconfirm .jconfirm-scrollpane {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow: hidden
}
.jconfirm .jconfirm-scrollpane .jconfirm-box {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  outline: 0;
  padding: 0;
  -webkit-transition: none !important;
  transition: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  margin: 0 auto;
  opacity: 1;
  margin-top: 0 !important
}
.jconfirm .jconfirm-scrollpane .jconfirm-box .closeIcon {
  position: absolute;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  -webkit-transition: opacity .1s ease-in;
  transition: opacity .1s ease-in;
  display: none;
  z-index: 200;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: -15px;
  right: -15px;
  background-color: rgba(73, 74, 78, .9);
  background-position: -39px -602px;
  font-size: 0;
  color: #fff;
  border-radius: 100%;
  opacity: .9
}
.jconfirm .jconfirm-scrollpane .jconfirm-box .title-c {
  display: block;
  font-size: 18px;
  line-height: 20px;
  border-bottom: 1px solid #eee
}
.jconfirm .jconfirm-scrollpane .jconfirm-box .content-pane {
  margin-bottom: 15px;
  height: auto;
  display: inline-block;
  width: 100%;
  position: relative
}
.jconfirm .jconfirm-scrollpane .jconfirm-box .buttons {
  text-align: right;
  border-top: 1px solid #eee;
  padding-top: 12px
}
.jconfirm .jconfirm-scrollpane .jconfirm-box .jquery-clear {
  clear: both
}
.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box {
  width: 410px;
  border-radius: 8px
}
.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .closeIcon {
  background-position: 6px -1430px;
  top: 12px;
  right: 12px;
  background-color: transparent;
  font-size: 35px;
  color: #b1b4bf
}
.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .title-c {
  display: none
}
.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .content-pane {
  min-height: 514px
}
.jconfirm .jconfirm-scrollpane .pop-sign-box .jconfirm-box .buttons {
  padding-bottom: 15px
}
.jconfirm .jconfirm-scrollpane .pop-sign-box.sign-wrap-v2 .jconfirm-box {
  width: 740px
}
@-webkit-keyframes toastHide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(45px);
    transform: translateY(45px)
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes toastHide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(45px);
    transform: translateY(45px)
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.online-apply-item {
  margin-top: 16px;
  border: 1px solid #f4f4f4;
  padding: 16px 24px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}
.online-apply-item:first-child {
  margin-top: 0
}
.online-apply-item:hover {
  background: #f7f7f7;
  border-color: transparent
}
.online-apply-item:hover .online-apply-info h3 {
  color: #3b86f6
}
.online-apply-item .online-apply-info h3 {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  max-width: 634px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.online-apply-item .online-apply-info .online-apply-desc {
  margin-top: 12px;
  font-size: 14px;
  color: #666;
  line-height: 20px
}
.online-apply-item .online-apply-info .online-apply-desc b {
  font-weight: 600;
  color: #3b86f6;
  margin: 0 4px
}
.online-apply-item .online-apply-info .tag-list em {
  position: relative;
  font-style: normal;
  float: left;
  padding: 0 8px
}
.online-apply-item .online-apply-info .tag-list em:first-child {
  padding-left: 0
}
.online-apply-item .online-apply-info .tag-list em + em:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 3px;
  width: 1px;
  height: 12px;
  background: #e0e0e0;
  border-radius: 1px
}
.online-apply-item .online-apply-status {
  width: 86px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  font-size: 14px
}
.online-apply-item .online-apply-status.success {
  background: rgba(0, 190, 189, .1);
  color: #3b86f6
}
.online-apply-item .online-apply-status.wait {
  background: rgba(255, 148, 28, .1);
  color: #ed7e07
}
.online-apply-entry {
  height: 46px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px
}
.online-apply-entry span {
  color: #222;
  font-size: 16px;
  font-weight: 500
}
.online-apply-entry em {
  position: relative;
  font-style: normal;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  transition: all .2s linear
}
.online-apply-entry em:after {
  display: inline-block;
  margin-left: 8px;
  content: " ";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #b8bbcc;
  transition: all .2s linear
}
.online-apply-entry em:hover {
  color: #3b86f6
}
.online-apply-entry em:hover:after {
  border-left: 4px solid #3b86f6
}
.online-apply-wrapper {
  width: 884px
}
.online-apply-wrapper .online-apply-nav {
  position: relative;
  height: 46px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  border-radius: 12px;
  margin-bottom: 16px;
  background: #fff
}
.online-apply-wrapper .online-apply-nav .back-btn {
  position: relative;
  font-size: 16px;
  color: #333;
  transition: all .2s linear;
  padding-right: 24px;
  height: 22px;
  line-height: 22px;
  margin-right: 24px
}
.online-apply-wrapper .online-apply-nav .back-btn:before {
  content: " ";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  position: relative;
  border: 4px solid transparent;
  border-right-color: #b8bbcc;
  margin-right: 12px
}
.online-apply-wrapper .online-apply-nav .back-btn:after {
  content: " ";
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 12px;
  background: #e0e0e0;
  border-radius: 1px;
  z-index: 1
}
.online-apply-wrapper .online-apply-nav .back-btn:hover {
  color: #3b86f6
}
.online-apply-wrapper .online-apply-nav .back-btn:hover:before {
  border-right: 4px solid #3b86f6
}
.online-apply-wrapper .online-apply-nav h3 {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px
}
.online-apply-wrapper .data-tips {
  border-radius: 12px;
  background: #fff;
  height: auto;
  padding: 100px 0
}
.online-apply-wrapper .online-apply-list {
  padding: 16px;
  background: #fff;
  border-radius: 12px
}
.online-apply-wrapper .empty-block {
  width: 100%;
  padding: 100px 0;
  background: #fff;
  border-radius: 12px
}
.online-apply-wrapper .empty-block img {
  display: block;
  width: 200px;
  margin: 0 auto
}
.online-apply-wrapper .empty-block span {
  display: block;
  color: #666;
  text-align: center;
  margin-top: 10px
}
.ucenter-container {
  padding-top: 20px
}
.ucenter-container.user-center-wrapper {
  display: flex
}
.ucenter-container.user-center-wrapper .user-jobs-area {
  margin-right: 16px
}
.ucenter-container .user-sider {
  float: right;
  width: 284px
}
.ucenter-container .user-jobs-area {
  margin-right: 300px
}
.ucenter-container .clearfix:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both
}
.ucenter-container .vline {
  display: inline-block;
  width: 1px;
  height: 12px;
  vertical-align: middle;
  background: #e0e0e0;
  margin: 0 10px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap {
  background: transparent
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-tab-nav {
  padding: 0 24px;
  height: 46px;
  background: #fff;
  border-radius: 12px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .data-blank-empty-wrap {
  padding: 12px 0
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .data-blank-empty-wrap .data-tip {
  border-radius: 12px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul {
  padding: 0
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss {
  padding: 0;
  background: #fff;
  border-radius: 12px;
  transition: all .2s linear;
  cursor: pointer;
  margin-top: 16px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss:hover {
  box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3);
  z-index: 3
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed {
  pointer-events: none
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed .img-box {
  position: relative
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed .img-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 48px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  opacity: .8
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed .info-primary {
  position: relative
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss.job-closed .info-primary:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 92px;
  background: #fff;
  opacity: .8
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .item-content {
  margin-left: 0
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header {
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px 12px 0 0;
  margin-bottom: 0;
  cursor: default
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header .btns {
  margin-top: 8px;
  margin-right: 24px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header .btns .btn {
  background: #3b86f6;
  border-color: #3b86f6;
  border-radius: 8px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header .btns .btn:hover {
  background: #3b86f6;
  border-color: #3b86f6
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-header .info-header-close {
  margin-top: 13px;
  font-weight: 500;
  margin-right: 24px;
  float: right;
  color: #ccc
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .flex-reverse {
  flex-direction: row-reverse
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .width-500 {
  width: 500px;
  min-width: 500px;
  max-width: 500px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary {
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 0 0 12px 12px;
  cursor: default
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .gray {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #fe574a;
  line-height: 22px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .gray span {
  padding: 0 8px;
  display: inline-block;
  background: #f8f8f8;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  margin-right: 4px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .gray span:first-child {
  margin-left: 8px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin-bottom: 12px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name a {
  display: flex
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name .jobname {
  margin-right: 8px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .job-info .job-name .location {
  margin-left: 10px;
  color: #222
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info {
  cursor: default;
  flex: auto;
  display: flex;
  align-items: center;
  text-align: left
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info img {
  margin-top: 0;
  margin-left: 0;
  margin-right: 12px;
  width: 56px;
  height: 56px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text {
  font-size: 16px;
  font-weight: 500;
  color: #222
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text .gray span {
  margin-right: 8px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info .text .gray span:first-child {
  margin-left: 0
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 {
  display: flex;
  align-items: center;
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #222
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .job-medium-icon-new {
  width: 32px;
  height: 18px;
  margin-right: 8px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-salary-row-1 {
  margin-left: 12px;
  margin-right: 16px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process {
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process-success {
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 4px;
  background: #e5f8f8;
  color: #3b86f6
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process-wait {
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 4px;
  background: #fff4e8;
  color: #ff941c
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process-reject {
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 4px;
  background: #feeeec;
  color: #fe574a
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .info-process-cancel {
  padding: 3px 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  border-radius: 4px;
  background: #f4f4f4;
  color: #999
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .icon-meeting-type {
  width: 44px;
  height: 44px;
  margin-left: -5px;
  transform: scale(.5)
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .icon-meeting-type-tel {
  width: 44px;
  height: 44px;
  margin-left: -5px;
  transform: scale(.5);
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-meet-type.cae1e5f7.png) -44px 0 no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .icon-meeting-type-voice {
  width: 44px;
  height: 44px;
  margin-left: -5px;
  transform: scale(.5);
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-meet-type.cae1e5f7.png) 0 0 no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-1 .icon-meeting-type-video {
  width: 44px;
  height: 44px;
  margin-left: -5px;
  transform: scale(.5);
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-meet-type.cae1e5f7.png) -88px 0 no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-2 {
  height: 20px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  margin-top: 16px;
  display: flex;
  align-items: center
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-2 img {
  width: 20px;
  height: 20px;
  background: #d8d8d8;
  border-radius: 4px;
  border: 1px solid #f6fdfd
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .info-interview-row-2 .info-company-name-row-2 {
  margin: 0 8px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .company-info-interview .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 144px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info {
  flex: auto;
  text-align: left
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-1, .ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-2 {
  height: 24px;
  font-size: 13px;
  font-weight: 400;
  color: #222;
  line-height: 24px
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-1 span, .ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-2 span {
  color: #666
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .item-boss .info-primary .interview-info .interview-info-row-2 {
  margin-top: 16px;
  height: 20px;
  line-height: 20px;
  width: 338px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .img-box {
  padding: 12px 24px;
  line-height: 24px;
  display: flex
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap .user-jobs-ul .img-box img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap ul li .item-content .info-header .btns .btn.btn-outline {
  border: 1px solid #3b86f6;
  background-color: #fff;
  color: #3b86f6
}
.ucenter-container .user-jobs-area-box-wrap .chat-history-box-wrap ul li .item-content .info-header .btns .btn.btn-outline:hover {
  color: #3b86f6;
  border-color: #e5f8f8;
  background-color: #e5f8f8
}
.ucenter-container .user-jobs-area-box-wrap .tab-back {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  cursor: pointer
}
.ucenter-container .user-jobs-area-box-wrap .tab-back:hover {
  color: #3b86f6
}
.ucenter-container .user-jobs-area-box-wrap .tab-back:hover .icon-back {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px 0/10px auto no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .tab-back:hover span {
  color: #3b86f6
}
.ucenter-container .user-jobs-area-box-wrap .tab-back span {
  margin-right: 49px;
  color: #333;
  font-size: 16px
}
.ucenter-container .user-jobs-area-box-wrap .tab-back .icon-back {
  position: absolute;
  top: 19px;
  left: 0;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(180deg);
  cursor: pointer
}
.ucenter-container .user-jobs-area-box-wrap .tab-back:after {
  content: "";
  position: absolute;
  top: 17px;
  width: 1px;
  right: 24px;
  height: 12px;
  background: #e0e0e0;
  border-radius: 1px
}
.ucenter-container .user-jobs-area-box-wrap .data-blank-wrap .data-tip .data-blank .tip-empty {
  margin: 0 auto 14px
}
.ucenter-container .user-jobs-area-box-wrap .data-blank-wrap .data-tip .data-blank .blank-txt {
  font-weight: 400;
  font-size: 14px;
  color: #999;
  line-height: 20px
}
.ucenter-container .user-jobs-area-box-wrap .data-blank-wrap .data-tip .data-blank .goto-system {
  margin-top: 29px
}
.ucenter-container .user-jobs-area-box-wrap .data-blank-wrap .data-tip .data-blank .goto-system .btn {
  background: #3b86f6;
  border-radius: 8px;
  width: 180px;
  height: 36px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500
}
.ucenter-container .user-jobs-area-box-wrap .pagination-area {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
  background: none
}
.ucenter-container .user-jobs-area-box-wrap .pagination-area .pager a {
  margin: 0 4px;
  height: 26px;
  min-width: 26px;
  line-height: 26px;
  border-radius: 6px;
  border: none;
  background: #fff;
  color: #333;
  transition: all .2s linear
}
.ucenter-container .user-jobs-area-box-wrap .pagination-area .pager a.selected, .ucenter-container .user-jobs-area-box-wrap .pagination-area .pager a:hover {
  color: #fff;
  background: #3b86f6
}
.ucenter-container .user-jobs-area-box-wrap .pagination-area .pager a.disabled {
  background: #fff;
  color: #666;
  cursor: not-allowed
}
.ucenter-container .user-jobs-area-box-wrap .pagination-area .pager .fast-next-btn.disabled, .ucenter-container .user-jobs-area-box-wrap .pagination-area .pager .fast-prev-btn.disabled {
  color: #333;
  background: transparent;
  cursor: default
}
.ucenter-container .user-jobs-area-box-wrap .icon-position-tag, .ucenter-container .user-jobs-area-box-wrap .icon-position-tag-lt {
  width: 64px;
  height: 36px;
  margin-left: -18px;
  margin-right: -8px;
  transform: scale(.5)
}
.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-lt {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-position-tag.c257c851.png) -64px 0 no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-yx {
  width: 64px;
  height: 36px;
  margin-left: -18px;
  margin-right: -8px;
  transform: scale(.5);
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-position-tag.c257c851.png) -192px 0 no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-pq {
  width: 64px;
  height: 36px;
  margin-left: -18px;
  margin-right: -8px;
  transform: scale(.5);
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-position-tag.c257c851.png) 0 0 no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-dz {
  width: 64px;
  height: 36px;
  margin-left: -18px;
  margin-right: -8px;
  transform: scale(.5);
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-position-tag.c257c851.png) -128px 0 no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-wb {
  width: 64px;
  height: 36px;
  margin-left: -18px;
  margin-right: -8px;
  transform: scale(.5);
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-position-tag.c257c851.png) -320px 0 no-repeat
}
.ucenter-container .user-jobs-area-box-wrap .icon-position-tag-jp {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-position-tag.c257c851.png) -256px 0 no-repeat
}
.dialog-wrap.choose-resume-dialog .dialog-container {
  width: 580px
}
.dialog-wrap.choose-resume-dialog .dialog-title {
  padding: 0 30px 30px
}
.dialog-wrap.choose-resume-dialog .dialog-title .title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400
}
.dialog-wrap.choose-resume-dialog .dialog-con {
  padding: 0
}
.dialog-wrap.choose-resume-dialog .resume-list li {
  font-size: 14px;
  line-height: 44px;
  overflow: hidden;
  padding: 0 40px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #62687a
}
.dialog-wrap.choose-resume-dialog .resume-list li:hover {
  background-color: #f2f5fa
}
.dialog-wrap.choose-resume-dialog .resume-list li img {
  height: 25px;
  vertical-align: middle;
  margin-right: 10px
}
.dialog-wrap.choose-resume-dialog .resume-list .side {
  float: right;
  margin-left: 80px;
  color: #a0a3af
}
.dialog-wrap.choose-resume-dialog .resume-list .side .size {
  display: inline-block;
  min-width: 60px;
  margin-left: 10px;
  text-align: right
}
.dialog-wrap.choose-resume-dialog .resume-list .side input {
  position: relative;
  top: 2px;
  margin-left: 20px
}
.dialog-wrap.choose-resume-dialog .dialog-footer {
  padding-right: 30px;
  margin: 0
}
.dialog-wrap.choose-resume-dialog .btns .btn {
  line-height: 40px;
  height: 40px;
  margin-top: -5px;
  padding: 0 35px;
  border-width: 1px
}
.account-tab-nav {
  width: 100%
}
.account-tab-nav nav {
  width: 220px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  text-align: center;
  border-radius: 12px 12px 12px 12px
}
.account-tab-nav .ui-switch.ui-switch-checked {
  border-color: #3b86f6;
  background-color: #3b86f6
}
.account-tab-nav .ui-switch.ui-switch-checked:after {
  left: 16px
}
.account-tab-nav .ui-switch {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
  width: 35px;
  height: 20px
}
.account-tab-nav .ui-switch:after {
  width: 16px;
  height: 16px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1)
}
.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch.ui-switch-checked, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch.ui-switch-checked, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch.ui-switch-checked {
  border-color: #3b86f6;
  background-color: #3b86f6
}
.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch.ui-switch-checked:after, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch.ui-switch-checked:after, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch.ui-switch-checked:after {
  left: 16px
}
.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch {
  border-color: #e0e0e0;
  background-color: #e0e0e0
}
.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch:after, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch:after, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch:after {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1)
}
.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch {
  width: 35px;
  height: 20px
}
.account-tab-nav.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch:after, .account-tab-nav.pricacy-set .message-notice-wrapper .notice-setting-controller .ui-switch:after, .account-tab-nav.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch:after {
  width: 16px;
  height: 16px
}
.account-tab-nav .nav-title {
  font-size: 20px;
  padding: 30px 0;
  font-weight: 600;
  color: #222;
  line-height: 28px
}
.account-tab-nav .nav-list {
  height: 62px;
  width: 100%;
  line-height: 62px;
  font-weight: 500;
  color: #666;
  cursor: pointer;
  font-size: 16px;
  margin: 0;
  padding-left: 40px;
  text-align: left;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s
}
.account-tab-nav .active {
  background-color: rgba(0, 190, 189, .1);
  position: relative;
  font-weight: 600;
  color: #222
}
.account-tab-nav .active:after {
  content: "";
  position: absolute;
  height: 62px;
  width: 4px;
  background: #3b86f6;
  left: 0;
  top: 0;
  border-radius: 0 3px 3px 0
}
.account-tab-nav .content {
  margin-left: 224px;
  background-color: #fff;
  min-height: 100%;
  flex: 1;
  border-radius: 12px
}
.account-content {
  padding: 30px 60px;
  color: #666;
  font-size: 12px
}
.account-content .header .header-back-box {
  display: flex;
  align-items: center;
  justify-self: start
}
.account-content .header .header-back-box:hover .ui-icon-arrow-left:before {
  background-position: -24px 0
}
.account-content .header .ui-icon-arrow-left {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  margin-right: 4px
}
.account-content .header .ui-icon-arrow-left:before {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 24px;
  height: 24px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-left.959d52d7.png) no-repeat;
  background-position: 0 0;
  background-size: 48px 24px
}
.account-content .title {
  font-size: 22px;
  font-weight: 600;
  color: #333;
  line-height: 30px;
  margin-bottom: 6px
}
.account-content .block-title {
  margin: 30px 0 6px;
  font-size: 16px;
  font-weight: 600;
  color: #222
}
.account-content .notice {
  font-size: 13px
}
.account-content .notice span {
  color: #414a60
}
.account-content .notice-title {
  color: #666;
  font-size: 13px;
  margin-top: 8px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px
}
.account-content .phone {
  margin-top: 20px;
  margin-bottom: 24px;
  font-size: 14px
}
.account-content .phone > span {
  color: #414a60;
  padding: 8px 23px 8px 12px;
  display: inline-block;
  margin-left: 12px;
  background: #f8f8f8;
  border-radius: 4px
}
.account-content .mobile, .account-content .wechat {
  border-bottom: 1px solid #edf0f5
}
.account-content .row {
  margin: 30px 0
}
.account-content .row span {
  color: #414a60
}
.account-content .row-wrap {
  margin: 20px 0 24px;
  height: 36px;
  font-size: 14px
}
.account-content .flex-start .row-wrap {
  line-height: 36px;
  background: #f8f8f8;
  border-radius: 4px;
  padding-right: 8px
}
.account-content .flex-start .row-wrap img {
  margin-left: 6px;
  margin-right: 0;
  border-radius: 2px
}
.account-content .flex-start .row-wrap span {
  margin-left: 8px
}
.account-content .flex-start-wrap {
  font-size: 14px
}
.account-content .flex-start-wrap a {
  margin-left: 12px
}
.account-content .flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start
}
.account-content .flex-start img {
  width: 24px;
  height: 24px;
  margin-right: 6px
}
.account-content .wechat {
  position: relative
}
.account-content .wechat a {
  color: #3b86f6
}
.account-content .unbind-wechat-dialog.dialog-wrap {
  width: 360px
}
.account-content .bind-wrap {
  display: inline-block;
  position: relative
}
.account-content .bind-wrap a:hover {
  color: #3b86f6
}
.account-content .dialog-bottom-left-default {
  position: absolute;
  top: 90px;
  right: -20px
}
.account-content .dialog-bottom-left-default.dialog-bottom-left-default-wrap {
  top: 20px
}
.account-content .dialog-bottom-left-default.dialog-bottom-left-default-wrap .dialog-container {
  border-radius: 12px
}
.account-content .dialog-bottom-left-default.dialog-bottom-left-default-wrap .dialog-container .dialog-footer .btns .btn-sure {
  min-width: 112px
}
.account-content .dialog-body {
  margin: 20px 0 30px;
  line-height: 26px;
  color: #9fa3b0
}
.account-content .unbind-wechat-title {
  line-height: 24px;
  font-size: 24px;
  font-weight: 400
}
.account-content .unbindWechat-form {
  margin-top: 40px
}
.account-content .get-msg-code {
  font-size: 14px;
  background-color: #fff;
  margin-left: 15px;
  margin-right: 15px;
  color: #3b86f6
}
.account-content .get-msg-code em {
  font-style: normal
}
.account-content .cancellation {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin: 30px 0 15px
}
.account-content .cancellation-desc {
  color: #666;
  font-size: 13px
}
.check-phone-unbind-dialog .dialog-body {
  overflow: visible
}
.check-phone-unbind-dialog .unbind-wechat-title {
  line-height: 24px;
  font-size: 24px;
  font-weight: 400;
  padding-left: 5px
}
.check-phone-unbind-dialog .input-wrap .suffix {
  right: 10px;
  cursor: pointer
}
.check-phone-unbind-dialog .vertical-line {
  width: 1px;
  height: 15px;
  background-color: #e3e7ed;
  display: inline-block;
  margin-right: 15px
}
.check-phone-unbind-dialog .unbindWechat-form .form-item {
  margin-top: 35px
}
.check-phone-unbind-dialog .unbindWechat-form .form-item .item-label {
  padding-right: 30px
}
.check-phone-unbind-dialog .unbindWechat-form .form-item .item-content .input-wrap {
  min-width: 330px
}
.check-phone-unbind-dialog .unbindWechat-form .form-item .item-content #captcha .nc_wrapper {
  width: 330px
}
.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content {
  margin-top: -5px
}
.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .get-msg-code {
  color: #3b86f6
}
.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .get-msg-code em {
  font-style: normal
}
.check-phone-unbind-dialog .unbindWechat-form .unbind-common .item-content .input-wrap-prefix .input {
  height: 42px
}
.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light .yidun_classic-container {
  z-index: 1011
}
.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
  width: 100% !important;
  height: auto !important
}
.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_jigsaw {
  width: auto !important;
  height: 100% !important
}
.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light .yidun_intelli-control {
  height: 40px
}
.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
  background-color: #00c2b3
}
.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_slider:hover {
  color: #00c2b3;
  background-color: #00c2b3
}
.check-phone-unbind-dialog .unbindWechat-form .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
  border-color: #00c2b3;
  background: #eefff5
}
.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon, .check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
  background-color: #00c2b3
}
.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text, .check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
  color: #00c2b3
}
.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
  color: #00c2b3;
  background: #eefff5;
  cursor: default;
  border-color: #00c2b3;
  line-height: 38px;
  height: 40px;
  text-align: left;
  padding: 0 18px
}
.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
  background-color: #00c2b3;
  box-shadow: 0 2px 6px 1px #00c2b3
}
.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
  color: #00c2b3
}
.check-phone-unbind-dialog .unbindWechat-form .yidun_intellisense--light {
  z-index: 999
}
.check-phone-unbind-dialog .dialog-footer {
  padding-right: 40px
}
.auth-manage .notice {
  margin: 15px 0 30px
}
.auth-manage .notice-title {
  color: #666;
  font-size: 13px;
  margin-top: 8px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px
}
.auth-manage .auth-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.auth-manage .auth-list li {
  padding: 12px;
  box-sizing: border-box;
  width: 412px;
  height: 95px;
  cursor: pointer;
  margin-bottom: 16px;
  border-radius: 8px;
  transition: background .3s ease-in;
  align-items: flex-start;
  background: #f8f8f8
}
.auth-manage .auth-list li:hover {
  background: #ededed
}
.auth-manage .auth-list li:hover .item-content .name {
  color: #3b86f6
}
.auth-manage .auth-list li img {
  width: 70px;
  height: 70px;
  margin-right: 20px
}
.auth-manage .auth-list li .item-content {
  width: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 13px;
  color: #666
}
.auth-manage .auth-list li .item-content .name {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 5px
}
.auth-manage .auth-list li .ui-icon-arrow-right {
  margin-top: 15px;
  align-self: flex-start
}
.auth-manage .empty {
  text-align: center;
  margin-top: 160px
}
.auth-manage .empty img {
  width: 200px;
  height: 119px
}
.auth-manage .empty .tips {
  margin-top: 15px
}
.auth-manage .auth-details {
  color: #666;
  font-size: 14px
}
.auth-manage .auth-details .header {
  cursor: pointer;
  margin-left: -30px
}
.auth-manage .auth-details .header:hover {
  opacity: .8
}
.auth-manage .auth-details .desc {
  color: #8d92a1;
  font-size: 13px;
  margin: 15px 0 30px
}
.auth-manage .auth-details .desc-title {
  color: #8d92a1;
  font-size: 13px;
  margin-top: 8px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px
}
.auth-manage .auth-details .ui-icon-arrow-left {
  font-size: 22px;
  color: #a6a6a6;
  margin-right: 5px
}
.auth-manage .auth-details .details-block-title {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  color: #333
}
.auth-manage .auth-details .block-common, .auth-manage .auth-details .use-info {
  border-radius: 8px;
  border: 1px solid #f6f6f8;
  background: #fff;
  margin-bottom: 10px;
  padding: 20px
}
.auth-manage .auth-details .use-info {
  min-height: 200px
}
.auth-manage .auth-details .use-info .user-list.user-list-start {
  justify-content: flex-start
}
.auth-manage .auth-details .use-info .user-list.user-list-start li {
  margin-right: 16px
}
.auth-manage .auth-details .use-info .user-list {
  display: flex;
  justify-content: space-between
}
.auth-manage .auth-details .use-info .user-list li {
  min-width: 198px;
  max-width: 198px;
  margin-bottom: 12px;
  font-size: 0;
  border: 1px solid #f4f4f4;
  border-radius: 14px 14px 12px 12px;
  box-sizing: border-box
}
.auth-manage .auth-details .use-info .user-list li .pic-desc {
  padding: 12px;
  min-height: 142px;
  min-height: 52px;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  line-height: 20px
}
.auth-manage .auth-details .use-info .user-list li:last-child {
  margin-right: 0
}
.auth-manage .auth-details .use-info .user-list img {
  width: 100%;
  height: 100px
}
.auth-manage .auth-details .use-info.no-border {
  padding: 0;
  border-width: 0
}
.auth-manage .auth-details .protect-info {
  border-radius: 8px;
  border: 1px solid #f6f6f8;
  background: #fff;
  margin-bottom: 10px;
  padding: 20px
}
.auth-manage .auth-details .protect-info .protect-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.auth-manage .auth-details .protect-info .protect-list li {
  width: 412px;
  height: 70px;
  background: #f8f8f8;
  border-radius: 8px;
  margin-bottom: 14px;
  padding: 10px 10px 14px;
  box-sizing: border-box
}
.auth-manage .auth-details .protect-info .protect-list li img {
  width: 46px;
  height: 46px;
  margin-right: 16px
}
.auth-manage .auth-details .protect-info .protect-list li .name {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px
}
.auth-manage .auth-details .protect-info .protect-list li .desc {
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  margin: 0
}
.auth-manage .auth-details .protect-info.no-border {
  padding: 0;
  border-width: 0
}
.auth-manage .auth-details .manage-info {
  min-height: 92px;
  border-radius: 8px;
  border: 1px solid #f6f6f8;
  background: #fff;
  margin-bottom: 10px;
  padding: 20px
}
.auth-manage .auth-details .manage-info .details-block-title {
  margin-bottom: 10px
}
.auth-manage .auth-details .manage-info.no-border {
  padding: 0;
  border-width: 0
}
.auth-manage .auth-details .rule {
  text-align: right;
  padding-top: 10px;
  font-weight: 500;
  font-size: 13px;
  color: #3b86f6
}
.auth-manage .auth-details .rule a {
  color: #3b86f6
}
.auth-manage .auth-details .rule i {
  cursor: pointer
}
.auth-manage .auth-details .rule:hover, .auth-manage .auth-details .rule:hover a {
  color: #3b86f6
}
.auth-manage .auth-details .rule.rule-wrap {
  text-align: left;
  padding-top: 17px;
  position: relative
}
.auth-manage .auth-details .rule.rule-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  border-radius: 1px
}
.flex-start {
  display: flex;
  align-items: center;
  justify-content: inherit
}
.account-home .guide-list, .account-home .guide-list.guide-list-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.account-home .guide-list > li {
  position: relative;
  box-sizing: border-box;
  width: 412px;
  height: 97px;
  background: #f8f8f8;
  border-radius: 8px;
  margin-bottom: 16px;
  display: inline-block;
  padding: 12px 16px 12px 12px;
  cursor: pointer;
  transition: background .3s ease-in
}
.account-home .guide-list > li:hover {
  background: #f8f9fb;
  background: #ededed
}
.account-home .guide-list > li:hover .item-content .name {
  color: #3b86f6
}
.account-home .guide-list > li .privacy {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-center-main-privacy.7fcaa74b.png) no-repeat;
  background-size: 100%
}
.account-home .guide-list > li .safe {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-center-main-suggest.35003f00.png) no-repeat;
  background-size: 100%
}
.account-home .guide-list > li .info {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-center-main-look.da9f5382.png) no-repeat;
  background-size: 100%
}
.account-home .pic-block {
  width: 70px;
  height: 70px;
  background-color: #a6a6a6
}
.account-home .pic-block.pic-block-wrap {
  margin: 15px 20px 15px 12px
}
.account-home .setting-guide-tip {
  position: absolute;
  right: 12px;
  top: 22px;
  z-index: 1;
  font-size: 14px;
  font-weight: 400;
  color: #fa6400;
  line-height: 20px;
  white-space: nowrap
}
.account-home .setting-guide-tip i {
  margin-left: 6px
}
.account-home .item-content {
  width: 260px;
  font-size: 13px;
  color: #666;
  text-align: left;
  margin-left: 20px
}
.account-home .item-content .name {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  line-height: 22px
}
.account-home .item-content .desc {
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 20px
}
.account-indentity .indentity-list > li {
  margin-top: 20px;
  cursor: pointer
}
.account-indentity .indentity-list > li .status {
  padding: 0 6px;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin-left: 10px;
  height: 21px;
  line-height: 21px;
  border-radius: 4px;
  background: rgba(245, 61, 71, .1);
  color: #f53d47
}
.account-indentity .indentity-list > li .status.checked {
  color: #3b86f6;
  background: rgba(0, 166, 167, .1)
}
.account-indentity .indentity-list > li .name {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #333;
  margin-bottom: 8px
}
.account-indentity .indentity-list > li .block {
  height: 96px;
  background: #f8f8f8;
  border-radius: 8px;
  border: 1px solid #f4f4f4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative
}
.account-indentity .indentity-list > li .block .pic-block {
  width: 66px;
  height: 66px;
  margin: 15px 12px;
  background-color: #a6a6a6
}
.account-indentity .indentity-list > li .block .safe {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-auth-man-2.35003f00.png) no-repeat;
  background-size: 100%
}
.account-indentity .indentity-list > li .block .email {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-auth-man-1.f2097931.png) no-repeat;
  background-size: 100%
}
.account-indentity .indentity-list > li .block .btn {
  position: absolute;
  right: 15px;
  width: 88px;
  height: 32px;
  font-size: 14px;
  color: #fff;
  background-color: #3b86f6;
  border-color: #3b86f6;
  border-radius: 8px
}
.account-indentity .indentity-list > li .block .btn:hover {
  background-color: #3b86f6;
  border-color: #3b86f6
}
.account-indentity .indentity-list .tips {
  margin-top: 4px;
  font-size: 12px;
  color: #aaa;
  line-height: 20px
}
.account-personal .personal {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-account-personal-1.071c3382.png) no-repeat;
  background-size: 100%
}
.account-personal .rights {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-account-personal-2.5bc44d86.png) no-repeat;
  background-size: 100%
}
.account-personal .address {
  background: url(https://img.bosszhipin.com/static/file/2023/pu3o3lfxui1673938632488.png) no-repeat;
  background-size: 100%
}
.account-personal .border {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f4f4f4;
  margin-bottom: 10px
}
.account-personal .account-details .tips {
  font-size: 13px;
  color: #aaa;
  margin-top: 20px
}
.account-personal .account-details .block-info-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding: 20px 15px 15px 0
}
.account-personal .account-details .base-info {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f4f4f4;
  margin-bottom: 10px;
  width: 770px;
  height: 205px;
  margin-top: 30px;
  position: relative
}
.account-personal .account-details .base-info .base-content .pic {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 48px;
  right: 60px
}
.account-personal .account-details .base-info .base-content .pic > img {
  border-radius: 16px;
  border: 1px solid #f5f5f5;
  width: 100%;
  height: 100%
}
.account-personal .account-details .content-list {
  color: #666;
  margin-left: 15px
}
.account-personal .account-details .content-list > div {
  margin-bottom: 15px
}
.account-personal .account-details .content-list .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all
}
.account-personal .account-details .content-list .flex .v1, .account-personal .account-details .content-list .flex .v2 {
  font-size: 13px
}
.account-personal .account-details .content-list .flex .v1 .label-1, .account-personal .account-details .content-list .flex .v2 .label-1 {
  display: inline-block;
  width: 84px
}
.account-personal .account-details .content-list .flex .v1 .label-2, .account-personal .account-details .content-list .flex .v2 .label-2 {
  display: inline-block;
  width: 70px
}
.account-personal .account-details .content-list .value {
  color: #333;
  margin-left: 10px;
  padding-right: 15px
}
.account-personal .account-details .content-list .v1, .account-personal .account-details .content-list .v2 {
  width: 315px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all
}
.account-personal .account-details .content-list .label {
  width: 70px;
  flex-shrink: 0
}
.account-personal .account-details .online-info {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f4f4f4;
  margin-bottom: 10px;
  width: 770px;
  height: 102px;
  overflow: hidden
}
.account-personal .account-details .online-info a {
  margin-left: 15px;
  color: #3b86f6
}
.account-personal .account-details .personal-info {
  width: 770px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f4f4f4;
  margin-bottom: 10px
}
.account-personal .account-details .personal-info .baseline {
  align-items: baseline
}
.account-personal .rights-info {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f4f4f4;
  margin-bottom: 10px;
  padding: 0 30px;
  width: 840px;
  min-height: 102px;
  white-space: normal
}
.account-personal .rights-info .rights-row {
  margin-top: 8px;
  padding-bottom: 20px
}
.account-personal .rights-info a {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  width: 188px;
  margin-left: 8px;
  display: inline-block;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 4px 0 4px 12px
}
.account-personal .rights-info a:nth-of-type(4n+1) {
  margin-left: 0
}
.account-personal .rights-info a:hover {
  background: rgba(0, 190, 189, .1);
  font-weight: 500;
  color: #3b86f6
}
.account-personal a:hover {
  opacity: .8
}
.account-personal .auth-details {
  color: #666;
  font-size: 14px
}
.account-personal .auth-details .header {
  cursor: pointer;
  margin-left: -30px
}
.account-personal .auth-details .header:hover {
  opacity: .8
}
.account-personal .auth-details .desc {
  color: #8d92a1;
  font-size: 13px;
  margin: 15px 0 30px
}
.account-personal .auth-details .desc-title {
  color: #8d92a1;
  font-size: 13px;
  margin-top: 8px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px
}
.account-personal .auth-details .ui-icon-arrow-left {
  font-size: 22px;
  color: #a6a6a6;
  margin-right: 5px
}
.account-personal .auth-details .details-block-title {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  color: #333
}
.account-personal .auth-details .block-common, .account-personal .auth-details .use-info {
  border-radius: 8px;
  border: 1px solid #f6f6f8;
  background: #fff;
  margin-bottom: 10px;
  padding: 20px
}
.account-personal .auth-details .use-info {
  min-height: 200px
}
.account-personal .auth-details .use-info .user-list.user-list-start {
  justify-content: flex-start
}
.account-personal .auth-details .use-info .user-list.user-list-start li {
  margin-right: 16px
}
.account-personal .auth-details .use-info .user-list {
  display: flex;
  justify-content: space-between
}
.account-personal .auth-details .use-info .user-list li {
  min-width: 198px;
  max-width: 198px;
  margin-bottom: 12px;
  font-size: 0;
  border: 1px solid #f4f4f4;
  border-radius: 14px 14px 12px 12px;
  box-sizing: border-box
}
.account-personal .auth-details .use-info .user-list li .pic-desc {
  padding: 12px;
  min-height: 142px;
  min-height: 52px;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  line-height: 20px
}
.account-personal .auth-details .use-info .user-list li:last-child {
  margin-right: 0
}
.account-personal .auth-details .use-info .user-list img {
  width: 100%;
  height: 100px
}
.account-personal .auth-details .use-info.no-border {
  padding: 0;
  border-width: 0
}
.account-personal .auth-details .protect-info {
  border-radius: 8px;
  border: 1px solid #f6f6f8;
  background: #fff;
  margin-bottom: 10px;
  padding: 20px
}
.account-personal .auth-details .protect-info .protect-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.account-personal .auth-details .protect-info .protect-list li {
  width: 412px;
  height: 70px;
  background: #f8f8f8;
  border-radius: 8px;
  margin-bottom: 14px;
  padding: 10px 10px 14px;
  box-sizing: border-box
}
.account-personal .auth-details .protect-info .protect-list li img {
  width: 46px;
  height: 46px;
  margin-right: 16px
}
.account-personal .auth-details .protect-info .protect-list li .name {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px
}
.account-personal .auth-details .protect-info .protect-list li .desc {
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  margin: 0
}
.account-personal .auth-details .protect-info.no-border {
  padding: 0;
  border-width: 0
}
.account-personal .auth-details .manage-info {
  min-height: 92px;
  border-radius: 8px;
  border: 1px solid #f6f6f8;
  background: #fff;
  margin-bottom: 10px;
  padding: 20px
}
.account-personal .auth-details .manage-info .details-block-title {
  margin-bottom: 10px
}
.account-personal .auth-details .manage-info.no-border {
  padding: 0;
  border-width: 0
}
.account-personal .auth-details .rule {
  text-align: right;
  padding-top: 10px;
  font-weight: 500;
  font-size: 13px;
  color: #3b86f6
}
.account-personal .auth-details .rule a {
  color: #3b86f6
}
.account-personal .auth-details .rule i {
  cursor: pointer
}
.account-personal .auth-details .rule:hover, .account-personal .auth-details .rule:hover a {
  color: #3b86f6
}
.account-personal .auth-details .rule.rule-wrap {
  text-align: left;
  padding-top: 17px;
  position: relative
}
.account-personal .auth-details .rule.rule-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  border-radius: 1px
}
.account-personal.account-personal-wrap .account-details .base-info {
  margin-top: 20px
}
.account-personal.account-personal-wrap .account-details .base-info .content-list, .account-personal.account-personal-wrap .account-details .personal-info .content-list {
  margin-left: 30px
}
.account-personal.account-personal-wrap .block-info-title {
  padding-left: 30px
}
.account-personal.account-personal-wrap .online-info {
  display: flex;
  justify-content: space-between;
  height: 62px;
  align-items: center
}
.account-personal.account-personal-wrap .online-info a {
  display: inline-block;
  width: 88px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #3b86f6;
  margin-right: 30px;
  line-height: 32px;
  text-align: center
}
.account-personal.account-personal-wrap .online-info a:hover {
  background-color: #effbfa
}
.account-personal.account-personal-wrap .account-details.account-power-wrap .notice {
  margin-top: 8px;
  margin-bottom: 24px
}
.account-personal.account-personal-wrap .account-details.account-power-wrap .rights-info .block-info-title {
  padding: 16px 0
}
.account-details {
  color: #666;
  font-size: 14px
}
.account-details.bind-email {
  width: 408px
}
.account-details.bind-email .input {
  border-radius: 2px
}
.account-details.bind-email .ui-icon-message {
  padding-left: 10px
}
.account-details.bind-email .email .input {
  padding-left: 12px
}
.account-details .ui-icon-arrow-left {
  font-size: 22px;
  color: #a6a6a6;
  margin-right: 5px
}
.account-details .notice {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 30px
}
.account-details .header {
  cursor: pointer;
  margin-left: -30px
}
.account-details .header:hover {
  opacity: .8
}
.account-details .desc {
  color: #8d92a1;
  font-size: 12px;
  margin: 15px 0 30px
}
.account-details .desc-title {
  color: #8d92a1;
  font-size: 13px;
  margin-top: 8px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px
}
.account-details .ui-form.check-email .item-label {
  float: none;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: #333
}
.account-details .ui-form.check-email .form-item {
  margin-bottom: 15px
}
.account-details .input, .account-details .ui-select {
  width: 404px;
  height: 42px
}
.account-details .ui-select .ui-icon-arrow-down {
  right: 12px
}
.account-details .ui-select-selection {
  border-radius: 2px
}
.account-details .ui-select-placeholder {
  padding-left: 4px;
  color: #666s
}
.account-details .ui-select-inner {
  padding: 9px 8px 8px
}
.account-details .safe-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px
}
.account-details .same {
  margin-bottom: 20px
}
.account-details .same .ui-select {
  display: block
}
.account-details .same .input {
  margin-top: 10px;
  padding-left: 12px;
  border-radius: 2px
}
.account-details .same .tips {
  font-size: 12px;
  color: #ed3f14;
  margin-top: 5px
}
.account-details .confirm {
  width: 404px;
  border-radius: 2px;
  border: 1px solid #3b86f6;
  margin-top: 25px;
  padding: 12px 15px;
  background: #3b86f6;
  color: #fff
}
.equipment .equipment-line {
  margin-top: 24px;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  border-radius: 1px
}
.equipment .equipment-list {
  width: 840px;
  min-height: 106px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between
}
.equipment .equipment-list .equipment-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8f8f8;
  border-radius: 8px;
  margin-top: 16px;
  min-width: 412px;
  height: 94px
}
.equipment .equipment-list .equipment-info .primary {
  font-size: 16px;
  color: #222;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 8px
}
.equipment .equipment-list .equipment-info .secondary {
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 20px
}
.equipment .equipment-list .equipment-info img {
  width: 70px;
  height: 70px;
  margin-right: 20px;
  margin-left: 12px
}
.equipment .equipment-list .equipment-info .current {
  font-size: 13px;
  color: #999;
  line-height: 20px;
  margin-right: 10px
}
.equipment .empty {
  text-align: center;
  margin-top: 80px
}
.equipment .empty img {
  width: 200px;
  height: 119px
}
.equipment .empty .tips {
  margin-top: 15px
}
.flex, .flex-between {
  display: flex;
  align-items: center
}
.flex-between {
  justify-content: space-between
}
.change-pwd-content {
  padding: 40px
}
.shield-company-wrapper {
  width: 920px
}
.shield-company-wrapper .warn-tip {
  font-size: 14px;
  color: #414a60;
  line-height: 20px;
  margin-top: 8px
}
.shield-company-wrapper .empty-company {
  text-align: center;
  padding-top: 102px;
  padding-bottom: 120px
}
.shield-company-wrapper .empty-company img {
  display: block;
  margin: 0 auto 20px;
  width: 140px
}
.shield-company-wrapper .empty-company span {
  display: inline-block;
  margin: 0 auto;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #8d92a1;
  font-weight: 400
}
.shield-company-wrapper.shield-suggest-company .operate-area {
  position: absolute;
  left: 30px;
  bottom: 30px;
  margin-top: 0;
  z-index: 1
}
.shield-company-wrapper.shield-suggest-company .operate-area .check-all-label {
  margin-top: 0
}
.shield-company-wrapper .operate-area {
  text-align: right;
  margin-top: 20px
}
.shield-company-wrapper .operate-area .batch-cancel-wrap {
  border-radius: 4px
}
.shield-company-wrapper .operate-area .check-all-label {
  float: left;
  font-size: 16px;
  color: #333;
  line-height: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  margin-left: 22px;
  margin-top: 6px
}
.shield-company-wrapper .operate-area .check-all-label.check-all-label-wrap .checkbox-inner {
  margin-right: 10px
}
.shield-company-wrapper .operate-area .check-all-label .checkbox-inner {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 20px
}
.shield-company-wrapper .operate-area .check-all-label .checkbox-edging:after {
  width: 8px;
  height: 12px;
  top: 1px;
  left: 5px
}
.shield-company-wrapper .operate-area .btn + .btn {
  margin-left: 16px
}
.shield-company-wrapper .checkbox:hover .checkbox-inner {
  border-color: #3b86f6
}
.shield-company-wrapper .checkbox-checked .checkbox-edging {
  background: #3b86f6
}
.shield-company-wrapper .checkbox-checked .checkbox-inner {
  border-color: #3b86f6
}
.shield-company-wrapper .shield-list-footer {
  padding: 5px
}
.shield-company-wrapper .shield-list-footer .finished {
  font-size: 14px;
  text-align: center;
  color: #bfbfbf
}
.shield-company-wrapper .shield-list-footer .spinner {
  font-size: 10px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  background: linear-gradient(90deg, #ccc 10%, hsla(0, 0%, 100%, 0) 42%);
  position: relative;
  animation: load3 1.4s linear infinite;
  transform: translateZ(0)
}
.shield-company-wrapper .shield-list-footer .spinner:before {
  width: 50%;
  height: 50%;
  background: #ccc;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: ""
}
.shield-company-wrapper .shield-list-footer .spinner:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
@-webkit-keyframes load3 {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
@keyframes load3 {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}
.shield-company-wrapper .shield-virtual-list {
  position: relative;
  margin-top: 20px;
  max-height: calc(100vh - 240px);
  overflow: auto;
  overflow: overlay;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e3e7ed
}
.shield-company-wrapper .shield-virtual-list .list-item-dynamic {
  transition: all .2s linear
}
.shield-company-wrapper .shield-virtual-list .list-item-dynamic:last-child .company-name {
  border-bottom: none
}
.shield-company-wrapper .shield-virtual-list .list-item-dynamic:hover {
  background: #f6f7fa
}
.shield-company-wrapper .shield-virtual-list .shield-company-item {
  position: relative;
  height: 60px;
  align-items: center;
  padding: 0 40px
}
.shield-company-wrapper .shield-virtual-list .shield-company-item.can-select {
  cursor: pointer;
  padding: 0 40px 0 50px
}
.shield-company-wrapper .shield-virtual-list .shield-company-item.can-remove .company-name {
  padding-right: 100px
}
.shield-company-wrapper .shield-virtual-list .shield-company-item:hover .remove-btn {
  display: block
}
.shield-company-wrapper .shield-virtual-list .shield-company-item .checkbox {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1
}
.shield-company-wrapper .shield-virtual-list .shield-company-item .checkbox .checkbox-inner {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 0
}
.shield-company-wrapper .shield-virtual-list .shield-company-item .checkbox .checkbox-edging:after {
  width: 8px;
  height: 12px;
  top: 1px;
  left: 5px
}
.shield-company-wrapper .shield-virtual-list .shield-company-item .company-name {
  display: block;
  height: 60px;
  line-height: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  border-bottom: 1px solid #ebebeb
}
.shield-company-wrapper .shield-virtual-list .shield-company-item .remove-btn {
  display: none;
  position: absolute;
  top: 13px;
  right: 40px;
  z-index: 1
}
.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap {
  padding: 0 8px 0 7px
}
.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .list-item-dynamic {
  border-radius: 8px
}
.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .shield-company-item {
  height: 40px;
  border-radius: 8px;
  padding-left: 13px;
  padding-right: 6px
}
.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .shield-company-item .company-name {
  height: 40px;
  line-height: 40px
}
.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .shield-company-item a {
  width: 96px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #3b86f6;
  top: 6px;
  right: 6px;
  padding: 4px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #3b86f6;
  line-height: 20px
}
.shield-company-wrapper .shield-virtual-list.shield-virtual-list-wrap .shield-company-item a:hover {
  background: rgba(0, 190, 189, .1)
}
.shield-company-dialog .dialog-header h3.title {
  font-size: 20px;
  font-weight: 500;
  color: #24272e;
  line-height: 28px
}
.shield-company-dialog .dialog-container {
  max-height: calc(100vh - 40px)
}
.shield-company-dialog .dialog-body {
  margin-right: -30px;
  padding-right: 30px;
  max-height: none
}
.shield-company-dialog .dialog-footer {
  padding-top: 30px
}
.suggest-shield-dialog-more-wrap .dialog-container {
  width: 700px;
  height: 580px;
  background: #fff;
  border-radius: 12px;
  padding: 20px 30px 30px
}
.suggest-shield-dialog-more-wrap .dialog-container .dialog-header .title {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin-bottom: 16px
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper {
  width: 640px
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list {
  padding-top: 10px;
  width: 640px;
  max-height: 492px;
  min-height: 492px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f4f4f4
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list.shield-company-list-batch {
  min-height: 422px;
  max-height: 422px;
  height: 422px
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list.shield-company-list-batch .shield-company-item-select {
  display: flex
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list.shield-company-list-batch .shield-company-item-select .checkbox {
  position: inherit;
  left: inherit;
  top: inherit;
  margin-right: 10px
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-company-list.shield-company-list-batch .shield-virtual-list-wrap {
  max-height: 100%
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .operate-area.operate-area-wrap a.btn {
  border-radius: 4px
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-virtual-list {
  padding: 0 8px 0 7px;
  margin-top: 0;
  border: none
}
.suggest-shield-dialog-more-wrap .dialog-container .shield-company-wrapper .shield-virtual-list .shield-company-item .company-name {
  border: none
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap {
  width: 840px;
  height: 260px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #f4f4f4;
  padding: 10px;
  margin: auto auto 10px
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li {
  height: 40px;
  border-radius: 8px;
  padding-left: 12px;
  padding-right: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li:hover {
  background: #fff;
  box-shadow: 0 4px 16px 0 hsla(0, 0%, 60%, .2)
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li:hover .cancel-btn {
  display: block
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li:hover .cancel-btn:hover {
  background: #3b86f6;
  color: #fff
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap ul li .cancel-btn {
  display: none;
  width: 96px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #fff;
  color: #3b86f6;
  background: rgba(0, 189, 190, .1);
  text-align: center;
  line-height: 10px
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap .more-company {
  margin: 10px 0 20px 12px;
  display: flex;
  align-items: center;
  width: 68px
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap .more-company .more-company-btn {
  display: inline-block;
  margin-left: 8px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap .more-company:hover {
  color: #54cbc4
}
.company-shield-wrap .shielded-company-group-wrap .show-shielded-company-wrap .more-company:hover .more-company-btn {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px 0/10px auto no-repeat
}
.related-company-dialog-wrap .dialog-container {
  padding: 20px 20px 20px 30px;
  width: 500px;
  min-height: 148px;
  background: #fff;
  border-radius: 12px
}
.related-company-dialog-wrap .dialog-container .dialog-header .title {
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin-bottom: 14px
}
.related-company-dialog-wrap .dialog-container .related-company {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 24px
}
.related-company-dialog-wrap .dialog-container .related-company p {
  margin-bottom: 16px;
  position: relative;
  padding-left: 10px
}
.related-company-dialog-wrap .dialog-container .related-company p i {
  position: absolute;
  top: 11px;
  left: 0;
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #51586d;
  vertical-align: middle
}
.related-company-dialog-wrap .dialog-container .related-company p em {
  font-style: normal;
  font-weight: 400;
  color: #00c2b3
}
.related-company-dialog-wrap .dialog-container .related-company .operate {
  text-align: right
}
.related-company-dialog-wrap .dialog-container .related-company .operate .cancel-btn {
  border: 1px solid #3b86f6;
  margin-right: 12px
}
.related-company-dialog-wrap .dialog-container .related-company .operate .btn {
  width: 88px;
  height: 32px;
  border-radius: 4px
}
.add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container {
  border-radius: 12px
}
.add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container .search-shield-company:hover {
  opacity: .8
}
.add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container .add-shield-company .input-container .input-wrap, .add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container .add-shield-company .input-container .input-wrap input {
  border-radius: 4px
}
.add-shield-company-dialog.add-shield-company-dialog-wrap .dialog-container .add-shield-company .search-shield-company {
  border-radius: 0 4px 4px 0
}
.pricacy-set .title-wrap {
  height: 30px;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #222
}
.pricacy-set .title {
  font-size: 16px
}
.pricacy-set .no-more {
  text-align: center
}
.pricacy-set .more-company {
  display: inline-block;
  margin-left: 50px;
  font-size: 13px;
  color: #757575;
  line-height: 18px;
  margin-top: 12px
}
.pricacy-set .more-company i {
  margin-left: 2px
}
.pricacy-set .more-company:hover {
  color: #00c2b3
}
.pricacy-set .shielded-company-group {
  position: relative;
  margin-top: 30px
}
.pricacy-set .shielded-company-group:after {
  content: " ";
  position: absolute;
  left: 50px;
  right: 50px;
  height: 1px;
  border-bottom: 1px solid #ebebeb
}
.pricacy-set .shielded-company-group:last-child:after {
  content: none
}
.pricacy-set p.text-gray {
  margin-top: 15px
}
.pricacy-set .resume-control-wrap .resume-control.custom-recommend {
  padding: 16px 0;
  margin: 0 60px
}
.pricacy-set .resume-control-wrap .resume-control.custom-recommend .title {
  font-size: 20px;
  color: #222
}
.pricacy-set .resume-control-wrap.resume-control .title {
  position: relative;
  margin-bottom: 12px;
  font-size: 20px;
  color: #222
}
.pricacy-set .resume-control-wrap.resume-control .title:after {
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 840px;
  content: "";
  height: 1px;
  background: #e6e6e6;
  border-radius: 1px
}
.pricacy-set .resume-control-wrap .title-c, .pricacy-set .resume-control-wrap .title-wrap {
  margin: 0 60px;
  padding-top: 30px;
  padding-bottom: 24px;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  line-height: 28px;
  position: relative
}
.pricacy-set .resume-control-wrap .title-c:after, .pricacy-set .resume-control-wrap .title-wrap:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 840px;
  content: "";
  height: 1px;
  background: #e6e6e6;
  border-radius: 1px
}
.pricacy-set .resume-control {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-left: 50px;
  margin-right: 50px;
  border-bottom: 1px solid #e1e6ea
}
.pricacy-set .resume-control.no-border {
  border: none
}
.pricacy-set .resume-control .title {
  height: 33px;
  line-height: 33px;
  font-size: 24px;
  font-weight: 500
}
.pricacy-set .resume-control .control-isResume-container {
  display: flex;
  justify-content: space-between
}
.pricacy-set .resume-control .control-isResume {
  margin-top: 30px
}
.pricacy-set .resume-control .control-isResume .control-resume-item {
  display: flex;
  align-items: center
}
.pricacy-set .resume-control .control-isResume .control-resume-item + .control-resume-item {
  margin-top: 20px
}
.pricacy-set .resume-control .control-isResume .control-resume-item p {
  width: 280px;
  font-weight: 400;
  line-height: 20px;
  height: 20px;
  color: #333
}
.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch {
  width: 34px;
  height: 17px;
  line-height: 15px;
  border-radius: 10px
}
.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch:after {
  width: 13px;
  height: 13px
}
.pricacy-set .resume-control .control-isResume .control-resume-item .ui-switch-checked:after {
  left: 17px
}
.pricacy-set .custom-recommend .title span {
  display: inline-block;
  width: 280px
}
.pricacy-set .custom-recommend .item-title {
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  display: flex;
  line-height: 22px;
  align-items: center
}
.pricacy-set .custom-recommend .item-title .control-isResume {
  margin-left: 148px
}
.pricacy-set .custom-recommend .item-title .control-isResume .ui-switch-checked {
  border-color: #3b86f6;
  background-color: #3b86f6
}
.pricacy-set .custom-recommend .control-isResume {
  display: inline-block;
  margin-top: 0
}
.pricacy-set .custom-recommend p {
  margin-top: 14px
}
.pricacy-set .resume-status {
  font-size: 13px;
  color: #8d92a1;
  margin-right: 10px
}
.pricacy-set .company-shield .title {
  padding-left: 50px;
  padding-right: 50px;
  font-size: 24px;
  font-weight: 500;
  height: 33px;
  line-height: 33px
}
.pricacy-set .company-shield .title .shield-add {
  font-size: 16px;
  color: #37c7b7;
  cursor: pointer
}
.pricacy-set .company-shield .title .shield-add i.add {
  display: inline-block;
  vertical-align: -9px;
  margin-right: -5px;
  width: 28px;
  height: 28px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/setting-add.670c068b.png) 50% no-repeat
}
.pricacy-set .company-shield .title .batch-operate-container .select-num {
  font-size: 16px;
  color: #8d92a1;
  line-height: 34px;
  vertical-align: middle
}
.pricacy-set .company-shield .title .batch-operate-container .btn {
  width: 90px;
  margin-left: 20px
}
.pricacy-set .company-shield .title .clear-shield-company {
  float: right;
  border-radius: 2px;
  border: 1px solid #3b86f6;
  font-size: 13px;
  font-weight: 400;
  color: #3b86f6;
  line-height: 18px;
  padding: 7px 10px;
  transition: all .2s linear;
  margin-top: 17px
}
.pricacy-set .company-shield .title .clear-shield-company:hover {
  color: #009697;
  border: 1px solid #009697
}
.pricacy-set .company-shield .company-shield-tip {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  padding: 0 50px;
  margin-top: 14px
}
.pricacy-set .company-shield .company-shield-suggest {
  position: relative;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 860px;
  padding: 15px 30px;
  background: linear-gradient(180deg, rgba(55, 194, 188, 0), rgba(55, 194, 188, .2));
  border-radius: 4px
}
.pricacy-set .company-shield .company-shield-suggest .close {
  position: absolute;
  color: #a6a6a6;
  top: 8px;
  right: 8px;
  z-index: 1;
  font-size: 16px;
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s linear
}
.pricacy-set .company-shield .company-shield-suggest .close:hover {
  opacity: .8
}
.pricacy-set .company-shield .company-shield-suggest .btn {
  border-radius: 2px;
  padding: 9px 22px
}
.pricacy-set .company-shield .company-shield-suggest .shield-suggest-main h3 {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}
.pricacy-set .company-shield .company-shield-suggest .shield-suggest-main p {
  margin-top: 10px;
  font-size: 13px;
  color: #757575;
  line-height: 18px;
  width: 658px;
  word-break: break-all
}
.pricacy-set .company-shield .company-shield-suggest-wrap {
  position: relative;
  margin: 12px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 860px;
  padding: 12px 20px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px
}
.pricacy-set .company-shield .company-shield-suggest-wrap .close {
  position: absolute;
  color: #a6a6a6;
  top: 8px;
  right: 8px;
  z-index: 1;
  font-size: 16px;
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s linear
}
.pricacy-set .company-shield .company-shield-suggest-wrap .close:hover {
  opacity: .7
}
.pricacy-set .company-shield .company-shield-suggest-wrap .btn {
  font-size: 14px;
  font-weight: 400;
  color: #3b86f6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 36px;
  background: rgba(0, 189, 190, .1);
  border-radius: 6px;
  list-style: none;
  text-decoration: none;
  border: 1px solid #fff;
  cursor: pointer
}
.pricacy-set .company-shield .company-shield-suggest-wrap .btn:hover {
  background: #3b86f6;
  color: #fff
}
.pricacy-set .company-shield .company-shield-suggest-wrap .shield-suggest-main h3 {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}
.pricacy-set .company-shield .company-shield-suggest-wrap .shield-suggest-main p {
  margin-top: 8px;
  font-size: 13px;
  line-height: 18px;
  width: 658px;
  word-break: break-all;
  font-weight: 400;
  color: #666
}
.pricacy-set .company-shield .shield-company-search {
  width: 564px;
  height: 34px;
  line-height: 32px;
  background: #fff;
  border: 1px solid #e3e7ed;
  font-size: 14px;
  color: #9fa3b0;
  cursor: pointer;
  margin-top: 20px;
  margin-left: 50px;
  transition: all .15s linear
}
.pricacy-set .company-shield .shield-company-search span {
  height: 20px;
  line-height: 20px
}
.pricacy-set .company-shield .shield-company-search:hover {
  border-color: #3b86f6
}
.pricacy-set .company-shield .shield-company-search img {
  position: relative;
  top: -1px;
  width: 14px;
  margin-left: 16px;
  margin-right: 10px;
  vertical-align: middle
}
.pricacy-set .company-shield .shield-company-info {
  padding: 0 50px;
  margin-bottom: 10px
}
.pricacy-set .company-shield .shield-company-info .shield-company-number {
  height: 22px;
  line-height: 22px;
  font-weight: 500;
  font-size: 16px
}
.pricacy-set .company-shield .shield-company-info .shield-company-number.shield-company-number-wrap {
  height: 25px;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  line-height: 25px
}
.pricacy-set .company-shield .shield-company-info .batch-manage {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #3b86f6;
  cursor: pointer;
  margin-top: 1px;
  float: right
}
.pricacy-set .company-shield .shield-company-info .batch-manage.batch-manage-wrap:hover {
  opacity: .8
}
.pricacy-set .company-shield .operate-area {
  padding: 0 50px;
  margin-top: 14px;
  overflow: hidden
}
.pricacy-set .company-shield .operate-area .checkbox-company {
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  margin-top: 4px;
  font-weight: 500
}
.pricacy-set .company-shield .operate-area .checkbox-company .checkbox-inner {
  margin-right: 10px
}
.pricacy-set .company-shield .operate-area .operate-list {
  float: right
}
.pricacy-set .company-shield .operate-area .operate-list .btn {
  padding: 4px 14px;
  font-size: 14px;
  line-height: 20px
}
.pricacy-set .company-shield .operate-area .operate-list .btn + .btn {
  margin-left: 20px
}
.pricacy-set .company-shield .show-shielded-company {
  padding-bottom: 12px
}
.pricacy-set .company-shield .show-shielded-company.batch ul li {
  cursor: pointer;
  padding-left: 75px
}
.pricacy-set .company-shield .show-shielded-company li {
  padding: 0 50px;
  height: 40px;
  line-height: 40px;
  position: relative;
  transition: all .15s linear
}
.pricacy-set .company-shield .show-shielded-company li:hover {
  background-color: #f6f7fa
}
.pricacy-set .company-shield .show-shielded-company li:hover span {
  display: inline-block
}
.pricacy-set .company-shield .show-shielded-company li:hover .cancel-btn {
  display: block
}
.pricacy-set .company-shield .show-shielded-company li .company-name {
  display: inline-block;
  font-size: 14px;
  max-width: 756px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.pricacy-set .company-shield .show-shielded-company li .checkbox-container {
  position: absolute;
  left: 50px;
  top: 0;
  display: inline-block
}
.pricacy-set .company-shield .show-shielded-company li .checkbox-container span {
  display: inline-block
}
.pricacy-set .company-shield .show-shielded-company li .checkbox-container .checkbox {
  position: relative;
  top: -1px
}
.pricacy-set .company-shield .show-shielded-company li .cancel-btn {
  display: none;
  padding: 5px 10px;
  margin-top: 7px;
  float: right;
  font-size: 13px
}
.pricacy-set .company-shield .show-shielded-company .no-more {
  color: #9fa3af;
  cursor: pointer;
  opacity: .5
}
.pricacy-set .company-shield .show-shielded-company p {
  padding-left: 50px;
  padding-right: 50px;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  color: #8d92a1
}
.pricacy-set .company-shield .empty-company {
  text-align: center;
  padding-top: 102px;
  padding-bottom: 120px
}
.pricacy-set .company-shield .empty-company img {
  display: block;
  margin: 0 auto 20px;
  width: 140px
}
.pricacy-set .company-shield .empty-company span {
  display: inline-block;
  margin: 0 auto;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #8d92a1;
  font-weight: 400
}
.statusDialog /deep/ .title {
  font-size: 14px !important;
  color: #414a60
}
.dialog-border-radius .dialog-container {
  border-radius: 12px
}
.dialog-border-radius .dialog-container .dialog-footer .btns .btn {
  display: inline-block;
  min-width: 88px;
  height: 32px;
  padding: 0 24px;
  line-height: 32px;
  border-radius: 4px
}
.dialog-border-radius .dialog-container .dialog-footer .btns .btn.btn-outline {
  color: #3b86f6;
  background-color: #fff
}
.dialog-border-radius .dialog-container .dialog-footer .btns .btn-primary {
  background-color: #3b86f6
}
.dialog-border-radius .dialog-container .dialog-footer .btns .btn-cancel {
  border: 1px solid #3b86f6
}
.dialog-border-radius .dialog-container .dialog-footer .btns .btn-cancel:hover {
  background: rgba(0, 189, 190, .1);
  border-width: 1px;
  line-height: 32px
}
.reason-dialog {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px
}
.reason-dialog .reason {
  padding: 0 16px;
  color: #b6bac4;
  line-height: 22px;
  font-size: 12px;
  border: 1px solid #d0d4db;
  border-radius: 11px;
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer
}
.reason-dialog .reason:hover {
  border: 1px solid #5dd5c8;
  color: #5dd5c8
}
.reason-dialog .chose-reason {
  background: #5dd5c8;
  color: #fff !important;
  border: 1px solid #5dd5c8
}
.reason-text .import-text {
  min-width: 100% !important
}
.reason-text .numTip {
  position: absolute;
  bottom: 0;
  right: 10px;
  color: #9fa3b0;
  font-size: 12px
}
.reason-text .text-red {
  color: #ef5350
}
.reason-text .text-green {
  color: #00c2b3
}
.reason-text .tip-em {
  padding: 0 2px
}
.add-shield-company-dialog .dialog-container {
  width: 510px;
  height: 476px;
  padding: 24px 0
}
.add-shield-company-dialog .dialog-container .dialog-header {
  padding: 0 30px
}
.add-shield-company-dialog .dialog-container .dialog-header .title {
  font-size: 16px;
  font-weight: 500;
  color: #414a60;
  height: 22px;
  line-height: 22px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company {
  margin-top: 20px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-container {
  width: 100%;
  padding: 0 30px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-wrap {
  width: 100%
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .input-wrap input {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 68px;
  border: 1px solid #5dd5c8;
  font-size: 13px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description {
  margin-top: 20px;
  padding: 0 30px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p {
  font-size: 12px;
  color: #8d92a1;
  line-height: 21px;
  height: 21px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p i {
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #8d92a1;
  vertical-align: middle
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .description p.title {
  margin-bottom: 14px;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  color: #51586d
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result {
  margin-top: 5px;
  max-height: 296px;
  overflow: auto
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li {
  position: relative;
  transition: all .15s linear;
  padding: 15px 30px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:after {
  content: " ";
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  height: 1px;
  background-color: #eef0f5
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:hover {
  background-color: #f8f9fc
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li:hover .delete-shielded-btn {
  display: block
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li label span:last-child {
  display: none
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox {
  position: absolute;
  left: 30px;
  top: 19px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox-disabled .checkbox-inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .checkbox-disabled .checkbox-input {
  cursor: not-allowed
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .shielded {
  display: inline-block;
  font-size: 12px;
  color: #b5b9c2;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  vertical-align: middle
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .delete-shielded-btn {
  display: none;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  padding: 7px 11px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name {
  width: 100%;
  padding: 0 90px 0 28px;
  display: inline-block;
  vertical-align: middle
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name .company-name-info {
  width: 100%;
  display: block;
  font-size: 14px;
  color: #51586d;
  height: 20px;
  line-height: 20px;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name p {
  height: 18px;
  line-height: 18px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-result ul li .company-name p span {
  display: inline-block;
  color: #00c2b3;
  font-size: 13px;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  bottom: 20px;
  height: 34px;
  line-height: 34px;
  padding: 0 30px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox {
  margin-top: 7px;
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #51586d
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox .checkbox-inner {
  margin-top: 0
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate .checkbox em {
  font-style: normal;
  font-weight: 400;
  color: #00c2b3;
  white-space: nowrap;
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate label {
  font-size: 12px;
  color: #b5b9c2
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .operate label span {
  margin-right: 10px
}
.add-shield-company-dialog .dialog-container .dialog-body .add-shield-company .search-shield-company {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -17px;
  cursor: pointer;
  width: 60px;
  min-width: 60px;
  height: 34px;
  margin-right: 0;
  padding: 0;
  vertical-align: middle;
  border: none;
  background: #5dd5c8 url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/search-white.4f4eb782.png) 20px 7px no-repeat;
  background-size: 19px 19px
}
.status-reset-dialog .dialog-header .icon-dialog {
  margin-top: 0
}
.status-reset-dialog.status-reset-dialog-wrap .dialog-container {
  border-radius: 12px
}
.related-company-dialog .dialog-header .title {
  font-size: 16px;
  font-weight: 500
}
.related-company-dialog .dialog-container {
  width: 510px;
  height: 260px
}
.related-company-dialog .dialog-header {
  line-height: 22px
}
.related-company-dialog .dialog-body {
  margin-top: 20px
}
.related-company-dialog .related-company p {
  line-height: 24px;
  font-size: 13px;
  color: #51586d;
  position: relative;
  padding-left: 10px
}
.related-company-dialog .related-company p i {
  position: absolute;
  top: 11px;
  left: 0;
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #51586d;
  vertical-align: middle
}
.related-company-dialog .related-company em {
  font-style: normal;
  font-weight: 400;
  color: #00c2b3
}
.related-company-dialog .related-company .operate {
  position: absolute;
  right: 30px;
  bottom: 30px
}
.related-company-dialog .related-company .operate button + button {
  margin-left: 20px
}
.related-company-dialog .related-company .operate .cancel-btn {
  padding: 9px 30px
}
.related-company-dialog .related-company .operate .btn[disabled].btn-primary:hover {
  background-color: #fff
}
.related-company-dialog .related-company .operate .confirm-btn {
  padding: 9px 12px
}
.pricacy-set-wrap.account-tab-nav .nav-title {
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px 12px 0 0;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  padding-left: 40px;
  text-align: left
}
.pricacy-set-wrap.account-tab-nav .company-shield {
  padding-top: 30px
}
.pricacy-set-wrap.account-tab-nav .company-shield .title {
  margin: 0 60px 24px;
  padding: 0
}
.pricacy-set-wrap.account-tab-nav .company-shield .company-shield-tip, .pricacy-set-wrap.account-tab-nav .company-shield .shield-company-info, .pricacy-set-wrap.account-tab-nav .company-shield .show-shielded-company li {
  padding: 0 60px
}
.pricacy-set-wrap.account-tab-nav .company-shield .shield-company-search {
  margin: 20px 60px 0
}
.phrases-content {
  padding: 40px
}
.phrases-content h3.normal {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 25px;
  position: relative
}
.phrases-content h3.normal:after {
  content: "";
  position: absolute;
  width: 34px;
  height: 2px;
  display: block;
  background: #e2e5e9;
  left: 0;
  bottom: 0
}
.phrases-content .no-phrases .title-tip {
  margin-top: 10px;
  color: #8d92a1
}
.phrases-content .list {
  margin-top: 13px
}
.phrases-content .list .phrases-item {
  position: relative;
  padding: 10px 22px;
  margin-bottom: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  line-height: 28px
}
.phrases-content .list .phrases-item:hover {
  box-shadow: 0 4px 16px 0 hsla(0, 0%, 60%, .2);
  border-radius: 8px
}
.phrases-content .list .phrases-item a {
  opacity: .5
}
.phrases-content .list .phrases-item a:hover {
  opacity: 1;
  color: #18c3b1
}
.phrases-content .list .phrases-item .mg-r-20 {
  margin-right: 20px
}
.phrases-content .list .phrases-item a.edit {
  margin-right: 8px
}
.phrases-content .list .phrases-item a.del {
  position: relative
}
.phrases-content .list .phrases-item p {
  margin-right: 150px
}
.phrases-content .list .phrases-item .move-down, .phrases-content .list .phrases-item .move-up {
  margin-right: 10px
}
.phrases-content .list .phrases-item .move-down svg, .phrases-content .list .phrases-item .move-up svg {
  width: 15px;
  height: 14px;
  vertical-align: sub
}
.phrases-content .list .phrases-item:before {
  content: "";
  position: absolute;
  top: 21px;
  left: 8px;
  width: 6px;
  height: 6px;
  background: #d9d9d9;
  border-radius: 50%
}
.phrases-content .operate {
  margin-top: 30px
}
.phrases-content .operate a {
  color: #18c3b1;
  cursor: pointer
}
.phrases-content .operate a:hover {
  opacity: .8
}
.phrases-content .add-edit {
  margin-top: 10px
}
.phrases-content .add-edit p.text-warning {
  color: #fc6c38;
  margin-bottom: 20px
}
.phrases-content .add-edit .textarea-info {
  width: 530px
}
.phrases-content .add-edit .textarea-info .num {
  color: #9fa3b0;
  display: inline-block
}
.phrases-content .add-edit .textarea-info a.cancel {
  margin-right: 20px
}
.phrases-content .add-edit .textarea-warning {
  margin-top: 20px
}
.phrases-content .add-edit-textarea {
  min-width: 530px
}
.phrases-content .add-edit-textarea textarea {
  border-radius: 5px;
  background-color: #f8f9fc;
  border-color: #f8f9fc;
  padding: 15px;
  color: #000;
  font-size: 13px
}
.phrases-content .add-edit-textarea textarea:hover {
  border-color: #f8f9fc
}
.phrases-content .add-edit-textarea textarea:focus {
  background-color: #fff;
  border-color: #18c3b1
}
.phrases-content .add-edit-textarea textarea::-webkit-input-placeholder {
  color: #9fa3af;
  font-size: 13px
}
.phrases-content .del .dialog-container {
  border-radius: 8px;
  min-width: 240px
}
.phrases-content .del .dialog-container .dialog-body {
  text-align: center
}
.phrases-content .del .dialog-container .dialog-footer .btns .btn {
  width: 88px;
  height: 32px;
  border-radius: 4px;
  display: inline-block;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  font-weight: 400
}
.phrases-content .del .dialog-container .dialog-footer .btns .btn.btn-cancel:hover {
  background-color: #effbfa
}
.phrases-content .del .dialog-container .dialog-footer .btns .btn.btn-sure:hover {
  opacity: .8
}
.phrases-content .del .dialog-container .dialog-footer .btns .btn-sure {
  background: #3b86f6;
  border: 1px solid #3b86f6;
  color: #fff;
  margin-left: 16px
}
.phrases-content .del .dialog-container .dialog-footer .btns .btn-cancel {
  border: 1px solid #3b86f6;
  color: #3b86f6
}
.phrases-content .del-wrap .dialog-container {
  border-radius: 8px
}
.add-edit-phrases-dialog .dialog-container {
  padding: 20px 24px;
  width: 460px;
  height: 263px;
  background: #fff;
  border-radius: 12px
}
.add-edit-phrases-dialog .dialog-container .dialog-body {
  overflow: hidden
}
.add-edit-phrases-dialog .dialog-container .input-wrap-textarea {
  min-width: 412px
}
.add-edit-phrases-dialog .dialog-container .input-wrap-textarea textarea {
  height: 120px;
  padding: 12px 16px 28px;
  background: #f8f8f8;
  border-radius: 12px
}
.add-edit-phrases-dialog .dialog-container .ui-form {
  position: relative;
  padding-bottom: 20px;
  overflow: hidden
}
.add-edit-phrases-dialog .dialog-container .ui-form .textarea-warning {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 100%
}
.add-edit-phrases-dialog .dialog-container .item-textarea {
  margin-top: 16px;
  position: relative;
  margin-bottom: 0
}
.add-edit-phrases-dialog .dialog-container .item-textarea .num {
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 20px;
  background: #f8f8f8;
  padding: 0 4px;
  border-radius: 4px
}
.add-edit-phrases-dialog .dialog-container .btn-ops a {
  width: 88px;
  height: 32px;
  border-radius: 4px;
  display: inline-block;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  font-weight: 400
}
.add-edit-phrases-dialog .dialog-container .btn-ops a.cancel:hover {
  background-color: #effbfa
}
.add-edit-phrases-dialog .dialog-container .btn-ops a.save:hover {
  opacity: .8
}
.add-edit-phrases-dialog .dialog-container .btn-ops a.save {
  background: #3b86f6;
  border: 1px solid #3b86f6;
  color: #fff;
  margin-left: 16px
}
.add-edit-phrases-dialog .dialog-container .btn-ops a.cancel {
  border: 1px solid #3b86f6;
  color: #3b86f6
}
.add-edit-phrases-dialog .dialog-container .dialog-footer {
  padding-top: 0
}
.add-edit-phrases-dialog .dialog-container .dialog-footer .btns span {
  width: 88px;
  line-height: 32px;
  height: 32px
}
.add-edit-phrases-dialog .dialog-container .dialog-footer .btns span.btn-sure {
  margin-left: 16px;
  background: #3b86f6;
  border-radius: 4px;
  border: 1px solid #3b86f6
}
.add-edit-phrases-dialog .dialog-container .dialog-footer .btns span.btn-cancel {
  border-radius: 4px;
  border: 1px solid #3b86f6
}
.content .notice-item-wrap {
  padding: 30px 60px
}
.content .notice-item-wrap h3.title {
  height: 28px;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  line-height: 28px;
  margin-bottom: 41px;
  position: relative
}
.content .notice-item-wrap h3.title:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  border-radius: 1px
}
.content .notice-item-wrap .list .phrases-item {
  cursor: pointer
}
.content .notice-item-wrap .list .phrases-item .icon-drag {
  margin-top: 5px;
  background-position: -90px 0
}
.content .notice-item-wrap .list .phrases-item .icon-drag:hover {
  background-position: -72px 0
}
.content .notice-item-wrap .operate.operate-wrap {
  margin-top: 24px
}
.content .notice-item-wrap .operate.operate-wrap .operate-link {
  display: inline-block;
  width: 116px;
  height: 28px
}
.content .notice-item-wrap .operate.operate-wrap .operate-link > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 28px;
  position: relative
}
.content .notice-item-wrap .operate.operate-wrap .operate-link > div span {
  font-size: 14px;
  font-weight: 400;
  color: #3b86f6
}
.content .notice-item-wrap .operate.operate-wrap .operate-link > div:hover:after {
  opacity: 1
}
.content .notice-item-wrap .operate.operate-wrap .operate-link > div:hover span {
  color: #fff;
  z-index: 9
}
.content .notice-item-wrap .operate.operate-wrap .operate-link > div:hover .icon-add {
  background-position: -18px 0;
  z-index: 99
}
.content .notice-item-wrap .operate.operate-wrap .operate-link > div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3b86f6;
  border-radius: 6px;
  border: 1px solid #3b86f6;
  opacity: .1
}
.content .notice-item-wrap .icon-wrap {
  background: url(https://img.bosszhipin.com/static/file/2022/2u30zlj3r31668158339779.png);
  width: 18px;
  height: 18px;
  background-size: 144px 18px
}
.content .notice-item-wrap .icon-add {
  background-position: 0 0
}
.content .notice-item-wrap .icon-delete {
  margin-top: 5px;
  background-position: -54px 0
}
.content .notice-item-wrap .icon-delete:hover {
  background-position: -36px 0
}
.content .notice-item-wrap .icon-edit {
  margin-top: 5px;
  background-position: -126px 0
}
.content .notice-item-wrap .icon-edit:hover {
  background-position: -108px 0
}
.set-greet-content {
  padding: 40px
}
.set-greet-content h3 {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 25px;
  position: relative
}
.set-greet-content h3:after {
  content: "";
  position: absolute;
  width: 34px;
  height: 2px;
  display: block;
  background: #e2e5e9;
  left: 0;
  bottom: 0;
  visibility: visible
}
.set-greet-content p {
  margin-top: 20px
}
.set-greet-content .list {
  margin-top: 13px
}
.set-greet-content .list ul li {
  margin-bottom: 11px;
  color: #9fa3b0
}
.set-greet-content .list ul li label {
  line-height: 25px;
  white-space: normal
}
.message-notice-wrapper {
  padding: 30px 0
}
.message-notice-wrapper .message-notice-title {
  margin: 0 50px;
  font-size: 24px;
  font-weight: 500;
  color: #414b60;
  line-height: 33px
}
.message-notice-wrapper .message-notice-setting {
  margin: 0
}
.message-notice-wrapper .notice-setting-controller p {
  font-size: 14px;
  font-weight: 500;
  color: #414b60;
  line-height: 20px;
  float: left
}
.message-notice-wrapper .notice-setting-controller .ui-switch {
  margin-left: 20px
}
.message-notice-wrapper .notice-setting-desc {
  margin-top: 12px
}
.message-notice-wrapper .notice-setting-desc span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #61687c;
  line-height: 18px
}
.message-notice-wrapper .notice-setting-desc img {
  display: block;
  width: 500px;
  height: 200px;
  margin-top: 22px
}
.notice-message-dialog .close {
  display: none
}
.notice-message-dialog .dialog-container {
  width: 300px;
  min-width: auto
}
.notice-message-dialog .dialog-footer {
  padding-right: 0
}
.notice-message-dialog .dialog-footer .btns {
  text-align: center
}
.page-account {
  position: relative;
  padding-top: 20px
}
.account-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 614px;
  width: 100%;
  background: linear-gradient(0deg, #fff, #88fffe 50%, #3b86f6);
  opacity: .1
}
.account {
  position: relative;
  min-height: 70vh;
  display: flex
}
.account .account-form.ui-form .item-label {
  padding-right: 20px
}
.account .vertical-line {
  width: 1px;
  height: 15px;
  background-color: #e3e7ed
}
#main .account {
  min-height: 700px
}
[v-cloak] {
  display: none !important
}
.cert-tooltip {
  z-index: 10000
}
.cert-tooltip .tooltip-inner {
  background: #fff;
  color: #414a60;
  padding: 4px 10px;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, .13);
  font-size: 14px;
  max-width: 400px;
  line-height: 24px
}
.cert-tooltip .cert-tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 7px;
  border-color: #fff;
  z-index: 1
}
.cert-tooltip[x-placement^=top] {
  margin-bottom: 8px
}
.cert-tooltip[x-placement^=top] .cert-tooltip-arrow {
  border-width: 7px 7px 0;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -7px;
  left: 43%;
  margin-top: 0;
  margin-bottom: 0
}
.cert-tooltip[x-placement^=bottom] {
  margin-top: 5px
}
.cert-tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: 45%;
  margin-top: 0;
  margin-bottom: 0
}
.cert-tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s
}
.cert-tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s
}
.fz-resume {
  position: relative;
  top: -1px;
  width: 14px;
  height: 14px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-resume.f44cb025.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}
.fz-female {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-sex-woman.d3e2e2ee.png)
}
.fz-female, .fz-male {
  vertical-align: top;
  background-size: contain
}
.fz-male {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-sex-man.de536dab.png)
}
.fz-neutral {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-sex-neutral.78b19ef7.png);
  background-size: contain;
  vertical-align: top
}
.fz-experience {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/fz-experience.8262af56.png) no-repeat 50%;
  background-size: 14px 14px
}
.fz-degree {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/fz-degree.ca98e361.png) no-repeat 50%;
  background-size: 14px 13px
}
.fz-status {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/fz-status.cf25203e.png) no-repeat 50%;
  background-size: 14px 14px
}
.fz-time {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/fz-time.c5024807.png) no-repeat 50%;
  background-size: 14px 14px
}
.fz-tel {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/fz-tel.2f39343a.png) no-repeat 50%;
  background-size: 14px 14px
}
.fz-weixin {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/fz-weixin.fc965705.png) no-repeat 50%;
  background-size: 14px 13px
}
.fz-mail {
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/fz-mail.744784db.png) no-repeat 50%;
  background-size: 14px 11px
}
.fz-job {
  background-position: -25px -539px
}
.fz-salary {
  background-position: -1px -565px
}
.fz-industry {
  background-position: -30px -565px
}
.fz-place {
  background-position: -2px -589px
}
.fz-close {
  background-position: 6px -696px;
  float: right
}
.fz-info {
  background-position: 0 -54px
}
.fz-contact {
  background-position: -1px -620px
}
.fz-adventage {
  background-position: 0 -109px
}
.fz-positon {
  background-position: 0 -168px
}
.fz-history {
  background-position: 0 -225px
}
.fz-project {
  background-position: 0 -283px
}
.fz-eaducation {
  background-position: 0 -339px
}
.fz-edit {
  background-position: 5px -28px
}
.fz-add {
  background-position: 6px -662px
}
.fz-add-2 {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-add.105d55c1.png);
  background-size: 13px;
  background-position: 50%
}
.fz-socal {
  background-position: 0 -399px
}
.fz-delete {
  background-position: 3px -739px
}
.fz-menu-bullet {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/menu-bullet.619da94c.png)
}
.fz-menu-num {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/menu-num.679a6f55.png)
}
.resume-container {
  display: flex;
  padding-top: 20px
}
.resume-container.is-fixed.has-diagnose .resume-content {
  margin-left: 444px
}
.resume-container.is-fixed .resume-content {
  margin-left: 180px
}
.resume-container.is-fixed .resume-catalogue, .resume-container.is-fixed .resume-diagnose {
  position: fixed;
  top: 60px;
  z-index: 20
}
.resume-container.is-absolute .resume-diagnose {
  position: absolute;
  top: auto;
  bottom: 0
}
.resume-container .user-sider {
  position: relative;
  width: 264px
}
.resume-container .upload-works-tip {
  background: #7aa8f3;
  color: #fff;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0 5px;
  overflow: hidden;
  font-size: 12px
}
.resume-container .upload-works-tip .ui-icon-close {
  font-size: 14px;
  float: right;
  margin-top: 8px;
  cursor: pointer
}
.resume-container .upload-works-tip .ui-icon-close:hover {
  color: #eee
}
.resume-content {
  flex: 1;
  position: relative;
  margin-right: 20px;
  margin-left: 20px;
  background-color: #f6f6f8
}
.resume-content.has-wraing {
  padding-top: 58px
}
.resume-content .resume-content-box {
  background: #fff;
  box-shadow: 0 -1px 8px rgba(0, 0, 0, .03)
}
.resume-content .resume-center .skill-tag-selecter {
  width: 100%;
  max-width: 660px
}
.resume-content .resume-box-header {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f3f3f3;
  padding: 0 30px
}
.resume-content .resume-box-header h2 {
  font-size: 14px
}
.resume-content .resume-box-header a {
  color: #00c2b3
}
.resume-content .resume-box-header a:hover {
  color: #6adbcf
}
.resume-content .resume-box-header .link-preview-resume {
  position: relative;
  padding-right: 16px;
  margin-right: 16px
}
.resume-content .resume-box-header .link-preview-resume:after {
  content: " ";
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 10px;
  background: #e0e0e0
}
.resume-content .resume-box-header .link-import-resume {
  position: relative;
  padding-right: 16px
}
.resume-content .resume-box-header .link-import-resume:after {
  content: " ";
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 10px;
  background: #e0e0e0
}
.resume-content .resume-box-header .link-import-resume.red-dot:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 12px;
  z-index: 1;
  width: 6px;
  height: 6px;
  background: #fd896b;
  border-radius: 100%
}
.resume-content .resume-box-header .link-create-resume {
  padding-left: 16px
}
.resume-content .resume-box-header .header-right {
  display: flex;
  align-items: center
}
.resume-content .resume-box-header .avatar-audit {
  color: #3b86f6;
  font-size: 12px;
  display: inline-block;
  line-height: 17px;
  padding: 3px 5px;
  height: 23px;
  background: rgba(83, 202, 195, .2);
  border-radius: 12px;
  margin-right: 10px
}
.resume-content .resume-box-header .avatar-audit i {
  font-size: 13px;
  margin-right: 4px;
  vertical-align: middle
}
.resume-content .resume-item-collection {
  margin-top: 16px;
  width: 100%;
  background: #fff;
  padding: 30px
}
.resume-content .industry-container {
  position: relative
}
.resume-content .industry-container .recomend-industry {
  position: absolute;
  bottom: -40px;
  display: inline-block;
  min-width: 208px;
  max-width: 350px;
  height: 32px;
  background: #5dd5c8;
  box-shadow: 0 3px 5px 0 rgba(93, 213, 200, .5);
  padding: 0 14px;
  box-sizing: border-box;
  border-radius: 3px;
  cursor: pointer
}
.resume-content .industry-container .recomend-industry:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: -4px;
  left: -30px;
  margin-left: 50px;
  background: #5dd5c8;
  transform: rotate(45deg);
  box-shadow: -1px -1px 10px rgba(93, 213, 200, .09)
}
.resume-content .industry-container .recomend-industry:hover {
  background-color: #6adbcf
}
.resume-content .industry-container .recomend-industry .text {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  font-size: 14px
}
.resume-preview {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column
}
.resume-preview .resume-box {
  flex: 1;
  overflow: auto;
  padding: 45px 50px
}
.resume-preview .prev-line {
  max-width: none
}
.resume-preview .frame-footer {
  z-index: 2;
  width: 100%;
  padding: 11px 0;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 -5px 8px 0 rgba(0, 0, 0, .04)
}
.resume-preview .frame-footer .btn {
  width: 108px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  padding: 0
}
.update-time {
  font-size: 12px;
  color: #9fa3b0;
  padding-bottom: 10px
}
.update-time .link-preview {
  float: right;
  font-size: 14px
}
.resume-box .form-item .form-error-tip {
  padding-top: 4px
}
.resume-box .prev-line {
  min-width: 80px;
  max-width: 280px
}
.resume-box .prev-line:before {
  margin: 0 15px
}
.resume-box .prev-line .ui-icon-time {
  color: #ababab;
  font-size: 16px;
  margin-right: 10px;
  margin-left: 5px
}
.resume-box .item-primary {
  position: relative;
  padding: 15px 30px;
  box-sizing: content-box;
  transition: all .15s linear;
  border: 1px solid transparent
}
.resume-box .item-primary:hover {
  background-color: #f8f9fb;
  border-color: 1px solid #f8f9fb
}
.resume-box .item-primary:hover .title .link-add {
  display: block
}
.resume-box .item-primary.has-garbage-tag {
  background: #fff9f5
}
.resume-box .item-primary.has-garbage-tag li:hover {
  background: #fff1e6;
  box-shadow: none
}
.resume-box .item-primary .garbage-tag-tip {
  display: flex;
  justify-content: space-between;
  color: #f8a120;
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 0 14px;
  font-size: 13px;
  line-height: 22px;
  margin-right: -14px
}
.resume-box .item-primary .garbage-tag-tip .operate {
  width: 52px;
  height: 22px;
  background: #ffaa32;
  box-shadow: 0 2px 4px 0 rgba(248, 161, 32, .38);
  border-radius: 11px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  flex-shrink: 0
}
.resume-box .item-primary .name {
  font-size: 24px;
  font-weight: 500
}
.resume-box .item-primary .title {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  height: 25px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 10px
}
.resume-box .item-primary .title:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 15px;
  border-radius: 2px;
  background-color: #53cac3;
  left: 0;
  top: 5px
}
.resume-box .item-primary .title .link-add {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  font-weight: 400;
  color: #00c2b3;
  padding-left: 21px;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/add-icon.15f474b9.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0
}
.resume-box .item-primary .title .link-add:hover {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/add-icon-hover.bc5b713c.png);
  color: #6adbcf
}
.resume-box .item-primary .title .label-text {
  display: inline-block;
  vertical-align: middle;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.resume-box .item-primary .info-labels p {
  margin-top: 10px
}
.resume-box .item-primary .op {
  position: absolute;
  display: block;
  right: 3px;
  top: 12px
}
.resume-box .item-primary .op a {
  display: inline-block;
  line-height: 24px;
  padding: 0 5px;
  color: #00c2b3
}
.resume-box .item-primary .op a .icon-svg {
  fill: #00c2b3;
  margin-right: 5px
}
.resume-box .item-primary .op a:hover {
  color: #6adbcf
}
.resume-box .item-primary .op a:hover .icon-svg {
  fill: #6adbcf
}
.resume-box .item-primary .op .link-edit {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/edit-icon.c4d39ab7.png);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 16px 16px;
  padding-left: 21px;
  font-size: 12px
}
.resume-box .item-primary .op .link-edit:hover {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/edit-icon-hover.d0e786b0.png)
}
.resume-box .item-primary .op .link-delete {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/delete-icon.6d425e18.png);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 16px 16px;
  padding-left: 21px;
  font-size: 12px
}
.resume-box .item-primary .op .link-delete:hover {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/delete-icon-hover.b8417837.png)
}
.resume-box .item-primary .op-show {
  display: block
}
.resume-box .item-primary .op .op-manage-btn:hover .ui-dropmenu-label {
  color: rgba(0, 206, 197, .8)
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-label {
  padding: 0;
  font-size: 12px;
  color: #00cec5;
  line-height: 17px;
  transition: all .2s linear
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-label i {
  display: none
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-label .dot-icon-more {
  margin-right: 10px;
  font-weight: 400;
  display: inline-block;
  font-size: 16px;
  height: 10px;
  line-height: 10px;
  position: relative;
  top: -4px
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list {
  top: 20px;
  left: 22px;
  box-shadow: none;
  border: 1px solid #e3e7ed;
  border-radius: 4px;
  background: #fff;
  z-index: 12
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list:before {
  content: none
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul {
  min-width: 64px;
  text-align: center;
  border-radius: 4px
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li {
  min-height: auto;
  height: 30px;
  padding: 0;
  line-height: 30px;
  margin-top: 0;
  font-size: 12px;
  color: #61687c;
  transition: all .2s linear;
  border-radius: 0
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li:hover {
  color: #00cec5;
  box-shadow: none;
  background: #f7f7f7
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li.is-disabled {
  cursor: not-allowed;
  color: rgba(97, 104, 124, .8)
}
.resume-box .item-primary .op .op-manage-btn .ui-dropmenu-list ul li.is-disabled:hover {
  color: rgba(97, 104, 124, .8);
  box-shadow: none;
  background: #fff
}
.resume-box .item-primary li {
  padding: 10px 14px;
  position: relative;
  min-height: 40px;
  transition: all .15s linear
}
.resume-box .item-primary li + li {
  margin-top: 10px
}
.resume-box .item-primary li:hover {
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
  border-radius: 4px
}
.resume-box .item-primary li:hover .op {
  display: block
}
.resume-box .item-primary li.disabled .op {
  display: none !important
}
.resume-box .item-primary li.disabled:hover {
  cursor: default;
  background: transparent
}
.resume-box .item-primary li.disabled:hover .op {
  display: none
}
.resume-box .item-primary li.garbage-tag:hover {
  background: #ffecdc
}
.resume-box .item-primary li .op {
  display: none;
  bottom: unset;
  top: 10px !important;
  right: 14px !important
}
.resume-box .item-primary li .op-show {
  display: block
}
.resume-box .item-primary li .op-garbage {
  top: 66px;
  right: 30px
}
.resume-box .item-primary li .info-labels {
  margin-left: -8px
}
.resume-box .item-primary li .primary-info h4 {
  font-size: 15px;
  font-weight: 700
}
.resume-box .item-primary li .primary-info h4.name {
  max-width: 420px;
  word-break: break-all;
  float: left;
  color: #414a60
}
.resume-box .item-primary li .primary-info h4.name + .period {
  font-size: 12px;
  padding-left: 30px;
  float: left;
  position: relative;
  top: 2px
}
.resume-box .item-primary li .primary-info .info-text {
  padding: 7px 0;
  color: #61687c;
  white-space: pre-wrap;
  overflow: hidden;
  word-break: break-all
}
.resume-box .item-primary li .primary-info .info-text.text-gray {
  color: #9fa3b0
}
.resume-box .item-primary li .primary-info .info-text:last-of-type {
  padding-bottom: 0
}
.resume-box .item-primary li .primary-info .info-text .text-type {
  font-weight: 700
}
.resume-box .item-primary li .primary-info .info-text.advantage-text {
  padding-top: 0
}
.resume-box .item-primary li .primary-info .info-text.work-text-ellipsis {
  padding-top: 0;
  max-width: 560px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.resume-box .item-primary li .primary-info .info-text.work-text-ellipsis + .work-show-list {
  margin-top: 5px
}
.resume-box .item-primary li .primary-info .info-text.info-text-training {
  font-size: 12px;
  color: #8d92a1;
  line-height: 17px
}
.resume-box .item-primary li .primary-info .info-text.info-text-training span {
  margin-right: 20px
}
.resume-box .item-primary li .primary-info .info-text.info-text-training .period {
  margin-right: 0;
  white-space: nowrap
}
.resume-box .item-primary li .primary-info .keywords {
  padding-top: 7px
}
.resume-box .item-primary li .primary-info .keywords span {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #9fa3b0;
  padding: 0 14px;
  margin-right: 10px;
  border: 1px solid #cfd1d7;
  border-radius: 50px;
  margin-bottom: 7px
}
.resume-box .item-primary li .primary-info .social-img {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin-right: 15px;
  vertical-align: middle
}
.resume-box #social .primary-info {
  white-space: nowrap;
  max-width: 580px;
  text-overflow: ellipsis;
  overflow: hidden
}
.resume-box .item-form {
  padding: 24px 30px;
  background-color: #f8f9fb;
  position: relative
}
.resume-box .item-form .ui-form {
  margin-left: -15px;
  margin-right: -15px
}
.resume-box .item-form .input {
  height: 38px;
  padding-left: 15px;
  padding-right: 15px
}
.resume-box .item-form .input[readonly], .resume-box .item-form .input[readonly]:focus, .resume-box .item-form .input[readonly]:hover {
  background-color: #fff;
  cursor: pointer
}
.resume-box .item-form .ui-select .ui-select-inner {
  height: 36px;
  padding-top: 8px
}
.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner {
  height: auto;
  padding-top: 8px
}
.resume-box .item-form .skill-tag-selecter .ui-select .ui-select-inner .ui-select-input {
  max-width: 100%
}
.resume-box .item-form .radio-group-rectangle .radio-item {
  width: 147px;
  min-width: auto;
  line-height: 36px
}
.resume-box .item-form .input-wrap-textarea .input {
  height: 160px;
  padding: 7px 15px
}
.resume-box .item-form .form-item-advantage .input {
  height: 200px
}
.resume-box .item-form h3.title {
  font-size: 16px;
  height: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.resume-box .item-form .form-item {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-bottom: 20px;
  padding: 0 15px
}
.resume-box .item-form .form-item .city-select-container, .resume-box .item-form .form-item .datepicker-wrap, .resume-box .item-form .form-item .input-wrap, .resume-box .item-form .form-item .ui-cascader, .resume-box .item-form .form-item .ui-cascader-selection, .resume-box .item-form .form-item .ui-select {
  width: 100%;
  flex: 1
}
.resume-box .item-form .form-item .city-select-container .dropdown-select, .resume-box .item-form .form-item .city-select-container .ipt {
  width: 100%
}
.resume-box .item-form .form-item .city-select-container .dropdown-menu .city-box .dropdown-city, .resume-box .item-form .form-item .city-select-container .dropdown-menu .city-box .dropdown-province {
  width: 171px
}
.resume-box .item-form .form-item .date-scope-text, .resume-box .item-form .form-item .scope-separator {
  margin: 0 15px
}
.resume-box .item-form .form-item .real-name {
  position: absolute;
  top: -33px;
  left: 38px;
  color: #00c2b3;
  display: flex;
  align-items: center;
  font-size: 12px
}
.resume-box .item-form .form-item .real-name img {
  width: 16px;
  height: 16px;
  margin-right: 4px
}
.resume-box .item-form .form-item.form-item-blur .item-label {
  width: 100%;
  text-align: left
}
.resume-box .item-form .form-item.form-item-blur .slot-label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.resume-box .item-form .form-item.form-item-blur .slot-label em {
  font-style: normal;
  font-weight: 400;
  color: #8d92a1;
  font-size: 12px
}
.resume-box .item-form .form-item.form-item-blur .input-prepend-blur {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 38px;
  line-height: 36px;
  border: 1px solid#e3e7ed;
  z-index: 2;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 30px;
  box-sizing: border-box;
  transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  cursor: text
}
.resume-box .item-form .form-item.form-item-blur .input-prepend-blur:hover {
  border-color: #2cd7c8
}
.resume-box .item-form .form-item.form-item-blur .input-prepend-blur span {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap
}
.resume-box .item-form .form-item.form-item-blur .input-wrap:hover .suffix {
  display: flex
}
.resume-box .item-form .form-item.form-item-blur .suffix {
  z-index: 3;
  cursor: pointer;
  display: none
}
.resume-box .item-form .form-item .append-tip {
  display: none;
  position: absolute;
  z-index: 99;
  top: 38px;
  left: 0;
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  padding: 9px 14px;
  background-color: #fff;
  border: 1px solid #e3e7ed;
  border-top: 0
}
.resume-box .item-form .form-item .append-tip .gray {
  font-size: 12px
}
.resume-box .item-form .form-item .append-tip .gray a {
  color: #00c2b3
}
.resume-box .item-form .form-item .append-tip .gray a:hover {
  color: #6adbcf
}
.resume-box .item-form .form-item .append-tip .radio-inner {
  margin-right: 10px
}
.resume-box .item-form .form-item .datepicker-wrap:hover .append-tip, .resume-box .item-form .form-item .input-group-with-append:hover .append-tip, .resume-box .item-form .form-item .radio-group:hover .append-tip, .resume-box .item-form .form-item .ui-select:hover .append-tip {
  display: block
}
.resume-box .item-form .form-item .datepicker-wrap .prefix-totoday {
  padding-left: 10px;
  padding-right: 15px;
  line-height: 26px;
  pointer-events: none;
  left: 5px
}
.resume-box .item-form .form-item .nodata-tip {
  position: absolute;
  font-size: 12px;
  padding: 6px 10px 8px 0
}
.resume-box .item-form .form-item .nodata-tip i {
  color: #fc6c38;
  font-size: 14px;
  margin-right: 6px
}
.resume-box .item-form .form-item .datepicker-pannel {
  width: 300px
}
.resume-box .item-form .form-item .datepicker-pannel .picker-content .month, .resume-box .item-form .form-item .datepicker-pannel .picker-content .year {
  margin: 5px 4px
}
.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse {
  position: absolute;
  right: 0;
  top: -32px;
  display: flex
}
.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse ::v-deep .bright-dot-open, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse ::v-deep .bright-dot-open, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse ::v-deep .bright-dot-open, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse ::v-deep .bright-dot-open {
  height: 32px
}
.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse ::v-deep .bright-dot-open .bright-open-tip, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse ::v-deep .bright-dot-open .bright-open-tip, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse ::v-deep .bright-dot-open .bright-open-tip, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse ::v-deep .bright-dot-open .bright-open-tip {
  top: 34px
}
.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse .look-else .sample-container .content, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse .look-else .sample-container .content, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse .look-else .sample-container .content, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse .look-else .sample-container .content {
  margin-top: 0;
  line-height: 1.5
}
.resume-box .item-form .form-item.form-item-eduDescription .form-eduDescription-lookelse .look-else .sample-container .no-data, .resume-box .item-form .form-item.form-item-eduDescription .form-work-content-lookelse .look-else .sample-container .no-data, .resume-box .item-form .form-item.form-item-work-content .form-eduDescription-lookelse .look-else .sample-container .no-data, .resume-box .item-form .form-item.form-item-work-content .form-work-content-lookelse .look-else .sample-container .no-data {
  margin-top: 0
}
.resume-box .item-form .form-item.form-item-eduDescription .count-work-content, .resume-box .item-form .form-item.form-item-work-content .count-work-content {
  padding: 7px 15px;
  line-height: 21px;
  position: absolute;
  opacity: 0;
  z-index: -1
}
.resume-box .item-form .form-item.form-item-proDescription .item-label .label-message-tip, .resume-box .item-form .form-item.form-item-work-content .item-label .label-message-tip {
  max-width: 320px
}
.resume-box .item-form .form-item.form-item-eduDescription .item-label .label-message-tip {
  max-width: 280px
}
.resume-box .item-form .form-item.form-item-full {
  width: auto;
  display: block
}
.resume-box .item-form .form-item.form-item-full .append-tip {
  max-width: none
}
.resume-box .item-form .form-item.form-item-full .label-message-tip {
  max-width: 500px
}
.resume-box .item-form .form-item.form-item-full .item-content .date-scope .datepicker-wrap {
  flex: 1
}
.resume-box .item-form .form-item.form-item-full .item-content .date-scope .scope-separator {
  width: 30px
}
.resume-box .item-form .form-item.form-item-full .item-content:before {
  content: "";
  overflow: hidden;
  height: 0;
  display: block;
  clear: both
}
.resume-box .item-form .form-item.form-item-full .item-content .input-wrap {
  width: 100%
}
.resume-box .item-form .form-item.form-item-full .item-content .scope-separator {
  width: 30px;
  text-align: center
}
.resume-box .item-form .form-item.form-item-full .item-content .skill-tag-selecter {
  width: 100%
}
.resume-box .item-form .form-item.form-item-full .scope-selecter .scope-select .ui-select-selection .ui-select-inner {
  padding: 6px 15px 5px
}
.resume-box .item-form .form-item.form-item-full .scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
  margin: 0
}
.resume-box .item-form .form-item.form-item-full .serial-toolbar {
  width: 100%
}
.resume-box .item-form .form-item .item-form-suggest-item u.h {
  color: #16c3b1;
  text-decoration: none
}
.resume-box .item-form .form-item.resume-expectation-city .text-small {
  position: absolute;
  right: 55px;
  top: 3px
}
.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown, .resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu {
  width: 100%
}
.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu .ui-cascader-menu {
  width: 50%
}
.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu .ui-cascader-menu > .ui-dropdown-list {
  width: 100%
}
.resume-box .item-form .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu > .ui-dropdown-list {
  width: 50%
}
.resume-box .item-form .form-item-label .item-label {
  display: inline-flex;
  text-align: left;
  width: 100%;
  color: #ff941c;
  align-items: center;
  box-sizing: border-box
}
.resume-box .item-form .form-item-label .label-name {
  color: #495060;
  white-space: nowrap
}
.resume-box .item-form .form-item-label .label-message-tip {
  flex: 1;
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.resume-box .item-form .form-suggest-checkbox {
  display: inline-block;
  white-space: nowrap
}
.resume-box .item-form .form-suggest-checkbox .label-message-tip {
  max-width: 260px;
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #ff941c;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.resume-box .item-form .form-btns {
  text-align: right;
  padding: 0 15px
}
.resume-box .item-form .form-btns .btn {
  margin-right: 20px;
  min-width: 90px
}
.resume-box .item-form .form-btns .btn:last-of-type {
  margin-right: 0
}
.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item, .resume-box .item-form .ui-suggest .ui-dropmenu-list li {
  display: flex
}
.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div, .resume-box .item-form .ui-suggest .ui-dropmenu-list li div {
  flex: 1;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div span, .resume-box .item-form .ui-suggest .ui-dropmenu-list li div span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.resume-box .item-form .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item .h, .resume-box .item-form .ui-suggest .ui-dropmenu-list li .h {
  text-decoration: none;
  color: #16c3b1
}
.resume-box .item-form.training-item-form .input-wrap-textarea .input {
  height: 86px
}
.resume-box .avatar-upload {
  position: absolute;
  right: 40px;
  top: 70px;
  z-index: 1
}
.resume-box .resume-baseinfo .item-primary {
  padding-right: 80px
}
.resume-box .resume-baseinfo .info-labels .prev-line:before {
  margin: 0 20px
}
.resume-box .resume-advantage .item-primary li .op {
  display: block
}
.resume-box .expectation-form .salary-scope .ui-select .ui-select-inner {
  padding-top: 0
}
.resume-box .expectation-form .short {
  max-width: 140px
}
.resume-box .expectation-form .skill-tag-mask {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2
}
.resume-box .expectation-selection {
  width: 100%
}
.resume-box .expectation-selection ul {
  margin-left: 0;
  padding-top: 0;
  border: 1px solid #e3e7ed
}
.resume-box .date-scope {
  display: flex;
  align-items: center
}
.resume-box .date-scope .datepicker-wrap {
  width: 132px
}
.resume-box .date-scope .datepicker-wrap .input, .resume-box .date-scope .input-wrap {
  min-width: 100%
}
.resume-box .date-scope .date-scope-text {
  margin: 0 10px
}
.resume-box .lone, .resume-box .lone .form-item {
  width: 660px
}
.resume-box .no-icon {
  background-color: #0ff
}
.resume-box .no-icon .ui-icon-arrow-down {
  display: none
}
.resume-box .info-flex {
  display: flex
}
.resume-box .info-flex-item {
  flex: 1
}
.resume-box .header-upload {
  width: 56px;
  height: 56px;
  flex: none;
  position: relative
}
.resume-box .header-upload:hover .header-mask {
  display: block
}
.resume-box .header-upload .header-box {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center
}
.resume-box .header-upload .header-mask {
  display: none;
  background-color: hsla(0, 0%, 51.4%, .8);
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-resume.f44cb025.png);
  background-repeat: no-repeat;
  background-position: center -780px
}
.resume-box .header-upload .header-loading, .resume-box .header-upload .header-mask {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer
}
.resume-box .header-upload .header-loading {
  background-color: hsla(0, 0%, 51.4%, .5);
  color: #d1d4db;
  text-align: center;
  font-size: 30px;
  line-height: 56px
}
.resume-box .header-upload .header-img {
  display: block
}
.resume-box .header-upload .icon-svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px
}
.resume-box .resume-cropper-upload .custom-cropper-box {
  width: 410px;
  height: 480px;
  padding: 20px;
  border-radius: 10px
}
.resume-box .resume-cropper-upload .cropper-win .btns-box {
  top: calc(50% + 260px)
}
.resume-box .resume-cropper-upload .cropper-win .custom-cropper-box .vue-cropper {
  background-color: rgba(0, 0, 0, .6)
}
.resume-box .advantage-show .icon-garbage {
  top: 10px
}
.resume-box .advantage-show .op {
  background-color: hsla(0, 0%, 100%, .9);
  transition: all .15s linear;
  padding-left: 5px
}
.resume-box .advantage-show .op.op-garbage {
  background-color: rgba(255, 241, 230, .9)
}
.resume-box .resume-training .op {
  background-color: hsla(0, 0%, 100%, .9);
  transition: all .15s linear;
  padding-left: 5px
}
.resume-box .resume-training .op.op-garbage {
  background-color: rgba(255, 241, 230, .9)
}
.resume-box .icon-garbage {
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-bad-resume-pre.1f4c1e52.png) no-repeat;
  left: 0;
  top: 17px
}
.resume-box .babresume-warning {
  font-size: 12px;
  font-weight: 400;
  color: #fc703e;
  line-height: 14px;
  height: 14px;
  position: relative;
  margin-top: 3px;
  display: block
}
.resume-box .babresume-warning i {
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -1px
}
.resume-box .resume-summary .primary-info {
  word-break: break-all
}
.resume-box .resume-userinfo .icon-garbage {
  top: 26px;
  left: -5px
}
.resume-box .resume-social .social-url .primary-info {
  word-break: break-all;
  padding-right: 56px
}
.resume-box .resume-cert-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #61687c;
  white-space: nowrap;
  height: 23px;
  line-height: 22px;
  border-radius: 2px;
  border: 1px solid #d0d1d6;
  padding: 0 10px;
  margin: 5px 10px 5px 0;
  overflow: hidden;
  vertical-align: top;
  position: relative
}
.resume-box .resume-cert-tag .auth-icon {
  position: absolute;
  background-image: linear-gradient(to left bottom, #53cac3, #53cac3 50%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0));
  right: 0;
  top: 0;
  color: #fff;
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 12px;
  text-align: right;
  padding: 2px 3px 0;
  transform: scale(.5);
  transform-origin: 100% 0
}
.resume-box .resume-tag {
  margin: 0 10px 0 0;
  padding: 2px 8px;
  color: #aaa;
  font-size: 12px;
  vertical-align: middle;
  border-radius: 50px;
  border: 1px solid #4b87ff;
  color: #4b87ff;
  background: none
}
.resume-flex {
  display: flex;
  white-space: nowrap;
  align-items: center
}
.resume-flex .resume-flex-body {
  flex: 1;
  align-self: baseline;
  padding: 0 20px
}
.resume-dialog-preview .dialog-body {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column
}
.resume-dialog-report .input-wrap-textarea {
  width: 560px;
  height: 200px
}
.resume-dialog-report .input-wrap-textarea .input {
  height: 100%
}
.resume-dialog-report .resume-report-desc {
  line-height: 50px
}
.resume-warning {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: #7aa8f3;
  line-height: 30px;
  padding: 0 40px;
  box-sizing: border-box;
  font-size: 13px;
  color: #fff;
  animation: jianli .6s ease;
  z-index: 5
}
.resume-warning-text img {
  width: 14px;
  height: 14px;
  margin: 0 5px;
  vertical-align: text-top
}
.resume-warning-btn {
  color: #fff;
  text-align: center;
  margin-left: 20px;
  font-size: 12px;
  display: block;
  padding: 0 10px;
  height: 18px;
  line-height: 18px;
  transition: all .4s ease;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 2px
}
.resume-warning-btn:hover {
  color: #5281cf;
  border-color: #fff;
  background-color: #fff
}
.industry-dialog .dialog-body {
  overflow: visible
}
.resume-certification .visible-wrap {
  position: relative;
  padding-right: 70px;
  max-height: 66px;
  overflow: hidden
}
.resume-certification .visible-wrap.visible-show {
  max-height: none
}
.resume-certification .visible-wrap.visible-hide .visible-btn, .resume-certification .visible-wrap.visible-show .visible-btn {
  position: absolute;
  right: 8px;
  bottom: 6px
}
.resume-certification .visible-wrap.visible-hide .visible-btn:before, .resume-certification .visible-wrap.visible-show .visible-btn:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 9px;
  height: 9px;
  border: solid #979797;
  border-width: 1px 1px 0 0
}
.resume-certification .visible-wrap.visible-show .visible-btn:before {
  transform: rotate(-45deg);
  margin-top: 3px
}
.resume-certification .visible-wrap.visible-show .visible-btn:after {
  content: "收起"
}
.resume-certification .visible-wrap.visible-hide .visible-btn:before {
  transform: rotate(135deg);
  margin-top: -8px
}
.resume-certification .visible-wrap.visible-hide .visible-btn:after {
  content: "展开"
}
.certification-dialog .dialog-body .cert-select-tags {
  display: flex;
  flex-wrap: wrap;
  width: 88%;
  float: left
}
.certification-dialog .dialog-body .cert-select-tags .cert-select-tag {
  white-space: nowrap;
  padding: 0 14px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  margin: 12px 12px 0 0;
  font-size: 12px;
  color: #61687c;
  background: #eef0f5
}
.certification-dialog .dialog-body .cert-select-tags .cert-select-remove {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: -2px -10px 0 8px;
  background: #cbced6;
  border-radius: 50%
}
.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:hover {
  background: #c5c9d2
}
.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:after, .certification-dialog .dialog-body .cert-select-tags .cert-select-remove:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 1px;
  background: #fff
}
.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:before {
  transform: translate(-50%, -50%) rotate(45deg)
}
.certification-dialog .dialog-body .cert-select-tags .cert-select-remove:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}
.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap {
  margin-bottom: -12px;
  position: relative;
  height: 48px;
  max-width: 100%
}
.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .cert-input-value {
  min-width: 165px;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  pointer-events: none
}
.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .ui-suggest {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}
.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .ui-suggest input {
  margin: 0;
  height: 48px;
  border: 0;
  box-shadow: none;
  padding: 12px 0
}
.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .ui-suggest .ui-dropmenu-list {
  min-width: 220px
}
.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .suggest-item {
  white-space: nowrap;
  color: #61687c;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.certification-dialog .dialog-body .cert-select-tags .cert-input-wrap .suggest-item .suggest-highlight {
  color: #53cac3;
  text-decoration: none
}
.certification-dialog .dialog-body .cert-content {
  flex: 1;
  overflow: auto
}
.certification-dialog .dialog-body .cert-content .cert-catgory {
  display: flex
}
.certification-dialog .dialog-body .cert-content .cert-catgory:nth-child(odd) {
  background: #f9fafb;
  border-bottom: 1px solid #f9fafb
}
.certification-dialog .dialog-body .cert-content .cert-catgory .cert-catgory-label {
  width: 200px;
  border-right: 1px solid #f2f3f3;
  padding: 12px 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  color: #414a60;
  line-height: 20px
}
.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  line-height: 24px;
  width: 0;
  padding: 5px 0;
  font-size: 13px
}
.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item {
  width: 50%;
  padding: 5px 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}
.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item.selected, .certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item:hover {
  color: #00c2b3
}
.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-title {
  padding: 5px 20px;
  width: 100%;
  color: #51586d
}
.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels {
  background: #fff;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0;
  margin-bottom: -5px
}
.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels .checkbox {
  color: #8d92a1;
  display: block;
  line-height: 20px;
  width: 50%;
  padding: 5px 20px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.certification-dialog .dialog-body .cert-content .cert-catgory .cert-item-list .cert-item-levels .checkbox.checkbox-checked {
  color: #51586d
}
.certification-dialog .dialog-body .cert-content .cert-catgory:nth-child(2n) .cert-item-list .cert-item-levels {
  background: #f9fafb
}
.internship-experence-tag {
  width: 44px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  border: 1px solid #3a98fc;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #3a98fc;
  display: inline-block;
  text-align: center
}
.form-item-work-type {
  margin-bottom: 0
}
.resume-work-display .item-primary {
  padding-bottom: 0
}
.resume-work-display ul {
  overflow: hidden;
  margin: -10px -5px 0 3px
}
.resume-work-display ul li {
  position: relative;
  min-height: 40px;
  transition: all .15s linear;
  float: left;
  width: 200px;
  height: 150px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  padding: 0 !important;
  margin: 10px
}
.resume-work-display ul li .progress {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 3px
}
.resume-work-display ul li .progress-bar {
  background-color: #3b86f6
}
.resume-work-display ul li .icon-del {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  font-size: 20px;
  color: #b2b6c1;
  padding: 5px
}
.resume-work-display ul li .status-fail {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  line-height: 17px
}
.resume-work-display ul li .status-fail span {
  color: #3b86f6;
  text-decoration: underline
}
.resume-work-display ul li .status-succ {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 30px;
  background-color: rgba(0, 0, 0, .5)
}
.resume-work-display ul li.display-item {
  padding: 0;
  background: no-repeat 50%;
  background-size: cover
}
.resume-work-display ul li.display-item:hover {
  border-radius: 0
}
.resume-work-display ul li.display-item:after {
  display: none;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .2)
}
.resume-work-display ul li.display-item:hover .icon-del, .resume-work-display ul li.display-item:hover:after {
  display: block
}
.resume-work-display ul li.display-item:hover .status-succ {
  display: none
}
.resume-work-display ul li.upload-fail:after, .resume-work-display ul li.upload-uploading:after {
  display: block
}
.resume-work-display ul .display-item-audit-reject .icon-and-text {
  position: absolute;
  height: 23px;
  width: 75px;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 400;
  top: 70px;
  left: 71px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fe574a
}
.resume-work-display ul .display-item-audit-reject .icon-and-text .audit-reject-icon {
  width: 19px;
  height: 19px;
  margin-right: -1px;
  display: inline-block;
  margin-top: 4px;
  margin-left: -6px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-audit-reject@2x.7b0c5c17.png) no-repeat 50%;
  background-size: 100% 100%
}
.resume-work-display ul .display-item-audit-reject img {
  opacity: .3
}
.resume-work-display ul .upload-wrap {
  border: 1px dotted #d1d4db
}
.resume-work-display ul .upload-wrap:hover {
  border-radius: 0
}
.resume-work-display ul .upload-wrap .upload-inner {
  height: 100%
}
.resume-work-display ul .upload-wrap .custom-box {
  padding-top: 30px;
  height: 100%
}
.resume-work-display ul .upload-wrap .icon-svg {
  width: 34px;
  height: 34px;
  fill: #5dd5c8;
  margin: 0 0 10px
}
.resume-work-display ul .upload-wrap .upload-guide {
  line-height: 12px;
  color: #00c2b3;
  margin-bottom: 20px
}
.resume-work-display ul .upload-wrap .upload-tip {
  line-height: 17px;
  color: #9fa3b0
}
.resume-work-display ul .upload-wrap:hover {
  background-color: #e1f6f5
}
.resume-designWorksVideo .work-show-title, .resume-work-display-designWorks .work-show-title {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #4a5060;
  line-height: 20px;
  margin-bottom: 8px;
  margin-top: 20px
}
.resume-designWorksVideo .work-show-list, .resume-work-display-designWorks .work-show-list {
  margin: -3px
}
.resume-designWorksVideo .work-show-list li, .resume-work-display-designWorks .work-show-list li {
  position: relative;
  transition: all .15s linear;
  float: left;
  width: 100px;
  height: 100px;
  font-size: 12px;
  color: #fff;
  padding: 0 !important;
  margin: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}
.resume-designWorksVideo .work-show-list li + li, .resume-work-display-designWorks .work-show-list li + li {
  margin: 3px
}
.resume-designWorksVideo .work-show-list li:hover, .resume-work-display-designWorks .work-show-list li:hover {
  border-radius: 0
}
.resume-designWorksVideo .work-show-list li .video-play-icon, .resume-work-display-designWorks .work-show-list li .video-play-icon {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  z-index: 9;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/3hpx66djjq1669714741397.png) 0 0/36px auto no-repeat
}
.resume-designWorksVideo .work-show-list li .ti-eye, .resume-work-display-designWorks .work-show-list li .ti-eye {
  display: none;
  position: absolute;
  font-size: 24px;
  color: #fff;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  z-index: 9
}
.resume-designWorksVideo .work-show-list li img, .resume-work-display-designWorks .work-show-list li img {
  transition: all .15s linear
}
.resume-designWorksVideo .work-show-list li:hover:after, .resume-work-display-designWorks .work-show-list li:hover:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .2)
}
.resume-designWorksVideo .work-show-list li:hover img, .resume-work-display-designWorks .work-show-list li:hover img {
  transform: scale(1.1)
}
.resume-designWorksVideo .work-show-list li:hover .ti-eye, .resume-work-display-designWorks .work-show-list li:hover .ti-eye {
  display: block
}
.resume-designWorksVideo .work-show-list li:hover .video-play-icon, .resume-work-display-designWorks .work-show-list li:hover .video-play-icon {
  background-position: 0 -36px
}
.resume-designWorksVideo .work-show-list .display-item-audit-reject .icon-and-text, .resume-work-display-designWorks .work-show-list .display-item-audit-reject .icon-and-text {
  position: absolute;
  height: 24px;
  width: 76px;
  border-radius: 12px;
  font-size: 12px;
  top: 50%;
  left: 50%;
  margin-left: -38px;
  margin-top: -12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fe574a;
  z-index: 10
}
.resume-designWorksVideo .work-show-list .display-item-audit-reject .icon-and-text .audit-reject-icon, .resume-work-display-designWorks .work-show-list .display-item-audit-reject .icon-and-text .audit-reject-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-top: 4px;
  margin-left: -6px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-audit-reject@2x.7b0c5c17.png) no-repeat 50%;
  background-size: 100% 100%
}
.resume-designWorksVideo .work-show-list .display-item-audit-reject img, .resume-work-display-designWorks .work-show-list .display-item-audit-reject img {
  opacity: .3
}
.resume-designWorksVideo .like-area, .resume-work-display-designWorks .like-area {
  font-size: 12px;
  color: #8d92a1;
  line-height: 17px;
  margin-top: 10px
}
.resume-designWorksVideo .more-photo-info, .resume-work-display-designWorks .more-photo-info {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, .4);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px
}
.resume-designWorksVideo .expand-group-area, .resume-work-display-designWorks .expand-group-area {
  text-align: center;
  margin-top: 10px;
  line-height: 17px
}
.resume-designWorksVideo .expand-group-area .expand-group-btn, .resume-work-display-designWorks .expand-group-area .expand-group-btn {
  display: inline-block;
  font-size: 12px;
  color: #61687c;
  line-height: 17px;
  transition: all .2s linear
}
.resume-designWorksVideo .expand-group-area .expand-group-btn:hover, .resume-work-display-designWorks .expand-group-area .expand-group-btn:hover {
  color: #00c2b3
}
.resume-designWorksVideo .expand-group-area .expand-group-btn i, .resume-work-display-designWorks .expand-group-area .expand-group-btn i {
  margin-left: 2px
}
.resume-preview .resume-work-display ul {
  margin-right: -50px
}
.resume-preview .resume-work-display ul li {
  cursor: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}
.resume-preview .resume-work-display ul li:after {
  display: none !important
}
.resume-preview .resume-work-display ul li:hover {
  background-color: transparent
}
.dialog-preview.zoom-y .dialog-body {
  align-items: baseline
}
.dialog-preview .dialog-body, .dialog-preview .dialog-container {
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 0;
  background-color: #000
}
.dialog-preview .dialog-body {
  display: flex;
  align-items: center
}
.dialog-preview .preview-img {
  flex: none;
  max-height: 100%;
  max-width: 100%;
  cursor: zoom-in;
  margin: 0 auto
}
.dialog-preview .preview-img.auto-size {
  max-height: none;
  max-width: none;
  cursor: zoom-out
}
.dialog-preview .preview-video {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.dialog-preview .preview-video video {
  max-height: 100%;
  max-width: 100%
}
.dialog-preview .icon-btn {
  position: absolute;
  cursor: pointer;
  display: inline-block;
  width: 42px;
  height: 42px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons-btn.79f160b4.png) no-repeat 50%
}
.dialog-preview .icon-btn:hover {
  background-position-x: -48px
}
.dialog-preview .btn-prev {
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  background-position: 0 -94px
}
.dialog-preview .btn-next {
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  background-position: 0 -47px
}
.dialog-preview .btn-cancel {
  top: 60px;
  right: 60px;
  background-position: 0 0
}
.no-scroll {
  overflow: hidden
}
@keyframes warning {
  0% {
    transform: scale(0)
  }
  to {
    transform: scale(1)
  }
}
@keyframes jianli {
  0% {
    transform: translateY(-200%)
  }
  to {
    transform: translate(0)
  }
}
.resume-box .resume-expectList .item-primary li, .resume-box .resume-userinfo .item-primary li {
  margin-top: 0
}
.resume-box .resume-expectList .item-form .form-btns, .resume-box .resume-userinfo .item-form .form-btns {
  position: absolute;
  bottom: 26px;
  right: 15px
}
.resume-box .resume-expectList .item-form .form-btns.form-btn-normal, .resume-box .resume-userinfo .item-form .form-btns.form-btn-normal {
  position: static;
  padding-bottom: 0
}
.resume-box .resume-expectList .item-form .form-item:nth-child(odd), .resume-box .resume-userinfo .item-form .form-item:nth-child(odd) {
  margin-bottom: 0
}
.resume-box .resume-expectList .item-form .form-item.mb20, .resume-box .resume-userinfo .item-form .form-item.mb20 {
  margin-bottom: 20px
}
.border-select .item-primary {
  animation: border-select 2s
}
.risk-dialog .dialog-header span {
  display: inline-block;
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #13141a;
  line-height: 24px;
  vertical-align: middle
}
.risk-dialog .dialog-header img {
  height: 24px;
  margin-right: 8px;
  vertical-align: middle
}
.risk-dialog .dialog-container {
  padding: 24px;
  border-radius: 8px
}
.risk-dialog .dialog-footer {
  padding-top: 0
}
.work-declare-dialog .dialog-header .title {
  font-size: 20px;
  margin-bottom: 10px
}
.work-declare-dialog .dialog-container {
  width: 600px
}
.work-declare-dialog .dialog-body {
  white-space: pre-wrap;
  line-height: 26px;
  margin-right: -30px;
  padding-right: 30px
}
.title-operate-area {
  display: flex;
  align-items: center
}
.dot-slide-show-enter, .dot-slide-show-leave-to {
  height: 0
}
.dot-slide-show-enter-to, .dot-slide-show-leave {
  height: 40px
}
.dot-slide-show-enter-active, .dot-slide-show-leave-active {
  transition: all .3s ease-in-out
}
.resume-catalogue {
  width: 160px
}
.resume-catalogue-group {
  background-color: #fff;
  border-radius: 12px 12px 0 0
}
.resume-catalogue-group.custom-add {
  border-top: 1px solid #f6f6f8;
  border-radius: 0 0 12px 12px
}
.resume-catalogue-group.custom-add .catalogue-list .catalogue-item {
  padding: 0 30px;
  overflow: hidden
}
.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover {
  overflow: visible
}
.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 100%;
  width: 5px;
  height: 40px;
  background-color: transparent
}
.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover .catalogue-icon {
  display: block
}
.resume-catalogue-group.custom-add .catalogue-list .catalogue-item:hover .recommend-icon {
  display: none
}
.resume-catalogue-group.custom-add .catalogue-list .catalogue-tip {
  position: absolute;
  top: 3px;
  left: calc(100% + 4px);
  border-radius: 2px;
  color: #fff;
  background: #45464d;
  white-space: nowrap;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  padding: 8px 12px;
  z-index: 99
}
.resume-catalogue-group.custom-add .catalogue-list .recommend-icon {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #00c2b3;
  line-height: 12px;
  padding: 2px 4px;
  background: rgba(83, 202, 195, .15);
  border-radius: 4px;
  z-index: 1
}
.resume-catalogue-group.custom-add .catalogue-list .catalogue-icon {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/custom-add.0e8cb29b.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all .15s linear;
  z-index: 1
}
.resume-catalogue-group.custom-add .catalogue-list .catalogue-icon:hover {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/custom-add-hover.0a847ff2.png)
}
.resume-catalogue .catalogue-title {
  display: block;
  align-items: center;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  color: #414a60;
  font-weight: 500
}
.resume-catalogue .catalogue-title.main-title {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #24272e
}
.resume-catalogue .catalogue-list .catalogue-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 40px;
  cursor: pointer;
  transition: all .15s linear;
  color: #61687c
}
.resume-catalogue .catalogue-list .catalogue-item.active, .resume-catalogue .catalogue-list .catalogue-item:hover {
  background-color: #f2f5f9
}
.dialog-resume-full .dialog-container {
  width: 1000px
}
.dialog-resume-full .dialog-con {
  height: 100%;
  max-height: 100%;
  overflow: auto
}
.pop-resume-box {
  background: #fff;
  width: 1000px;
  margin: 0 auto;
  display: table;
  height: 100%
}
.pop-resume-box .resume-wrap {
  vertical-align: top;
  padding: 20px;
  position: relative;
  height: 100%;
  min-height: 400px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.pop-resume-box .resume-wrap .img-box {
  border: 1px solid #e9ebee;
  margin-top: 20px;
  height: calc(100vh - 92px);
  overflow-y: auto
}
.pop-resume-box .resume-wrap .img-box img {
  width: 100%;
  display: block;
  margin: 0 auto
}
.pop-resume-box h3.title {
  font-size: 24px;
  line-height: 30px
}
.pop-resume-box .resume-sider {
  display: table-cell;
  vertical-align: top;
  width: 250px;
  background: #f9fafb;
  padding: 20px
}
.pop-resume-box .resume-sider h3.title {
  margin-bottom: 20px
}
.pop-resume-box .resume-sider p {
  padding: 5px 0
}
.pop-resume-box .resume-sider p.gray {
  padding-top: 15px
}
.pop-resume-box .resume-sider .btns {
  margin-top: 15px
}
.pop-resume-box .resume-sider .btn {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
  min-width: 0;
  width: 90px;
  padding: 0;
  vertical-align: top
}
.pop-resume-box .resume-sider .btns .btn-outline {
  width: 90px
}
.pop-resume-box .resume-sider .btns .btn-outline:hover {
  background-color: #fff;
  color: #00c7b1;
  line-height: 28px;
  border-width: 2px;
  -webkit-transition: none;
  transition: none;
  border-color: #5dd5c8
}
.pop-resume-box .resume-sider .btn-sure {
  margin-left: 25px;
  background-color: #5dd5c8;
  border-color: #5dd5c8;
  color: #fff
}
.pop-resume-box .resume-sider .btn-sure:hover {
  background-color: #6adbcf;
  border-color: #6adbcf
}
.pop-resume-box .resume-sider .btn-through {
  width: 100%;
  height: 36px;
  line-height: 36px
}
.pop-resume-box .data-tips {
  padding: 0;
  width: 340px;
  height: 150px !important;
  min-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -75px 0 0 -170px
}
.pop-resume-box ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0
}
.pop-resume-box ::-webkit-scrollbar {
  width: 4px
}
.pop-resume-box ::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ddd;
  -webkit-border-radius: 4px
}
.pop-resume-box ::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 4px
}
.certification-dialog .dialog-container {
  width: 850px;
  height: 550px;
  padding: 0;
  display: flex;
  flex-direction: column
}
.certification-dialog .dialog-header {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  border-bottom: 1px solid #f2f3f3
}
.certification-dialog .dialog-header .title {
  font-size: 16px;
  font-weight: 400;
  color: #434a5e
}
.certification-dialog .dialog-header .title .certification-count {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #00c2b3
}
.certification-dialog .dialog-body {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: none
}
.certification-dialog .dialog-body .cert-select-form {
  padding: 0 20px 12px
}
.certification-dialog .dialog-body .cert-select-form:after {
  content: "";
  clear: both;
  width: 0;
  display: block
}
.certification-dialog .dialog-body .cert-select-form .btn {
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  padding: 0 20px;
  font-size: 14px;
  border: 0;
  border-radius: 12px;
  margin-top: 12px;
  margin-left: 20px
}
.certification-dialog .dialog-body .cert-select-form .btn.btn-sure {
  float: right;
  margin-left: 0
}
.certification-dialog .dialog-body .certification-content {
  height: 442px;
  overflow: auto;
  overflow: overlay;
  border-top: 1px solid #f2f3f3
}
.certification-dialog .dialog-body .certification-content-menu {
  width: 176px;
  height: 100%;
  overflow: auto;
  overflow: overlay;
  float: left;
  border-right: 1px solid #f2f3f3
}
.certification-dialog .dialog-body .certification-content-menu li {
  position: relative;
  height: 50px;
  padding: 15px 48px 15px 26px;
  color: #13141a;
  cursor: pointer;
  transition: all .15s linear
}
.certification-dialog .dialog-body .certification-content-menu li.active, .certification-dialog .dialog-body .certification-content-menu li:hover {
  background-color: rgba(0, 207, 197, .1)
}
.certification-dialog .dialog-body .certification-content-menu li.active:before, .certification-dialog .dialog-body .certification-content-menu li:hover:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #00cfc5
}
.certification-dialog .dialog-body .certification-content-menu li span {
  display: inline-block;
  line-height: 20px;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.certification-dialog .dialog-body .certification-content-menu li .selected-num {
  position: absolute;
  right: 28px;
  top: 15px;
  font-style: normal;
  font-weight: 400;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  background-color: #00cfc5;
  color: #fff;
  text-align: center;
  font-size: 12px
}
.certification-dialog .dialog-body .certification-content-menu li i {
  position: absolute;
  top: 18px;
  right: 12px;
  color: #d8dbe3
}
.certification-dialog .dialog-body .certification-content-main {
  display: none;
  float: left;
  width: 674px;
  height: 100%;
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: overlay
}
.certification-dialog .dialog-body .certification-content-main.current {
  display: block
}
.certification-dialog .dialog-body .certification-content-main .checkbox {
  margin: 10px 30px;
  color: #13141a
}
.certification-dialog .dialog-body .certification-content-main .checkbox .checkbox-inner {
  margin-right: 14px
}
.certification-dialog .dialog-body .certification-content-main .checkbox-checked {
  color: #00cfc5
}
.certification-dialog .dialog-body .certification-content-main .certification-item {
  margin-top: 6px
}
.certification-dialog .dialog-body .certification-content-main .certification-item + .certification-item {
  margin-top: 40px
}
.certification-dialog .dialog-body .certification-content-main .certification-level-list .sub-title {
  padding: 0 30px;
  display: block;
  color: #8a8e9a;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px
}
.upload-work-area {
  overflow: hidden;
  margin: 0 -6px
}
.upload-work-area li {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  padding: 0 !important;
  margin: 6px;
  cursor: pointer
}
.upload-work-area li .progress {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 3px
}
.upload-work-area li .progress-bar {
  background-color: #3b86f6
}
.upload-work-area li .progress {
  z-index: 11
}
.upload-work-area li .icon-del {
  display: none;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: rgba(0, 0, 0, .4);
  border-radius: 0 0 0 8px;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #fff;
  transition: all .2s linear
}
.upload-work-area li .icon-del:hover {
  background: rgba(0, 0, 0, .6)
}
.upload-work-area li .status-fail {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  line-height: 17px;
  white-space: nowrap
}
.upload-work-area li .status-fail span {
  display: block;
  cursor: pointer;
  color: #3b86f6
}
.upload-work-area li .status-succ {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 30px;
  background-color: rgba(0, 0, 0, .5)
}
.upload-work-area li .video-play-icon {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  z-index: 9;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/3hpx66djjq1669714741397.png) 0 0/36px auto no-repeat
}
.upload-work-area li .select-video-thumb {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 6;
  color: #fff;
  height: 25px;
  background: rgba(0, 0, 0, .4);
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear
}
.upload-work-area li .select-video-thumb:hover {
  color: #3b86f6
}
.upload-work-area li.display-item {
  padding: 0;
  background: no-repeat 50%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}
.upload-work-area li.display-item img {
  display: block;
  transition: all .15s linear
}
.upload-work-area li.display-item:hover {
  border-radius: 0
}
.upload-work-area li.display-item:hover img {
  transform: scale(1.1)
}
.upload-work-area li.display-item:after {
  display: none;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .2)
}
.upload-work-area li.display-item:hover .icon-del, .upload-work-area li.display-item:hover:after {
  display: block
}
.upload-work-area li.display-item:hover .status-succ {
  display: none
}
.upload-work-area li.display-video-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff
}
.upload-work-area li.display-video-item:hover .video-play-icon {
  background-position: 0 -36px
}
.upload-work-area li.display-video-item .status-fail:before {
  display: block;
  content: " ";
  width: 30px;
  height: 19px;
  margin: 0 auto 6px;
  background: url(https://img.bosszhipin.com/static/file/2022/0p56yshw8c1669968466657.png) 0 0/30px auto no-repeat
}
.upload-work-area li.upload-uploading:after {
  display: block
}
.upload-work-area li.upload-fail {
  cursor: default
}
.upload-work-area li.upload-fail:after {
  display: block;
  background: #5e5e5e
}
.upload-work-area .display-item-audit-reject .icon-and-text {
  position: absolute;
  height: 24px;
  width: 76px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 400;
  top: 50%;
  left: 50%;
  margin-left: -38px;
  margin-top: -12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fe574a;
  z-index: 10
}
.upload-work-area .display-item-audit-reject .icon-and-text .audit-reject-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-top: 4px;
  margin-left: -6px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icon-audit-reject@2x.7b0c5c17.png) no-repeat 50%;
  background-size: 100% 100%
}
.upload-work-area .display-item-audit-reject img {
  opacity: .3
}
.upload-work-area .upload-wrap {
  position: relative;
  width: 100px;
  height: 100px;
  background: #fff;
  border: 1px dotted #b3b3b3;
  transition: all .2s linear;
  cursor: pointer
}
.upload-work-area .upload-wrap .upload-image-mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent
}
.upload-work-area .upload-wrap:hover {
  background: rgba(0, 190, 189, .1);
  border: 1px dotted #3b86f6
}
.upload-work-area .upload-wrap .upload-inner {
  height: 100%
}
.upload-work-area .upload-wrap .icon-upload-plus {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  border: 2px solid #3b86f6;
  color: #3b86f6;
  margin: 24px auto 8px
}
.upload-work-area .upload-wrap .upload-guide {
  font-size: 12px;
  color: #3b86f6;
  line-height: 17px;
  text-align: center
}
.work-upload-message {
  margin-top: 6px
}
.work-upload-message .work-upload-tip {
  margin-bottom: 0
}
.work-upload-message .work-upload-tip + .work-upload-tip {
  margin-top: 8px
}
.work-upload-tip {
  font-size: 12px;
  color: #61687c;
  line-height: 17px;
  margin-bottom: 6px;
  word-break: break-all
}
.work-upload-tip.text-gray {
  color: #3e4559
}
.fast-import-bar {
  position: relative;
  padding: 14px 24px 14px 20px;
  background: rgba(83, 202, 195, .1);
  margin-bottom: 14px;
  margin-top: -6px
}
.fast-import-bar .fast-import-title {
  font-size: 14px;
  font-weight: 500;
  color: #24272e;
  line-height: 20px
}
.fast-import-bar .fast-import-title em {
  font-style: normal;
  color: #00c2b3
}
.fast-import-bar .fast-import-title .company-name {
  color: #00c2b3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 400px;
  vertical-align: middle;
  position: relative;
  top: -1px
}
.fast-import-bar .fast-import-desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 512px;
  font-size: 12px;
  font-weight: 400;
  color: #61687c;
  line-height: 17px;
  margin-top: 6px
}
.fast-import-bar .fast-import-operate {
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -14px
}
.fast-import-bar .fast-import-operate .btn {
  border-radius: 17px;
  padding: 4px 15px;
  font-size: 13px;
  line-height: 18px
}
.import-resume-dialog .dialog-container {
  padding: 30px 0;
  width: 520px
}
.import-resume-dialog .dialog-header {
  margin-bottom: 20px;
  padding: 0 30px
}
.import-resume-dialog .dialog-header .title {
  font-size: 20px;
  font-weight: 500;
  color: #24272e;
  line-height: 24px
}
.import-resume-dialog .import-resume-wrapper .title {
  font-size: 14px;
  font-weight: 400;
  color: #414a60;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 0 30px
}
.import-resume-dialog .import-resume-wrapper .mt30 {
  margin-top: 30px
}
.import-resume-dialog .import-resume-wrapper .resume-list li {
  position: relative;
  display: block;
  padding: 10px 30px;
  transition: all .2s linear
}
.import-resume-dialog .import-resume-wrapper .resume-list li:hover {
  background: #f2f5fa
}
.import-resume-dialog .import-resume-wrapper .resume-list li:hover .operate-list {
  display: block
}
.import-resume-dialog .import-resume-wrapper .resume-list li.disable-import:hover {
  background: #fff
}
.import-resume-dialog .import-resume-wrapper .resume-list li.disable-import:hover .operate-list {
  display: none
}
.import-resume-dialog .import-resume-wrapper .resume-list li.disable-import .resume-info .base-info, .import-resume-dialog .import-resume-wrapper .resume-list li.disable-import .resume-info .desc {
  color: #999
}
.import-resume-dialog .import-resume-wrapper .resume-list li img {
  position: absolute;
  width: 29px;
  top: 12px;
  left: 30px;
  z-index: 1
}
.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info {
  width: 100%;
  padding-left: 39px;
  background: transparent
}
.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .base-info {
  font-size: 14px;
  font-weight: 400;
  color: #24272e;
  line-height: 20px
}
.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .resume-name {
  display: inline-block;
  max-width: 330px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .warning-tag {
  display: inline-block;
  color: #ff9d00;
  background: #fff3e5;
  font-size: 12px;
  line-height: 17px;
  padding: 1px 6px;
  border-radius: 3px;
  margin-left: 8px;
  white-space: nowrap;
  vertical-align: middle
}
.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .works-tip {
  display: inline-block;
  color: #00c2b3;
  background: rgba(141, 220, 215, .2);
  font-size: 12px;
  line-height: 17px;
  padding: 1px 6px;
  border-radius: 3px;
  margin-left: 8px;
  white-space: nowrap;
  vertical-align: middle
}
.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .parser-tag {
  display: inline-block;
  color: #00c2b3;
  background: #edf9f9;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  padding: 1px 6px;
  margin-left: 8px;
  white-space: nowrap;
  vertical-align: top
}
.import-resume-dialog .import-resume-wrapper .resume-list li .resume-info .desc {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #61687c;
  line-height: 17px
}
.import-resume-dialog .import-resume-wrapper .resume-list li .operate-list {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  z-index: 1;
  display: none
}
.import-resume-dialog .import-resume-wrapper .resume-list li .operate-list a {
  color: #00c2b3
}
.import-resume-dialog .import-resume-wrapper .resume-upload {
  position: relative;
  margin: 0 30px;
  width: 460px;
  height: 157px;
  cursor: pointer;
  border: 1px dashed #e3e7ed;
  transition: all .2s linear;
  text-align: center
}
.import-resume-dialog .import-resume-wrapper .resume-upload:hover {
  background: rgba(83, 202, 195, .1);
  border: 1px dashed #53cac3
}
.import-resume-dialog .import-resume-wrapper .resume-upload input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0
}
.import-resume-dialog .import-resume-wrapper .resume-upload i {
  display: block;
  margin-top: 24px;
  font-size: 14px;
  color: #8d92a1;
  font-weight: 700
}
.import-resume-dialog .import-resume-wrapper .resume-upload .tip-drag {
  font-size: 14px;
  font-weight: 400;
  color: #24272e;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 10px
}
.import-resume-dialog .import-resume-wrapper .resume-upload .tip-filetype, .import-resume-dialog .import-resume-wrapper .resume-upload .tip-size {
  font-size: 12px;
  font-weight: 400;
  color: #8d92a1;
  line-height: 17px
}
.parser-resume-dialog .dialog-container {
  height: 90%;
  padding: 0
}
.parser-resume-dialog .dialog-body {
  max-height: none;
  height: 100%;
  overflow: hidden
}
.parser-resume-dialog .upload-preview {
  background: #fff;
  width: 1020px;
  margin: 0 auto;
  display: flex;
  height: 100%
}
.parser-resume-dialog .upload-preview h3.title {
  font-size: 20px;
  font-weight: 500;
  color: #24272e;
  line-height: 24px
}
.parser-resume-dialog .upload-preview .preview-box {
  flex: 1;
  padding: 30px 10px 30px 30px;
  position: relative;
  height: 100%;
  min-height: 400px;
  overflow: auto
}
.parser-resume-dialog .upload-preview .preview-box .img-box {
  border: 1px solid #e3e7ed;
  margin-top: 14px;
  height: calc(100% - 38px);
  overflow-y: auto;
  overflow-x: hidden
}
.parser-resume-dialog .upload-preview .preview-box .img-box .data-tips {
  height: 100%
}
.parser-resume-dialog .upload-preview .preview-box .img-box .data-tips p {
  padding: 5px 0
}
.parser-resume-dialog .upload-preview .preview-box .img-box img {
  display: block;
  max-width: 100%;
  margin: 0 auto
}
.parser-resume-dialog .upload-preview .preview-sider {
  width: 230px;
  margin: 68px 30px 30px 0;
  background: #f8f9fb;
  padding: 18px 20px
}
.parser-resume-dialog .upload-preview .preview-sider h3.title {
  font-size: 16px;
  font-weight: 500;
  color: #24272e;
  line-height: 22px;
  margin-bottom: 16px
}
.parser-resume-dialog .upload-preview .preview-sider p {
  padding-bottom: 16px;
  color: #414a60;
  line-height: 20px;
  word-break: break-all
}
.parser-resume-dialog .upload-preview .preview-sider p.gray {
  color: #8d92a1;
  line-height: 17px;
  font-size: 12px
}
.parser-resume-dialog .upload-preview .preview-sider .btns {
  margin-top: 14px
}
.parser-resume-dialog .upload-preview .preview-sider .btn-file {
  position: relative;
  display: block;
  width: 100%;
  font-weight: 400;
  margin-top: 12px;
  cursor: pointer;
  text-align: center
}
.parser-resume-dialog .upload-preview .preview-sider .btn-file input {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0
}
.parser-resume-dialog .upload-preview .preview-sider .btn-sure {
  display: block;
  width: 100%
}
.parser-resume-dialog .upload-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .8);
  z-index: 1100
}
.parser-resume-dialog .upload-container .lower-content {
  box-sizing: border-box;
  padding: 40px 29px 30px 40px;
  width: 560px;
  height: 244px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 381px;
  transform: translate(-50%);
  position: relative
}
.parser-resume-dialog .upload-container .lower-content .item:first-child {
  font-size: 24px;
  color: #62687a
}
.parser-resume-dialog .upload-container .lower-content .item:nth-child(2) {
  margin-top: 20px;
  font-size: 16px;
  color: #62687a
}
.parser-resume-dialog .upload-container .lower-content .item:nth-child(3) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px
}
.parser-resume-dialog .upload-container .lower-content .item:nth-child(3) a {
  display: block;
  width: 100px;
  height: 40px;
  background-color: #53cac3;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff
}
.parser-resume-dialog .upload-container .normal-content {
  text-align: center;
  box-sizing: border-box;
  padding: 40px;
  width: 400px;
  height: 180px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  position: relative
}
.parser-resume-dialog .upload-container .normal-content .item:nth-child(2) {
  color: #fc703e
}
.parser-resume-dialog .upload-container .normal-content a {
  display: block;
  width: 112px;
  height: 36px;
  background-color: #5dd5c8;
  border: 1px solid #5dd5c8;
  margin: 24px auto 0;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  position: relative
}
.parser-resume-dialog .upload-container .normal-content a input {
  position: absolute;
  width: 112px;
  height: 36px;
  top: 0;
  left: 0;
  background: 0 0;
  opacity: 0;
  outline: 0
}
.parser-resume-dialog .upload-container .close-resume {
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/pop-resume-close.58ecfa32.png) no-repeat;
  background-size: cover;
  right: 18px;
  top: 18px
}
.parser-resume-dialog .upload-container .close-resume:hover {
  cursor: pointer
}
.parser-resume-dialog .upload-container .preview-resume {
  width: 1000px;
  height: 100%;
  display: flex;
  background-color: #fff;
  margin: 0 auto;
  position: relative
}
.parser-resume-dialog .upload-container .preview-resume .close-resume {
  right: -230px
}
.parser-resume-dialog .upload-container .preview-resume .title {
  font-size: 24px;
  font-weight: 500
}
.parser-resume-dialog .upload-container .preview-resume .item:first-child {
  box-sizing: border-box;
  padding: 20px;
  width: 1000px
}
.parser-resume-dialog .upload-container .preview-resume .item:first-child .resume-img {
  margin-top: 20px;
  width: 100%;
  overflow-y: scroll;
  height: 1271px;
  border: 1px solid #e9ebee;
  position: relative
}
.parser-resume-dialog .upload-container .preview-resume .item:first-child .resume-img img {
  width: 100%
}
.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading {
  width: 107px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading .icon-upload-resume {
  width: 107px;
  height: 104px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/in_upload.5e23ce9d.png) no-repeat
}
.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom {
  width: 107px;
  margin-top: 10px;
  display: flex;
  align-items: center
}
.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom .icon-loading-resume {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/loading.0e6e0f46.gif) no-repeat;
  background-size: cover
}
.parser-resume-dialog .upload-container .preview-resume .item:first-child .loading .loading-bottom span {
  margin-left: 15px;
  font-size: 14px;
  color: #9fa3af
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) {
  background-color: #f9fafb;
  box-sizing: border-box;
  padding: 20px;
  width: 400px
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .message {
  margin-top: 20px
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .message p {
  font-size: 14px;
  margin-bottom: 10px
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .desc {
  margin-top: 15px;
  color: #9fa3af
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a {
  display: block;
  width: 110px;
  height: 32px;
  line-height: 32px;
  position: relative
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:first-child {
  border: 1px solid #5dd5c8;
  color: #5dd5c8;
  text-align: center;
  background-color: #fff
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:first-child input {
  position: absolute;
  width: 112px;
  height: 36px;
  top: 0;
  left: 0;
  background: 0 0;
  opacity: 0;
  outline: 0
}
.parser-resume-dialog .upload-container .preview-resume .item:nth-child(2) .btn-group a:nth-child(2) {
  border: 1px solid #5dd5c8;
  color: #fff;
  text-align: center;
  background-color: #5dd5c8
}
.good-example-wrapper .example-list li, .good-example-wrapper .resume-model-list li {
  color: #24272e
}
.good-example-wrapper .example-list li + li, .good-example-wrapper .resume-model-list li + li {
  margin-top: 24px
}
.good-example-wrapper .example-list li em, .good-example-wrapper .resume-model-list li em {
  display: inline-block;
  font-style: normal;
  margin-left: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #24272e;
  line-height: 21px;
  vertical-align: middle
}
.good-example-wrapper .example-list li span, .good-example-wrapper .resume-model-list li span {
  display: inline-block;
  margin-left: 12px;
  font-size: 15px;
  font-weight: 400;
  color: #24272e;
  line-height: 21px;
  vertical-align: middle
}
.good-example-wrapper .example-list .user-avatar, .good-example-wrapper .resume-model-list .user-avatar {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  vertical-align: middle
}
.good-example-wrapper .example-list .example-desc, .good-example-wrapper .resume-model-list .example-desc {
  position: relative;
  margin-top: 8px;
  word-break: break-all;
  font-size: 13px;
  font-weight: 400;
  color: #414a60;
  line-height: 20px;
  max-height: 81px;
  overflow: hidden;
  white-space: pre-wrap
}
.good-example-wrapper .example-list .example-desc.expanded, .good-example-wrapper .resume-model-list .example-desc.expanded {
  max-height: none
}
.good-example-wrapper .example-list .example-desc .expand-switch-btn, .good-example-wrapper .resume-model-list .example-desc .expand-switch-btn {
  position: absolute;
  width: 60px;
  display: block;
  height: 18px;
  right: 0;
  bottom: 2px;
  font-size: 13px;
  font-weight: 400;
  color: #00c2b3;
  line-height: 18px;
  text-align: right;
  background: linear-gradient(269deg, #fff 67%, hsla(0, 0%, 100%, 0));
  transition: all .2s linear
}
.good-example-wrapper .example-list .example-desc .expand-switch-btn i, .good-example-wrapper .resume-model-list .example-desc .expand-switch-btn i {
  margin-left: 5px;
  font-size: 13px;
  display: inline-block
}
.good-example-wrapper .example-list .example-desc .expand-switch-btn:hover, .good-example-wrapper .resume-model-list .example-desc .expand-switch-btn:hover {
  color: #6adbcf
}
.good-example-wrapper .resume-model-list li {
  background: url(https://img.bosszhipin.com/static/file/2022/sl01isxjre1652941902909.png) 512px 0/auto 40px no-repeat, linear-gradient(267deg, #fff, #fdf7f3);
  border-radius: 4px;
  padding: 4px 10px
}
.good-example-wrapper .resume-model-list li + li {
  margin-top: 16px
}
.good-example-wrapper .resume-model-list li a {
  font-size: 13px;
  font-weight: 400;
  color: #573e30;
  line-height: 18px;
  float: right;
  margin-top: 7px
}
.good-example-wrapper .resume-model-list li a i {
  font-size: 13px
}
.good-example-wrapper .resume-model-box {
  margin-top: 24px
}
.good-example-wrapper .resume-model-card {
  position: relative;
  height: 66px;
  padding: 0 20px 0 66px;
  background: rgba(235, 184, 142, .1) url(https://img.bosszhipin.com/static/file/2022/21zu3hdm9u1652940657992.png) 370px -20px/auto 155px no-repeat;
  border-radius: 6px;
  border: 1px solid #fbeadb;
  overflow: hidden
}
.good-example-wrapper .resume-model-card img {
  position: absolute;
  left: 20px;
  top: 15px;
  width: 36px;
  height: 36px;
  float: left
}
.good-example-wrapper .resume-model-card .resume-mode-info {
  margin-top: 12px
}
.good-example-wrapper .resume-model-card .resume-mode-info h3 {
  color: #573e30;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px
}
.good-example-wrapper .resume-model-card .resume-mode-info p {
  font-size: 12px;
  line-height: 17px;
  margin-top: 4px;
  color: #5b3a2f
}
.good-example-wrapper .resume-model-card .look-btn {
  position: absolute;
  right: 20px;
  top: 19px;
  width: 88px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: linear-gradient(225deg, #fbd8b8, #e1a575);
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #5b3a2f;
  z-index: 1
}
.good-content-wrapper .good-content-list {
  margin-right: -20px
}
.good-content-wrapper .good-content-list li {
  position: relative;
  float: left;
  width: 147px;
  height: 200px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #e3e7ed;
  transition: all .2s linear;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 10px;
  overflow: hidden
}
.good-content-wrapper .good-content-list li:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}
.good-content-wrapper .good-content-list li:hover:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .74), #fff);
  border-radius: 2px;
  z-index: 1
}
.good-content-wrapper .good-content-list li:hover .use-btn {
  display: block
}
.good-content-wrapper .good-content-list li h3 {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #24272e;
  line-height: 20px;
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.good-content-wrapper .good-content-list li h3:before {
  content: " ";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
  background: url(https://img.bosszhipin.com/static/file/2022/jeokdhevff1653650559920.png) 50%/14px 14px no-repeat
}
.good-content-wrapper .good-content-list li .intro {
  font-size: 12px;
  color: #61687c;
  line-height: 16px;
  max-height: 32px;
  -webkit-line-clamp: 2;
  line-clamp: 2
}
.good-content-wrapper .good-content-list li .desc, .good-content-wrapper .good-content-list li .intro {
  font-weight: 400;
  overflow: hidden;
  word-break: break-all;
  white-space: pre-wrap;
  margin-top: 8px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
.good-content-wrapper .good-content-list li .desc {
  height: 110px;
  font-size: 13px;
  color: #24272e;
  line-height: 18px;
  -webkit-line-clamp: 6;
  line-clamp: 6
}
.good-content-wrapper .good-content-list li .use-btn {
  display: none;
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 10px;
  margin-left: -38px;
  width: 76px;
  text-align: center;
  padding: 4px 0;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
  background: #53cac3;
  border-radius: 2px;
  transition: all .2s linear
}
.good-guide-wrapper .good-guide-content {
  font-size: 13px;
  font-weight: 400;
  color: #414a60;
  line-height: 20px;
  word-break: break-all
}
.good-guide-wrapper .good-guide-content img {
  display: block;
  max-width: 100%
}
.good-guide-wrapper .good-guide-content .mt8 {
  margin-top: 8px
}
.good-guide-wrapper .good-guide-content h2 {
  font-size: 16px;
  font-weight: 600;
  color: #24272e;
  line-height: 22px;
  margin-bottom: 8px
}
.good-guide-wrapper .good-guide-content h3 {
  font-size: 15px;
  font-weight: 600;
  color: #24272e;
  line-height: 22px;
  margin-bottom: 8px
}
.good-guide-wrapper .good-guide-content b {
  font-weight: 500;
  color: #24272e
}
.good-guide-wrapper .good-guide-content p + p {
  margin-top: 8px
}
.good-guide-wrapper .good-guide-content .guide-section + .guide-section {
  margin-top: 10px
}
.good-guide-wrapper .good-guide-content .guide-card-list {
  position: relative;
  margin-top: 8px;
  display: flex;
  justify-content: space-between
}
.good-guide-wrapper .good-guide-content .guide-card-list li {
  box-sizing: border-box;
  width: 50%;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #f4f4f4;
  margin: 0
}
.good-guide-wrapper .good-guide-content .guide-card-list li + li {
  margin-left: 10px
}
.good-guide-wrapper .good-guide-content .guide-card-list li img {
  width: 100%;
  margin-bottom: 10px
}
.good-guide-wrapper .good-guide-content .guide-card-list li p {
  margin-top: 4px;
  overflow: hidden;
  color: #444;
  line-height: 16px;
  font-size: 12px;
  word-break: break-all;
  white-space: pre-wrap
}
.good-guide-wrapper .good-guide-content .guide-card-list li .company-info {
  font-size: 12px;
  overflow: hidden
}
.good-guide-wrapper .good-guide-content .guide-card-list li .company-info em {
  float: left;
  font-style: normal;
  font-weight: 500;
  color: #333;
  line-height: 16px
}
.good-guide-wrapper .good-guide-content .guide-card-list li .company-info span {
  float: right;
  font-weight: 400;
  color: #333;
  line-height: 16px
}
.good-guide-wrapper .good-guide-content .guide-advantage-tip {
  margin-top: 4px;
  font-size: 12px;
  line-height: 22px
}
.good-guide-wrapper .good-guide-content .guide-advantage-tip .text-success {
  margin-left: 128px
}
.good-guide-wrapper .good-guide-content .guide-example-list {
  margin-top: 12px
}
.good-guide-wrapper .good-guide-content .guide-example-list li + li {
  margin-top: 24px
}
.good-guide-wrapper .good-guide-content .guide-example-list li.set-example {
  position: relative;
  padding-left: 12px
}
.good-guide-wrapper .good-guide-content .guide-example-list li.set-example:before {
  content: " ";
  position: absolute;
  top: 28px;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 2px;
  background: #e3e7ed;
  border-radius: 1px
}
.good-guide-wrapper .good-guide-content .guide-example-list li.set-example span {
  display: block;
  margin-bottom: 8px
}
.good-guide-wrapper .good-guide-content .text-danger {
  color: #ef505e
}
.good-guide-wrapper .good-guide-content .text-success {
  color: #3b86f6
}
.good-guide-wrapper .question-link {
  display: inline-block;
  font-size: 13px;
  color: #61687c;
  line-height: 20px;
  margin-top: 20px;
  text-decoration: underline;
  transition: all .2s linear
}
.good-guide-wrapper .question-link:hover {
  color: #00c2b3
}
.good-guide-wrapper .zan-btn {
  display: block;
  width: 207px;
  height: 40px;
  margin: 20px auto 10px;
  text-align: center;
  line-height: 38px;
  background: #fff;
  border-radius: 2px;
  font-size: 13px;
  color: #414a60;
  border: 1px solid #e3e7ed;
  transition: all .2s linear
}
.good-guide-wrapper .zan-btn:hover {
  color: #00c2b3;
  border-color: #53cac3
}
.good-guide-wrapper .zan-btn:hover i {
  background-position: 0 0
}
.good-guide-wrapper .zan-btn.active {
  background: #53cac3;
  border-color: #53cac3;
  color: #fff
}
.good-guide-wrapper .zan-btn.active i {
  background-position: -20px 0
}
.good-guide-wrapper .zan-btn i {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  background: url(https://img.bosszhipin.com/static/file/2022/biwe2aezvc1653048110343.png) -40px 0/auto 20px no-repeat
}
.reference-statement-wrapper .statement-empty-box {
  margin: 20px auto 0
}
.reference-statement-wrapper .statement-empty-box img {
  display: block;
  width: 200px;
  height: 122px;
  margin: 0 auto
}
.reference-statement-wrapper .statement-empty-box p {
  text-align: center;
  font-size: 13px;
  color: #999;
  font-weight: 200;
  line-height: 22px;
  margin-top: 16px
}
.reference-statement-wrapper .reference-statement-item + .reference-statement-item {
  margin-top: 30px
}
.reference-statement-wrapper .reference-statement-item .reference-statement-header {
  display: flex;
  justify-content: space-between
}
.reference-statement-wrapper .reference-statement-item .reference-statement-header .reference-statement-title {
  font-size: 14px;
  font-weight: 600;
  color: #24272e;
  line-height: 20px
}
.reference-statement-wrapper .reference-statement-item .reference-statement-header a {
  font-size: 14px;
  color: #3b86f6;
  line-height: 20px;
  transition: all .2s linear
}
.reference-statement-wrapper .reference-statement-item .reference-statement-header a:hover {
  color: #3b86f6
}
.reference-statement-wrapper .reference-statement-item .reference-statement-header a i {
  margin-right: 5px
}
.reference-statement-wrapper .reference-statement-item .reference-statement-header a.rotate i {
  animation: rotate .2s linear
}
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(180deg)
  }
}
.reference-statement-wrapper .reference-statement-item .statement-list-wrapper {
  overflow: hidden
}
.reference-statement-wrapper .reference-statement-item .statement-list-wrapper .reference-statement-list li {
  cursor: pointer;
  float: left;
  margin-top: 12px;
  margin-right: 16px;
  font-size: 13px;
  line-height: 20px;
  padding: 2px 8px;
  background: #f8f8f8;
  border-radius: 4px;
  white-space: nowrap;
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.reference-statement-wrapper .reference-statement-item .statement-list-wrapper .reference-statement-list li:hover {
  background: rgba(0, 190, 189, .1);
  color: #3b86f6
}
.reference-statement-wrapper .reference-statement-item .statement-list-wrapper.full-row {
  margin-top: 4px
}
.reference-statement-wrapper .reference-statement-item .statement-list-wrapper.full-row .reference-statement-list li {
  width: 620px;
  background: transparent;
  margin-top: 8px;
  margin-right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
.reference-statement-wrapper .reference-statement-item .statement-list-wrapper.full-row .reference-statement-list li:hover {
  background: #f8f8f8
}
.guide-section-block + .guide-section-block {
  margin-top: 10px
}
.guide-section-block .guide-section-title {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #24272e;
  line-height: 20px;
  margin-bottom: 10px
}
.guide-section-block .guide-section-title:hover, .guide-section-block .guide-section-title:hover .svg-icon, .guide-section-block .guide-section-title:hover h2 {
  color: #00c2b3
}
.guide-section-block .guide-section-title.is-expanded .svg-icon {
  transform: rotate(180deg)
}
.guide-section-block .guide-section-title .svg-icon {
  width: 10px;
  height: 10px;
  margin-right: 8px
}
.guide-section-block .guide-section-main {
  transition: all .2s linear;
  margin-bottom: 20px
}
.guide-section-block .guide-section-main p {
  word-break: break-all;
  white-space: pre-wrap
}
.position-compare-wrapper {
  background: #f8f8f8;
  border-radius: 4px
}
.position-compare-wrapper .position-compare-container, .position-compare-wrapper .position-compare-middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 30px
}
.position-compare-wrapper .position-compare-middle {
  background: #fff
}
.position-compare-wrapper .position-compare-middle .position-skill-container .position-skill-title {
  color: #3b86f6
}
.position-compare-wrapper .position-compare-middle .position-skill-container .position-skill-list li {
  color: #3b86f6;
  background: rgba(0, 190, 189, .1)
}
.position-compare-wrapper .position-compare-middle .position-skill-container .position-skill-list li:hover {
  color: #fff;
  background: #3b86f6
}
.position-compare-wrapper .position-info {
  width: 180px;
  flex-shrink: 0
}
.position-compare-wrapper .position-info span {
  display: block;
  font-size: 12px;
  color: #414a60;
  line-height: 18px;
  margin-bottom: 4px
}
.position-compare-wrapper .position-info .position-select-picker {
  cursor: pointer;
  display: flex;
  align-items: flex-end
}
.position-compare-wrapper .position-info .position-select-picker:hover i {
  color: #3b86f6
}
.position-compare-wrapper .position-info .position-select-picker b {
  display: inline-block;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 600;
  color: #24272e;
  line-height: 22px;
  margin-right: 6px
}
.position-compare-wrapper .position-info .position-select-picker b.gray {
  color: #999
}
.position-compare-wrapper .position-info .position-select-picker i {
  position: relative;
  top: -2px;
  color: #3b86f6;
  transition: all .2s linear;
  font-weight: 600;
  font-size: 12px
}
.position-compare-wrapper .position-compare-icon {
  width: 180px;
  flex-shrink: 0
}
.position-compare-wrapper .position-compare-icon .svg-icon {
  width: 12px;
  height: 20px
}
.position-compare-wrapper .position-compare-icon .svg-icon:first-child {
  transform: rotate(180deg)
}
.position-compare-wrapper .empty-desc {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  flex: 1
}
.position-compare-wrapper .position-skill-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1
}
.position-compare-wrapper .position-skill-container .position-skill-title {
  font-size: 13px;
  font-weight: 600;
  color: #414a60;
  line-height: 18px;
  margin-right: 20px
}
.position-compare-wrapper .position-skill-container .position-skill-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-bottom: -8px
}
.position-compare-wrapper .position-skill-container .position-skill-list li {
  margin-left: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  padding: 4px 8px;
  color: #414a60;
  line-height: 18px;
  background: #fff;
  border-radius: 3px;
  transition: all .2s linear
}
.position-compare-wrapper .position-skill-container .position-skill-list li:hover {
  font-weight: 600;
  color: #3b86f6;
  background: rgba(0, 190, 189, .1)
}
.skill-word-tooltip {
  z-index: 10000
}
.skill-word-tooltip .tooltip-inner {
  background: rgba(0, 0, 0, .7);
  color: #fff;
  padding: 10px 15px;
  font-size: 14px;
  width: 310px;
  line-height: 22px;
  border-radius: 4px
}
.skill-word-tooltip .skill-word-tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 8px;
  border-color: rgba(0, 0, 0, .7);
  z-index: 1
}
.skill-word-tooltip[x-placement^=top] {
  margin-bottom: 12px
}
.skill-word-tooltip[x-placement^=top] .skill-word-tooltip-arrow {
  border-width: 8px 8px 0;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -8px;
  left: calc(50% - 16px);
  margin-top: 0;
  margin-bottom: 0
}
.skill-word-tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s, visibility .2s
}
.skill-word-tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity .2s
}
.skill-word-tooltip .tooltip-inner p {
  word-break: break-all
}
.skill-word-tooltip .tooltip-inner p span {
  display: block
}
.skill-word-tooltip .tooltip-inner p + p {
  margin-top: 8px
}
.resume-helper-wrapper {
  position: relative;
  color: #414a60;
  margin-top: 20px;
  background: #fff;
  padding-bottom: 20px
}
.resume-helper-wrapper.is-expand {
  padding-bottom: 60px
}
.resume-helper-wrapper .resume-helper-tab {
  border-bottom: 1px solid #f3f3f3;
  padding: 0 20px;
  background: #fff
}
.resume-helper-wrapper .resume-helper-tab:before {
  content: " ";
  float: left;
  width: 24px;
  height: 24px;
  margin-top: 10px;
  margin-right: 12px;
  background: url(https://img.bosszhipin.com/static/file/2022/4ndupw6wa61647590241717.png) 0 0/auto 24px no-repeat
}
.resume-helper-wrapper .resume-helper-tab .content-template-popper {
  position: absolute;
  left: 50%;
  top: -50px;
  margin-left: -112px;
  background: rgba(0, 0, 0, .7);
  border-radius: 4px;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding: 10px 15px;
  white-space: nowrap;
  z-index: 2
}
.resume-helper-wrapper .resume-helper-tab .content-template-popper:after {
  content: " ";
  position: absolute;
  bottom: -14px;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top-color: rgba(0, 0, 0, .7);
  z-index: 1
}
.resume-helper-wrapper .resume-helper-tab .content-template-popper a {
  color: #5dd5c8;
  transition: all .2s linear;
  margin-left: 4px
}
.resume-helper-wrapper .resume-helper-tab .content-template-popper a:hover {
  color: #00c2b3
}
.resume-helper-wrapper .resume-helper-tab li {
  position: relative;
  float: left;
  line-height: 20px;
  padding: 12px 0 11px;
  cursor: pointer;
  transition: all .2s linear
}
.resume-helper-wrapper .resume-helper-tab li + li {
  margin-left: 30px
}
.resume-helper-wrapper .resume-helper-tab li.active, .resume-helper-wrapper .resume-helper-tab li:hover {
  color: #24272e;
  font-weight: 500
}
.resume-helper-wrapper .resume-helper-tab li.active:after {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 18px;
  height: 2px;
  margin-left: -9px;
  background: #5dd5c8
}
.resume-helper-wrapper .resume-helper-body {
  position: relative
}
.resume-helper-wrapper .resume-helper-main {
  max-height: 436px;
  padding: 15px 20px 0;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
  overflow: auto;
  overflow: overlay
}
.resume-helper-wrapper .resume-helper-main.none-max-height {
  max-height: none
}
.resume-helper-wrapper .resume-helper-main .title {
  font-size: 12px;
  font-weight: 400;
  color: #61687c;
  line-height: 17px;
  margin-bottom: 20px
}
.resume-helper-wrapper .resume-helper-main .title img {
  width: 16px;
  margin-right: 8px;
  vertical-align: middle
}
.resume-helper-wrapper .resume-helper-main .expand-btn {
  display: block;
  width: 80px;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 400;
  color: #414a60;
  line-height: 17px;
  transition: all .2s linear
}
.resume-helper-wrapper .resume-helper-main .expand-btn:hover {
  color: #5dd5c8
}
.resume-helper-wrapper .resume-helper-main .expand-btn i {
  transition: all .2s linear;
  margin-left: 5px;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  top: -1px
}
.resume-helper-wrapper .pack-up-btn {
  position: absolute;
  padding: 3px 0 4px;
  left: 50%;
  width: 120px;
  text-align: center;
  margin-left: -60px;
  bottom: 12px;
  background: #edf9f9;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #00c2b3;
  line-height: 17px;
  z-index: 2;
  transition: all .2s linear
}
.resume-helper-wrapper .pack-up-btn i {
  transition: all .2s linear;
  font-size: 12px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-left: 5px
}
.resume-helper-wrapper .pack-up-btn:hover {
  color: #fff;
  background: #53cac3
}
.resume-preview-dialog .dialog-container {
  width: 920px;
  padding: 30px 0 0
}
.resume-preview-dialog .dialog-body {
  max-height: none
}
.resume-preview-dialog .dialog-header {
  padding: 0 30px;
  margin-bottom: 8px
}
.resume-preview-dialog .dialog-header .title {
  font-size: 20px;
  font-weight: 500;
  color: #24272e;
  line-height: 28px
}
.resume-preview-dialog .resume-preview-wrapper .preview-way-tab {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f3f3f3;
  padding: 0 30px
}
.resume-preview-dialog .resume-preview-wrapper .preview-way-tab li {
  font-size: 14px;
  color: #414a60;
  display: flex;
  align-items: center;
  height: 46px;
  line-height: 46px;
  cursor: pointer;
  transition: all .2s linear
}
.resume-preview-dialog .resume-preview-wrapper .preview-way-tab li + li {
  margin-left: 30px
}
.resume-preview-dialog .resume-preview-wrapper .preview-way-tab li:hover {
  color: #24272e;
  font-weight: 500
}
.resume-preview-dialog .resume-preview-wrapper .preview-way-tab li.active {
  color: #24272e;
  font-weight: 500;
  position: relative;
  cursor: default
}
.resume-preview-dialog .resume-preview-wrapper .preview-way-tab li.active:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 2px;
  background: #53cac3
}
.resume-preview-dialog .resume-preview-body {
  padding: 20px 30px 30px;
  max-height: calc(100vh - 128px);
  overflow: auto;
  overflow: overlay
}
.video-work-form .upload-video-work {
  position: relative;
  width: 100px;
  height: 100px;
  background: #fff;
  border: 1px dotted #b3b3b3;
  cursor: pointer;
  margin-top: 6px;
  transition: all .2s linear
}
.video-work-form .upload-video-work:hover {
  background: rgba(0, 190, 189, .1);
  border: 1px dotted #3b86f6
}
.video-work-form .upload-video-work .upload-inner {
  height: 100%
}
.video-work-form .upload-video-work .icon-upload-plus {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  border: 2px solid #3b86f6;
  color: #3b86f6;
  margin: 24px auto 8px
}
.video-work-form .upload-video-work .upload-guide {
  font-size: 12px;
  color: #3b86f6;
  line-height: 17px;
  text-align: center
}
.video-work-form .upload-video-work input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer
}
.analyze-limit-dialog .dialog-container {
  padding: 30px;
  width: 380px
}
.analyze-limit-dialog .dialog-body {
  padding-right: 30px;
  margin-right: -30px
}
.analyze-limit-dialog .dialog-footer {
  padding: 0;
  margin: 32px auto 0
}
.analyze-limit-dialog .dialog-footer .btns {
  text-align: center
}
.analyze-limit-dialog .dialog-footer .btns .btn {
  padding: 0 29px
}
.analyze-limit-dialog .analyze-limit-title {
  display: block;
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #24272e;
  line-height: 25px;
  text-align: center
}
.analyze-limit-dialog .analyze-limit-desc {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #8d92a1;
  line-height: 20px;
  text-align: center;
  margin-top: 6px
}
.analyze-limit-dialog .analyze-limit-image {
  width: 200px;
  display: block;
  margin: 40px auto 0
}
.auth-resume-card {
  width: 400px
}
.auth-resume-card .tip {
  color: #333;
  line-height: 20px;
  margin-top: 20px
}
.auth-resume-card .tip-small {
  display: block;
  color: #666;
  margin-top: 10px;
  font-size: 12px;
  line-height: 17px
}
.auth-resume-card .resume-card-wrapper {
  display: flex;
  margin-top: 10px;
  align-items: center;
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 4px
}
.auth-resume-card .resume-card-wrapper img {
  height: 46px;
  margin-right: 10px
}
.auth-resume-card .resume-card-wrapper .resume-card-info .title {
  color: #333;
  display: block;
  max-width: 340px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.auth-resume-card .resume-card-wrapper .resume-card-info .desc {
  margin-top: 4px;
  color: #666;
  line-height: 20px
}
.base-info .form-item .item-content .name input {
  width: 230px
}
.base-info .form-item .item-content .datepicker-wrap .input-wrap {
  min-width: 480px
}
.base-info .form-item .item-content .radio-group-rectangle {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.base-info .form-item .item-content .radio-group-rectangle .radio-item {
  min-width: 230px;
  color: #414a60;
  margin-right: 0
}
.base-info .form-item .item-content .datepicker-year .picker-content {
  max-height: 228px;
  height: auto
}
.base-info .form-item input::-webkit-input-placeholder {
  font-size: 13px;
  color: #d1d4db
}
.base-info .form-item .job-status-common {
  margin-top: 20px
}
.base-info .form-item .radio-desc {
  font-size: 12px;
  color: #8d92a1;
  margin-left: 10px
}
.base-info .base-info-photo {
  width: 90px;
  height: 90px;
  margin: 0;
  float: right
}
.base-info .base-info-photo .form-error-tip {
  display: none
}
.base-info .base-info-photo .name-photo {
  position: relative;
  height: 100%;
  width: 100%;
  cursor: pointer
}
.base-info .base-info-photo .name-photo img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  border: 1px solid #f6fbfb
}
.base-info .base-info-photo .name-photo .set-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%
}
.base-info .base-info-photo .name-photo .select-photo-warn {
  position: absolute;
  width: 90px;
  height: 90px;
  padding-left: 0;
  margin-top: 0;
  line-height: 80px;
  background: #efe3e2;
  color: #fc6c38;
  font-size: 12px;
  text-align: center;
  border-radius: 50%
}
.base-info .base-info-photo .name-photo:hover .set-photo {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/avatar-hover.8944c734.png) 50%/90px 90px no-repeat
}
.education-info .radio-group-rectangle {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.education-info .radio-group-rectangle .radio-item {
  width: 230px;
  flex: 1
}
.education-info .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder {
  color: #d1d4db !important
}
.work-info .form-item .item-content .date-scope {
  display: flex;
  justify-content: space-between
}
.work-info .form-item .item-content .datepicker-wrap:first-child {
  margin-right: 15px
}
.work-info .form-item .item-content .datepicker-wrap .input, .work-info .form-item .item-content .datepicker-wrap .input-wrap {
  min-width: 230px;
  width: 230px
}
.work-info .form-item .item-content .skill-tags {
  margin-top: 10px
}
.work-info .form-item .item-content .skill-tags .skill-tag {
  display: inline-block;
  background-color: #eff0f5;
  color: #51586d;
  font-size: 12px;
  cursor: pointer;
  border-radius: 10px;
  margin-right: 10px;
  padding: 0 12px;
  line-height: 20px
}
.work-info .form-item .item-content .skill-tags .skill-tag:hover {
  background-color: #e5f8f7
}
.work-info .form-item .item-content .skill-tags .selectedSkill {
  border: 1px solid #00c2b3;
  background-color: #e5f8f7;
  color: #00c2b3
}
.work-info .form-item .item-content .input[readonly] {
  background: none;
  cursor: pointer
}
.work-info .form-item .item-content .datepicker-wrap:last-child .datepicker-pannel {
  right: 0
}
.job-info .form-item .item-content .ui-cascader, .job-info .form-item .item-content .ui-cascader-selection {
  width: 100%
}
.job-info .form-item .item-content .scope-selecter .scope-select .ui-select-selection .ui-select-inner span.ui-select-placeholder {
  margin-left: 0
}
.job-info .form-item .item-content .input[readonly] {
  cursor: pointer;
  background: #fff
}
.job-info .form-item .item-content .input[readonly]:hover {
  border-color: #2cd7c8
}
.guide-page {
  background: #fff;
  border-radius: 10px
}
.guide-page u {
  text-decoration: none;
  color: #16c3b1
}
.guide-page .text-blue {
  color: #00c2b3
}
.guide-page .gray-message-tip {
  width: 168px;
  font-size: 12px;
  color: #8d92a1;
  line-height: 17px;
  word-break: break-all;
  text-align: left
}
.guide-page .message-tip {
  margin: -30px -40px 20px;
  font-size: 13px;
  color: #407bf2;
  line-height: 18px;
  padding: 5px 40px;
  background: rgba(64, 123, 242, .1)
}
.guide-page .message-tip .upload-resume-btn {
  color: #407bf2;
  font-weight: 500;
  text-decoration: underline;
  transition: all .2s linear
}
.guide-page .message-tip .upload-resume-btn:hover {
  color: rgba(64, 123, 242, .8)
}
.guide-page header {
  height: 80px;
  padding: 20px 40px 0;
  border-bottom: 1px solid #e3e7ed;
  background-color: #f8fcff;
  border-radius: 10px 10px 0 0
}
.guide-page header img {
  width: 40px;
  height: 40px
}
.guide-page header .content {
  margin-left: 20px
}
.guide-page header .content h4 {
  line-height: 22px;
  color: #414a60;
  font-size: 16px;
  font-weight: 600
}
.guide-page header .content .describe {
  height: 26px;
  margin-top: 2px;
  line-height: 26px;
  color: #8d92a1;
  font-size: 14px;
  font-weight: 400
}
.guide-page header .skip {
  float: right;
  margin: 8px -40px 0 0;
  padding: 0 5px 0 21px;
  line-height: 23px;
  background: #fff0df url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/icons.69b3aa96.png) no-repeat 5px -1091px;
  background-size: 18px auto;
  color: #eb9a3d;
  font-size: 12px;
  border-radius: 12px 0 0 12px
}
.guide-page footer {
  text-align: right;
  padding: 19px 40px 20px;
  border-top: 1px solid #e3e7ed
}
.guide-page footer button + button {
  margin-left: 20px
}
.guide-page footer .upload-resume-area {
  float: left;
  display: flex;
  align-items: center
}
.guide-page footer .upload-resume-area .resume-upload-btn {
  width: 94px;
  height: 34px;
  color: #00c2b3;
  line-height: 32px;
  text-align: center;
  background: #fff;
  border: 1px solid #5dd5c8;
  transition: all .2s linear;
  margin-right: 8px
}
.guide-page footer .upload-resume-area .resume-upload-btn i {
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px
}
.guide-page footer .upload-resume-area .resume-upload-btn:hover {
  color: #fff;
  background: #00c2b3;
  border-color: #00c2b3
}
.guide-page footer .upload-resume-area .resume-upload-info {
  font-size: 13px;
  color: #61687c;
  line-height: 18px
}
.guide-page footer .upload-resume-area .resume-upload-info .resume-upload-name {
  display: inline-block;
  max-width: 157px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle
}
.guide-page footer .upload-resume-area .resume-upload-info .icon-remove-btn {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  vertical-align: middle;
  cursor: pointer;
  background: url(https://img.bosszhipin.com/static/file/2022/np8jkloxyv1662470770556.png) 0 0/16px auto no-repeat
}
.guide-page footer .upload-resume-area .resume-upload-info:hover .icon-remove-btn {
  background-position: 0 -16px
}
.guide-page .page-content {
  position: relative;
  padding: 30px 40px;
  background-color: #fff;
  max-height: calc(100vh - 194px);
  overflow: auto;
  overflow: overlay
}
.guide-page .page-content::-webkit-scrollbar-track-piece {
  background: transparent
}
.guide-page .form-item:last-child {
  margin-bottom: 0
}
.guide-page .form-item .item-label {
  color: #8d92a1;
  font-size: 13px
}
.guide-page .form-item .item-content .input-wrap, .guide-page .form-item .item-content .serial-selecter .serial-toolbar, .guide-page .form-item .item-content .ui-select, .guide-page .form-item .item-content .ui-suggest {
  width: 100%
}
.guide-page .form-item .item-content .scope-selecter .scope-select .ui-select-selection .ui-select-inner {
  padding: 6px 8px 5px
}
.guide-page .form-item .item-content .input-wrap-textarea {
  min-width: 100%
}
.guide-page .form-item .item-content .input-wrap-textarea .input {
  height: 114px;
  color: #414a60;
  padding: 6px 14px
}
.guide-page .form-item.have-desc .item-label {
  position: relative
}
.guide-page .form-item.have-desc .item-label:after {
  content: "";
  position: absolute;
  font-size: 12px;
  color: #61687c;
  white-space: nowrap;
  margin-left: 8px
}
.guide-page .form-item.have-desc.guide-desc .item-label:after {
  content: "可简单叙述，在个人简历中详细修改"
}
.guide-page .form-item.have-desc.select-desc .item-label:after {
  content: "(选填)"
}
.guide-upload-resume {
  text-align: center;
  padding: 30px 20px;
  width: 542px;
  height: 268px;
  border: 1px dashed #e3e7ed;
  margin: 16px 0
}
.guide-upload-resume .tip-drag {
  font-size: 14px;
  font-weight: 400;
  color: #61687c;
  line-height: 20px;
  margin-top: 30px;
  text-align: center
}
.guide-upload-resume .tip-title {
  font-weight: 400;
  margin: 0 5px 10px;
  font-size: 1.17em
}
.guide-upload-resume .tip-filetype {
  padding-top: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #9fa3b0;
  line-height: 17px
}
.guide-upload-resume .tip-size {
  font-size: 12px;
  font-weight: 400;
  color: #fc703e;
  line-height: 17px;
  margin-top: 8px
}
.guide-upload-resume .tip-guide {
  line-height: 1;
  margin-top: 14px
}
.guide-upload-resume .tip-guide a {
  color: #53cac3
}
.guide-upload-resume .btns {
  margin-top: 40px
}
.guide-upload-resume .btn-file {
  position: relative;
  overflow: hidden;
  width: 152px;
  cursor: pointer
}
.guide-upload-resume .btn-file input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: none;
  opacity: 0;
  cursor: pointer
}
.guide {
  position: relative;
  background: #5dd5c8 url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/newbg.3ae1e584.png) bottom no-repeat;
  min-height: 100vh;
  height: 100px;
  min-width: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  overflow-x: hidden
}
.guide header.oper {
  position: absolute;
  z-index: 9;
  top: 50px;
  right: 45px
}
.guide header.oper a {
  color: #fff;
  margin-top: 10px
}
.guide header.oper .upload-resume-btn {
  height: 32px;
  margin: 3px 20px 0 0;
  padding: 0 20px;
  border: 1px solid #fff;
  line-height: 32px;
  color: #fff
}
.guide header.oper a:hover {
  color: #cefffe
}
.guide .container {
  width: 560px
}
.guide .birth-notice {
  font-size: 12px;
  line-height: 17px;
  color: #aaa;
  margin-top: 4px
}
.guide-create-resume-dialog .dialog-container {
  padding: 50px 73px
}
.guide-create-resume-dialog .dialog-container .dialog-header h3.title {
  margin-bottom: 21px;
  font-size: 24px;
  text-align: center;
  font-weight: 400
}
.guide-create-resume-dialog .dialog-container .dialog-body {
  width: 354px
}
.guide-create-resume-dialog .dialog-container .dialog-footer {
  text-align: center;
  padding-right: 0;
  margin-top: 37px
}
.guide-create-resume-dialog .dialog-container .dialog-footer .btns {
  text-align: center
}
.guide-create-resume-dialog .dialog-container .dialog-footer .btns .btn:last-child {
  margin-left: 45px
}
.guide-change-boss-dialog .dialog-container {
  width: 460px
}
.guide-change-boss-dialog .dialog-container .dialog-body {
  margin-top: 10px
}
.vip-buy-dialog .dialog-container {
  padding: 0
}
.vip-buy-dialog .dialog-body {
  min-height: 524px;
  max-height: none
}
.buy-vip-container {
  display: flex
}
.buy-vip-container .clear-fix {
  *zoom: 1
}
.buy-vip-container .clear-fix:after, .buy-vip-container .clear-fix:before {
  content: " ";
  height: 0;
  display: block;
  clear: both
}
.buy-vip-container .vip-template {
  display: flex;
  flex-direction: column;
  width: 540px;
  min-height: 524px;
  background: #fff;
  padding: 20px 30px
}
.buy-vip-container .vip-template h2 {
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #414a60;
  line-height: 22px;
  margin-bottom: 14px
}
.buy-vip-container .vip-template-preview {
  width: 480px;
  flex: 1;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  border-radius: 6px
}
.buy-vip-container .vip-template-preview .header {
  width: 100%;
  height: 60px;
  background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 5px 15px 0 rgba(0, 0, 0, .07);
  border-radius: 6px 6px 0 0;
  padding: 9px 30px
}
.buy-vip-container .vip-template-preview .header h3 {
  color: #dfa178;
  font-size: 16px;
  font-weight: 600;
  height: 22px;
  line-height: 22px;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.buy-vip-container .vip-template-preview .header span {
  color: #dfa178;
  display: block;
  height: 17px;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.buy-vip-container .vip-template-preview .model-list {
  text-align: center;
  overflow: hidden;
  padding-bottom: 30px
}
.buy-vip-container .vip-template-preview .model-list li {
  position: relative;
  width: 240px;
  height: 184px;
  float: left
}
.buy-vip-container .vip-template-preview .model-list li img {
  width: 100%
}
.buy-vip-container .vip-template-preview .model-list li span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  height: 17px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 17px;
  text-align: center
}
.buy-vip-container .vip-template-preview .discount-container h3 {
  font-size: 12px;
  color: #aaa;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
  text-align: center;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.buy-vip-container .vip-template-preview .discount-container .discount-list {
  overflow: hidden;
  padding: 8px 12px
}
.buy-vip-container .vip-template-preview .discount-container .discount-list li {
  width: 25%;
  color: #333;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 8px;
  margin-top: 8px
}
.buy-vip-container .vip-template-preview .discount-container .discount-list li span {
  display: inline-block;
  max-width: 72px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 20px;
  height: 20px;
  font-size: 12px;
  vertical-align: middle
}
.buy-vip-container .vip-template-preview .discount-container .discount-list li .discount-icon {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: linear-gradient(225deg, #fbd8b8, #e1a575);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 100%;
  color: #fff;
  text-align: center
}
.buy-vip-container .vip-template-buy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 366px;
  min-height: 524px;
  padding: 20px 0;
  background: #fafafa;
  text-align: center
}
.buy-vip-container .vip-template-buy .order-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}
.buy-vip-container .vip-template-buy .buy-info {
  position: relative;
  margin-top: 30px
}
.buy-vip-container .vip-template-buy .buy-info .price-wrap {
  margin: 0 auto
}
.buy-vip-container .vip-template-buy .need-pay {
  overflow: hidden;
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  padding-bottom: 15px
}
.buy-vip-container .vip-template-buy .need-pay span {
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #61687c;
  font-weight: 500
}
.buy-vip-container .vip-template-buy .need-pay .need-price {
  color: #fc6c38;
  font-size: 20px;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  float: right
}
.buy-vip-container .vip-template-buy .origin-price {
  margin: 10px 0;
  overflow: hidden
}
.buy-vip-container .vip-template-buy .origin-price span {
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #61687c;
  font-weight: 400
}
.buy-vip-container .vip-template-buy .origin-price .origin-price {
  color: #51586d;
  font-size: 14px;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  float: right;
  margin: 0
}
.buy-vip-container .vip-template-buy .sale-money {
  overflow: hidden;
  color: #9fa3b0;
  margin: 10px 0 6px
}
.buy-vip-container .vip-template-buy .sale-money span {
  font-size: 14px;
  height: 17px;
  line-height: 17px;
  float: left;
  font-weight: 400
}
.buy-vip-container .vip-template-buy .sale-money .sale-price {
  font-size: 12px;
  float: right;
  height: 17px;
  line-height: 17px
}
.buy-vip-container .vip-template-buy .text-protocol {
  text-align: center;
  font-size: 12px
}
.buy-vip-container .vip-template-buy .text-protocol a {
  color: #00c2b3;
  text-decoration: underline
}
.buy-vip-container .vip-template-buy .text-protocol a:hover {
  color: #6adbcf
}
.buy-vip-container .vip-template-buy .pay-enough {
  text-align: center
}
.buy-vip-container .vip-template-buy .pay-enough .btn-pay {
  width: 316px;
  height: 46px;
  font-size: 14px;
  padding: 12px 15px;
  font-weight: 400;
  color: #fff;
  background: #5dd5c8;
  border: none;
  margin: 0 auto;
  line-height: 22px;
  font-size: 16px
}
.buy-vip-container .vip-template-buy .pay-enough .btn-pay:hover {
  opacity: .8
}
.buy-vip-container .vip-template-buy .pay-enough .text-protocol {
  margin-top: 16px
}
.buy-vip-container .vip-template-buy .pay-code {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  align-items: center
}
.buy-vip-container .vip-template-buy .pay-code .qr-code {
  width: 100%
}
.buy-vip-container .vip-template-buy .pay-code .refresh {
  width: 132px;
  height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea
}
.buy-vip-container .vip-template-buy .pay-code .refresh .iboss-erweimashuaxin {
  cursor: pointer
}
.buy-vip-container .vip-template-buy .qrcode-wrap {
  width: 132px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto
}
.buy-vip-container .vip-template-buy .qrcode-wrap .qrcode-desc {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 16px;
  margin: 8px 4px 0;
  text-align: center
}
.buy-vip-container .vip-template-buy .qrcode-wrap .qrcode-desc .high-light {
  color: #00c2b3;
  cursor: pointer
}
.buy-vip-container .vip-template-buy .payment-way {
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 17px;
  margin-top: 10px
}
.buy-vip-container .vip-template-buy .payment-way .pay-chanel-icon {
  height: 16px;
  margin-right: 5px;
  white-space: nowrap
}
.buy-vip-container .vip-template-buy .payment-pattern {
  margin: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px
}
.buy-vip-container .vip-template-buy .payment-pattern .already-pay {
  margin-left: 8px;
  cursor: pointer
}
.buy-vip-container .vip-template-buy .payment-pattern .high-light {
  color: #00c2b3;
  cursor: pointer
}
.vip-buy-plus-dialog .dialog-container {
  padding: 0
}
.vip-buy-plus-dialog .dialog-body {
  min-height: 524px;
  max-height: none
}
.template-preview-dialog {
  z-index: 1011
}
.template-preview-dialog .dialog-container {
  padding: 0;
  background-color: transparent
}
.template-preview-dialog .dialog-body {
  min-height: 626px
}
.template-preview-dialog .image-container {
  position: relative;
  border-radius: 2px;
  border: 1px solid #e7b597;
  overflow: hidden
}
.template-preview-dialog .image-container img {
  display: block;
  width: 468px;
  height: 624px;
  border-radius: 2px
}
.template-preview-dialog .image-container .tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 77px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #573e30;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1);
  background: linear-gradient(225deg, #fbd8b8, #e1a575);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  border-radius: 0 2px 10px 0;
  z-index: 3
}
.vip-plus {
  display: flex
}
.vip-plus .clear-fix {
  *zoom: 1
}
.vip-plus .clear-fix:after, .vip-plus .clear-fix:before {
  content: " ";
  height: 0;
  display: block;
  clear: both
}
.vip-plus .vip-template {
  display: flex;
  flex-direction: column;
  width: 540px;
  min-height: 524px;
  background: #fff;
  padding: 20px 30px
}
.vip-plus .vip-template .header {
  width: 100%;
  height: 60px;
  background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 5px 15px 0 rgba(0, 0, 0, .07);
  border-radius: 6px 6px 0 0;
  padding: 9px 30px
}
.vip-plus .vip-template .header h3 {
  color: #dfa178;
  font-size: 16px;
  font-weight: 600;
  height: 22px;
  line-height: 22px;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.vip-plus .vip-template .header span {
  color: #dfa178;
  display: block;
  height: 17px;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.vip-plus .vip-template h2 {
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #414a60;
  line-height: 22px;
  margin-bottom: 14px
}
.vip-plus .vip-template h2 span {
  font-size: 12px;
  font-weight: 400;
  color: #9fa3b0;
  line-height: 17px;
  margin-left: 10px
}
.vip-plus .vip-template .select-tab {
  margin-bottom: 10px
}
.vip-plus .vip-template .select-tab .tab-item {
  position: relative;
  width: 232px;
  height: 60px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f2f2f2;
  font-size: 16px;
  font-weight: 600;
  color: #414a60;
  text-align: left;
  cursor: pointer;
  float: left;
  padding: 0 20px;
  line-height: 60px
}
.vip-plus .vip-template .select-tab .tab-item.vip-item span:after {
  content: " / 月";
  font-size: 12px
}
.vip-plus .vip-template .select-tab .tab-item.single-item span:after {
  content: " / 单份";
  font-size: 12px
}
.vip-plus .vip-template .select-tab .tab-item span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  line-height: 22px
}
.vip-plus .vip-template .select-tab .tab-item:hover {
  border: 1px solid #67708d
}
.vip-plus .vip-template .select-tab .tab-item.active {
  color: #dfa178;
  background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07);
  border: none
}
.vip-plus .vip-template .select-tab .tab-item.active:after {
  content: " ";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 0;
  height: 0;
  bottom: -8px;
  border: 4px solid transparent;
  border-top-color: #1a1a1a
}
.vip-plus .vip-template .select-tab .tab-item + .tab-item {
  margin-left: 16px
}
.vip-plus .plus-left {
  width: 480px;
  flex: 1;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  border-radius: 6px
}
.vip-plus .plus-left .header {
  width: 100%;
  height: 60px;
  background: linear-gradient(45deg, #1a1a1a, #2d2d2d 61%, #424242);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 5px 15px 0 rgba(0, 0, 0, .07);
  border-radius: 6px 6px 0 0;
  padding: 9px 30px
}
.vip-plus .plus-left .header h3 {
  color: #dfa178;
  font-size: 16px;
  font-weight: 600;
  height: 22px;
  line-height: 22px;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.vip-plus .plus-left .header span {
  color: #dfa178;
  display: block;
  height: 17px;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.vip-plus .plus-left .single-block {
  padding: 20px
}
.vip-plus .plus-left .single-block .equity-title {
  font-size: 16px;
  font-weight: 500;
  color: #414a60;
  line-height: 26px;
  margin-bottom: 10px
}
.vip-plus .plus-left .single-block .equity-list {
  width: 440px;
  height: 50px;
  background: #fffdfc;
  border-radius: 4px;
  border: 1px solid #ffdacd;
  font-size: 14px;
  font-weight: 400;
  color: #805430;
  line-height: 48px;
  overflow: hidden;
  margin-bottom: 20px
}
.vip-plus .plus-left .single-block .equity-list li {
  position: relative;
  float: left;
  width: 50%;
  text-align: center
}
.vip-plus .plus-left .single-block .equity-list li + li:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #ffdacd
}
.vip-plus .plus-left .single-block .equity-list img {
  width: 16px;
  margin-right: 7px;
  vertical-align: middle;
  position: relative;
  top: -1px
}
.vip-plus .plus-left .single-block .selected-template h3 {
  font-size: 16px;
  font-weight: 500;
  color: #414a60;
  line-height: 26px;
  margin-bottom: 10px
}
.vip-plus .plus-left .single-block .selected-template .selected-box {
  width: 102px;
  height: 136px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #e7b597;
  cursor: pointer;
  overflow: hidden
}
.vip-plus .plus-left .single-block .selected-template .selected-box:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2px;
  opacity: .3;
  background-color: #000;
  z-index: 1
}
.vip-plus .plus-left .single-block .selected-template .selected-box:hover .preview-btn {
  display: block
}
.vip-plus .plus-left .single-block .selected-template .selected-box .tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 77px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #573e30;
  text-shadow: 0, 0 20px #000;
  background: linear-gradient(225deg, #fbd8b8, #e1a575);
  border-radius: 0 2px 10px 0;
  z-index: 3
}
.vip-plus .plus-left .single-block .selected-template .selected-box img {
  width: 100%;
  border-radius: 2px
}
.vip-plus .plus-left .single-block .selected-template .selected-box .preview-btn {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 24px;
  line-height: 24px;
  background: #00c2b3;
  border-radius: 13px;
  margin-top: -12px;
  margin-left: -30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  z-index: 2
}
.vip-plus .plus-left .slider-template-container {
  position: relative;
  overflow: hidden;
  padding: 0 20px
}
.vip-plus .plus-left .slider-template-container.has-slider .template-list {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  transition: all .2s linear
}
.vip-plus .plus-left .slider-template-container.has-slider .template-list li {
  width: 102px;
  height: 136px;
  box-shadow: none
}
.vip-plus .plus-left .slider-template-container.has-slider .template-list li + li {
  margin-left: 10px
}
.vip-plus .plus-left .slider-template-container .btn-container {
  position: absolute;
  top: 0;
  width: 20px;
  height: 100%;
  background-color: #fff;
  z-index: 10
}
.vip-plus .plus-left .slider-template-container .go-left-container {
  left: 0
}
.vip-plus .plus-left .slider-template-container .go-right-container {
  right: 0
}
.vip-plus .plus-left .slider-template-container .go-btn {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
  width: 16px;
  height: 40px;
  transition: all .2s linear;
  background-size: 100%;
  z-index: 10
}
.vip-plus .plus-left .slider-template-container .go-left {
  left: 0;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/left-icon.ab80fb13.png)
}
.vip-plus .plus-left .slider-template-container .go-left:hover {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/left-icon-hover.2fe89442.png)
}
.vip-plus .plus-left .slider-template-container .go-right {
  right: 0;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/right-icon.dea3bf6b.png)
}
.vip-plus .plus-left .slider-template-container .go-right:hover {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/right-icon-hover.2612878f.png)
}
.vip-plus .plus-left .template-list {
  text-align: center;
  padding: 16px 0 30px
}
.vip-plus .plus-left .template-list li {
  position: relative;
  display: inline-block;
  width: 133px;
  height: 177px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  border-radius: 2px;
  border: 1px solid #e7b597;
  cursor: pointer;
  overflow: hidden
}
.vip-plus .plus-left .template-list li + li {
  margin-left: 20px
}
.vip-plus .plus-left .template-list li:hover .preview-btn {
  display: block
}
.vip-plus .plus-left .template-list li:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2px;
  opacity: .3;
  background-color: #000;
  z-index: 1
}
.vip-plus .plus-left .template-list li img {
  width: 100%;
  border-radius: 2px
}
.vip-plus .plus-left .template-list li .tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 77px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #573e30;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1);
  background: linear-gradient(225deg, #fbd8b8, #e1a575);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  border-radius: 0 2px 10px 0;
  z-index: 3
}
.vip-plus .plus-left .template-list li .preview-btn {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 24px;
  line-height: 24px;
  background: #00c2b3;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  border-radius: 13px;
  margin-top: -12px;
  margin-left: -30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  z-index: 2
}
.vip-plus .plus-left .discount-container h3 {
  font-size: 12px;
  color: #aaa;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
  text-align: center;
  text-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.vip-plus .plus-left .discount-container .discount-list {
  overflow: hidden;
  padding: 8px 12px
}
.vip-plus .plus-left .discount-container .discount-list li {
  width: 25%;
  color: #333;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 8px;
  margin-top: 8px
}
.vip-plus .plus-left .discount-container .discount-list li span {
  display: inline-block;
  max-width: 72px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 20px;
  height: 20px;
  font-size: 12px;
  vertical-align: middle
}
.vip-plus .plus-left .discount-container .discount-list li .discount-icon {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: linear-gradient(225deg, #fbd8b8, #e1a575);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 100%;
  color: #fff;
  text-align: center
}
.vip-plus .plus-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 366px;
  min-height: 524px;
  padding: 20px 0;
  background: #fafafa;
  text-align: center
}
.vip-plus .plus-right .order-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}
.vip-plus .plus-right .buy-info {
  position: relative;
  margin-top: 30px
}
.vip-plus .plus-right .buy-info .price-wrap {
  margin: 0 auto
}
.vip-plus .plus-right .need-pay {
  overflow: hidden;
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  padding-bottom: 15px
}
.vip-plus .plus-right .need-pay span {
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #61687c;
  font-weight: 500
}
.vip-plus .plus-right .need-pay .need-price {
  color: #fc6c38;
  font-size: 20px;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  float: right
}
.vip-plus .plus-right .origin-price {
  margin: 10px 0;
  overflow: hidden
}
.vip-plus .plus-right .origin-price span {
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #61687c;
  font-weight: 400
}
.vip-plus .plus-right .origin-price .origin-price {
  color: #51586d;
  font-size: 14px;
  font-weight: 400;
  height: 16px;
  line-height: 16px;
  float: right;
  margin: 0
}
.vip-plus .plus-right .sale-money {
  overflow: hidden;
  color: #9fa3b0;
  margin: 10px 0 6px
}
.vip-plus .plus-right .sale-money span {
  font-size: 14px;
  height: 17px;
  line-height: 17px;
  float: left;
  font-weight: 400
}
.vip-plus .plus-right .sale-money .sale-price {
  font-size: 12px;
  float: right;
  height: 17px;
  line-height: 17px
}
.vip-plus .plus-right .text-protocol {
  text-align: center;
  font-size: 12px
}
.vip-plus .plus-right .text-protocol a {
  color: #00c2b3;
  text-decoration: underline
}
.vip-plus .plus-right .text-protocol a:hover {
  color: #6adbcf
}
.vip-plus .plus-right .pay-enough {
  text-align: center
}
.vip-plus .plus-right .pay-enough .btn-pay {
  width: 316px;
  height: 46px;
  font-size: 14px;
  padding: 12px 15px;
  font-weight: 400;
  color: #fff;
  background: #5dd5c8;
  border: none;
  margin: 0 auto;
  line-height: 22px;
  font-size: 16px
}
.vip-plus .plus-right .pay-enough .btn-pay:hover {
  opacity: .8
}
.vip-plus .plus-right .pay-enough .text-protocol {
  margin-top: 16px
}
.vip-plus .plus-right .pay-code {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  align-items: center
}
.vip-plus .plus-right .pay-code .qr-code {
  width: 100%
}
.vip-plus .plus-right .pay-code .refresh {
  width: 132px;
  height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea
}
.vip-plus .plus-right .pay-code .refresh .iboss-erweimashuaxin {
  cursor: pointer
}
.vip-plus .plus-right .qrcode-wrap {
  width: 132px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto
}
.vip-plus .plus-right .qrcode-wrap .qrcode-desc {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 16px;
  margin: 8px 4px 0;
  text-align: center
}
.vip-plus .plus-right .qrcode-wrap .qrcode-desc .high-light {
  color: #00c2b3;
  cursor: pointer
}
.vip-plus .plus-right .payment-way {
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 17px;
  margin-top: 10px
}
.vip-plus .plus-right .payment-way .pay-chanel-icon {
  height: 16px;
  margin-right: 5px;
  white-space: nowrap
}
.vip-plus .plus-right .payment-pattern {
  margin: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px
}
.vip-plus .plus-right .payment-pattern .already-pay {
  margin-left: 8px;
  cursor: pointer
}
.vip-plus .plus-right .payment-pattern .high-light {
  color: #00c2b3;
  cursor: pointer
}
.satisfaction-feedback-wrapper {
  position: relative;
  z-index: 1;
  width: 884px;
  padding: 20px 24px;
  background: #fff;
  border-radius: 12px
}
.satisfaction-feedback-wrapper h3 {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  margin-bottom: 16px
}
.satisfaction-feedback-wrapper .satisfaction-list {
  float: left
}
.satisfaction-feedback-wrapper .satisfaction-list li {
  position: relative;
  float: left;
  text-align: center;
  width: 50px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  cursor: pointer;
  transition: color .2s linear
}
.satisfaction-feedback-wrapper .satisfaction-list li:hover {
  color: #222
}
.satisfaction-feedback-wrapper .satisfaction-list li:hover:before {
  display: none
}
.satisfaction-feedback-wrapper .satisfaction-list li:hover .gif-animate {
  display: block
}
.satisfaction-feedback-wrapper .satisfaction-list li.active {
  color: #222
}
.satisfaction-feedback-wrapper .satisfaction-list li.active:before {
  background: url(https://img.bosszhipin.com/static/file/2022/tvosb9m4py1653894418770.png) -150px 0/auto 50px no-repeat
}
.satisfaction-feedback-wrapper .satisfaction-list li.active:hover:before {
  display: block
}
.satisfaction-feedback-wrapper .satisfaction-list li.active:hover .gif-animate {
  display: none
}
.satisfaction-feedback-wrapper .satisfaction-list li .gif-animate {
  display: none;
  width: 50px;
  height: 50px
}
.satisfaction-feedback-wrapper .satisfaction-list li:before {
  content: " ";
  display: block;
  width: 50px;
  height: 50px;
  background: url(https://img.bosszhipin.com/static/file/2022/tvosb9m4py1653894418770.png) 0 0/auto 50px no-repeat
}
.satisfaction-feedback-wrapper .satisfaction-list li.level-2:before {
  background-position: -50px 0
}
.satisfaction-feedback-wrapper .satisfaction-list li.level-2.active:before {
  background-position: -200px 0
}
.satisfaction-feedback-wrapper .satisfaction-list li.level-3:before {
  background-position: -100px 0
}
.satisfaction-feedback-wrapper .satisfaction-list li.level-3.active:before {
  background-position: -250px 0
}
.satisfaction-feedback-wrapper .satisfaction-list li + li {
  margin-left: 34px
}
.satisfaction-feedback-wrapper .satisfaction-form {
  float: left
}
.satisfaction-feedback-wrapper .satisfaction-form .form-item {
  margin-bottom: 0
}
.satisfaction-feedback-wrapper .satisfaction-form .input-wrap-textarea {
  min-width: auto;
  width: 452px;
  border-radius: 4px;
  margin-left: 32px
}
.satisfaction-feedback-wrapper .satisfaction-form .input-wrap-textarea .input {
  padding: 10px 16px;
  line-height: 20px;
  background: #f8f8f8;
  font-size: 13px;
  border-radius: 4px;
  border-color: #f8f8f8
}
.satisfaction-feedback-wrapper .satisfaction-form .input-wrap-textarea .input:focus, .satisfaction-feedback-wrapper .satisfaction-form .input-wrap-textarea .input:hover {
  border-color: #2cd7c8;
  box-shadow: none
}
.satisfaction-feedback-wrapper .satisfaction-submit-btn {
  border-radius: 4px;
  float: left;
  margin-left: 40px;
  margin-top: 14px;
  padding: 9px 30px;
  background: #3b86f6;
  border-color: #3b86f6
}
.satisfaction-feedback-wrapper .satisfaction-submit-btn:hover {
  background: #3b86f6;
  border-color: #3b86f6
}
.satisfaction-feedback-wrapper .satisfaction-submit-btn.btn-disabled {
  cursor: not-allowed;
  background: #99e5e5;
  border: #99e5e5;
  opacity: 1
}
.hot-link-wrapper {
  width: 884px;
  background: #fff;
  border-radius: 12px;
  margin-top: 16px;
  padding: 6px 24px
}
.hot-link-wrapper .hot-link-tab {
  border-bottom: 1px solid #e6e6e6
}
.hot-link-wrapper .hot-link-tab li {
  position: relative;
  float: left;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 22px;
  padding: 14px 0;
  cursor: pointer;
  transition: all .2s linear
}
.hot-link-wrapper .hot-link-tab li + li {
  margin-left: 32px
}
.hot-link-wrapper .hot-link-tab li:hover {
  color: #3b86f6
}
.hot-link-wrapper .hot-link-tab li.active {
  font-weight: 600;
  color: #3b86f6
}
.hot-link-wrapper .hot-link-tab li.active:after {
  content: " ";
  position: absolute;
  width: 28px;
  left: 50%;
  margin-left: -14px;
  bottom: -2px;
  height: 3px;
  background: linear-gradient(90deg, #3b86f6, #3b86f6);
  border-radius: 2px;
  z-index: 1
}
.hot-link-wrapper .link-list {
  margin-left: -14px;
  margin-right: -14px;
  padding: 14px 0 8px
}
.hot-link-wrapper .link-list a {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 17px;
  margin: 7px 14px;
  transition: all .2s linear;
  white-space: nowrap
}
.hot-link-wrapper .link-list a:hover {
  color: #3b86f6
}
.breadcrumb-wrapper {
  margin-top: 16px
}
.breadcrumb-wrapper .breadcrumb-list li {
  position: relative;
  float: left;
  padding-right: 8px
}
.breadcrumb-wrapper .breadcrumb-list li + li {
  padding-left: 8px
}
.breadcrumb-wrapper .breadcrumb-list li + li:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 7px;
  background: #999;
  z-index: 1
}
.breadcrumb-wrapper .breadcrumb-list li a {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px;
  white-space: nowrap;
  transition: all .2s linear
}
.breadcrumb-wrapper .breadcrumb-list li a:hover {
  color: #3b86f6
}
.history-job-wrapper {
  width: 284px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px
}
.history-job-wrapper .history-job-title {
  height: 46px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px 12px 0 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  padding: 12px 24px
}
.history-job-wrapper .history-job-list {
  padding: 4px 8px;
  background: #fff
}
.history-job-wrapper .history-job-list li a {
  padding: 12px 16px;
  display: block;
  border-radius: 8px;
  transition: all .2s linear
}
.history-job-wrapper .history-job-list li a:hover {
  background: #f7f7f7
}
.history-job-wrapper .history-job-list li a:hover .history-job-top h3 {
  color: #3b86f6
}
.history-job-wrapper .history-job-list li .history-job-top {
  overflow: hidden;
  margin-bottom: 4px
}
.history-job-wrapper .history-job-list li .history-job-top h3 {
  float: left;
  max-width: 120px;
  font-weight: 500;
  color: #333;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.history-job-wrapper .history-job-list li .history-job-top .job-salary {
  float: right;
  color: #fe574a;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap
}
.history-job-wrapper .history-job-list li .history-job-bottom {
  overflow: hidden
}
.history-job-wrapper .history-job-list li .history-job-bottom .company-name {
  float: left;
  max-width: 100px;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.history-job-wrapper .history-job-list li .history-job-bottom .company-position {
  float: right;
  max-width: 130px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.related-search-wrapper {
  width: 284px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px
}
.related-search-wrapper .related-search-title {
  height: 46px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px 12px 0 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  padding: 12px 24px
}
.related-search-wrapper .related-search-list {
  padding: 4px 8px;
  background: #fff
}
.related-search-wrapper .related-search-list li a {
  position: relative;
  padding: 12px 24px 12px 16px;
  display: block;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.related-search-wrapper .related-search-list li a:hover {
  background: #f7f7f7;
  color: #3b86f6
}
.related-search-wrapper .related-search-list li a:hover:after {
  background-position: -6px -8px
}
.related-search-wrapper .related-search-list li a:after {
  content: " ";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 4px;
  height: 8px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px no-repeat;
  background-size: 10px auto
}
.complete-resume-wrapper {
  margin-bottom: 16px;
  text-align: center;
  padding: 16px 0;
  border-radius: 12px;
  background: #fff
}
.complete-resume-wrapper.btn-1 {
  background: #fff url(https://img.bosszhipin.com/static/file/2022/mjwpfwr3ea1653981870782.png) 0/100% auto no-repeat
}
.complete-resume-wrapper.btn-2 {
  background: #fff url(https://img.bosszhipin.com/static/file/2022/cnu5gp1qwn1653981870928.png) 0/100% auto no-repeat
}
.complete-resume-wrapper.btn-3 {
  background: #fff url(https://img.bosszhipin.com/static/file/2022/rfsliqvi8k1653981871030.png) 0/100% auto no-repeat
}
.complete-resume-wrapper .resume-btn {
  position: relative;
  display: block;
  width: 176px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  margin: 0 auto;
  transition: all .2s linear
}
.complete-resume-wrapper .resume-btn + .resume-btn {
  margin-top: 16px
}
.complete-resume-wrapper .resume-upload-btn {
  background: linear-gradient(90deg, #05d9d6, #3b86f6);
  box-shadow: 0 5px 10px -5px rgba(16, 139, 140, .6);
  border-radius: 8px
}
.complete-resume-wrapper .resume-upload-btn:before {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 29px;
  height: 27px;
  background: url(https://img.bosszhipin.com/static/file/2022/p3bynqy5ig1653981870571.png) 0 0/100% auto no-repeat;
  z-index: 1
}
.complete-resume-wrapper .resume-upload-btn:after {
  content: " ";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 8px;
  z-index: -1;
  background: linear-gradient(170deg, #39e4e3, #0bb0af);
  transition: all .2s linear
}
.complete-resume-wrapper .resume-upload-btn:hover {
  background: linear-gradient(90deg, #3b86f6, #05d9d6)
}
.complete-resume-wrapper .resume-upload-btn:hover:after {
  background: linear-gradient(170deg, #0bb0af, #39e4e3)
}
.complete-resume-wrapper .resume-template-btn {
  background: linear-gradient(90deg, #05d9d6, #3b86f6);
  box-shadow: 0 5px 10px -5px rgba(16, 139, 140, .6);
  border-radius: 8px
}
.complete-resume-wrapper .resume-template-btn:after {
  content: " ";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 8px;
  z-index: -1;
  background: linear-gradient(170deg, #39e4e3, #0bb0af);
  transition: all .2s linear
}
.complete-resume-wrapper .resume-template-btn:hover {
  background: linear-gradient(90deg, #3b86f6, #05d9d6)
}
.complete-resume-wrapper .resume-template-btn:hover:after {
  background: linear-gradient(170deg, #0bb0af, #39e4e3)
}
.subscribe-weixin-wrapper {
  position: relative;
  width: 884px;
  padding: 40px 30px;
  background: #fff;
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden
}
.subscribe-weixin-wrapper .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  z-index: 2;
  transition: all .2s linear
}
.subscribe-weixin-wrapper .close-btn:hover .icon-close {
  transition: all .2s linear
}
.subscribe-weixin-wrapper .close-btn:hover .icon-close:after, .subscribe-weixin-wrapper .close-btn:hover .icon-close:before {
  background: #333
}
.subscribe-weixin-wrapper:hover {
  overflow: visible
}
.subscribe-weixin-wrapper:hover .subscribe-weixin-qrcode .qrcode-wrapper {
  box-shadow: 2px 2px 5px 0 rgba(28, 71, 71, .05);
  border-radius: 4px;
  border: 1px solid #ecefef
}
.subscribe-weixin-wrapper:hover .sub-layer {
  opacity: 1
}
.subscribe-weixin-wrapper .sub-layer {
  opacity: 0;
  content: " ";
  position: absolute;
  top: -12px;
  right: -316px;
  width: 325px;
  height: 299px;
  background: url(https://img.bosszhipin.com/static/file/2022/w9frkcayry1653988123785.png) 0 0/100% auto no-repeat;
  z-index: 2;
  transition: all .2s linear
}
.subscribe-weixin-wrapper .sub-layer .sub-container {
  width: 260px;
  margin-left: 38px;
  margin-top: 54px;
  border-radius: 12px;
  padding: 10px 15px;
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  -o-transform: scale(.7);
  -ms-transform: scale(.7);
  transform: scale(.7)
}
.subscribe-weixin-wrapper .sub-layer .sub-container .title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 1
}
.subscribe-weixin-wrapper .sub-layer .sub-container .info {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  margin-top: 6px
}
.subscribe-weixin-wrapper .sub-layer .sub-container .content {
  font-size: 12px;
  margin-top: 8px
}
.subscribe-weixin-wrapper .sub-layer .sub-container .content .item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.subscribe-weixin-wrapper .sub-layer .sub-container .content .item .t {
  color: #999
}
.subscribe-weixin-wrapper .sub-layer .sub-container .content .item .c {
  color: #333;
  margin-left: 4px
}
.subscribe-weixin-wrapper .sub-layer .sub-container .content .item.orange {
  color: #f09928
}
.subscribe-weixin-wrapper .subscribe-weixin-inner {
  position: relative;
  padding-left: 68px
}
.subscribe-weixin-wrapper .subscribe-weixin-inner img {
  position: absolute;
  width: 56px;
  top: 0;
  left: 0;
  z-index: 1
}
.subscribe-weixin-wrapper .subscribe-weixin-inner h3 {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 25px;
  margin-bottom: 12px
}
.subscribe-weixin-wrapper .subscribe-weixin-inner p {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  max-width: 650px;
  word-break: break-all
}
.subscribe-weixin-wrapper .subscribe-weixin-inner p em {
  color: #3b86f6;
  font-style: normal
}
.subscribe-weixin-wrapper .subscribe-weixin-qrcode {
  position: absolute;
  top: 14px;
  right: 22px;
  z-index: 1;
  text-align: center
}
.subscribe-weixin-wrapper .subscribe-weixin-qrcode .qrcode-wrapper {
  width: 90px;
  height: 90px;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: all .2s linear
}
.subscribe-weixin-wrapper .subscribe-weixin-qrcode .qrcode-wrapper img {
  display: block;
  margin: 1px;
  width: 86px;
  height: 86px
}
.subscribe-weixin-wrapper .subscribe-weixin-qrcode span {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 17px
}
.company-card-wrapper {
  margin-bottom: 16px;
  width: 884px;
  background: #fff;
  border-radius: 12px;
  padding: 16px 24px
}
.company-card-wrapper .company-item-left {
  position: relative;
  float: left;
  padding-left: 68px;
  width: 520px
}
.company-card-wrapper .company-item-left:hover .company-name a {
  color: #3b86f6
}
.company-card-wrapper .company-item-left .logo-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  z-index: 1
}
.company-card-wrapper .company-item-left .company-name {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  transition: all .2s linear
}
.company-card-wrapper .company-item-left .company-info-top {
  margin-bottom: 12px
}
.company-card-wrapper .company-item-left .company-guide-download-app {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 17px;
  margin-left: 8px;
  overflow: hidden;
  vertical-align: middle;
  top: -2px
}
.company-card-wrapper .company-item-left .company-guide-download-app:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 17px;
  background: url(https://img.bosszhipin.com/static/file/2022/pfr9mn2b731654657325101.png) 0 0/12px auto no-repeat;
  z-index: 1
}
.company-card-wrapper .company-item-left .company-guide-download-app:hover {
  overflow: visible
}
.company-card-wrapper .company-item-left .company-guide-download-app:hover:before {
  background-position: 0 -17px
}
.company-card-wrapper .company-item-left .company-guide-download-app:hover .download-app-qrcode {
  opacity: 1
}
.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode {
  opacity: 0;
  position: absolute;
  top: -18px;
  right: -140px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  border: 1px solid #ededed;
  padding: 16px 10px;
  transition: all .2s linear;
  border-radius: 10px
}
.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode:before {
  content: " ";
  position: absolute;
  top: 16px;
  left: 0;
  width: 12px;
  height: 16px;
  z-index: 2;
  background: #fff
}
.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode .app-icon-arrow {
  position: absolute;
  top: 20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  background: #fff;
  border-color: transparent;
  border-style: none none solid solid;
  border-width: medium medium 1px 1px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .08);
  left: -4px
}
.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode img {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto 8px
}
.company-card-wrapper .company-item-left .company-guide-download-app .download-app-qrcode span {
  display: block;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #3b86f6;
  line-height: 20px;
  text-align: center
}
.company-card-wrapper .company-item-left .company-info-tag {
  background: #f8f8f8;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  float: left
}
.company-card-wrapper .company-item-left .company-info-tag + .company-info-tag {
  margin-left: 16px
}
.company-card-wrapper .company-item-right {
  float: right
}
.company-card-wrapper .company-item-right a {
  float: right;
  transition: all .2s linear;
  border-radius: 8px
}
.company-card-wrapper .company-item-right a:hover {
  background: #f7f7f7
}
.company-card-wrapper .company-item-right a:hover .count-item .count-about, .company-card-wrapper .company-item-right a:hover .count-item .count-text {
  color: #3b86f6
}
.company-card-wrapper .company-item-right .count-item {
  padding: 2px 22px;
  float: right;
  text-align: center
}
.company-card-wrapper .company-item-right .count-item .count-text {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: 28px;
  margin-bottom: 4px
}
.company-card-wrapper .company-item-right .count-item .count-about {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px
}
.job-card-wrapper {
  position: relative;
  width: 884px;
  background: #fff;
  border-radius: 12px;
  transition: all .2s linear;
  cursor: pointer
}
.job-card-wrapper.hover-footer .job-card-left .job-title {
  color: #3b86f6
}
.job-card-wrapper:hover {
  box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3);
  z-index: 3
}
.job-card-wrapper:hover .info-public {
  display: none
}
.job-card-wrapper:hover .job-card-left .look-detail-btn, .job-card-wrapper:hover .job-card-left .start-chat-btn {
  display: inline-block
}
.job-card-wrapper .job-tag-icon {
  position: absolute;
  top: -4px;
  left: 0;
  width: 52px;
  z-index: 1
}
.job-card-wrapper .school-company-icon {
  width: 84px
}
.job-card-wrapper + .job-card-wrapper {
  margin-top: 16px
}
.job-card-wrapper .job-card-left {
  float: left;
  width: 484px;
  padding: 16px 0 16px 24px;
  height: 88px
}
.job-card-wrapper .job-card-left:hover .job-title {
  color: #3b86f6
}
.job-card-wrapper .job-card-left .job-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  transition: all .2s linear;
  max-width: 460px
}
.job-card-wrapper .job-card-left .job-title .job-name {
  float: left;
  max-width: 172px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.job-card-wrapper .job-card-left .job-title .job-area-wrapper {
  float: left;
  margin-left: 12px;
  line-height: 22px
}
.job-card-wrapper .job-card-left .job-title .job-area-wrapper:before {
  content: "[";
  float: left;
  font-size: 16px
}
.job-card-wrapper .job-card-left .job-title .job-area-wrapper:after {
  content: "]";
  float: left;
  font-size: 16px
}
.job-card-wrapper .job-card-left .job-title .job-area-wrapper .job-area {
  float: left;
  max-width: 214px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.job-card-wrapper .job-card-left .job-name-icon {
  height: 18px;
  vertical-align: middle;
  margin: 0 0 0 8px;
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #aaa;
  border-radius: 4px;
  font-size: 12px;
  font-style: normal;
  color: #aaa;
  line-height: 18px
}
.job-card-wrapper .job-card-left .job-name-icon.name-icon-blue {
  border: none;
  background: linear-gradient(90deg, #ff995e, #f87b4b);
  color: #fff
}
.job-card-wrapper .job-card-left .job-name-icon.icon-other-place {
  border: none;
  background: linear-gradient(90deg, #efd0af, #d7b698);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #fff
}
.job-card-wrapper .job-card-left .job-info {
  margin-top: 12px;
  height: 22px;
  overflow: hidden
}
.job-card-wrapper .job-card-left .salary {
  font-size: 16px;
  font-weight: 500;
  color: #fe574a;
  line-height: 22px;
  float: left
}
.job-card-wrapper .job-card-left .tag-list {
  float: left;
  margin-left: 12px;
  max-width: 172px;
  height: 22px;
  overflow: hidden
}
.job-card-wrapper .job-card-left .tag-list li {
  padding: 2px 8px;
  float: left;
  background: #f8f8f8;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px
}
.job-card-wrapper .job-card-left .tag-list li + li {
  margin-left: 8px
}
.job-card-wrapper .job-card-left .info-public {
  position: relative;
  margin-left: 8px;
  padding: 1px 8px 1px 29px;
  float: left;
  max-width: 168px;
  border-radius: 4px;
  border: 1px solid #e5e6e6;
  line-height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.job-card-wrapper .job-card-left .info-public:before {
  content: " ";
  position: absolute;
  width: 13px;
  height: 12px;
  top: 4px;
  left: 8px;
  z-index: 1;
  background: url(https://img.bosszhipin.com/static/file/2022/mikp4dmkmu1655206943355.png) -17px 0/30px auto no-repeat
}
.job-card-wrapper .job-card-left .info-public.ats-direct-post:before {
  width: 16px;
  height: 16px;
  top: 1px;
  left: 6px;
  background: url(https://img.bosszhipin.com/static/file/2022/heg5xsxtat1662106651869.png) 0 0/16px auto no-repeat
}
.job-card-wrapper .job-card-left .info-public em {
  position: relative;
  font-style: normal;
  padding-left: 4px;
  margin-left: 4px
}
.job-card-wrapper .job-card-left .info-public em:before {
  content: " ";
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  height: 8px;
  background: #e5e6e6;
  z-index: 1
}
.job-card-wrapper .job-card-left .look-detail-btn:before {
  content: " ";
  position: absolute;
  top: 2px;
  left: 6px;
  z-index: 1;
  width: 16px;
  height: 16px;
  background: url(https://img.bosszhipin.com/static/file/2022/heg5xsxtat1662106651869.png) 0 -16px/16px auto no-repeat
}
.job-card-wrapper .job-card-left .look-detail-btn {
  position: relative;
  display: none;
  background: #3b86f6;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  padding: 2px 8px 2px 29px;
  margin-left: 8px
}
.job-card-wrapper .job-card-left .icon-chat {
  display: inline-block;
  height: 12px;
  width: 13px;
  vertical-align: middle;
  margin-right: 8px
}
.job-card-wrapper .job-card-left .start-chat-btn {
  position: relative;
  display: none;
  background: #3b86f6;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  padding: 2px 8px 2px 29px;
  margin-left: 8px
}
.job-card-wrapper .job-card-left .start-chat-btn:before {
  content: " ";
  position: absolute;
  width: 13px;
  height: 12px;
  top: 5px;
  left: 8px;
  z-index: 1;
  background: url(https://img.bosszhipin.com/static/file/2022/mikp4dmkmu1655206943355.png) -17px -15px/30px auto no-repeat
}
.job-card-wrapper .job-card-left .start-chat-btn.btn-disable-chat {
  color: #999;
  border: 1px solid #999;
  background: #fff;
  padding: 1px 8px;
  cursor: default
}
.job-card-wrapper .job-card-left .start-chat-btn.btn-disable-chat:before {
  content: none
}
.job-card-wrapper .job-card-left .boss-online-tag {
  display: inline-block;
  position: relative;
  height: 22px;
  background: #e1f5e3;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #40b14f;
  line-height: 22px;
  padding: 0 10px 0 20px;
  margin-left: 8px
}
.job-card-wrapper .job-card-left .boss-online-tag:before {
  content: " ";
  position: absolute;
  width: 7px;
  height: 7px;
  top: 8px;
  left: 8px;
  border-radius: 100%;
  background: #3ac249;
  z-index: 1
}
.job-card-wrapper .job-card-right {
  float: left;
  width: 400px;
  padding: 16px 24px 16px 10px
}
.job-card-wrapper .job-card-right.is-anonymous .company-logo a, .job-card-wrapper .job-card-right.is-anonymous .company-name a {
  cursor: default
}
.job-card-wrapper .job-card-right.is-anonymous .company-logo:hover + .company-info .company-name a, .job-card-wrapper .job-card-right.is-anonymous:hover .company-name a {
  color: #222
}
.job-card-wrapper .job-card-right .company-logo {
  float: left;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #f8f8f8
}
.job-card-wrapper .job-card-right .company-logo img {
  width: 100%;
  height: 100%
}
.job-card-wrapper .job-card-right .company-logo:hover + .company-info .company-name a {
  color: #3b86f6
}
.job-card-wrapper .job-card-right .company-info {
  margin-left: 12px;
  float: left
}
.job-card-wrapper .job-card-right .company-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  height: 22px
}
.job-card-wrapper .job-card-right .company-name a {
  display: inline-block;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 196px;
  vertical-align: middle;
  transition: all .2s linear
}
.job-card-wrapper .job-card-right .company-name a:hover {
  color: #3b86f6
}
.job-card-wrapper .job-card-right .shield-tag {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: #f8f8f8;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  padding-left: 20px;
  padding-right: 4px;
  margin-left: 8px;
  overflow: hidden;
  transition: all .2s linear
}
.job-card-wrapper .job-card-right .shield-tag:before {
  content: " ";
  position: absolute;
  width: 12px;
  height: 10px;
  z-index: 1;
  top: 5px;
  left: 4px;
  background: url(https://img.bosszhipin.com/static/file/2022/p9w8i48fjx1655379693896.png) 0 0/12px 20px no-repeat
}
.job-card-wrapper .job-card-right .shield-tag:hover {
  background: #e5f8f8;
  color: #3b86f6;
  overflow: visible
}
.job-card-wrapper .job-card-right .shield-tag:hover:before {
  background-position: 0 -10px
}
.job-card-wrapper .job-card-right .shield-tag:hover:after {
  content: " ";
  position: absolute;
  top: -12px;
  height: 12px;
  left: 0;
  right: 0
}
.job-card-wrapper .job-card-right .shield-tag:hover .shield-popper {
  opacity: 1
}
.job-card-wrapper .job-card-right .shield-tag .shield-popper {
  opacity: 0;
  position: absolute;
  bottom: 28px;
  left: 50%;
  z-index: 5;
  border-radius: 8px;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  background: #707070;
  color: #fff;
  padding: 12px 104px 12px 20px;
  cursor: default;
  transition: all .2s linear
}
.job-card-wrapper .job-card-right .shield-tag .shield-popper:after {
  content: " ";
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -8px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #707070
}
.job-card-wrapper .job-card-right .shield-tag .shield-popper span {
  display: block;
  line-height: 18px;
  font-size: 13px;
  word-break: break-all;
  white-space: normal;
  width: 214px
}
.job-card-wrapper .job-card-right .shield-tag .shield-popper a {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 20px;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #3b86f6;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear
}
.job-card-wrapper .job-card-right .shield-tag .shield-popper a:hover {
  background: #5dd5c8
}
.job-card-wrapper .job-card-right .company-tag-list {
  margin-top: 12px;
  height: 22px;
  overflow: hidden;
  max-width: 298px
}
.job-card-wrapper .job-card-right .company-tag-list li {
  display: inline-block;
  background: #f8f8f8;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px
}
.job-card-wrapper .job-card-right .company-tag-list li + li {
  margin-left: 8px
}
.job-card-wrapper .job-card-right .company-tag-list li.link:hover {
  background: #e5f8f8;
  line-height: 17px
}
.job-card-wrapper .job-card-right .company-tag-list li.link:hover a {
  color: #3b86f6;
  font-weight: 500
}
.job-card-wrapper .job-card-footer {
  padding: 15px 24px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 0 0 12px 12px;
  cursor: pointer
}
.job-card-wrapper .job-card-footer .tag-list {
  float: left;
  width: 390px;
  overflow: hidden;
  margin-right: 84px;
  margin-left: -8px;
  height: 18px
}
.job-card-wrapper .job-card-footer .tag-list li {
  display: inline-block;
  position: relative;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  white-space: nowrap
}
.job-card-wrapper .job-card-footer .tag-list li + li:before {
  content: " ";
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 10px;
  background: #e0e0e0;
  z-index: 1
}
.job-card-wrapper .job-card-footer .info-desc {
  float: left;
  width: 362px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  word-break: break-word;
  -ms-word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.job-card-wrapper .component-fade-leave-active, .job-card-wrapper .job-card-fade-enter-active {
  transition: opacity .2s linear
}
.job-card-wrapper .job-card-fade-enter, .job-card-wrapper .job-card-fade-leave-to {
  opacity: 0
}
.greet-pop-dialog .dialog-header .title {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 15px
}
.greet-pop-dialog .dialog-header .close {
  display: none
}
.greet-pop-dialog .dialog-container {
  width: 490px;
  padding: 15px 30px
}
.greet-pop-dialog .dialog-container .block-chat-box {
  padding: 10px 0
}
.greet-pop-dialog .dialog-container .block-chat-box p {
  line-height: 26px
}
.greet-pop-dialog .dialog-footer {
  border-top: 1px solid #eee;
  margin-top: 20px
}
.job-detail-card {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  background: #fff;
  border-radius: 12px;
  z-index: 10;
  box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .5)
}
.job-detail-card .job-detail-header {
  position: relative;
  height: 110px;
  padding: 20px 24px;
  background: linear-gradient(90deg, #f5fcfc, #fcfbfa);
  border-radius: 12px 12px 0 0
}
.job-detail-card .job-detail-header .title {
  max-width: 250px;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.job-detail-card .job-detail-header .intro {
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  margin-top: 6px;
  max-width: 310px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.job-detail-card .job-detail-header .header-right {
  position: absolute;
  right: 24px;
  top: 20px;
  z-index: 1
}
.job-detail-card .job-detail-header .header-right .code-desc {
  display: inline-block;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  color: #3b86f6;
  line-height: 20px;
  margin-right: 8px;
  vertical-align: middle
}
.job-detail-card .job-detail-header .header-right .code-icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url(https://img.bosszhipin.com/static/file/2022/p885jmflzv1655391974358.png) 0 0/100% 100% no-repeat;
  vertical-align: middle
}
.job-detail-card .job-detail-header .like-btn {
  position: relative;
  display: inline-block;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #3b86f6;
  line-height: 20px;
  padding-left: 22px
}
.job-detail-card .job-detail-header .like-btn:before {
  content: " ";
  position: absolute;
  width: 17px;
  height: 15px;
  top: 3px;
  left: 0;
  z-index: 1;
  background: url(https://img.bosszhipin.com/static/file/2022/mikp4dmkmu1655206943355.png) 0 0/30px auto no-repeat
}
.job-detail-card .job-detail-header .like-btn.active:before, .job-detail-card .job-detail-header .like-btn:hover:before {
  background-position: 0 -15px
}
.job-detail-card .job-detail-header .like-btn.active:hover:before {
  background-position: 0 0
}
.job-detail-card .job-detail-header .login-btn {
  display: block;
  width: 120px;
  background: #3b86f6;
  color: #fff;
  padding: 5px 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  border-radius: 8px
}
.job-detail-card .job-detail-body {
  padding: 12px 24px 16px
}
.job-detail-card .job-detail-body .title {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 20px
}
.job-detail-card .job-detail-body .desc {
  margin-top: 12px;
  margin-right: -24px;
  padding-right: 24px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  max-height: 260px;
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden
}
.city-select-wrapper {
  font-size: 14px;
  color: #424a5e;
  padding-bottom: 12px
}
.city-select-wrapper .city-char-list {
  background: #f9fafb;
  overflow: hidden;
  width: 786px;
  height: 39px
}
.city-select-wrapper .city-char-list li {
  float: left;
  width: 130px;
  line-height: 39px;
  position: relative;
  cursor: pointer;
  text-align: center;
  user-select: none;
  transition: all .2s linear
}
.city-select-wrapper .city-char-list li.active, .city-select-wrapper .city-char-list li:hover {
  color: #3b86f6
}
.city-select-wrapper .city-char-list li.active:before {
  content: " ";
  position: absolute;
  background-color: #3b86f6;
  left: 25%;
  top: unset;
  bottom: 0;
  width: 50%;
  height: 2px
}
.city-select-wrapper .city-list-hot {
  padding: 20px 0;
  width: 786px;
  height: 378px;
  overflow: auto;
  overflow: overlay
}
.city-select-wrapper .city-list-hot li {
  float: left;
  line-height: 40px;
  width: 20%;
  cursor: pointer;
  text-align: center;
  margin-bottom: 8px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .2s linear
}
.city-select-wrapper .city-list-hot li:hover {
  color: #3b86f6
}
.city-select-wrapper .city-list-select {
  padding: 20px 0;
  width: 786px;
  height: 378px;
  overflow: auto;
  overflow: overlay
}
.city-select-wrapper .city-list-select li {
  line-height: 40px;
  width: 100%;
  cursor: pointer;
  text-align: center
}
.city-select-wrapper .city-list-select li .city-char {
  width: 11.2%;
  text-align: center;
  color: #3b86f6;
  float: left
}
.city-select-wrapper .city-list-select li .list-select-list {
  float: left;
  width: 88.8%
}
.city-select-wrapper .city-list-select li .list-select-list a {
  width: 20%;
  text-align: left;
  margin-bottom: 8px;
  float: left;
  line-height: 40px;
  cursor: pointer;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.subway-select-wrapper .subway-line-list {
  margin-left: -4px;
  margin-right: -4px
}
.subway-select-wrapper .subway-line-list li {
  position: relative;
  z-index: 1;
  margin: 8px 4px 0;
  float: left;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  height: 32px;
  padding: 6px 10px;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 4px;
  transition: all .2s linear
}
.subway-select-wrapper .subway-line-list li.active, .subway-select-wrapper .subway-line-list li:hover {
  font-weight: 500;
  color: #fff
}
.subway-select-wrapper .subway-line-list li.active .bottom-line, .subway-select-wrapper .subway-line-list li:hover .bottom-line {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: auto;
  border-radius: 4px;
  transition: top .2s linear, left .2s linear, right .2s linear
}
.subway-select-wrapper .subway-line-list li.active .selected-num {
  border: 1px solid #fff;
  padding: 1px 2px
}
.subway-select-wrapper .subway-line-list li .bottom-line {
  position: absolute;
  z-index: 1;
  top: 30px;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 2px;
  border-radius: 1px;
  background: #3b86f6
}
.subway-select-wrapper .subway-line-list .selected-num {
  position: absolute;
  right: -4px;
  top: -8px;
  z-index: 1;
  padding: 2px;
  min-width: 16px;
  height: 16px;
  background: #3b86f6;
  border-radius: 8px;
  text-align: center;
  line-height: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #fff
}
.subway-select-wrapper .subway-line-list .selected-num.is-all {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto
}
.subway-select-wrapper .subway-line-list .selected-num.is-all:after {
  content: "全";
  display: block;
  font-size: 12px;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  transform: scale(.9)
}
.subway-select-wrapper .subway-select-detail {
  margin-top: 20px;
  background: #f8f8f8;
  border-radius: 12px;
  padding: 16px 15px;
  min-height: 72px
}
.subway-select-wrapper .selected-subway-section {
  position: relative;
  overflow: hidden;
  padding-right: 90px;
  margin-top: 9px
}
.subway-select-wrapper .selected-subway-section ul {
  float: left
}
.subway-select-wrapper .selected-subway-section ul li {
  float: left;
  margin-right: 8px
}
.subway-select-wrapper .selected-subway-section ul li .selected-subway-name {
  font-size: 14px;
  color: #999;
  line-height: 20px;
  float: left;
  margin-top: 12px
}
.subway-select-wrapper .selected-subway-section ul .selected-subway-list {
  float: left
}
.subway-select-wrapper .selected-subway-section ul .selected-subway-list a {
  float: left;
  white-space: nowrap;
  background: rgba(0, 190, 189, .1);
  border-radius: 4px;
  font-size: 14px;
  color: #3b86f6;
  line-height: 20px;
  padding: 4px 8px;
  margin-right: 8px;
  margin-top: 8px;
  cursor: default
}
.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  border-radius: 100%;
  cursor: pointer;
  transition: all .2s linear
}
.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:hover {
  background: #3b86f6
}
.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:hover:after, .subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:hover:before {
  background: #fff
}
.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:after, .subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:before {
  background: #3b86f6;
  content: " ";
  height: 1px;
  position: absolute;
  left: 50%;
  top: 7px;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  width: 10px
}
.subway-select-wrapper .selected-subway-section ul .selected-subway-list .selected-subway-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.subway-select-wrapper .selected-subway-section .clear-subway-btn {
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 20px;
  transition: all .2s linear
}
.subway-select-wrapper .selected-subway-section .clear-subway-btn:hover {
  color: #3b86f6
}
.subway-site-wrapper {
  position: relative
}
.subway-site-wrapper .all-line-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  transition: all .2s linear
}
.subway-site-wrapper .all-line-checkbox .checkbox-inner {
  display: block;
  margin: 0 auto 6px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #ccc;
  transition: all .2s linear
}
.subway-site-wrapper .all-line-checkbox .checkbox-icon {
  position: absolute;
  z-index: 1;
  display: none;
  width: 16px;
  height: 16px;
  transform: none
}
.subway-site-wrapper .all-line-checkbox .checkbox-icon:after {
  content: " ";
  position: absolute;
  transform: rotate(45deg);
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0
}
.subway-site-wrapper .all-line-checkbox.is-check {
  color: #3b86f6;
  font-weight: 500
}
.subway-site-wrapper .all-line-checkbox.is-check .checkbox-inner {
  border: 1px solid #3b86f6;
  background: #3b86f6
}
.subway-site-wrapper .all-line-checkbox.is-check .checkbox-icon {
  display: block
}
.subway-site-wrapper .all-line-checkbox:hover {
  color: #3b86f6;
  font-weight: 500
}
.subway-site-wrapper .all-line-checkbox:hover .checkbox-inner {
  border: 1px solid #3b86f6
}
.subway-site-wrapper .subway-site-list {
  margin: 0 30px;
  display: block
}
.subway-site-wrapper .subway-site-list li {
  position: relative;
  float: left;
  padding-right: 32px;
  margin-top: 20px
}
.subway-site-wrapper .subway-site-list li.site-right {
  padding-left: 32px;
  padding-right: 0;
  float: right
}
.subway-site-wrapper .subway-site-list li.first-site-line {
  margin-top: 0
}
.subway-site-wrapper .subway-site-list li.site-line-last {
  padding-right: 0
}
.subway-site-wrapper .subway-site-list li.site-line-last.site-right {
  padding-left: 0
}
.subway-site-wrapper .subway-site-list li.site-line-last + .last-site {
  padding-right: 32px
}
.subway-site-wrapper .subway-site-list li.site-line-last + .last-site.site-right {
  padding-left: 32px
}
.subway-site-wrapper .subway-site-list li.first-site {
  padding-left: 40px
}
.subway-site-wrapper .subway-site-list li.first-site:before {
  width: 32px;
  left: auto
}
.subway-site-wrapper .subway-site-list li.first-site .subway-site-box:before {
  content: " ";
  height: 6px;
  background: #e2ebeb;
  position: absolute;
  top: 5px;
  left: 50%;
  right: 0
}
.subway-site-wrapper .subway-site-list li.last-site {
  padding-right: 0
}
.subway-site-wrapper .subway-site-list li.last-site:before {
  content: none
}
.subway-site-wrapper .subway-site-list li.last-site .subway-site-box:before {
  content: " ";
  height: 6px;
  position: absolute;
  top: 5px;
  right: -40px;
  left: 50%;
  z-index: 1;
  background: #f8f8f8
}
.subway-site-wrapper .subway-site-list li.last-site .subway-site-box:after {
  content: " ";
  height: 6px;
  position: absolute;
  top: 5px;
  right: 50%;
  left: 0;
  z-index: 1;
  background: #e2ebeb
}
.subway-site-wrapper .subway-site-list li.last-site.site-right {
  padding-left: 0
}
.subway-site-wrapper .subway-site-list li.last-site.site-right .subway-site-box:before {
  content: " ";
  height: 6px;
  position: absolute;
  top: 5px;
  left: -40px;
  right: 50%;
  z-index: 1;
  background: #f8f8f8
}
.subway-site-wrapper .subway-site-list li.last-site.site-right .subway-site-box:after {
  content: " ";
  height: 6px;
  position: absolute;
  top: 5px;
  left: 50%;
  right: 0;
  z-index: 1;
  background: #e2ebeb
}
.subway-site-wrapper .subway-site-list li.site-turn:before {
  content: " ";
  position: absolute;
  left: -30px;
  right: -6px;
  top: -55px;
  height: 66px;
  border-radius: 33px 0 0 33px;
  border: 6px solid #e2ebeb;
  border-right-color: transparent;
  background: transparent;
  z-index: 1
}
.subway-site-wrapper .subway-site-list li.site-turn.site-right:before {
  right: -30px;
  left: -6px;
  border: 6px solid #e2ebeb;
  border-left-color: transparent;
  border-radius: 0 33px 33px 0
}
.subway-site-wrapper .subway-site-list li:before {
  content: " ";
  height: 6px;
  background: #e2ebeb;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  z-index: 1
}
.subway-site-wrapper .subway-site-list .subway-site-box {
  position: relative;
  z-index: 2;
  font-size: 12px;
  color: #333;
  line-height: 18px;
  cursor: pointer;
  float: left;
  text-align: left;
  padding-top: 22px;
  transition: all .2s linear
}
.subway-site-wrapper .subway-site-list .subway-site-box:hover {
  color: #3b86f6
}
.subway-site-wrapper .subway-site-list .subway-site-box:hover .subway-site-dot {
  border: 2px solid #3b86f6
}
.subway-site-wrapper .subway-site-list .subway-site-box.is-check {
  color: #3b86f6;
  font-weight: 500
}
.subway-site-wrapper .subway-site-list .subway-site-box.is-check .subway-site-dot {
  background: #3b86f6;
  border: 1px solid #f8f8f8;
  width: 20px;
  height: 20px;
  top: -2px;
  margin-left: -10px
}
.subway-site-wrapper .subway-site-list .subway-site-box.is-check .subway-site-dot:after {
  content: " ";
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0
}
.subway-site-wrapper .subway-site-list .subway-site-box.is-disabled {
  cursor: not-allowed;
  color: #999
}
.subway-site-wrapper .subway-site-list .subway-site-box.is-disabled .subway-site-dot {
  border: 1px solid #cae0e0
}
.subway-site-wrapper .subway-site-list .subway-site-box .subway-site-pointer {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}
.subway-site-wrapper .subway-site-list .subway-site-box .subway-site-dot {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8px;
  z-index: 3;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #fff;
  border: 2px solid #cae0e0;
  transition: border-color .2s linear
}
.subway-site-wrapper .measure-text-box {
  position: absolute;
  z-index: -99;
  font-size: 12px;
  color: #333;
  line-height: 18px;
  white-space: pre;
  visibility: hidden
}
.city-area-select {
  position: relative
}
.city-area-select.pick-up {
  display: inline-block;
  height: 32px;
  overflow: hidden
}
.city-area-select.pick-up:hover {
  overflow: visible
}
.city-area-select.pick-up:hover .city-area-dropdown {
  display: block
}
.city-area-select.pick-up:hover:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 8px;
  background: transparent;
  z-index: 4
}
.city-area-select.pick-up .city-area-current {
  display: block
}
.city-area-select.pick-up .city-area-dropdown {
  display: none;
  position: absolute;
  width: 1184px;
  top: 40px;
  left: 0;
  z-index: 4;
  padding: 16px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  border-radius: 8px;
  border: 1px solid #ededed
}
.city-area-select .subway-select-placeholder {
  position: relative;
  width: 100%;
  height: 32px;
  margin-top: 16px
}
.city-area-select .subway-select-placeholder:after {
  content: " ";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: #f8f8f8;
  transition: all .2s linear
}
.city-area-select .city-area-tab {
  overflow: hidden;
  margin-bottom: 8px
}
.city-area-select .city-area-tab.first-placeholder {
  position: relative;
  width: 136px;
  height: 28px
}
.city-area-select .city-area-tab.first-placeholder:after {
  content: " ";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: #f8f8f8;
  transition: all .2s linear
}
.city-area-select .city-area-tab li {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  float: left;
  cursor: pointer;
  padding-bottom: 6px;
  transition: all .2s linear
}
.city-area-select .city-area-tab li + li {
  margin-left: 24px
}
.city-area-select .city-area-tab li:hover {
  color: #3b86f6
}
.city-area-select .city-area-tab li.active {
  position: relative;
  color: #3b86f6
}
.city-area-select .city-area-tab li.active:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 3px;
  background: linear-gradient(90deg, #3b86f6, #3b86f6);
  border-radius: 2px
}
.city-area-select .city-area-current {
  display: none;
  position: relative;
  background: #e5f8f8;
  color: #3b86f6;
  font-weight: 500;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px 6px 36px;
  cursor: pointer;
  transition: all .2s linear
}
.city-area-select .city-area-current .area-current-text {
  display: inline-block;
  max-width: 100px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom
}
.city-area-select .city-area-current .ui-icon-location {
  position: absolute;
  left: 12px;
  top: 8px;
  z-index: 1;
  font-size: 16px
}
.city-area-select .city-area-current .select-num {
  font-style: normal;
  display: inline-block;
  height: 20px;
  vertical-align: bottom;
  margin-left: 2px
}
.city-area-select .area-dropdown-item {
  position: relative
}
.city-area-select .area-dropdown-item + .area-dropdown-item {
  margin-top: 6px
}
.city-area-select .area-dropdown-item .label {
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  width: 48px;
  z-index: 1
}
.city-area-select .area-dropdown-item li {
  display: inline-block;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  cursor: pointer;
  margin: 0 10px 10px
}
.city-area-select .area-dropdown-item li em {
  font-style: normal
}
.city-area-select .area-dropdown-item li:hover {
  color: #3b86f6
}
.city-area-select .area-dropdown-item li.active {
  position: relative;
  color: #3b86f6;
  font-weight: 500
}
.city-area-select .business-area-list li.active:after {
  content: " ";
  position: absolute;
  right: -8px;
  top: 0;
  z-index: 1;
  width: 10px;
  height: 8px;
  background: url(https://img.bosszhipin.com/static/file/2023/yf5ls8tz7d1673342675209.png) 0 0/10px auto no-repeat
}
.city-area-select .dropdown-city-list {
  margin: 18px 2px -10px
}
.city-area-select .dropdown-city-list.first-placeholder {
  position: relative;
  margin-bottom: 10px;
  width: 784px;
  height: 20px
}
.city-area-select .dropdown-city-list.first-placeholder:after {
  content: " ";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: #f8f8f8;
  transition: all .2s linear
}
.city-area-select .area-select-wrapper {
  background: #f8f8f8;
  padding: 0 12px;
  border-radius: 4px;
  margin-top: 16px;
  position: relative
}
.city-area-select .area-select-wrapper.first-placeholder {
  height: 42px
}
.city-area-select .area-select-wrapper.first-placeholder.double-row {
  height: 82px
}
.city-area-select .area-select-wrapper.first-placeholder:after {
  content: " ";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: #f8f8f8;
  border-radius: 4px;
  transition: all .2s linear
}
.city-area-select .area-select-container {
  position: relative;
  padding-top: 10px
}
.city-area-select .area-select-container.has-expand {
  max-height: 43px;
  overflow: hidden
}
.city-area-select .area-select-container + .area-select-container {
  border-top: 1px solid #ececec
}
.city-area-select .area-select-container .dropdown-area-list {
  margin-left: -10px;
  margin-right: -10px
}
.city-area-select .area-select-container.is-open {
  max-height: none
}
.city-area-select .area-select-container.is-open .expand-btn:after {
  transform: rotate(270deg)
}
.city-area-select .area-select-container .expand-btn {
  position: relative;
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #3b86f6;
  line-height: 20px;
  z-index: 1;
  padding-right: 15px;
  transition: all .2s linear
}
.city-area-select .area-select-container .expand-btn:hover {
  opacity: .8
}
.city-area-select .area-select-container .expand-btn:after {
  content: " ";
  position: absolute;
  top: 7px;
  right: 5px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat;
  transform: rotate(90deg);
  z-index: 1
}
.city-area-select .selected-area-section {
  position: relative;
  overflow: hidden;
  padding-right: 90px;
  margin-top: 9px
}
.city-area-select .selected-area-section ul {
  float: left
}
.city-area-select .selected-area-section ul li {
  float: left;
  margin-right: 8px
}
.city-area-select .selected-area-section ul li .selected-area-name {
  font-size: 14px;
  color: #999;
  line-height: 20px;
  float: left;
  margin-top: 12px
}
.city-area-select .selected-area-section ul .selected-area-list {
  float: left
}
.city-area-select .selected-area-section ul .selected-area-list a {
  float: left;
  white-space: nowrap;
  background: rgba(0, 190, 189, .1);
  border-radius: 4px;
  font-size: 14px;
  color: #3b86f6;
  line-height: 20px;
  padding: 4px 8px;
  margin-right: 8px;
  margin-top: 8px;
  cursor: default
}
.city-area-select .selected-area-section ul .selected-area-list .selected-area-close {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -1px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  border-radius: 100%;
  cursor: pointer
}
.city-area-select .selected-area-section ul .selected-area-list .selected-area-close:hover {
  background: #3b86f6
}
.city-area-select .selected-area-section ul .selected-area-list .selected-area-close:hover:after, .city-area-select .selected-area-section ul .selected-area-list .selected-area-close:hover:before {
  background: #fff
}
.city-area-select .selected-area-section ul .selected-area-list .selected-area-close:after, .city-area-select .selected-area-section ul .selected-area-list .selected-area-close:before {
  background: #3b86f6;
  content: " ";
  height: 1px;
  position: absolute;
  left: 50%;
  top: 7px;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  width: 10px
}
.city-area-select .selected-area-section ul .selected-area-list .selected-area-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.city-area-select .selected-area-section .clear-area-btn {
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 20px;
  transition: all .2s linear
}
.city-area-select .selected-area-section .clear-area-btn:hover {
  color: #3b86f6
}
.city-select-dialog .dialog-header .title {
  font-size: 16px;
  line-height: 70px;
  font-weight: 500;
  color: #414a60;
  padding-left: 30px
}
.city-select-dialog .dialog-body {
  max-height: none;
  overflow: unset
}
.city-select-dialog .dialog-container {
  padding: 0;
  border-radius: 12px
}
.condition-filter-select {
  display: inline-block;
  position: relative;
  background: #f8f8f8;
  border-radius: 4px;
  overflow: hidden
}
.condition-filter-select.open {
  background: #e5f8f8;
  overflow: visible
}
.condition-filter-select.open .current-select {
  color: #3b86f6
}
.condition-filter-select.open .current-select:after {
  background-position: -6px -8px;
  transform: rotate(270deg)
}
.condition-filter-select.open:after {
  content: " "
}
.condition-filter-select.is-select .current-select {
  color: #3b86f6;
  background: #e5f8f8;
  font-weight: 500
}
.condition-filter-select.is-select .current-select:after {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}
.condition-filter-select:after {
  content: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 8px;
  z-index: 4;
  background: transparent
}
.condition-filter-select .current-select {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 20px;
  padding: 6px 24px 6px 12px;
  cursor: pointer;
  transition: all .2s linear
}
.condition-filter-select .current-select:after {
  content: " ";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg);
  z-index: 1
}
.condition-filter-select .current-select .placeholder-text {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom
}
.condition-filter-select .current-select .select-num {
  font-style: normal;
  display: inline-block;
  margin-left: 2px;
  vertical-align: bottom
}
.condition-filter-select .filter-select-dropdown {
  position: absolute;
  top: 40px;
  left: 0;
  width: 168px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ededed;
  z-index: 4;
  transition: opacity .2s linear
}
.condition-filter-select .filter-select-dropdown.empty-select {
  width: auto;
  right: 0
}
.condition-filter-select .filter-select-dropdown ul {
  padding: 4px 8px
}
.condition-filter-select .filter-select-dropdown ul li {
  position: relative;
  display: block;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  padding: 8px 24px 8px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all .2s linear
}
.condition-filter-select .filter-select-dropdown ul li .ui-icon-check {
  display: none;
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  top: 12px;
  right: 8px;
  z-index: 1;
  color: #3b86f6
}
.condition-filter-select .filter-select-dropdown ul li:hover {
  color: #3b86f6;
  font-weight: 500;
  background: #f8f8f8
}
.condition-filter-select .filter-select-dropdown ul li.active {
  color: #3b86f6;
  font-weight: 500
}
.condition-filter-select .filter-select-dropdown ul li.active .ui-icon-check {
  display: block
}
.condition-filter-select .filter-select-dropdown .filter-select-empty {
  display: block;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  padding: 8px
}
.condition-position-cascade {
  display: inline-block;
  position: relative;
  background: #f8f8f8;
  border-radius: 4px;
  overflow: hidden
}
.condition-position-cascade.open {
  background: #e5f8f8;
  overflow: visible
}
.condition-position-cascade.open .current-select {
  color: #3b86f6
}
.condition-position-cascade.open .current-select:after {
  background-position: -6px -8px;
  transform: rotate(270deg)
}
.condition-position-cascade.open:after {
  content: " "
}
.condition-position-cascade.is-select .current-select {
  color: #3b86f6;
  background: #e5f8f8;
  font-weight: 500
}
.condition-position-cascade.is-select .current-select:after {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}
.condition-position-cascade:after {
  content: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 8px;
  z-index: 4;
  background: transparent
}
.condition-position-cascade .current-select {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 20px;
  padding: 6px 24px 6px 12px;
  cursor: pointer;
  transition: all .2s linear
}
.condition-position-cascade .current-select:after {
  content: " ";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg);
  z-index: 1
}
.condition-position-cascade .current-select .placeholder-text {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom
}
.condition-position-cascade .current-select .select-num {
  font-style: normal;
  display: inline-block;
  margin-left: 2px;
  vertical-align: bottom
}
.condition-position-cascade .filter-select-dropdown {
  display: flex;
  position: absolute;
  top: 40px;
  left: 0;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ededed;
  z-index: 4;
  transition: opacity .2s linear
}
.condition-position-cascade .filter-select-dropdown.empty-select {
  width: auto;
  right: 0
}
.condition-position-cascade .filter-select-dropdown ul {
  width: 168px;
  padding: 4px 8px;
  max-height: 286px;
  overflow: auto;
  overflow: overlay;
  flex-shrink: 0;
  background: #fff;
  border-radius: 8px
}
.condition-position-cascade .filter-select-dropdown ul li {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  padding: 8px 16px 8px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  transition: all .2s linear
}
.condition-position-cascade .filter-select-dropdown ul li .icon-arrow {
  position: absolute;
  top: 15px;
  right: 8px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  z-index: 1
}
.condition-position-cascade .filter-select-dropdown ul li .ui-icon-check {
  display: none;
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  top: 12px;
  right: 8px;
  z-index: 1;
  color: #3b86f6
}
.condition-position-cascade .filter-select-dropdown ul li.can-select.active .ui-icon-check {
  display: inline-block
}
.condition-position-cascade .filter-select-dropdown ul li:hover {
  color: #3b86f6;
  background: #f8f8f8;
  font-weight: 500
}
.condition-position-cascade .filter-select-dropdown ul li:hover .icon-arrow {
  background-position: -6px -8px
}
.condition-position-cascade .filter-select-dropdown ul li.active {
  color: #3b86f6;
  font-weight: 500
}
.condition-position-cascade .filter-select-dropdown ul li.active .icon-arrow {
  background-position: -6px -8px
}
.condition-position-cascade .filter-select-empty {
  display: block;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  padding: 8px
}
.condition-industry-select {
  display: inline-block;
  position: relative;
  background: #f8f8f8;
  border-radius: 4px;
  overflow: hidden
}
.condition-industry-select.open {
  background: #e5f8f8;
  overflow: visible
}
.condition-industry-select.open .current-select {
  color: #3b86f6
}
.condition-industry-select.open .current-select:after {
  background-position: -6px -8px;
  transform: rotate(270deg)
}
.condition-industry-select.open:after {
  content: " "
}
.condition-industry-select.is-select .current-select {
  color: #3b86f6;
  background: #e5f8f8;
  font-weight: 500
}
.condition-industry-select.is-select .current-select:after {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}
.condition-industry-select:after {
  content: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 8px;
  z-index: 4;
  background: transparent
}
.condition-industry-select .current-select {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 20px;
  padding: 6px 24px 6px 12px;
  cursor: pointer;
  transition: all .2s linear
}
.condition-industry-select .current-select:after {
  content: " ";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg);
  z-index: 1
}
.condition-industry-select .current-select .placeholder-text {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom
}
.condition-industry-select .current-select .select-num {
  font-style: normal;
  display: inline-block;
  margin-left: 2px;
  vertical-align: bottom
}
.condition-industry-select .filter-select-dropdown {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 4;
  padding: 4px 0;
  background: #fff;
  overflow: auto;
  overflow: overlay;
  border-radius: 12px;
  border: 1px solid #ebeef5;
  transition: opacity .2s linear
}
.condition-industry-select .filter-select-dropdown.empty-select {
  width: auto;
  right: 0
}
.condition-industry-select .filter-select-dropdown ul {
  width: 884px;
  height: 286px
}
.condition-industry-select .filter-select-dropdown li {
  position: relative;
  padding-left: 182px
}
.condition-industry-select .filter-select-dropdown li .label {
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 1;
  width: 182px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.condition-industry-select .filter-select-dropdown li .select-list {
  width: 100%;
  overflow: hidden
}
.condition-industry-select .filter-select-dropdown li .select-list a {
  position: relative;
  width: 25%;
  float: left;
  padding: 8px 24px 8px 8px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.condition-industry-select .filter-select-dropdown li .select-list a:hover {
  background: #f8f8f8;
  color: #3b86f6;
  font-weight: 500
}
.condition-industry-select .filter-select-dropdown li .select-list a.active {
  color: #3b86f6;
  font-weight: 500
}
.condition-industry-select .filter-select-dropdown li .select-list a.active .ui-icon-check {
  display: block
}
.condition-industry-select .filter-select-dropdown li .select-list a .ui-icon-check {
  display: none;
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  top: 12px;
  right: 8px;
  z-index: 1;
  color: #3b86f6
}
.condition-industry-select .filter-select-empty {
  display: block;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  padding: 8px
}
.condition-position-select {
  display: inline-block;
  position: relative;
  background: #f8f8f8;
  border-radius: 4px;
  overflow: hidden
}
.condition-position-select.open {
  background: #e5f8f8;
  overflow: visible
}
.condition-position-select.open .current-select {
  color: #3b86f6
}
.condition-position-select.open .current-select:after {
  background-position: -6px -8px;
  transform: rotate(270deg)
}
.condition-position-select.is-select .current-select {
  color: #3b86f6;
  background: #e5f8f8;
  font-weight: 500
}
.condition-position-select.is-select .current-select:after {
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -8px/10px auto no-repeat
}
.condition-position-select:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 8px;
  z-index: 4;
  background: transparent
}
.condition-position-select .current-select {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 20px;
  padding: 6px 24px 6px 12px;
  cursor: pointer;
  transition: all .2s linear
}
.condition-position-select .current-select:after {
  content: " ";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg);
  z-index: 1
}
.condition-position-select .current-select .placeholder-text {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom
}
.condition-position-select .current-select .select-num {
  font-style: normal;
  display: inline-block;
  margin-left: 2px;
  vertical-align: bottom
}
.condition-position-select .filter-select-dropdown {
  display: flex;
  position: absolute;
  top: 40px;
  left: 0;
  border-radius: 8px;
  z-index: 4;
  transition: opacity .2s linear
}
.condition-position-select .filter-select-dropdown.empty-select {
  width: auto;
  right: 0
}
.condition-position-select .filter-select-dropdown ul {
  width: 168px;
  padding: 4px 8px;
  max-height: 286px;
  overflow: auto;
  overflow: overlay;
  flex-shrink: 0;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ededed
}
.condition-position-select .filter-select-dropdown ul li {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px;
  padding: 8px 16px 8px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
  transition: all .2s linear
}
.condition-position-select .filter-select-dropdown ul li .icon-arrow {
  position: absolute;
  top: 15px;
  right: 8px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  z-index: 1
}
.condition-position-select .filter-select-dropdown ul li .ui-icon-check {
  display: none;
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  top: 12px;
  right: 8px;
  z-index: 1;
  color: #3b86f6
}
.condition-position-select .filter-select-dropdown ul li.can-select.active .ui-icon-check {
  display: inline-block
}
.condition-position-select .filter-select-dropdown ul li:hover {
  color: #3b86f6;
  background: #f8f8f8;
  font-weight: 500
}
.condition-position-select .filter-select-dropdown ul li:hover .icon-arrow {
  background-position: -6px -8px
}
.condition-position-select .filter-select-dropdown ul li.active {
  color: #3b86f6;
  font-weight: 500
}
.condition-position-select .filter-select-dropdown ul li.active .icon-arrow {
  background-position: -6px -8px
}
.condition-position-select .filter-select-dropdown .condition-position-detail {
  width: 610px;
  padding: 4px 0;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 12px;
  margin-left: 4px;
  overflow: auto;
  overflow: overlay;
  height: 286px
}
.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-grandson {
  padding: 12px 0 0 10px;
  overflow: hidden
}
.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-grandson:last-child .condition-position-list {
  border-bottom: none
}
.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #12141a;
  line-height: 22px;
  padding: 12px 16px 4px
}
.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-label {
  float: left;
  width: 122px;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  padding-left: 6px;
  word-break: break-all;
  box-sizing: border-box
}
.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-list {
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
  border-bottom: 1px solid #f0f3fa
}
.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-list a {
  float: left;
  display: block;
  margin-bottom: 12px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 13px;
  color: #222;
  line-height: 18px;
  cursor: pointer;
  transition: all .2s linear
}
.condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-list a.active, .condition-position-select .filter-select-dropdown .condition-position-detail .condition-position-list a:hover {
  color: #3b86f6
}
.condition-position-select .filter-select-empty {
  display: block;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 20px;
  padding: 8px
}
.job-search-wrapper {
  background: #fff;
  width: 1184px;
  margin: 20px auto 0;
  border-radius: 12px;
  padding: 24px 24px 16px
}
.job-search-wrapper.fix-top {
  position: fixed;
  width: 100%;
  top: 49px;
  z-index: 99;
  margin-top: 0;
  box-shadow: 0 3px 6px rgba(6, 0, 1, .05)
}
.job-search-wrapper.fix-top .job-search-box, .job-search-wrapper.fix-top .search-condition-wrapper {
  width: 1184px
}
.job-search-wrapper.fix-top .search-condition-wrapper .city-area-select {
  float: left;
  margin-right: 20px
}
.job-search-wrapper.fix-top .barrier-condition-wrapper {
  width: 1184px
}
.job-search-box {
  margin: 0 auto
}
.job-search-box .job-search-form {
  position: relative;
  float: left;
  width: 884px;
  height: 54px;
  background: #3b86f6;
  border-radius: 12px;
  border: 2px solid #3b86f6
}
.job-search-box .job-search-form .city-label {
  position: relative;
  float: left;
  background: #fff;
  width: 136px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 22px;
  height: 50px;
  padding: 14px 24px 14px 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 10px 0 0 10px;
  border-right: 1px solid #fff;
  cursor: pointer;
  transition: all .2s linear
}
.job-search-box .job-search-form .city-label:hover {
  color: #3b86f6
}
.job-search-box .job-search-form .city-label:hover:after {
  background-position: -6px -8px
}
.job-search-box .job-search-form .city-label:after {
  content: " ";
  position: absolute;
  top: 21px;
  right: 18px;
  width: 4px;
  height: 7px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) -6px -16px/10px auto no-repeat;
  transform: rotate(90deg);
  z-index: 1
}
.job-search-box .job-search-form .search-input-box {
  position: relative;
  float: left;
  background: #fff;
  width: 628px;
  border-radius: 0 10px 10px 0
}
.job-search-box .job-search-form .input-wrap {
  width: 100%;
  color: #222
}
.job-search-box .job-search-form .input-wrap .input {
  height: 50px;
  border: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 14px 18px;
  border-radius: 0 12px 12px 0
}
.job-search-box .job-search-form .search-map-btn {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -12px;
  height: 24px;
  font-size: 16px;
  color: #333;
  z-index: 1;
  display: flex;
  align-items: center;
  transition: all .2s linear
}
.job-search-box .job-search-form .search-map-btn:hover {
  color: #3b86f6
}
.job-search-box .job-search-form .search-map-btn:hover:before {
  background-position: 0 -24px
}
.job-search-box .job-search-form .search-map-btn:before {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(https://img.bosszhipin.com/static/file/2023/rnb8fa70bs1675773960493.png) 0 0/24px auto no-repeat
}
.job-search-box .job-search-form .search-btn {
  float: left;
  display: block;
  font-weight: 500;
  color: #fff;
  line-height: 28px;
  width: 116px;
  font-size: 20px;
  text-align: center;
  padding: 11px 0
}
.job-search-box .job-search-form .related-result-wrapper {
  position: absolute;
  top: 54px;
  left: 0;
  width: 628px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  z-index: 6;
  border-radius: 12px;
  padding: 4px 0
}
.job-search-box .job-search-form .related-result-wrapper.search-find-box {
  padding: 4px 16px 16px
}
.job-search-box .job-search-form .related-result-wrapper ul {
  max-height: 400px;
  overflow: auto;
  overflow: overlay
}
.job-search-box .job-search-form .related-result-wrapper li {
  line-height: 40px;
  padding: 0 16px;
  cursor: pointer;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.job-search-box .job-search-form .related-result-wrapper li.current, .job-search-box .job-search-form .related-result-wrapper li:hover {
  background: #f8f8f8
}
.job-search-box .job-search-form .related-result-wrapper li .suggest-highlight {
  color: #3b86f6;
  text-decoration: none
}
.job-search-box .job-search-form .related-result-wrapper .empty-related-keyword {
  display: block;
  line-height: 40px;
  color: #757575;
  font-size: 12px;
  padding: 0 16px
}
.job-search-box .job-search-form .related-result-wrapper .related-result-label {
  display: block;
  line-height: 33px;
  font-size: 12px;
  color: #757575;
  padding: 0 16px
}
.job-search-box .go-login-btn {
  float: right;
  width: 236px;
  height: 54px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #3b86f6;
  font-size: 16px;
  font-weight: 400;
  color: #3b86f6;
  line-height: 22px;
  padding: 15px 0;
  transition: all .2s linear
}
.job-search-box .go-login-btn:before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) -18px -32px/44px auto no-repeat;
  margin-right: 12px;
  vertical-align: middle;
  position: relative;
  top: -2px
}
.job-search-box .go-login-btn:hover {
  background: #3b86f6;
  color: #fff;
  border: 1px solid #3b86f6
}
.job-search-box .go-login-btn:hover:before {
  background-position: 0 -32px
}
.job-search-box .job-search-scan {
  float: right;
  margin-top: 7px;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #3b86f6;
  line-height: 20px;
  padding-left: 32px;
  cursor: pointer;
  overflow: hidden
}
.job-search-box .job-search-scan:hover {
  overflow: visible
}
.job-search-box .job-search-scan:hover:before {
  background-position: -22px 0
}
.job-search-box .job-search-scan:hover .qrcode-container {
  opacity: 1
}
.job-search-box .job-search-scan:before {
  content: " ";
  position: absolute;
  top: 4px;
  left: 0;
  width: 22px;
  height: 32px;
  background: url(https://img.bosszhipin.com/static/file/2022/bh2amn80el1654691091224.png) 0 0/44px auto no-repeat
}
.job-search-box .job-search-scan .qrcode-container {
  transition: all .2s linear;
  opacity: 0;
  position: absolute;
  top: 44px;
  left: -80px;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
  border: 1px solid #ededed;
  padding: 16px 15px;
  z-index: 4;
  border-radius: 8px
}
.job-search-box .job-search-scan .qrcode-container .app-icon-arrow {
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: 8px;
  width: 6px;
  height: 6px;
  border: 1px solid #ededed;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  background: #fff
}
.job-search-box .job-search-scan .qrcode-container img {
  width: 130px;
  height: 130px;
  display: block;
  margin: 0 auto
}
.job-search-box .job-search-scan .qrcode-container span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #3b86f6;
  line-height: 20px;
  text-align: center;
  margin: 3px auto 0
}
.job-search-box .search-find-group {
  position: relative;
  margin-top: 8px
}
.job-search-box .search-find-title {
  display: block;
  font-size: 12px;
  color: #757575;
  line-height: 17px;
  padding: 8px 0
}
.job-search-box .search-find-title .clear-search-btn {
  float: right;
  font-size: 12px;
  color: #999;
  line-height: 17px;
  transition: all .2s linear
}
.job-search-box .search-find-title .clear-search-btn:hover {
  color: #3b86f6
}
.job-search-box .search-find-list {
  overflow: hidden;
  margin-left: -6px;
  margin-right: -6px
}
.job-search-box .search-find-list a {
  display: flex;
  align-items: center;
  background: #f8f8f8;
  border-radius: 6px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 2px 8px;
  float: left;
  margin: 4px 6px;
  word-break: break-all;
  transition: all .2s linear
}
.job-search-box .search-find-list a:hover {
  color: #fff;
  background: #3b86f6
}
.job-search-box .search-find-list a.has-hot-word:after {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(https://img.bosszhipin.com/static/file/2023/g6ekwpgj3x1675251964669.png) 0 0/16px auto no-repeat
}
.job-search-box .search-find-item {
  display: none
}
.job-search-box .search-find-item.active {
  display: block
}
.job-search-box .switch-find-btn {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #3b86f6;
  line-height: 17px;
  transition: all .2s linear
}
.job-search-box .switch-find-btn:before {
  content: " ";
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(https://img.bosszhipin.com/static/file/2023/6c9swnmxfg1675251970848.png) 0 0/16px auto no-repeat
}
.job-search-box .switch-find-btn:hover {
  opacity: .8
}
.job-search-box .switch-find-btn.rotate:before {
  animation: search-find-rotate .2s linear
}
@keyframes search-find-rotate {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(180deg)
  }
}
.search-condition-wrapper {
  margin: 0 auto
}
.search-condition-wrapper .city-area-select {
  margin-top: 20px
}
.search-condition-wrapper .condition-filter-select, .search-condition-wrapper .condition-industry-select, .search-condition-wrapper .condition-position-cascade, .search-condition-wrapper .condition-position-select {
  float: left;
  margin-top: 20px;
  margin-right: 20px
}
.search-condition-wrapper .clear-search-btn {
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 20px;
  margin-top: 26px;
  transition: all .2s linear
}
.search-condition-wrapper .clear-search-btn:hover {
  color: #3b86f6
}
.barrier-condition-wrapper {
  position: relative;
  margin: 20px auto 0;
  border-top: 1px solid #ededed;
  padding-top: 16px
}
.job-empty-wrapper {
  text-align: center;
  min-height: 340px;
  position: relative;
  background: #fff;
  padding: 100px 0;
  border-radius: 12px
}
.job-empty-wrapper .job-empty-box {
  width: 360px;
  margin: 0 auto
}
.job-empty-wrapper .job-empty-box .job-empty-icon {
  display: block;
  width: 200px;
  height: 122px;
  margin: 0 auto
}
.job-empty-wrapper .job-empty-box p {
  text-align: center;
  font-size: 16px;
  color: #999;
  font-weight: 200;
  line-height: 22px;
  margin-top: 16px
}
.job-loading-wrapper {
  position: relative
}
.job-loading-wrapper .job-loading-list li {
  width: 884px;
  height: 136px;
  border-radius: 12px;
  background: url(https://img.bosszhipin.com/static/file/2022/np8iwwb4st1656041192358.png) 50%/cover no-repeat
}
.job-loading-wrapper .job-loading-list li + li {
  margin-top: 16px
}
.login-card-wrapper {
  position: relative;
  width: 284px;
  background: url(https://img.bosszhipin.com/static/file/2022/myz8vq8tfh1655797191987.png) 16px 14px/auto 50px no-repeat, linear-gradient(180deg, #3b86f6, #3b86f6) hsla(0, 0%, 100%, .21);
  border-radius: 14px;
  margin-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px
}
.login-card-wrapper:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(54, 202, 202, 0), #fff);
  border-radius: 12px
}
.login-card-wrapper .switch-login-btn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: url(https://img.bosszhipin.com/static/file/2023/nxeq3irrud1680090770542.png) 0 0/50px auto no-repeat;
  cursor: pointer
}
.login-card-wrapper .switch-login-btn:hover {
  background-position: 0 -50px
}
.login-card-wrapper .switch-login-btn.app-way {
  background-position: 0 -100px
}
.login-card-wrapper .switch-login-btn.app-way:hover {
  background-position: 0 -150px
}
.login-card-wrapper .title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 25px;
  padding-top: 20px;
  padding-bottom: 10px
}
.login-card-wrapper .login-card-body {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, rgba(245, 252, 252, .8), #fcfbfa);
  border-radius: 12px 12px 0 0;
  border: 1px solid #f7fdfd;
  backdrop-filter: blur(7px);
  padding: 20px 18px
}
.login-card-wrapper .login-card-body .login-btn {
  display: block;
  text-align: center;
  background: #3b86f6;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 21px;
  padding: 7px 0;
  margin-top: 20px;
  transition: all .2s linear
}
.login-card-wrapper .login-card-body .login-btn:hover {
  opacity: .8
}
.login-card-wrapper .login-card-body .text-tip {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  line-height: 17px;
  margin-top: 12px
}
.login-card-wrapper .login-card-body .text-tip .agree-policy {
  position: relative;
  top: -1px;
  vertical-align: middle
}
.login-card-wrapper .login-card-body .text-tip .checkbox-inner {
  width: 12px;
  height: 12px
}
.login-card-wrapper .login-card-body .text-tip .checkbox-checked .checkbox-inner, .login-card-wrapper .login-card-body .text-tip .checkbox:hover .checkbox-inner {
  border-color: #3b86f6
}
.login-card-wrapper .login-card-body .text-tip .checkbox-edging:after {
  width: 4px;
  height: 8px
}
.login-card-wrapper .login-card-body .text-tip .checkbox-checked .checkbox-edging {
  background: #3b86f6
}
.login-card-wrapper .login-card-body .text-tip a {
  color: #3b86f6;
  transition: all .2s linear
}
.login-card-wrapper .login-card-body .text-tip a:hover {
  opacity: .8
}
.page-job:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 614px;
  background: linear-gradient(180deg, #3b86f6, #88fffe 50%, #fff);
  opacity: .1;
  z-index: -1
}
.page-job .links-friends-wrapper {
  background: #313438;
  border: 1px solid #46494c;
  padding: 7px 0 6px
}
.page-job .links-friends-wrapper .links .links-item a {
  color: hsla(0, 0%, 100%, .5)
}
.page-job .links-friends-wrapper .links .links-item a:hover {
  color: #3b86f6
}
.page-job .links-friends-wrapper .links {
  margin: 0 auto
}
.page-job .links-friends-wrapper .links label, .page-job .links-friends-wrapper .links label:hover {
  color: hsla(0, 0%, 100%, .5)
}
.page-job .links-friends-wrapper .links .links-item {
  margin-bottom: 12px
}
.page-job .links-friends dt {
  color: hsla(0, 0%, 100%, .5)
}
.page-job-wrapper .custom-made-banner img {
  display: block;
  width: 100%
}
.page-job-wrapper.page-barrier-free .swiper-banner-container {
  height: 300px;
  margin-bottom: -20px
}
.page-job-wrapper.page-barrier-free .swiper-banner-container .swiper-banner-wrapper {
  height: 340px
}
.page-job-wrapper.page-barrier-free .swiper-banner-container .swiper-banner-inner {
  height: 300px
}
.page-job-wrapper.page-barrier-free .job-search-wrapper {
  position: relative;
  z-index: 2
}
.page-job-wrapper.page-barrier-free .job-search-wrapper.fix-top {
  position: fixed;
  z-index: 99
}
.page-job-wrapper .page-job-inner {
  margin-top: 20px
}
.page-job-wrapper .page-job-content {
  width: 1184px;
  margin: 0 auto
}
.page-job-wrapper .job-list-wrapper {
  float: left;
  width: 884px
}
.page-job-wrapper .search-job-result {
  margin-bottom: 40px
}
.page-job-wrapper .search-job-result.job-result-empty {
  margin-bottom: 16px
}
.page-job-wrapper .search-job-result .pagination-area {
  margin-top: 32px;
  text-align: center
}
.page-job-wrapper .search-job-result .pagination-area .pager a {
  margin: 0 4px;
  height: 26px;
  min-width: 26px;
  line-height: 26px;
  border-radius: 6px;
  border: none;
  background: #fff;
  color: #333;
  transition: all .2s linear
}
.page-job-wrapper .search-job-result .pagination-area .pager a.selected, .page-job-wrapper .search-job-result .pagination-area .pager a:hover {
  color: #fff;
  background: #3b86f6
}
.page-job-wrapper .search-job-result .pagination-area .pager a.disabled {
  background: #fff;
  color: #666;
  cursor: not-allowed
}
.page-job-wrapper .search-job-result .pagination-area .pager .fast-next-btn.disabled, .page-job-wrapper .search-job-result .pagination-area .pager .fast-prev-btn.disabled {
  color: #333;
  background: transparent;
  cursor: default
}
.page-job-wrapper .job-side-wrapper {
  float: right;
  width: 284px
}
.page-job-wrapper .job-side-wrapper .side-banner-wrapper {
  margin-bottom: 16px;
  border-radius: 12px;
  overflow: hidden
}
.page-job-wrapper .job-side-wrapper .side-banner-wrapper a {
  position: relative
}
.page-job-wrapper .job-side-wrapper .side-banner-wrapper a:after {
  content: " ";
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .1);
  transition: all .2s linear
}
.page-job-wrapper .job-side-wrapper .side-banner-wrapper a:hover:after {
  opacity: 1
}
.page-job-wrapper .job-side-wrapper .side-banner-wrapper img {
  display: block;
  width: 100%
}
.page-job-wrapper .job-side-wrapper .vip-guide {
  border-radius: 12px
}
.page-job-wrapper .job-side-wrapper .scan-box {
  width: 284px;
  height: 120px;
  margin-bottom: 16px;
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/scan_bg.61f14e0e.png);
  background-size: 100%;
  position: relative;
  display: block
}
.page-job-wrapper .job-side-wrapper .scan-box .code {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  top: 20px;
  left: 20px
}
.page-job-wrapper .job-side-wrapper .scan-box .code img {
  width: 100%;
  height: 100%
}
#footer {
  background: #313438;
  color: hsla(0, 0%, 100%, .5);
  margin-top: 20px
}
.footer-about dl dt {
  color: hsla(0, 0%, 100%, .8)
}
.copyright a, .footer-about dl dd a, .footer-about dl dd p {
  color: hsla(0, 0%, 100%, .5)
}
.copyright a:hover, .footer-about dl dd a:hover {
  color: #3b86f6
}
#footer .icon-app, #footer .icon-client-app, #footer .icon-weibo, #footer .icon-weixin {
  border: none !important;
  background-color: hsla(0, 0%, 100%, .1)
}
.live-program-page.has-footer {
  padding-bottom: 247px !important
}
.live-program-page #footer {
  margin-top: 0
}
.page-live-program {
  position: relative;
  background: #e5f3ff;
  color: #333;
  overflow: hidden;
  padding-bottom: 100px
}
.page-live-program.has-banner .live-program-preview {
  margin-top: -60px
}
.page-live-program .live-program-preview {
  position: relative;
  z-index: 2;
  width: 1180px;
  background: #fff;
  border-radius: 12px;
  margin: 60px auto 0
}
.page-live-program .live-program-preview.has-director {
  border-radius: 20px
}
.page-live-program .live-program-preview.has-director .program-preview-footer {
  height: 100px
}
.page-live-program .live-program-preview.has-director .program-preview-footer .program-info li + li {
  margin-left: 60px
}
.page-live-program .live-program-preview.is-living .program-preview-body {
  cursor: default
}
.page-live-program .live-program-preview .program-preview-body {
  position: relative;
  height: 620px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  cursor: pointer
}
.page-live-program .live-program-preview .program-preview-body .program-preview-cover {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%
}
.page-live-program .live-program-preview .program-preview-body #playerContainer {
  position: relative;
  width: 100%;
  height: 100%
}
.page-live-program .live-program-preview .program-preview-body .live-tab {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
  border-radius: 12px;
  background: rgba(0, 0, 0, .4);
  color: #fff;
  padding: 3px 12px;
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  line-height: 22px;
  font-size: 16px
}
.page-live-program .live-program-preview .program-preview-body .live-tab .living-icon {
  margin-top: -2px
}
.page-live-program .live-program-preview .program-preview-body .living-icon-col {
  background: #ffd168
}
.page-live-program .live-program-preview .program-preview-body .enter-live-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -90px;
  z-index: 2;
  width: 180px;
  height: 60px;
  text-align: center;
  line-height: 58px;
  border-radius: 12px;
  border: 1px solid #785ad9;
  font-size: 20px;
  font-weight: 500;
  color: #785ad9;
  transition: all .2s linear
}
.page-live-program .live-program-preview .program-preview-body .enter-live-btn:hover {
  background: #785ad9;
  color: #fff
}
.page-live-program .live-program-preview .program-preview-body .play-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  z-index: 1
}
.page-live-program .live-program-preview .program-preview-body .program-preview-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  line-height: 42px;
  padding: 54px 40px 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-live-program .live-program-preview .program-preview-body .program-preview-title:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .5));
  z-index: -1
}
.page-live-program .live-program-preview .program-preview-footer {
  padding: 0 40px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.page-live-program .live-program-preview .program-preview-footer .program-info {
  display: flex
}
.page-live-program .live-program-preview .program-preview-footer .program-info li {
  display: flex;
  flex-direction: column;
  align-items: center
}
.page-live-program .live-program-preview .program-preview-footer .program-info li + li {
  margin-left: 100px
}
.page-live-program .live-program-preview .program-preview-footer .program-info li span {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #232832;
  line-height: 30px;
  font-family: kanzhun-Regular
}
.page-live-program .live-program-preview .program-preview-footer .program-info li p {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #5c5e66;
  line-height: 22px
}
.page-live-program .live-program-preview .program-preview-footer .attention-info {
  display: flex;
  align-items: center
}
.page-live-program .live-program-preview .program-preview-footer .attention-info span {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 17px;
  margin-right: 20px
}
.page-live-program .live-program-preview .program-preview-footer .attention-info .attention-program-btn {
  display: block;
  height: 48px;
  width: 128px;
  background: #ffa526;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 48px;
  text-align: center;
  transition: all .2s linear
}
.page-live-program .live-program-preview .program-preview-footer .attention-info .attention-program-btn:hover {
  background: #fa930c
}
.page-live-program .live-program-preview .program-preview-footer .attention-info .attention-program-btn.disabled {
  opacity: .5;
  cursor: not-allowed
}
.page-live-program .recently-live-item {
  border-radius: 12px;
  background: #fff;
  transition: all .2s linear
}
.page-live-program .recently-live-item + .recently-live-item {
  margin-top: 20px
}
.page-live-program .recently-live-item .live-cover {
  position: relative;
  width: 380px;
  height: 212px;
  float: left;
  border-radius: 12px 0 0 12px;
  display: flex;
  align-items: center;
  overflow: hidden
}
.page-live-program .recently-live-item .live-cover img {
  width: 100%;
  height: 100%
}
.page-live-program .recently-live-item .live-cover .live-tab {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  border-radius: 12px;
  background: rgba(0, 0, 0, .4);
  color: #fff;
  padding: 2px 8px;
  display: inline-block;
  font-weight: 400;
  line-height: 20px;
  font-size: 14px
}
.page-live-program .recently-live-item .live-cover .play-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  z-index: 1
}
.page-live-program .recently-live-item .live-info {
  position: relative;
  float: left;
  width: 800px;
  height: 212px;
  padding: 52px 40px 52px 60px;
  border-radius: 0 12px 12px 0
}
.page-live-program .recently-live-item .live-info h3 {
  display: block;
  margin-bottom: 0;
  height: 28px;
  font-size: 20px;
  font-weight: 500;
  color: #213059;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 600px;
  text-align: left;
  transition: all .2s linear
}
.page-live-program .recently-live-item .live-info p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #213059;
  line-height: 20px;
  height: 20px
}
.page-live-program .recently-live-item .live-info p em {
  display: inline-block;
  color: #fca93c;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 360px;
  vertical-align: top;
  margin: 0 2px
}
.page-live-program .recently-live-item .live-info .live-time {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #213059;
  line-height: 20px;
  margin-top: 30px
}
.page-live-program .recently-live-item .live-info .live-time i {
  margin-right: 4px
}
.page-live-program .recently-live-item .live-info .operate-area {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -16px
}
.page-live-program .live-program-item {
  border-radius: 12px;
  width: 583px;
  margin-top: 14px;
  background: #fff
}
.page-live-program .live-program-item .title {
  border-radius: 12px 12px 0 0;
  height: 46px;
  padding: 12px 20px;
  background: linear-gradient(90deg, #f5fafc, #fbfafc);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  color: #213059;
  line-height: 22px
}
.page-live-program .live-program-item .program-item-info {
  position: relative;
  display: flex;
  align-items: center;
  padding: 28px 30px 28px 20px
}
.page-live-program .live-program-item .program-item-info .company-logo-wrapper {
  width: 68px;
  height: 68px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #eee;
  overflow: hidden
}
.page-live-program .live-program-item .program-item-info .company-logo-wrapper .company-logo {
  max-width: 100%;
  max-height: 100%
}
.page-live-program .live-program-item .program-item-info .program-info-list {
  display: flex;
  margin-left: 60px
}
.page-live-program .live-program-item .program-item-info .program-info-list li {
  display: flex;
  flex-direction: column;
  align-items: center
}
.page-live-program .live-program-item .program-item-info .program-info-list li span {
  font-size: 20px;
  color: #333;
  line-height: 30px;
  font-family: kanzhun-Regular
}
.page-live-program .live-program-item .program-item-info .program-info-list li p {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 20px
}
.page-live-program .live-program-item .program-item-info .program-info-list li + li {
  margin-left: 40px
}
.page-live-program .live-program-item .program-item-info .operate-area {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -16px
}
.page-live-program .live-small-item {
  border-radius: 12px;
  width: 583px;
  background: #fff;
  margin-top: 14px
}
.page-live-program .live-small-item .live-small-header {
  height: 46px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #f5fafc, #fbfafc);
  border-radius: 12px 12px 0 0
}
.page-live-program .live-small-item .live-small-header, .page-live-program .live-small-item .live-small-header .live-time {
  font-size: 14px;
  font-weight: 400;
  color: #2f4580;
  line-height: 20px
}
.page-live-program .live-small-item .live-small-header .live-time i {
  margin-right: 4px
}
.page-live-program .live-small-item .live-small-header .live-position {
  margin-left: 12px
}
.page-live-program .live-small-item .program-small-body {
  padding: 28px 30px 28px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.page-live-program .live-small-item .program-small-body .program-small-content {
  display: flex
}
.page-live-program .live-small-item .program-small-body .company-logo-wrapper {
  position: relative;
  width: 68px;
  height: 68px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #eee;
  overflow: hidden
}
.page-live-program .live-small-item .program-small-body .company-logo-wrapper .company-logo {
  max-width: 100%;
  max-height: 100%
}
.page-live-program .live-small-item .program-small-body .company-logo-wrapper .live-tab {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 1;
  border-radius: 12px;
  background: rgba(0, 0, 0, .4);
  color: #fff;
  padding: 0 6px;
  display: inline-block;
  font-weight: 400;
  line-height: 18px;
  font-size: 14px
}
.page-live-program .live-small-item .program-small-body .company-logo-wrapper .living-icon {
  margin-top: 1px;
  margin-right: 0
}
.page-live-program .live-small-item .program-small-body .program-small-info {
  margin-left: 20px
}
.page-live-program .live-small-item .program-small-body .program-small-info .title {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: #213059;
  line-height: 28px;
  height: 28px
}
.page-live-program .live-small-item .program-small-body .program-small-info p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #5c5e66;
  line-height: 20px;
  height: 20px
}
.page-live-program .live-small-item .program-small-body .program-small-info p em {
  display: inline-block;
  color: #fca93c;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  vertical-align: top;
  margin: 0 2px
}
.page-live-program .live-small-item .program-small-body .program-small-info .popover-wrap {
  width: max-content;
  border-radius: 8px;
  background: rgba(0, 0, 0, .7);
  border-color: rgba(0, 0, 0, .7)
}
.page-live-program .live-small-item .program-small-body .program-small-info .popover-content {
  padding: 5px 12px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-weight: 400
}
.page-live-program .section-all-program .select-city-list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  margin-top: 8px
}
.page-live-program .section-all-program .select-city-list:after {
  content: " ";
  position: absolute;
  left: 0;
  width: 1180px;
  bottom: 0;
  height: 1px;
  z-index: 1;
  background: rgba(0, 0, 0, .1)
}
.page-live-program .section-all-program .select-city-list li {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #213059;
  line-height: 20px;
  padding: 12px 0;
  transition: all .2s linear;
  cursor: pointer;
  flex-shrink: 0
}
.page-live-program .section-all-program .select-city-list li + li {
  margin-left: 40px
}
.page-live-program .section-all-program .select-city-list li:hover {
  font-weight: 600
}
.page-live-program .section-all-program .select-city-list li.active {
  position: relative;
  font-weight: 600
}
.page-live-program .section-all-program .select-city-list li.active:after {
  content: " ";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 1px;
  z-index: 2;
  border-radius: 1px;
  background: #213059
}
.page-live-program .section-all-program .slide-wrapper + .slide-wrapper {
  margin-top: 15px
}
.page-live-program .section-all-program .select-date-list {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0
}
.page-live-program .section-all-program .select-date-list li {
  width: 64px;
  height: 26px;
  text-align: center;
  line-height: 24px;
  background: #f3faff;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #213059;
  cursor: pointer;
  border: 1px solid #f3faff;
  transition: all .2s linear;
  flex-shrink: 0
}
.page-live-program .section-all-program .select-date-list li + li {
  margin-left: 10px
}
.page-live-program .section-all-program .select-date-list li:hover {
  background: #fafdff;
  border: 1px solid #f3faff
}
.page-live-program .section-all-program .select-date-list li.active {
  border: 1px solid #00243c;
  background: #f3faff
}
.page-live-program .section-custom-make .select-sub-list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  margin-top: 8px
}
.page-live-program .section-custom-make .select-sub-list:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  z-index: 1;
  background: rgba(0, 0, 0, .1)
}
.page-live-program .section-custom-make .select-sub-list li {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #213059;
  line-height: 20px;
  padding: 12px 0;
  transition: all .2s linear;
  cursor: pointer;
  flex-shrink: 0
}
.page-live-program .section-custom-make .select-sub-list li + li {
  margin-left: 40px
}
.page-live-program .section-custom-make .select-sub-list li:hover {
  font-weight: 600
}
.page-live-program .section-custom-make .select-sub-list li.active {
  position: relative;
  font-weight: 600
}
.page-live-program .section-custom-make .select-sub-list li.active:after {
  content: " ";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 1px;
  z-index: 2;
  background: #213059
}
.page-live-program .slide-wrapper {
  position: relative;
  width: 1180px;
  overflow: hidden
}
.page-live-program .slide-wrapper .slide-nav .slide-nav-btn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 1;
  width: 20px;
  height: 20px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  transition: all .2s linear;
  color: #004f4f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100%
}
.page-live-program .slide-wrapper .slide-nav .slide-nav-btn i {
  font-size: 12px
}
.page-live-program .slide-wrapper .slide-nav .slide-nav-btn:hover {
  background: #f4fffb
}
.page-live-program .slide-wrapper .slide-nav .slide-nav-btn.disabled {
  background: #eee;
  cursor: not-allowed
}
.page-live-program .slide-wrapper .slide-nav .slide-nav-btn.slide-nav-prev {
  left: 0
}
.page-live-program .slide-wrapper .slide-nav .slide-nav-btn.slide-nav-next {
  right: 0
}
.page-live-program .slide-wrapper .slide-box {
  transition: all .2s linear
}
.page-live-program .slide-wrapper .slot-list {
  float: left
}
.page-live-program .live-title-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://img.bosszhipin.com/static/file/2023/hfo7e4kbfa1681094547830.png) 0 0/20px 20px no-repeat
}
.page-live-program .live-program-banner {
  position: relative
}
.page-live-program .live-program-banner:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background: linear-gradient(180deg, rgba(229, 243, 255, 0), rgba(229, 243, 255, 0) 45%, #e5f3ff);
  z-index: 1
}
.page-live-program .live-program-banner .program-banner-cover {
  width: 100%;
  min-height: 120px
}
.page-live-program .live-program-banner .program-banner-cover img {
  display: block;
  width: 100%
}
.page-live-program .section-program-container {
  margin: 80px auto 0;
  width: 1180px
}
.page-live-program .section-program-container h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  font-size: 30px;
  font-weight: 500;
  color: #213059;
  line-height: 42px;
  margin-bottom: 40px
}
.page-live-program .section-program-container h3 .live-title-icon {
  margin: 0 24px
}
.page-live-program .section-recently-live {
  margin-top: 100px
}
.page-live-program .section-program-footer {
  display: flex;
  align-items: center;
  flex-direction: column
}
.page-live-program .section-program-footer .immediately-subscribe-btn {
  display: block;
  width: 184px;
  height: 48px;
  line-height: 46px;
  border-radius: 8px;
  border: 1px solid #ffa526;
  text-align: center;
  margin: 30px auto 0;
  font-size: 16px;
  font-weight: 500;
  color: #ffa526;
  transition: all .2s linear
}
.page-live-program .section-program-footer .immediately-subscribe-btn:hover {
  color: #fff;
  background: #ffa526
}
.page-live-program .section-program-footer .expand-btn {
  display: inline-block;
  margin: 20px auto 0;
  font-size: 14px;
  font-weight: 400;
  color: #213059;
  line-height: 20px;
  transition: all .2s linear
}
.page-live-program .section-program-footer .expand-btn i {
  margin-left: 6px
}
.page-live-program .section-program-footer .expand-btn:hover {
  color: #47567a
}
.page-live-program .section-match-job .match-job-list {
  margin: -7px
}
.page-live-program .section-match-job .match-job-list .job-card-detail {
  float: left;
  margin: 7px
}
.page-live-program .section-match-job .section-program-footer {
  width: 100%
}
.page-live-program .live-program-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -14px
}
.page-live-program .live-item-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 6px
}
.page-live-program .program-btn {
  display: block;
  width: 88px;
  height: 36px;
  line-height: 36px;
  background: #ffa526;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  transition: all .2s linear
}
.page-live-program .program-btn:hover {
  background: #fa930c
}
.page-live-program .program-btn.enter-btn {
  background: #785ad9
}
.page-live-program .program-btn.enter-btn:hover {
  background: #6e52c7
}
.page-live-program .program-btn.disabled {
  opacity: .5;
  cursor: not-allowed
}
.page-live-program .living-icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px
}
.page-live-program .living-icon-col {
  display: inline-block;
  width: 2px;
  height: 100%;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 2px;
  animation: living-icon-ani .6s linear infinite;
  transform-origin: bottom
}
.page-live-program .living-icon-col:first-child {
  animation-delay: -.2s;
  margin-left: 0
}
.page-live-program .living-icon-col:last-child {
  animation-delay: .2s;
  margin-right: 0
}
.middle-youth {
  background: #92e5b4
}
.middle-youth .live-title-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://img.bosszhipin.com/static/file/2023/bwhb6njal61681094749525.png) 0 0/20px 20px no-repeat
}
.middle-youth .live-program-banner:after {
  content: none
}
.middle-youth .live-program-preview .program-preview-body .enter-live-btn {
  border: 1px solid #19c1fe;
  color: #19c1fe;
  background: hsla(0, 0%, 100%, .15);
  backdrop-filter: blur(10px)
}
.middle-youth .live-program-preview .program-preview-body .enter-live-btn:hover {
  background: #19c1fe;
  color: #fff
}
.middle-youth .live-program-preview .program-preview-footer .program-info li span {
  color: #043d25
}
.middle-youth .live-program-preview .program-preview-footer .program-info li p {
  color: #004f4f
}
.middle-youth .live-program-preview .program-preview-footer .attention-info span {
  color: #007373
}
.middle-youth .live-program-preview .program-preview-footer .attention-info .attention-program-btn {
  background: #4fc974
}
.middle-youth .live-program-preview .program-preview-footer .attention-info .attention-program-btn:hover {
  background: #50ba7b
}
.middle-youth .section-all-program .select-city-list li {
  color: #004f4f
}
.middle-youth .section-all-program .select-city-list li.active, .middle-youth .section-all-program .select-city-list li:hover {
  font-weight: 600
}
.middle-youth .section-all-program .select-city-list li.active:after {
  background: #004f4f
}
.middle-youth .section-all-program .select-date-list li {
  color: #004f4f;
  background: #d6f8eb;
  border-color: #d6f8eb
}
.middle-youth .section-all-program .select-date-list li:hover {
  background: #ecf8f3;
  border-color: #ecf8f3
}
.middle-youth .section-all-program .select-date-list li.active {
  background: #d6f8eb;
  border: 1px solid #004f4f
}
.middle-youth .recently-live-item:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 16px 40px 0 rgba(66, 153, 101, .2)
}
.middle-youth .live-program-item .program-item-info .program-info-list li p, .middle-youth .live-program-item .program-item-info .program-info-list li span, .middle-youth .live-program-item .title, .middle-youth .recently-live-item .live-info .live-time, .middle-youth .recently-live-item .live-info h3, .middle-youth .recently-live-item .live-info p {
  color: #004f4f
}
.middle-youth .section-program-container h3 {
  color: #043d25
}
.middle-youth .section-program-footer .immediately-subscribe-btn {
  border-color: #1f8c4b;
  color: #1f8c4b
}
.middle-youth .section-program-footer .immediately-subscribe-btn:hover {
  background: #4fc974;
  border-color: #4fc974
}
.middle-youth .section-program-footer .expand-btn {
  color: #004f4f
}
.middle-youth .section-program-footer .expand-btn:hover {
  color: #1f8c4b
}
.middle-youth .program-btn {
  background: #4fc974
}
.middle-youth .program-btn:hover {
  background: #50ba7b
}
.middle-youth .program-btn.enter-btn {
  background: #19c1fe
}
.middle-youth .program-btn.enter-btn:hover {
  background: #0cb5f2
}
.middle-youth .live-small-item .live-small-header {
  background: linear-gradient(90deg, #f5fcf6, #fafcfc);
  color: #004f4f
}
.middle-youth .live-small-item .live-small-header .live-time, .middle-youth .live-small-item .program-small-body .program-small-info .title, .middle-youth .live-small-item .program-small-body .program-small-info p {
  color: #004f4f
}
.page-live-list {
  padding-top: 20px;
  min-height: 614px;
  position: relative
}
.page-live-list:after {
  content: "";
  width: 100%;
  height: 614px;
  position: absolute;
  top: 0;
  background: linear-gradient(180deg, #3b86f6, #88fffe 50%, #fff);
  opacity: .1;
  z-index: -1
}
.page-live-list .flex {
  display: flex;
  align-items: center
}
.page-live-list .banner {
  width: 1184px;
  height: 200px;
  background: #fff;
  border-radius: 12px;
  margin: 0 auto
}
.page-live-list .banner > img {
  width: 100%;
  height: 100%
}
.page-live-list .main-content {
  width: 1184px;
  margin: 0 auto;
  display: flex;
  flex-direction: column
}
.page-live-list .block-header {
  display: flex;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 20px
}
.page-live-list .title {
  font-size: 28px;
  color: #222;
  line-height: 40px;
  font-weight: 700
}
.page-live-list .sec-title {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-left: 24px
}
.page-card-live {
  position: relative;
  width: 1200px;
  margin: 0 -8px;
  z-index: 1
}
.page-card-live .live-item .live-item-tag {
  position: absolute;
  bottom: 12px;
  right: 20px;
  z-index: 2;
  background: rgba(0, 190, 189, .1);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
  color: #3b86f6;
  line-height: 18px;
  padding: 2px 8px;
  max-width: 228px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.page-card-live .live-item .live-item-tag.notice {
  background: rgba(250, 119, 71, .1);
  color: #f46935;
  padding-left: 8px;
  padding-right: 8px;
  max-width: 248px
}
.page-card-live .live-item .live-item-tag.notice:before {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background: url(https://img.bosszhipin.com/static/file/2022/ewb1mwjih91658115663148.png) 0 0/12px auto no-repeat
}
.page-card-live .live-item .live-item-tag.live-record {
  color: #4096f5;
  background: rgba(64, 150, 245, .1)
}
.page-card-live .live-item .live-item-tag.live-record:before {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  background: url(https://img.bosszhipin.com/static/file/2022/ewb1mwjih91658115663148.png) 0 -12px/12px auto no-repeat
}
.page-card-live .live-item .living-icon {
  position: relative;
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  vertical-align: text-top
}
.page-card-live .live-item .living-icon-col {
  display: inline-block;
  width: 3px;
  height: 100%;
  background: #3b86f6;
  border-radius: 2px;
  animation: living-icon-ani .6s linear infinite;
  transform-origin: bottom;
  border-radius: 1px 1px 0 0
}
.page-card-live .live-item .living-icon-col:first-child {
  animation-delay: -.2s;
  margin-left: 0
}
.page-card-live .live-item .living-icon-col:last-child {
  animation-delay: .2s;
  margin-right: 0
}
@keyframes living-icon-ani {
  0% {
    transform: scaleY(.5)
  }
  50% {
    transform: scaleY(1)
  }
  to {
    transform: scaleY(.5)
  }
}
.page-card-live .live-item {
  display: block;
  position: relative;
  width: 284px;
  overflow: hidden;
  margin: 8px;
  float: left;
  border-radius: 12px;
  transition: all .2s linear
}
.page-card-live .live-item .company-logo-box {
  width: 38px;
  height: 38px;
  border-radius: 4px;
  float: left;
  margin: 4px 8px 0 16px
}
.page-card-live .live-item .company-logo-box img {
  width: 38px;
  height: 38px;
  display: block;
  border-radius: 4px
}
.page-card-live .live-item:after {
  content: " ";
  position: absolute;
  width: 80px;
  height: 80px;
  top: 39px;
  left: 50%;
  margin-left: -40px;
  background: url(https://img.bosszhipin.com/static/file/2022/s8o6146qt51643447385978.png) 50%/100%;
  z-index: 4;
  opacity: 0;
  transition: all .2s linear
}
.page-card-live .live-item:hover:after {
  opacity: 1
}
.page-card-live .live-item:hover {
  box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3);
  position: relative;
  z-index: 1
}
.page-card-live .live-item:hover:before {
  content: " ";
  height: 158px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 78px;
  right: 0;
  z-index: 3;
  background: rgba(0, 0, 0, .2);
  transition: background .2s linear
}
.page-card-live .live-item:hover .info-main span {
  color: #3b86f6
}
.page-card-live .live-item .live-image {
  height: 158px;
  width: 284px;
  display: block;
  margin: 0 auto
}
.page-card-live .live-item .info-content {
  height: 78px;
  padding-top: 16px;
  background: #fff
}
.page-card-live .live-item .info-logo {
  display: none
}
.page-card-live .live-item .info-main {
  padding: 0 20px
}
.page-card-live .live-item .info-main span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 22px
}
.page-card-live .live-item .info-main p, .page-card-live .live-item .info-main span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .2s linear
}
.page-card-live .live-item .info-main p {
  max-width: 120px;
  font-size: 13px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  margin-top: 8px
}
.page-card-live .live-item .live-time {
  position: absolute;
  display: block;
  right: 4px;
  bottom: 82px;
  border-radius: 4px;
  background: rgba(0, 0, 0, .6);
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 17px;
  z-index: 1;
  padding: 2px 4px
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-card-special-column {
  overflow: visible;
  margin-left: -8px;
  margin-right: -8px
}
.page-card-special-column > a {
  width: 584px;
  height: 131px;
  display: block;
  float: left;
  background: #fff;
  border-radius: 12px;
  padding: 6px 20px 20px;
  transition: all .2s linear;
  margin: 8px;
  flex-shrink: 0;
  cursor: pointer
}
.page-card-special-column > a:hover {
  box-shadow: 0 16px 40px 0 hsla(0, 0%, 60%, .3)
}
.page-card-special-column > a .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #f2f4f7
}
.page-card-special-column > a .title:hover {
  color: #3b86f6
}
.page-card-special-column > a .card-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px
}
.page-card-special-column > a .card-info .info {
  margin-right: 32px;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.page-card-special-column > a .card-info .info:last-child {
  margin-right: 0
}
.page-card-special-column > a .card-info .info > p {
  font-size: 18px;
  text-align: center;
  color: #222;
  word-break: break-all
}
.page-card-special-column > a .card-info .info > span {
  font-size: 13px;
  color: #666
}
.page-card-special-column > a .live-btn {
  width: 100px;
  height: 36px;
  background: #3b86f6;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  cursor: pointer
}
.page-card-special-column > a .live-btn:hover {
  background: linear-gradient(225deg, #3b86f6, #3b86f6)
}
.page-card-special-column > a .arrow {
  width: 5px;
  height: 8px;
  top: 20px;
  right: 14px;
  display: inline-block;
  margin-left: 10px;
  background: url(https://img.bosszhipin.com/static/file/2022/01vcskhm8y1652252017628.png) 0 0/10px auto no-repeat
}
.page-no-data {
  width: 300px;
  margin: 30px auto;
  text-align: center;
  color: #666;
  font-size: 14px
}
.page-no-data .blank-image > img {
  width: 200px;
  height: 122px;
  display: block;
  margin: 0 auto 20px
}
.sync-resume-catalogue {
  width: 160px
}
.sync-resume-catalogue .sync-catalogue-list {
  background: #fff
}
.sync-resume-catalogue .sync-catalogue-list .sync-catalogue-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 40px;
  cursor: pointer;
  transition: all .15s linear;
  color: #61687c
}
.sync-resume-catalogue .sync-catalogue-list .sync-catalogue-item.active, .sync-resume-catalogue .sync-catalogue-list .sync-catalogue-item:hover {
  background-color: #f2f5f9
}
.module-show-wrapper {
  position: relative;
  padding: 15px 30px;
  box-sizing: content-box;
  transition: all .15s linear;
  border: 1px solid transparent
}
.module-show-wrapper:hover {
  background: #f8f9fb
}
.module-show-wrapper .title {
  position: relative;
  padding-left: 10px;
  font-size: 18px;
  height: 25px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 10px
}
.module-show-wrapper .title:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 15px;
  border-radius: 2px;
  background-color: #53cac3;
  left: 0;
  top: 5px
}
.module-show-wrapper .module-show-item {
  padding: 10px 14px;
  position: relative;
  min-height: 40px;
  transition: all .15s linear
}
.module-show-wrapper .module-show-item.module-show-advantage .op {
  background-color: hsla(0, 0%, 100%, .9);
  transition: all .15s linear;
  padding-left: 5px
}
.module-show-wrapper .module-show-item:hover {
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
  border-radius: 4px
}
.module-show-wrapper .module-show-item:hover .op {
  display: block
}
.module-show-wrapper .module-show-item .primary-info {
  word-break: break-all
}
.module-show-wrapper .module-show-item .primary-info h4 {
  font-size: 15px;
  font-weight: 700
}
.module-show-wrapper .module-show-item .primary-info h4.name {
  max-width: 420px;
  word-break: break-all;
  float: left;
  color: #414a60
}
.module-show-wrapper .module-show-item .primary-info h4.name + .period {
  font-size: 12px;
  padding-left: 30px;
  float: left;
  position: relative;
  top: 2px
}
.module-show-wrapper .module-show-item .primary-info .info-text {
  padding: 7px 0;
  color: #61687c;
  white-space: pre-wrap;
  overflow: hidden;
  word-break: break-all
}
.module-show-wrapper .module-show-item .primary-info .info-text.text-gray {
  color: #9fa3b0
}
.module-show-wrapper .module-show-item .primary-info .info-text .text-type {
  font-weight: 700
}
.module-show-wrapper .module-show-item .primary-info .info-text:last-of-type {
  padding-bottom: 0
}
.module-show-wrapper .module-show-item .primary-info .info-text.advantage-text {
  padding-top: 0
}
.module-show-wrapper .module-show-item .primary-info .keywords {
  padding-top: 7px
}
.module-show-wrapper .module-show-item .primary-info .keywords span {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #9fa3b0;
  padding: 0 14px;
  margin-right: 10px;
  border: 1px solid #cfd1d7;
  border-radius: 50px;
  margin-bottom: 7px
}
.module-show-wrapper .module-show-item .primary-info .social-img {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin-right: 15px;
  vertical-align: middle
}
.module-show-wrapper .module-show-item .op {
  position: absolute;
  display: none;
  right: 14px;
  top: 10px
}
.module-show-wrapper .module-show-item .op a {
  display: inline-block;
  line-height: 24px;
  padding: 0 5px;
  color: #00c2b3
}
.module-show-wrapper .module-show-item .op a .icon-svg {
  fill: #00c2b3;
  margin-right: 5px
}
.module-show-wrapper .module-show-item .op a:hover {
  color: #6adbcf
}
.module-show-wrapper .module-show-item .op a:hover .icon-svg {
  fill: #6adbcf
}
.module-show-wrapper .module-show-item .op .link-edit {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/edit-icon.c4d39ab7.png);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 16px 16px;
  padding-left: 21px;
  font-size: 12px
}
.module-show-wrapper .module-show-item .op .link-edit:hover {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/edit-icon-hover.d0e786b0.png)
}
.module-show-wrapper .module-show-item .op .link-delete {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/delete-icon.6d425e18.png);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 16px 16px;
  padding-left: 21px;
  font-size: 12px
}
.module-show-wrapper .module-show-item .op .link-delete:hover {
  background-image: url(https://static.zhipin.com/zhipin-geek/chat/v321/static/images/delete-icon-hover.b8417837.png)
}
.module-show-wrapper .message-tip-list li {
  display: block;
  margin-top: 10px
}
.module-show-wrapper .message-tip-list .message-tip-item {
  display: inline-block;
  background: #eaeff5;
  border-radius: 4px;
  font-size: 13px;
  color: #414a60;
  line-height: 18px;
  padding: 3px 8px;
  word-break: break-all
}
.module-show-wrapper .message-tip-list .message-tip-item.warning {
  background: rgba(255, 148, 28, .1);
  color: #ff941c
}
.module-show-wrapper .message-tip-list .message-tip-item.warning i {
  color: #ff941c
}
.module-show-wrapper .message-tip-list .message-tip-item i {
  margin-right: 3px;
  color: #61687c
}
.module-show-wrapper .message-tip-list .message-tip-item em {
  font-style: normal
}
.module-show-wrapper .message-tip-list .message-tip-item em:hover {
  opacity: .8;
  transition: all .2s linear
}
.module-form-wrapper {
  padding: 24px 30px;
  background-color: #f8f9fb;
  position: relative
}
.module-form-wrapper .date-scope {
  display: flex;
  align-items: center
}
.module-form-wrapper .date-scope .datepicker-wrap {
  width: 132px
}
.module-form-wrapper .date-scope .datepicker-wrap .input, .module-form-wrapper .date-scope .input-wrap {
  min-width: 100%
}
.module-form-wrapper .date-scope .date-scope-text {
  margin: 0 10px
}
.module-form-wrapper .ui-form {
  margin-left: -15px;
  margin-right: -15px
}
.module-form-wrapper .input {
  height: 38px;
  padding-left: 15px;
  padding-right: 15px
}
.module-form-wrapper .input[readonly], .module-form-wrapper .input[readonly]:focus, .module-form-wrapper .input[readonly]:hover {
  background-color: #fff;
  cursor: pointer
}
.module-form-wrapper .ui-select .ui-select-inner {
  height: 36px;
  padding-top: 8px
}
.module-form-wrapper .skill-tag-selecter .ui-select .ui-select-inner {
  height: auto;
  padding-top: 8px
}
.module-form-wrapper .skill-tag-selecter .ui-select .ui-select-inner .ui-select-input {
  max-width: 100%
}
.module-form-wrapper .radio-group-rectangle .radio-item {
  width: 147px;
  min-width: auto;
  line-height: 36px
}
.module-form-wrapper .input-wrap-textarea .input {
  height: 160px;
  padding: 7px 15px
}
.module-form-wrapper .form-item-advantage .input {
  height: 200px
}
.module-form-wrapper h3.title {
  font-size: 16px;
  height: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.module-form-wrapper .form-item {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-bottom: 20px;
  padding: 0 15px
}
.module-form-wrapper .form-item .city-select-container, .module-form-wrapper .form-item .datepicker-wrap, .module-form-wrapper .form-item .input-wrap, .module-form-wrapper .form-item .ui-cascader, .module-form-wrapper .form-item .ui-cascader-selection, .module-form-wrapper .form-item .ui-select {
  width: 100%;
  flex: 1
}
.module-form-wrapper .form-item .city-select-container .dropdown-select, .module-form-wrapper .form-item .city-select-container .ipt {
  width: 100%
}
.module-form-wrapper .form-item .city-select-container .dropdown-menu .city-box .dropdown-city, .module-form-wrapper .form-item .city-select-container .dropdown-menu .city-box .dropdown-province {
  width: 171px
}
.module-form-wrapper .form-item .date-scope-text, .module-form-wrapper .form-item .scope-separator {
  margin: 0 15px
}
.module-form-wrapper .form-item .real-name {
  position: absolute;
  top: -33px;
  left: 38px;
  color: #00c2b3;
  display: flex;
  align-items: center;
  font-size: 12px
}
.module-form-wrapper .form-item .real-name img {
  width: 16px;
  height: 16px;
  margin-right: 4px
}
.module-form-wrapper .form-item.form-item-blur .item-label {
  width: 100%;
  text-align: left
}
.module-form-wrapper .form-item.form-item-blur .slot-label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.module-form-wrapper .form-item.form-item-blur .slot-label em {
  font-style: normal;
  font-weight: 400;
  color: #8d92a1;
  font-size: 12px
}
.module-form-wrapper .form-item.form-item-blur .input-prepend-blur {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 38px;
  line-height: 36px;
  border: 1px solid#e3e7ed;
  z-index: 2;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 30px;
  box-sizing: border-box;
  transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
  cursor: text
}
.module-form-wrapper .form-item.form-item-blur .input-prepend-blur:hover {
  border-color: #2cd7c8
}
.module-form-wrapper .form-item.form-item-blur .input-prepend-blur span {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap
}
.module-form-wrapper .form-item.form-item-blur .input-wrap:hover .suffix {
  display: flex
}
.module-form-wrapper .form-item.form-item-blur .suffix {
  z-index: 3;
  cursor: pointer;
  display: none
}
.module-form-wrapper .form-item .append-tip {
  display: none;
  position: absolute;
  z-index: 99;
  top: 38px;
  left: 0;
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  padding: 9px 14px;
  background-color: #fff;
  border: 1px solid #e3e7ed;
  border-top: 0
}
.module-form-wrapper .form-item .append-tip .gray {
  font-size: 12px
}
.module-form-wrapper .form-item .append-tip .gray a {
  color: #00c2b3
}
.module-form-wrapper .form-item .append-tip .gray a:hover {
  color: #6adbcf
}
.module-form-wrapper .form-item .append-tip .radio-inner {
  margin-right: 10px
}
.module-form-wrapper .form-item .datepicker-wrap:hover .append-tip, .module-form-wrapper .form-item .input-group-with-append:hover .append-tip, .module-form-wrapper .form-item .radio-group:hover .append-tip, .module-form-wrapper .form-item .ui-select:hover .append-tip {
  display: block
}
.module-form-wrapper .form-item .datepicker-wrap .prefix-totoday {
  padding-left: 10px;
  padding-right: 15px;
  line-height: 26px;
  pointer-events: none;
  left: 5px
}
.module-form-wrapper .form-item .nodata-tip {
  position: absolute;
  font-size: 12px;
  padding: 6px 10px 8px 0
}
.module-form-wrapper .form-item .nodata-tip i {
  color: #fc6c38;
  font-size: 14px;
  margin-right: 6px
}
.module-form-wrapper .form-item .datepicker-pannel {
  width: 300px
}
.module-form-wrapper .form-item .datepicker-pannel .picker-content .month, .module-form-wrapper .form-item .datepicker-pannel .picker-content .year {
  margin: 5px 4px
}
.module-form-wrapper .form-item.form-item-full {
  width: auto;
  display: block
}
.module-form-wrapper .form-item.form-item-full .append-tip {
  max-width: none
}
.module-form-wrapper .form-item.form-item-full .item-content .date-scope .datepicker-wrap {
  flex: 1
}
.module-form-wrapper .form-item.form-item-full .item-content .date-scope .scope-separator {
  width: 30px
}
.module-form-wrapper .form-item.form-item-full .item-content:before {
  content: "";
  overflow: hidden;
  height: 0;
  display: block;
  clear: both
}
.module-form-wrapper .form-item.form-item-full .item-content .input-wrap {
  width: 100%
}
.module-form-wrapper .form-item.form-item-full .item-content .scope-separator {
  width: 30px;
  text-align: center
}
.module-form-wrapper .form-item.form-item-full .item-content .skill-tag-selecter {
  width: 100%
}
.module-form-wrapper .form-item.form-item-full .scope-selecter .scope-select .ui-select-selection .ui-select-inner {
  padding: 6px 15px 5px
}
.module-form-wrapper .form-item.form-item-full .scope-selecter .scope-select .ui-select-selection .ui-select-inner span {
  margin: 0
}
.module-form-wrapper .form-item.form-item-full .serial-toolbar {
  width: 100%
}
.module-form-wrapper .form-item .item-form-suggest-item u.h {
  color: #16c3b1;
  text-decoration: none
}
.module-form-wrapper .form-item.resume-expectation-city .text-small {
  position: absolute;
  right: 55px;
  top: 3px
}
.module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown, .module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu {
  width: 100%
}
.module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu .ui-cascader-menu {
  width: 50%
}
.module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu .ui-cascader-menu > .ui-dropdown-list {
  width: 100%
}
.module-form-wrapper .form-item.resume-expectation-city .ui-select-dropdown > .ui-cascader-menu > .ui-dropdown-list {
  width: 50%
}
.module-form-wrapper .form-btns {
  text-align: right;
  padding: 0 15px
}
.module-form-wrapper .form-btns .btn {
  margin-right: 20px;
  min-width: 90px
}
.module-form-wrapper .form-btns .btn:last-of-type {
  margin-right: 0
}
.module-form-wrapper .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item, .module-form-wrapper .ui-suggest .ui-dropmenu-list li {
  display: flex
}
.module-form-wrapper .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div, .module-form-wrapper .ui-suggest .ui-dropmenu-list li div {
  flex: 1;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.module-form-wrapper .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item div span, .module-form-wrapper .ui-suggest .ui-dropmenu-list li div span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.module-form-wrapper .ui-suggest .ui-dropmenu-list .ui-dropmenu-list-item .h, .module-form-wrapper .ui-suggest .ui-dropmenu-list li .h {
  text-decoration: none;
  color: #16c3b1
}
.module-form-wrapper .skill-tag-mask {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer
}
.similar-item-wrapper {
  position: relative
}
.similar-item-wrapper .similar-item-box {
  position: absolute;
  bottom: 36px;
  left: -14px;
  width: 762px;
  z-index: 2;
  background: #fff;
  padding: 14px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
  transition: all .2s linear
}
.similar-item-wrapper .similar-item-box:after {
  content: " ";
  position: absolute;
  left: 146px;
  bottom: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #fff
}
.similar-item-wrapper .similar-item-box .similar-item-origin {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  height: 24px;
  background: rgba(0, 190, 189, .1);
  border-radius: 4px;
  color: #3b86f6;
  font-size: 13px;
  line-height: 18px;
  padding: 3px 8px
}
.similar-item-wrapper .similar-item-box .info-text.advantage-text {
  padding-right: 74px
}
.page-resume-sync .resume-sync-wrapper {
  width: 1184px;
  margin: 0 auto;
  padding-top: 20px;
  display: flex
}
.page-resume-sync .resume-sync-wrapper.is-fixed .resume-sync-container {
  margin-left: 180px
}
.page-resume-sync .resume-sync-wrapper.is-fixed .sync-resume-catalogue {
  position: fixed;
  top: 60px;
  z-index: 20
}
.page-resume-sync .resume-sync-container {
  position: relative;
  width: 824px;
  margin-left: 20px;
  background-color: #fff;
  padding-bottom: 60px;
  min-height: calc(100vh - 69px)
}
.page-resume-sync .resume-sync-container.data-tips-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 0
}
.page-resume-sync .resume-sync-container.data-tips-wrapper .resume-sync-body {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center
}
.page-resume-sync .resume-sync-container.data-tips-wrapper .data-tips {
  height: auto
}
.page-resume-sync .resume-sync-container .resume-sync-header {
  padding: 30px;
  border-bottom: 1px solid #f3f3f3
}
.page-resume-sync .resume-sync-container .resume-sync-header .title {
  font-size: 20px;
  font-weight: 500;
  color: #24272e;
  line-height: 28px
}
.page-resume-sync .resume-sync-container .resume-sync-header .sub-title {
  font-size: 14px;
  color: #61687c;
  line-height: 20px;
  margin-top: 8px;
  word-break: break-all
}
.page-resume-sync .resume-sync-container .resume-sync-body .border-select .module-show-wrapper {
  animation: border-select 2s
}
@keyframes border-select {
  0% {
    border: 1px solid #5dd5c8
  }
  25% {
    border: 1px solid #5dd5c8
  }
  50% {
    border: 1px solid #5dd5c8
  }
  to {
    border: 1px solid transparent
  }
}
.page-resume-sync .resume-sync-container .resume-sync-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 60px;
  background: #fff;
  box-shadow: 0 0 20px 0 #e8ecf2;
  display: flex;
  align-items: center;
  justify-content: center
}
.page-resume-sync .resume-sync-container .resume-sync-footer .btn-sync {
  padding: 9px 35px
}
.boss-dialog.outsource-dialog__wrapper {
  border-radius: 10px
}
.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close {
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px
}
.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close:hover {
  background: #ff3e3e
}
.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close:hover .icon-close:after, .boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close:hover .icon-close:before {
  background: #fff
}
.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close .icon-close {
  width: 20px;
  height: 20px
}
.boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close .icon-close:after, .boss-dialog.outsource-dialog__wrapper:not(.business-dialog__wrap) .boss-popup__close .icon-close:before {
  width: 13px;
  height: 2px;
  background: #000;
  top: 10px
}
.boss-dialog.outsource-dialog__wrapper .boss-dialog__footer .boss-dialog__button {
  border-radius: 4px;
  background-color: #3b86f6;
  color: #fff
}
.boss-dialog.outsource-dialog__wrapper .boss-dialog__footer .boss-dialog__button:not(.disabled):not(.button-outline):hover {
  background: #3b86f6
}
.boss-dialog.outsource-dialog__wrapper .boss-dialog__footer .boss-dialog__button.button-outline {
  border-color: #3b86f6;
  background: #fff;
  color: #3b86f6
}
.boss-dialog.outsource-dialog__wrapper .boss-dialog__footer .boss-dialog__button.button-outline:hover {
  border: 2px solid #3b86f6
}
.boss-dialog.business-dialog__wrap {
  padding: 0;
  height: 600px
}
.boss-dialog.business-dialog__wrap .business-with-payment {
  display: flex;
  border-radius: 10px
}
.boss-dialog.business-dialog__wrap .business-with-payment .left-part {
  border-radius: 10px 0 0 10px
}
.boss-dialog.business-dialog__wrap .business-with-payment .right-part, .boss-dialog.business-dialog__wrap .business-with-payment .right-part .order-loading {
  border-radius: 0 10px 10px 0
}
.svg-icon[data-v-61d75d88] {
  display: inline-block;
  width: 14px;
  height: 14px
}
.svg-icon img[data-v-61d75d88] {
  display: block;
  width: 100%;
  height: 100%
}
.operation-container[data-v-1bc74cc3] {
  width: 130px;
  top: -9999px;
  left: -9999px;
  position: absolute;
  z-index: 999;
  background: #fff;
  padding: 4px 0;
  right: 20px;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
  border-radius: 4px
}
.operation-container[data-v-1bc74cc3]:before {
  content: "";
  position: absolute;
  height: 10px;
  background: transparent;
  width: calc(100% - 14px);
  bottom: -10px;
  left: 14px
}
.operation-container[data-v-1bc74cc3]:after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 31px;
  width: 10px;
  height: 10px;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  transform: rotate(-132deg);
  background: #fff
}
.operation-container .operation-content[data-v-1bc74cc3] {
  width: 100%;
  height: 100%
}
.operation-container .operation-content[data-v-1bc74cc3]:before {
  content: "";
  position: absolute;
  height: 5px;
  background: transparent;
  width: 100%;
  top: -5px;
  left: 0
}
.operation-container .operation-content[data-v-1bc74cc3]:after {
  content: "";
  position: absolute;
  height: 5px;
  background: transparent;
  width: 100%;
  bottom: -5px;
  left: 0
}
.operation-container .operation-item[data-v-1bc74cc3] {
  display: flex;
  margin: 0 4px;
  border-radius: 4px;
  align-items: center;
  width: auto;
  padding: 10px 14px;
  background: #fff;
  font-size: 13px;
  color: #555;
  cursor: pointer
}
.operation-container .operation-item span[data-v-1bc74cc3] {
  font-weight: 400;
  color: #333;
  line-height: 18px
}
.operation-container .operation-item[data-v-1bc74cc3]:hover {
  background: #f8f8f8
}
.operation-container .operation-item:hover span[data-v-1bc74cc3] {
  color: #3b86f6
}
.operation-container .operation-item .boss-svg[data-v-1bc74cc3] {
  margin-right: 5px;
  color: #999;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: -2px
}
.operation-container .operation-cancelTop span[data-v-1bc74cc3] {
  color: #3b86f6
}