huiting/miniprogram/components/itemNotification/itemNotification.wxss

.card {
  height: auto;
  margin: 30rpx 20rpx 0rpx 20rpx;
  background-color: #ffffff;
  box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
  border-radius: 20rpx;
  padding-top: 20rpx;
}

.publisher-name {
  font-size: 30rpx;
}

.text {
  font-size: 24rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ellipsis {
  -webkit-line-clamp: 2;
}

.unellipsis {
  -webkit-line-clamp: none;
}

.top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0rpx 30rpx 0rpx 30rpx;
}

.bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 20rpx 30rpx 0rpx 30rpx;
  padding-bottom: 25rpx;

}

.profile {
  display: flex;
}

.detail {
  font-size: 24rpx;
  text-align: right;
  white-space: nowrap;
  margin-left: 40rpx;
}