.body-wrap {
  padding-bottom: 100px; }

#microWebsite .company-info-box {
  cursor: pointer;
  width: 100%;
  position: relative; }
  #microWebsite .company-info-box .bgimg {
    width: 100%;
    position: absolute;
    height: 300px; }
    #microWebsite .company-info-box .bgimg img {
      width: 100%;
      height: 300px;
      position: absolute;
      top: 0;
      left: 0; }
  #microWebsite .company-info-box .company-info-wrap {
    position: relative;
    width: 1190px;
    height: 300px;
    color: #fff;
    margin: 0 auto;
    display: flex;
    align-items: center; }
    #microWebsite .company-info-box .company-info-wrap .company-info {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      #microWebsite .company-info-box .company-info-wrap .company-info .logo {
        width: 120px;
        height: 120px;
        border-radius: 8px;
        overflow: hidden;
        background: #fff; }
        #microWebsite .company-info-box .company-info-wrap .company-info .logo img {
          width: 120px;
          height: 120px; }
      #microWebsite .company-info-box .company-info-wrap .company-info .info {
        width: 78%;
        margin-left: 24px; }
        #microWebsite .company-info-box .company-info-wrap .company-info .info .name {
          font-size: 32px;
          line-height: 48px; }
        #microWebsite .company-info-box .company-info-wrap .company-info .info .tag {
          font-size: 16px;
          color: rgba(255, 255, 255, 0.8);
          display: flex;
          align-items: center; }
          #microWebsite .company-info-box .company-info-wrap .company-info .info .tag span:last-child {
            position: relative;
            margin-left: 12px;
            padding-left: 12px; }
            #microWebsite .company-info-box .company-info-wrap .company-info .info .tag span:last-child::before {
              content: '';
              position: absolute;
              left: 0;
              top: 1px;
              width: 1px;
              height: 14px;
              background: rgba(255, 255, 255, 0.8); }
        #microWebsite .company-info-box .company-info-wrap .company-info .info .address {
          font-size: 14px; }
      #microWebsite .company-info-box .company-info-wrap .company-info .position-num-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: rgba(255, 255, 255, 0.8); }
        #microWebsite .company-info-box .company-info-wrap .company-info .position-num-box div {
          font-size: 64px;
          font-weight: 700;
          margin-bottom: 5px;
          color: #fff; }

#microWebsite .tab-box {
  cursor: pointer;
  margin: -30px auto 0;
  width: 1190px;
  border-radius: 12px;
  background: #FFF;
  border: 2px solid white;
  height: 80px;
  display: flex;
  align-items: baseline;
  padding: 20px 15px;
  color: #667085;
  font-size: 20px;
  position: relative;
  gap: 70px; }
  #microWebsite .tab-box .tab-item {
    font-size: 24px;
    color: #999999;
    font-weight: bold; }
  #microWebsite .tab-box .active-tab {
    color: #000;
    position: relative; }
    #microWebsite .tab-box .active-tab::after {
      content: '';
      width: 30%;
      left: 40%;
      bottom: -8px;
      position: absolute;
      height: 3px;
      background: #04ABAB;
      border-radius: 10px; }

#microWebsite .active-content-box0 {
  width: 1190px;
  margin: 16px auto 40px;
  color: #667085;
  cursor: pointer; }

#microWebsite .active-content-box {
  width: 1190px;
  margin: 16px auto 40px;
  background: #fff;
  border-radius: 16px;
  min-height: 400px;
  padding: 20px;
  color: #667085;
  font-size: 16px; }

