page{background-color: #f2f2f2;}
.recruitment{
  &-unavbar{
    ::v-deep .u-border-bottom:after {
      border-bottom-width: 0 !important;
    }
  }
  
  &-usearch{
    margin: 20rpx 30rpx;
  }
  
  &-recommend{
    &-card{
      .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;
        }
      }
      
      .recommend-card-body{
        .recommend-card-content{
          .swiper-item{
          	height: 101rpx;
          	margin-right: 14rpx;
            text-align: center;
            
            .img{
            	width: 94rpx;
            	height: 94rpx;
              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;
            }
            
            .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;
            }
          }
        }
      }
    }
  }
  
  &-dataarea{
    padding: 0 30rpx;
    
    &-card{
      margin-top: 20rpx;
      width: 100%;
      background-color: #FFFFFF;
      border-radius: 10px;
    }
  }
}