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

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;
    width: 100%;
    
    &-card {
      display: flex;
			align-items: center;
      margin-top: 20rpx;
      padding: 32rpx;
      background-color: #FFFFFF;
      border-radius: 10rpx;
      
      .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;
      }
    }
  }
}