#microWebsite .position-list {
  width: 100%;
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #microWebsite .position-list .position-item {
    cursor: pointer;
    width: 565px;
    border: 1px solid #E3F8F8;
    border-radius: 16px;
    box-shadow: 0 0 5px #005A5826;
    padding: 20px 0 0;
    margin-bottom: 20px; }
    #microWebsite .position-list .position-item .name-salary {
      padding: 0 20px;
      display: flex;
      justify-content: space-between; }
      #microWebsite .position-list .position-item .name-salary .name {
        display: flex;
        align-items: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        color: #101828;
        width: 70%; }
        #microWebsite .position-list .position-item .name-salary .name img {
          width: 23px;
          margin-right: 4px; }
        #microWebsite .position-list .position-item .name-salary .name span {
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      #microWebsite .position-list .position-item .name-salary .salary {
        color: #FF5151;
        font-size: 20px;
        font-weight: 500; }
    #microWebsite .position-list .position-item .tag-box {
      padding: 0 20px;
      display: flex;
      align-items: center;
      margin: 15px 0 23px; }
      #microWebsite .position-list .position-item .tag-box div {
        background: #F2F5F9;
        border-radius: 2px;
        padding: 4px 12px;
        color: #868fa2;
        font-size: 12px;
        margin-right: 8px;
        line-height: 20px;
        box-sizing: border-box;
        display: inline-block; }
    #microWebsite .position-list .position-item .interviewer-box {
      padding: 0 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 53px;
      background: #fafafa; }
      #microWebsite .position-list .position-item .interviewer-box .interviewer {
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #667085; }
        #microWebsite .position-list .position-item .interviewer-box .interviewer img {
          height: 28px;
          width: 28px;
          margin-right: 8px; }
        #microWebsite .position-list .position-item .interviewer-box .interviewer span {
          height: 10px;
          line-height: 10px;
          margin-left: 8px;
          padding-left: 8px;
          border-left: 1px solid #CCC; }
      #microWebsite .position-list .position-item .interviewer-box .view-btn {
        width: 70px;
        height: 28px;
        line-height: 28px;
        border-radius: 4.8px;
        background: #F3FFFF;
        border: 1.2px solid #E3F8F8;
        color: #667085;
        font-size: 14px;
        text-align: center; }

#microWebsite .company-desc-box {
  width: 100%;
  background: linear-gradient(180deg, #E9FFFE 0%, #FFFFFF 8.59%);
  padding: 20px;
  color: #344054;
  border-radius: 16px; }
  #microWebsite .company-desc-box .title-box {
    margin-bottom: 20px; }
    #microWebsite .company-desc-box .title-box img {
      width: 89px; }
  #microWebsite .company-desc-box .desc {
    font-size: 16px;
    line-height: 25px; }
  #microWebsite .company-desc-box .address {
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-top: 37px; }
    #microWebsite .company-desc-box .address img {
      width: 16px;
      height: 16px; }
    #microWebsite .company-desc-box .address span {
      padding: 0 8px;
      margin-right: 8px;
      height: 12px;
      line-height: 12px;
      border-right: 1px solid rgba(102, 112, 133, 0.2); }

