@charset "UTF-8";
/*
  ft: font

*/
sub[data-v-9d108b06],
sup[data-v-9d108b06] {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup[data-v-9d108b06] {
  top: -0.5em;
}
sub[data-v-9d108b06] {
  bottom: -0.25em;
}
.shu[data-v-9d108b06] {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: rgba(0, 0, 0, 0.14);
  margin: -2px 10px;
}
.details .detail .xiding .jop-title[data-v-9d108b06], .details .detail .xiding .jop-title .jop-tit-l h1[data-v-9d108b06], .details .detail .xiding .jop-title .jop-tit-r[data-v-9d108b06] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/*
	多行省略号
*/
/*
	字体颜色 大小 粗细 默认
*/
/*
	flex 布局
*/
.css1.el-tooltip__popper.is-dark[data-v-9d108b06] {
  background: #ffffff;
  box-shadow: 1px 0px 13px 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  padding: 14px 20px;
}
.css1.el-tooltip__popper.is-dark .popper__arrow[data-v-9d108b06] {
    border-top-color: #f5f5f5;
}
.css1.el-tooltip__popper.is-dark .popper__arrow[data-v-9d108b06]::after {
      bottom: 1px;
      margin-left: -5px;
      border-top-color: #fff;
      border-bottom-width: 0;
}
.el-tooltip__popper.is-dark[data-v-9d108b06] {
  max-width: 800px;
}
.details[data-v-9d108b06] {
  width: 100%;
}
.details .detail[data-v-9d108b06] {
    width: 100%;
}
.details .detail .application[data-v-9d108b06] {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
      position: fixed;
      top: 0;
      left: 0;
      z-index: 60;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
}
.details .detail .application .contPop[data-v-9d108b06] {
        width: 627px;
        height: 353px;
        background: #ffffff;
        border-radius: 4px;
}
.details .detail .application .contPop h1[data-v-9d108b06] {
          height: 24px;
          padding: 28px 40px 22px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 18px;
          font-weight: bold;
          line-height: 24px;
          color: #333333;
          border-bottom: 1px solid #ededed;
}
.details .detail .application .contPop ul[data-v-9d108b06] {
          padding: 22px 40px 0 40px;
}
.details .detail .application .contPop ul li[data-v-9d108b06] {
            padding-bottom: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
}
.details .detail .application .contPop ul li h2[data-v-9d108b06] {
              text-align: right;
              font-size: 14px;
              font-weight: bold;
              line-height: 24px;
              color: #333333;
              width: 57px;
}
.details .detail .application .contPop ul li h2[data-v-9d108b06]::before {
                padding-right: 6px;
                content: '*';
                font-size: 14px;
                font-weight: normal;
                line-height: 24px;
                color: #f3493b;
}
.details .detail .application .contPop ul li h3[data-v-9d108b06] {
              font-size: 14px;
              font-weight: bold;
              line-height: 24px;
              color: #333333;
              text-align: right;
}
.details .detail .application .contPop ul li .baseIpt[data-v-9d108b06] {
              width: 440px;
              height: 40px;
              background: #ffffff;
              border-radius: 4px;
              border: 1px solid #d9d9d9;
              background: none;
              outline: none;
              font-size: 14px;
}
.details .detail .application .contPop ul li .baseIpt[data-v-9d108b06]:focus, .details .detail .application .contPop ul li .baseIpt[data-v-9d108b06]:active {
                border-color: #f3493b !important;
}
.details .detail .application .contPop ul li .iptBox[data-v-9d108b06] {
              text-indent: 16px;
}
.details .detail .application .contPop .btn[data-v-9d108b06] {
          margin-right: 40px;
          margin-top: 14px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          flex-wrap: wrap;
}
.details .detail .application .contPop .btn h2[data-v-9d108b06],
          .details .detail .application .contPop .btn h3[data-v-9d108b06] {
            width: 160px;
            height: 40px;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
}
.details .detail .application .contPop .btn h2[data-v-9d108b06] {
            background: #e7e7e7;
            font-size: 16px;
            font-weight: normal;
            line-height: 40px;
            color: #666;
            margin-right: 20px;
}
.details .detail .application .contPop .btn h2[data-v-9d108b06]:hover {
              background: #9b9b9b;
              color: #f6f6f6;
}
.details .detail .application .contPop .btn h3[data-v-9d108b06] {
            background: #f3493b;
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
            color: #fff;
}
.details .detail .application .contPop .btn h3[data-v-9d108b06]:hover {
              background: #da4134;
}
.details .detail .curPostion[data-v-9d108b06] {
      margin: 22px auto;
}
.details .detail .isFixed[data-v-9d108b06] {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1111;
      display: block !important;
}
.details .detail .xiding[data-v-9d108b06] {
      display: none;
      width: 100%;
      background: #fff;
      box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
      padding: 24px 0;
}
.details .detail .xiding .jop-title[data-v-9d108b06] {
        width: 1200px;
        margin: 0 auto;
        justify-content: space-between;
}
.details .detail .xiding .jop-title .jop-tit-l h1 b[data-v-9d108b06] {
          display: inline-block;
          max-width: 620px;
          white-space: pre-wrap;
          font-size: 30px;
          font-weight: 600;
          line-height: 42px;
          color: #333;
}
.details .detail .xiding .jop-title .jop-tit-r div[data-v-9d108b06] {
          text-align: center;
}
.details .detail .xiding .jop-title .jop-tit-r .deliver[data-v-9d108b06],
        .details .detail .xiding .jop-title .jop-tit-r .ljgt[data-v-9d108b06] {
          width: 200px;
          height: 48px;
          margin-left: 20px;
          font-size: 16px;
          font-weight: 600;
          line-height: 48px;
          color: #fff;
          background: linear-gradient(122deg, #e74a3d 0%, #d41404 100%);
          border-radius: 4px;
}
.details .detail .xiding .jop-title .jop-tit-r .deliver[data-v-9d108b06]:hover {
          cursor: pointer;
          background: #c11a0c;
}
.details .detail .xiding .jop-title .jop-tit-r .ljgt[data-v-9d108b06] {
          background: linear-gradient(122deg, #17ce9a 0%, #24c094 100%);
}
.details .detail .xiding .jop-title .jop-tit-r .ljgt[data-v-9d108b06]:hover {
            background: linear-gradient(122deg, #14b98a 0%, #20ac84 100%);
}
.details .detail .breadcrumb[data-v-9d108b06] {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      margin: 22px 0 22px 120px;
}
.details .detail .breadcrumb a[data-v-9d108b06] {
        color: #999999;
        text-decoration: none;
}
.details .detail .imgs[data-v-9d108b06] {
      width: 100%;
      text-align: center;
      float: left;
}
.details .detail .imgs img[data-v-9d108b06] {
        display: inline-block;
        width: 1440px;
}
.details .detail .imgs .nextImg[data-v-9d108b06] {
        margin-top: -50px;
}
.details .detail .questions[data-v-9d108b06] {
      width: 100%;
      float: left;
      text-align: center;
      background: #fbfbfb;
}
.details .detail .questions h1[data-v-9d108b06] {
        margin-bottom: 30px;
        margin-top: 60px;
        font-size: 30px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333;
}
.details .detail .questions .question[data-v-9d108b06] {
        width: 1200px;
        height: 136px;
        margin: 0 auto;
}
.details .detail .questions .question div[data-v-9d108b06] {
          box-sizing: border-box;
          width: 384px;
          height: 56px;
          background: #ffffff;
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
          border-radius: 4px;
          margin-left: 24px;
          font-size: 16px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          float: left;
          color: #333;
          line-height: 56px;
          text-align: start;
          padding-left: 20px;
          cursor: pointer;
}
.details .detail .questions .question div span[data-v-9d108b06] {
            width: 344px;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
.details .detail .questions .question div[data-v-9d108b06]:first-child {
          margin-left: 0;
}
.details .detail .questions .question .nextQuestion[data-v-9d108b06] {
          margin: 24px 0 60px 0;
}
.details .detail .questions .question .nextNQuestion[data-v-9d108b06] {
          margin: 24px 0 60px 24px;
}
.details .detail .questions .question div[data-v-9d108b06]:hover {
        background: linear-gradient(122deg, #e74a3d 0%, #d41404 100%);
        color: #ffffff;
        font-weight: 700;
}
.details .detail .study[data-v-9d108b06] {
      width: 100%;
      float: left;
      text-align: center;
      background: #ffffff;
}
.details .detail .study h1[data-v-9d108b06] {
        margin-top: 60px;
        font-size: 30px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        margin-bottom: 30px;
        color: #333;
}
.details .detail .study .studyCenter[data-v-9d108b06] {
        width: 1200px;
        height: 292px;
        margin: 0 auto;
}
.details .detail .study .studyDiv[data-v-9d108b06] {
        float: left;
        width: 285px;
        height: 292px;
        background: #ffffff;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
        border-radius: 4px;
        margin-left: 20px;
        text-align: start;
        box-sizing: border-box;
}
.details .detail .study .studyDiv .top[data-v-9d108b06] {
          cursor: pointer;
          color: #333;
}
.details .detail .study .studyDiv .bottom[data-v-9d108b06] {
          width: 253px;
          margin: 16px 0 0 16px;
          border-top: 1px solid #ededed;
}
.details .detail .study .studyDiv .bottom[data-v-9d108b06] .el-link {
            margin-top: 10px;
            float: right;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #f3493b;
}
.details .detail .study .studyDiv .bottom[data-v-9d108b06] .el-link:hover {
            color: #da4134;
}
.details .detail .study .studyDiv .imgs[data-v-9d108b06] {
          width: 257px;
          height: 145px;
          border-radius: 4px;
          overflow: hidden;
          margin: 14px 0 20px 14px;
}
.details .detail .study .studyDiv .imgs img[data-v-9d108b06] {
            width: 257px;
            height: 145px;
            border-radius: 4px;
            -o-object-fit: contain;
               object-fit: contain;
            transition: all 0.6s;
}
.details .detail .study .studyDiv p[data-v-9d108b06] {
          font-size: 16px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          margin-left: 20px;
          margin-bottom: 10px;
}
.details .detail .study .studyDiv span[data-v-9d108b06] {
          padding: 4px 10px;
          background: #f7f7f7;
          border-radius: 12px 12px 12px 0px;
          font-size: 12px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #666666;
          margin-left: 6px;
          display: inline-block;
          text-align: center;
}
.details .detail .study .studyDiv span[data-v-9d108b06]:nth-of-type(1) {
          margin-left: 20px;
}
.details .detail .study .studyDiv .top:hover p[data-v-9d108b06] {
        color: #f3493b;
}
.details .detail .study .top img[data-v-9d108b06]:hover {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
}
.details .detail .study .studyDiv[data-v-9d108b06]:nth-of-type(1) {
        margin-left: 0;
}
.details .detail .study .pagination[data-v-9d108b06] {
        display: flex;
        align-items: center;
        width: 100%;
        float: left;
        flex-direction: column-reverse;
        margin: 30px 0 60px 0;
}
.details .detail .study .pagination[data-v-9d108b06] :deep(.el-pagination.is-background .el-pager li:not(.is-disabled).is-active) {
          background-color: #f3493b !important;
          color: #ffffff !important;
}
.details .detail .jobs[data-v-9d108b06] {
      margin-top: 60px;
      background: #fbfbfb;
      float: left;
      text-align: center;
      width: 100%;
}
.details .detail .jobs .hotMoves[data-v-9d108b06] {
        width: 1200px;
        height: 554px;
        margin: 0 auto;
}
.details .detail .jobs h1[data-v-9d108b06] {
        font-size: 30px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        margin-bottom: 30px;
}
.details .detail .jobs .ap[data-v-9d108b06] {
        width: 1200px !important;
}
.details .detail .jobs .left[data-v-9d108b06] {
        width: 880px;
        height: 554px;
        background: #ffffff;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
        border-radius: 4px;
        float: left;
}
.details .detail .jobs .left .empty-box[data-v-9d108b06] {
          height: 100%;
          position: relative;
          margin-bottom: 30px;
}
.details .detail .jobs .left .empty-box img[data-v-9d108b06] {
            width: 178px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 265px;
}
.details .detail .jobs .left .empty-box p[data-v-9d108b06] {
            position: absolute;
            top: 324px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            color: #999999;
}
.details .detail .jobs .left .interview[data-v-9d108b06] {
          height: 110px;
          box-sizing: border-box;
          padding-top: 24px;
          margin: 0 20px;
          display: flex;
          border-bottom: 1px solid #ededed;
          justify-content: space-between;
          cursor: pointer;
}
.details .detail .jobs .left .interview .interviewLeft[data-v-9d108b06] {
            width: 390px;
            text-align: start;
}
.details .detail .jobs .left .interview .interviewLeft .title[data-v-9d108b06] {
              margin-bottom: 16px;
              font-size: 16px;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: #333333;
              height: 22px;
}
.details .detail .jobs .left .interview .interviewLeft .title[data-v-9d108b06]:hover {
              color: #f3493b;
}
.details .detail .jobs .left .interview .interviewLeft .money[data-v-9d108b06] {
              font-size: 14px;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: #f3493b;
              margin-right: 16px;
              height: 20px;
}
.details .detail .jobs .left .interview .interviewLeft .yaoqiu[data-v-9d108b06] {
              height: 24px;
              background: #f7f7f7;
              border-radius: 12px 12px 12px 0px;
              font-size: 12px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #666666;
              text-align: center;
              padding: 4px 10px;
}
.details .detail .jobs .left .interview .interviewLeft .yaoqiu[data-v-9d108b06]:last-of-type {
              margin-left: 6px;
}
.details .detail .jobs .left .interview .interviewRight[data-v-9d108b06] {
            width: 310px;
            text-align: start;
            cursor: pointer;
}
.details .detail .jobs .left .interview .interviewRight .title[data-v-9d108b06] {
              margin-bottom: 16px;
              font-size: 16px;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: #333333;
}
.details .detail .jobs .left .interview .interviewRight .title[data-v-9d108b06]:hover {
              color: #f3493b;
}
.details .detail .jobs .left .interview .interviewRight .companyTips[data-v-9d108b06] {
              padding: 4px 10px;
              height: 24px;
              font-size: 12px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #666666;
              text-align: center;
              background: #f7f7f7;
              border-radius: 12px 12px 12px 0px;
              margin-left: 6px;
}
.details .detail .jobs .left .interview .interviewRight .companyTips[data-v-9d108b06]:first-of-type {
              margin-left: 0;
}
.details .detail .jobs .left .interview .img img[data-v-9d108b06] {
            -o-object-fit: contain;
               object-fit: contain;
            width: 62px;
            height: 62px;
}
.details .detail .jobs .left .interview[data-v-9d108b06]:last-of-type {
          border: 0;
}
.details .detail .jobs .right[data-v-9d108b06] {
        width: 300px;
        height: 554px;
        background: #ffffff;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
        border-radius: 4px;
        float: left;
        margin-left: 20px;
}
.details .detail .jobs .right .top[data-v-9d108b06] {
          border-bottom: 1px solid #ededed;
}
.details .detail .jobs .right .top h1[data-v-9d108b06] {
            font-size: 16px;
            text-align: start;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333333;
            margin: 20px 0 20px 20px;
}
.details .detail .jobs .right .top .template[data-v-9d108b06] {
            height: 137px;
            width: 100%;
            position: relative;
}
.details .detail .jobs .right .top .template .leftImg[data-v-9d108b06] {
              position: absolute;
              top: 50%;
              margin-left: 30px;
              z-index: 9999;
}
.details .detail .jobs .right .top .template .leftImg img[data-v-9d108b06] {
                width: 6px;
                height: 12px;
}
.details .detail .jobs .right .top .template .rightImg[data-v-9d108b06] {
              position: absolute;
              right: 0;
              top: 50%;
              margin-right: 30px;
              z-index: 9999;
}
.details .detail .jobs .right .top .template .rightImg img[data-v-9d108b06] {
                width: 6px;
                height: 12px;
}
.details .detail .jobs .right .top .template .jianli[data-v-9d108b06] {
              width: 95px;
              height: 137px;
              margin: 0 66px 0 67px;
}
.details .detail .jobs .right .top .template span[data-v-9d108b06] {
              display: inline-block;
              margin-top: 14px;
              font-size: 14px;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #666666;
}
.details .detail .jobs .right .top[data-v-9d108b06] .el-button {
            width: 260px;
            height: 40px;
            background: #f3493b;
            border-radius: 4px;
            margin-top: 48px;
            font-size: 16px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 20px;
}
.details .detail .jobs .right .top[data-v-9d108b06] .el-button:hover {
            background: #da4134;
}
.details .detail .jobs .right .bottom[data-v-9d108b06] {
          margin-top: 20px;
}
.details .detail .jobs .right .bottom h1[data-v-9d108b06] {
            margin-left: 20px;
            margin-bottom: 20px;
            font-size: 16px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333333;
            text-align: start;
}
.details .detail .jobs .right .bottom ul li[data-v-9d108b06] {
            margin-top: 16px;
            font-size: 14px;
            width: 285px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #333333;
            text-align: start;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
}
.details .detail .jobs .right .bottom ul li .circle[data-v-9d108b06] {
              display: inline-block;
              width: 4px;
              height: 4px;
              background: #999999;
              border-radius: 50%;
              margin: 0 10px 2px 20px;
}
.details .detail .jobs .right .bottom ul li[data-v-9d108b06]:hover {
            color: #f3493b;
}
.details .detail .jobs .right .bottom ul li:hover .circle[data-v-9d108b06] {
              background: #f3493b;
}
.details .detail .jobs .right .bottom ul li[data-v-9d108b06]:nth-of-type(1) {
            margin-top: 0;
}
.details .detail .jobPagination[data-v-9d108b06] {
      float: left;
      margin: 30px 0 60px 0;
      width: 100%;
      flex-direction: column-reverse;
}
.details .detail .jobPagination .paginationCenter[data-v-9d108b06] {
        width: 1200px;
        height: 30px;
        margin: 0 auto;
}
.details .detail .jobPagination[data-v-9d108b06] .el-pagination {
        padding: 0;
        width: 880px;
        float: left;
        text-align: center;
}
.details .detail .jobPagination .paginationRight[data-v-9d108b06] {
        width: 300px;
        height: 30px;
        float: left;
        margin-left: 20px;
}
.details .service .serviceIcon[data-v-9d108b06] {
    z-index: 1001;
    position: fixed;
    bottom: 10px;
    right: 0;
    width: 200px;
    height: 48px;
    background: #e43021;
    border-radius: 8px 0px 0px 4px;
    cursor: pointer;
}
.details .service .serviceIcon span[data-v-9d108b06] {
      float: left;
      line-height: 48px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #ffffff;
}
.details .service .serviceIcon img[data-v-9d108b06] {
      float: left;
}
.details .service .serviceIcon .img1[data-v-9d108b06] {
      margin: 10px 10px 9px 16px;
}
.details .service .serviceIcon .img2[data-v-9d108b06] {
      width: 12px;
      height: 6px;
      margin: 24px 16px 0 60px;
}
.details .service .serviceIcon[data-v-9d108b06]:hover {
    background: #cc2b1d;
}