.component-list-wrapper[data-v-17b8704e] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
}
.component-list-wrapper .recruitment-item[data-v-17b8704e] {
    width: 384px;
    height: 219px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer;
}
.component-list-wrapper .recruitment-item .status-ico[data-v-17b8704e] {
      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;
}
.component-list-wrapper .recruitment-item .starting[data-v-17b8704e] {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAqCAYAAABWZ768AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFOSURBVHgB7duxTcNAFMbx7x0uUmaEjAAd6bIBrMAEMRKIdImrpEjhDWAE2AAqoAob4BFcIpTwuCNRFBDQ5j7p+1Xnk7u/3vkaG/5RLspu570YwjEArAd4D7JX9tvm6LHswYrruBxAshJ+blw9XQ7digUUK0vfJmz0fDGOx98Ekq1tsDRZBq8hWfsKlr5Z6RiMD11I1tbfMDsYKxYH29wIXyEUwocXpxAaIQScQGgEhx9CaASD6bJBJECoKBgZBSOjYGQUjIyCkVEwMgpGRsHIKBgZBSOjYGQUjIyCkVEwMgpGRsHIKBgZBSOjYETM0CoYEXe8KBgRA+4UjIj78lbBaPjNrF83CkbA4S18VaW1ghEIsCpN13oteXNU0+P59s9YBctUOgbjrfB81p9PdvcLSI7uzVdn080xuEvBsmBNnKkmjtXDW2dZ10d1+9ebn740S2LT5y2vAAAAAElFTkSuQmCC);
}
.component-list-wrapper .recruitment-item .unstart[data-v-17b8704e] {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAqCAYAAABWZ768AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEuSURBVHgB7du9TQNBFEXh+1ZERC6BEijBHUAIoSugBOQO3IHJgAw6gAqgA1zChmTDm9nlx8giZa50Pmvk8aZHb9YbbOgPZauFjnWlomX+PJkX/lEculhuM0xom9ul0JXh94VylxMVehGxurQXrNzrOr82uRZCl76OxDZZUyx0rAWb71n1GGSyOjcdidGOQmIZiHm63gQLQz5jnQs2hvycCTbqPexUsFGD8WfDyCBYIZgZgpkhmBmCmSGYGYKZIZgZgpkhmBmCmSGYGYKZIZgZgpkhmBmCmSGYGYKZIZiT0EgwJ0WvBPPySDAnRQ8E83ETl9oRzMOY07WuG4J5WNfpqhuC9S4nKy6+34w9Eno1apqsvdeYCdanp5ys1ecx+BPB+rBrq+hZ79rEqk3XQR+gGzCO/kwZGAAAAABJRU5ErkJggg==);
}
.component-list-wrapper .recruitment-item .end[data-v-17b8704e] {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAqCAYAAABWZ768AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFMSURBVHgB7ds/TgJBFMfxNwMsW3KEPYJH8AbakkCxpVpwBLI3oFOrsSG0egM9gd5AjrClBZnnzESJGKXl/ZLfJ4H9k+2+mbfTrJMjQgiTj7peiOp5umzSsRE6KffXzdsQGhmPw1coMsT/vnG3Xi90NHplLJsOgt1vNksVWTnnJkIm7UdiWVkplpBpJVh+Z+UxyJVl37D8V9UylWMsAK7sCKvqXQiCT6PwUgiGTy6EYPgY45kQDM+dIRYvBIXBwDAYGAYDw2BgGAwMg4FhMDAMBobBwDAYGAYDw2BgGAwMg4FhMDAMBobBwDAYGAbD0jMYEtU3BgOiIk8MBsQNBo8MhuPhajrdMhgAVe3F+y6fMxiGLq+ufMJgxsUYu+vZbP9l7FDIpDIG08q6mc8PPmNmMItUn9OOsP0egz8xmA3bFCn/XurdbtW2bf/fg580iVLtMlOyHwAAAABJRU5ErkJggg==);
}
.component-list-wrapper .recruitment-item img[data-v-17b8704e] {
      width: 100%;
      height: 148px;
}
.component-list-wrapper .recruitment-item .info[data-v-17b8704e] {
      width: 100%;
      height: 78px;
      border-radius: 8px;
      padding: 15px 16px;
      background: linear-gradient(181.04deg, #E9FFFE 0.89%, #FFFFFF 19.91%);
      position: relative;
      top: -10px;
}
.component-list-wrapper .recruitment-item .info .name[data-v-17b8704e] {
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
}
.component-list-wrapper .recruitment-item .info .time[data-v-17b8704e] {
        margin-top: 10px;
        color: #777777;
        font-size: 15px;
}


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