page {
  background-color: #f2f2f2;
}
.recruitment {
  background-color: #f2f2f2;
  &-unavbar {
    ::v-deep .u-border-bottom:after {
      border-bottom-width: 0 !important;
    }
  }
  &-usearch {
    margin: 20rpx 30rpx 0;
  }

  &-recommend {
    &-card {
      margin: 20rpx 30rpx 0 !important;
      .recommend-card-head {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

        &-title {
          font-size: 36rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: bold;
          color: #000000;
          line-height: 50rpx;
          letter-spacing: 1px;
        }

        &-subtitle {
          font-size: 28rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #a3a3a3;
          line-height: 50rpx;
          letter-spacing: 1px;
        }
      }

      ::v-deep .u-card__body {
        padding: 30rpx 16px 0 !important;
      }

      .recommend-card-body {
        .recommend-card-content {
          height: 240rpx !important;

          .swiper-item {
            margin-right: 14rpx;
            text-align: center;

            .img {
              // box-shadow: 0px 0px 10px 0px rgba(77, 77, 77, 0.23);
              margin-bottom: 20rpx;
              border: solid 1px #e0e0e0;
              border-radius: 10rpx;
            }

            .subject {
              width: 100%;
              text-align: center;
              font-size: 24rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: bold;
              color: #000000;
              line-height: 33rpx;
              letter-spacing: 1px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }

            .post {
              width: 100%;
              font-size: 22rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #6f6f6f;
              line-height: 30rpx;
              letter-spacing: 1px;

              .postlink {
                color: $u-type-warning;
              }
            }
          }

          .lookmore {
            background-color: #e2e2e2;
            text-align: center;
            line-height: 101rpx;
            border-radius: 10rpx;

            .moretext {
              color: #777;
              font-size: 28rpx;
            }
          }
        }
      }
    }
  }

  &-tabs {
    padding: 0 30rpx 10rpx;
  }

  &-dataarea {
    padding: 0 30rpx 30rpx;
    width: 100%;

    &-card {
      display: flex;
      align-items: center;
      margin-top: 20rpx;
      padding: 32rpx;
      background-color: #ffffff;
      border-radius: 10rpx;
      &:nth-last-child(2) {
        margin-bottom: 30rpx;
      }
      .dataarea-card-left {
        margin-right: 24rpx;
        border: solid 1px #e0e0e0;
        border-radius: 10rpx;
      }

      .dataarea-card-content {
        display: flex;
        justify-content: space-between;
        width: 100%;

        .dataarea-content-left {
          view:first-child {
            margin-bottom: 9rpx;
            font-size: 30rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: bold;
            color: #000000;
            line-height: 42rpx;
            letter-spacing: 1px;
          }

          .content {
            margin-bottom: 9rpx;
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #6f6f6f;
            line-height: 30rpx;
            letter-spacing: 1px;
          }

          view:last-child {
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #6f6f6f;
            line-height: 30rpx;
            letter-spacing: 1px;
          }
        }

        .dataarea-content-right {
          view:first-child {
            margin-bottom: 55rpx;
            text-align: right;
            font-size: 26rpx;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 700;
            color: #ee5a10;
            line-height: 30rpx;
            letter-spacing: 1px;
          }

          view:last-child {
            text-align: right;
            font-size: 24rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #6f6f6f;
            line-height: 30rpx;
            letter-spacing: 1px;
          }
        }
      }

      &:last-child {
        margin-bottom: 40rpx;
      }
    }
  }
}