/* packageA/pages/feedbacklist/feedbacklist.wxss */

.messageNotification {
    width: 100vw;
    height: 100vh;
    background-color: #F2F2F2;
  }
  
  .messageNotification  .messageNotification-item{
      width: 690rpx;
      margin: 28rpx 30rpx;
      background: #FFFFFF;
      border-radius: 6rpx 6rpx 6rpx 6rpx;
   }
  
   .messageNotification-item .head{
      height: 100rpx;
      display: flex; 
      align-items: center;
      justify-content: space-between;
      border-bottom: 2rpx solid #F4F4F4;
      padding: 0 36rpx;
    }
  
    .head .time{
        font-family: SourceHanSansSC, SourceHanSansSC;
        font-weight: 400;
        font-size: 22rpx;
        color: #636363;
        line-height: 0rpx;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
  
    .messageNotification-item .notice{
      position: relative;
    }
  
    .notice .text {
      position: absolute;
      top: 10rpx;
      left: -20rpx;
      width: 10rpx;
      height: 10rpx;
      background: #FF2727;
      border-radius: 5rpx 5rpx 5rpx 5rpx
    }
  
    .notice  .notice-title {
      font-family: SourceHanSansSC, SourceHanSansSC;
      font-weight: 400;
      font-size: 22rpx;
      color: #FFFFFF;
      width: 72rpx;
      height: 31rpx;
      line-height: 31rpx;
      text-align: center;
    }
    .notice .tile-color{
      background: #FF6D89;
      border-radius: 3rpx 3rpx 3rpx 3rpx;
    }
    .notice .tile-color1 {
      background: #FD992F;
      border-radius: 3rpx 3rpx 3rpx 3rpx;
    }
  
    .messageNotification-item .content{
      padding: 30rpx;
  
    }
  
    .content .title-head{
      font-family: SourceHanSansSC, SourceHanSansSC;
      font-weight: 400;
      font-size: 28rpx;
      color: #0B0B0B;
      margin-bottom: 20rpx;
      font-style: normal;
      text-transform: none;
    }
    .content .title-content{
      font-family: SourceHanSansSC, SourceHanSansSC;
      font-weight: 400;
      font-size: 24rpx;
      color: #999999;
      font-style: normal;
      text-transform: none;
      display: -webkit-box;
      -webkit-line-clamp: 3; /* 设置最大行数 */
      -webkit-box-orient: vertical; /* 设置为垂直方向 */
      overflow: hidden; /* 超出部分隐藏 */
    }