.page-distribution-notice {
  .notices-box {
    margin-top: 30rpx;
    margin-bottom: 30rpx;
    padding: 0 30rpx;
    .item {
      padding: 30rpx;
      border-radius: 10rpx;
      background: #fff;
      margin-top: 30rpx;
      &:first-child {
        margin-top: 0;
      }
      .tit-box {
        display: flex;
        align-items: center;
        .tit {
          flex: 1;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 28rpx;
          font-weight: 600;
          word-break: break-word;
        }
        .time {
          color: #999;
        }
      }
      .text-box {
        margin: 20rpx 0;
        color: #999;
        max-height: 72rpx;
        line-height: 36rpx;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        :deep(img){
          display: block;
          width: 100%;
        }
      }
      .text-arrow {
        padding-top: 20rpx;
        border-top: 2rpx solid #f9f9f9;
        &::after {
          width: 10rpx;
          height: 10rpx;
          top: 72%;
          right: 10rpx;
        }
      }
    }
  }
}