veterans_H5/h5_web/pages/recruitment/scss/recruitment.scss

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;
    width: 100%;
    
    &-card{
      display: flex;
      flex-wrap: wrap;
      margin-top: 20rpx;
      padding: 5%;
      width: 100%;
      background-color: #FFFFFF;
      border-radius: 10px;
      
      .dataarea-card-content{
        margin-left: 4%;
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        
        .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: 22rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #9B9B9B;
            line-height: 30rpx;
            letter-spacing: 1px;
          }
          
          view:last-child{
            font-size: 22rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #BBBBBB;
            line-height: 30rpx;
            letter-spacing: 1px;
          }
        }
        
        .dataarea-content-right{
          view:first-child{
            margin-bottom: 55rpx;
            text-align: right;
            font-size: 22rpx;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #EE5A10;
            line-height: 30rpx;
            letter-spacing: 1px;
          }
          
          view:last-child{
            text-align: right;
            font-size: 22rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #BCBCBC;
            line-height: 30rpx;
            letter-spacing: 1px;
          }
        }
      }
      
      &:last-child{
        margin-bottom: 40rpx;
      }
    }
  }
}