#microWebsite .recruitment-list-box {
  position: relative;
  margin-top: 20px;
  width: 100%;
  color: #344054;
  min-height: 300px; }
  #microWebsite .recruitment-list-box .recruitment-list-title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #microWebsite .recruitment-list-box .recruitment-list-title .title-img {
      width: 222px; }
  #microWebsite .recruitment-list-box .history-recruitment-wrapper {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px; }
    #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item {
      width: 596px;
      height: 194px;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 2px 2px 14px 0px #9BB7AC4D;
      position: relative;
      display: flex;
      background: #FFF;
      padding: 20px;
      align-items: center;
      gap: 15px; }
      #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .status-ico {
        position: absolute;
        left: -3px;
        top: -4px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 75px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: white;
        font-family: Source Han Sans CN;
        font-size: 12px;
        font-weight: 500; }
      #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .starting {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAqCAYAAABWZ768AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFOSURBVHgB7duxTcNAFMbx7x0uUmaEjAAd6bIBrMAEMRKIdImrpEjhDWAE2AAqoAob4BFcIpTwuCNRFBDQ5j7p+1Xnk7u/3vkaG/5RLspu570YwjEArAd4D7JX9tvm6LHswYrruBxAshJ+blw9XQ7digUUK0vfJmz0fDGOx98Ekq1tsDRZBq8hWfsKlr5Z6RiMD11I1tbfMDsYKxYH29wIXyEUwocXpxAaIQScQGgEhx9CaASD6bJBJECoKBgZBSOjYGQUjIyCkVEwMgpGRsHIKBgZBSOjYGQUjIyCkVEwMgpGRsHIKBgZBSOjYETM0CoYEXe8KBgRA+4UjIj78lbBaPjNrF83CkbA4S18VaW1ghEIsCpN13oteXNU0+P59s9YBctUOgbjrfB81p9PdvcLSI7uzVdn080xuEvBsmBNnKkmjtXDW2dZ10d1+9ebn740S2LT5y2vAAAAAElFTkSuQmCC); }
      #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .unstart {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAqCAYAAABWZ768AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEuSURBVHgB7du9TQNBFEXh+1ZERC6BEijBHUAIoSugBOQO3IHJgAw6gAqgA1zChmTDm9nlx8giZa50Pmvk8aZHb9YbbOgPZauFjnWlomX+PJkX/lEculhuM0xom9ul0JXh94VylxMVehGxurQXrNzrOr82uRZCl76OxDZZUyx0rAWb71n1GGSyOjcdidGOQmIZiHm63gQLQz5jnQs2hvycCTbqPexUsFGD8WfDyCBYIZgZgpkhmBmCmSGYGYKZIZgZgpkhmBmCmSGYGYKZIZgZgpkhmBmCmSGYGYKZIZiT0EgwJ0WvBPPySDAnRQ8E83ETl9oRzMOY07WuG4J5WNfpqhuC9S4nKy6+34w9Eno1apqsvdeYCdanp5ys1ecx+BPB+rBrq+hZ79rEqk3XQR+gGzCO/kwZGAAAAABJRU5ErkJggg==); }
      #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .end {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAqCAYAAABWZ768AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFMSURBVHgB7ds/TgJBFMfxNwMsW3KEPYJH8AbakkCxpVpwBLI3oFOrsSG0egM9gd5AjrClBZnnzESJGKXl/ZLfJ4H9k+2+mbfTrJMjQgiTj7peiOp5umzSsRE6KffXzdsQGhmPw1coMsT/vnG3Xi90NHplLJsOgt1vNksVWTnnJkIm7UdiWVkplpBpJVh+Z+UxyJVl37D8V9UylWMsAK7sCKvqXQiCT6PwUgiGTy6EYPgY45kQDM+dIRYvBIXBwDAYGAYDw2BgGAwMg4FhMDAMBobBwDAYGAYDw2BgGAwMg4FhMDAMBobBwDAYGAbD0jMYEtU3BgOiIk8MBsQNBo8MhuPhajrdMhgAVe3F+y6fMxiGLq+ufMJgxsUYu+vZbP9l7FDIpDIG08q6mc8PPmNmMItUn9OOsP0egz8xmA3bFCn/XurdbtW2bf/fg580iVLtMlOyHwAAAABJRU5ErkJggg==); }
      #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item img {
        width: 180px;
        height: 154px;
        border-radius: 8px;
        border: 1px solid #EFEFEF; }
      #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .right-info {
        height: 154px;
        padding: 15px 0; }
        #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .right-info .name {
          color: #101828;
          font-size: 20px;
          font-weight: 700;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          width: 360px; }
        #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .right-info .label {
          margin-top: 25px;
          font-size: 16px;
          line-height: 16px;
          font-weight: 400;
          color: #999999;
          display: flex;
          align-items: center;
          line-height: 20px; }
          #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .right-info .label .re-address {
            margin-right: 5px; }
          #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .right-info .label div {
            width: 90px;
            padding-right: 10px;
            margin-right: 10px;
            height: 20px;
            position: relative; }
            #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .right-info .label div::after {
              content: '';
              position: absolute;
              right: 0;
              top: 4px;
              width: 1px;
              height: 12px;
              background: #B7B7B7; }
          #microWebsite .recruitment-list-box .history-recruitment-wrapper .recruitment-item .right-info .label span {
            height: 20px;
            max-width: 236px;
            color: #000; }

.active-content-box[data-v-60747494] .el-select .el-input .el-input__inner,
.active-content-box[data-v-60747494] .el-cascader .el-input .el-input__inner {
  background-color: #fff;
  border-radius: 8px;
  min-width: 146px;
  color: #344054;
  font-size: 16px;
}
.active-content-box[data-v-60747494] .el-select .el-input .el-input__inner::-moz-placeholder, .active-content-box[data-v-60747494] .el-cascader .el-input .el-input__inner::-moz-placeholder {
    color: #344054;
}
.active-content-box[data-v-60747494] .el-select .el-input .el-input__inner::placeholder,
  .active-content-box[data-v-60747494] .el-cascader .el-input .el-input__inner::placeholder {
    color: #344054;
}
.active-content-box[data-v-60747494] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #00aca9;
}


/*# sourceMappingURL=13.1777017107242.css.map*/