/* subpages/myTroubleshootDemand/pages/index/index.wxss */
page {
    width: 100%;
    min-height: 100vh;
    overflow-y: scroll;
    background-color: #f7f7f7;
  }
  .red,
  .blue{
    font-size: 28rpx;
    color: #fff;
    padding: 8rpx 20rpx ;
    border-radius: 40rpx;
    box-sizing: border-box;
    margin-right: 16rpx;
  }
  .red{
      background-color: #ff783c;
  }
  .blue{
      background-color: #4f94ff;
  }
  .blue_small,
  .red_small,
  .green_small,
  .gray_small{
    font-size: 26rpx;
    width: fit-content;
    padding: 8rpx 16rpx;
    border-radius: 40rpx;
    box-sizing: border-box;
    height: 40rpx;
    line-height: 20rpx;
    margin: 24rpx 0 ;

  }
  .blue_small{
       background-color: #eef4fd;
       color: #5693EE;
  }
  .red_small{
    background-color: #fff1eb;
    color: #FF783C;
  }

  .green_small{
    background-color: #eef4fd;
    color: #5cc789;
}

.gray_small{
    background-color: #a4a8ad;
    color: #fdfdfd;
    font-size: 25rpx;
}
  .content{
      width: 100%;
      padding:0 20rpx ;
      margin-top: 20rpx;
      box-sizing: border-box;
  }
  .content .scroll {
      height: calc(100vh - 50rpx);
      overflow-y: scroll;
  }
  .content .card{
      width: 100%;
      background-color: #fff;
      display: flex;
      min-height: 180rpx;
      flex-direction: column;
      border-radius: 20rpx;
      padding: 20rpx 30rpx;
      box-sizing: border-box;
      overflow: hidden;
      box-sizing: border-box;
      color: #333;
      position: relative; /* 为了使用伪元素 */
      margin-bottom: 20rpx;
  }


  .content .card .title{
      display: flex;
      justify-content: space-between;
  }
  .card_content{
    overflow:hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  
  }
  .content .card .bottom{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 22rpx;
      /* border-bottom: 2rpx #EAEAEA solid; */
      padding-bottom: 20rpx;
  }