.recent-news {
  background: #fff; /* 设置最近新闻容器的背景颜色为白色 */

  .news-item {
    padding: 20rpx 20rpx 0 20rpx; /* 内边距：上20rpx，左右各20rpx，下0rpx */
    position: relative; /* 使子元素可以相对于此元素进行绝对定位 */

    &::after {
      content: " "; /* 生成一个伪元素 */
      width: 100%; /* 伪元素宽度为100% */
      height: 2rpx; /* 伪元素高度为2rpx，作为分隔线 */
      background-color: #e1e1e1; /* 分隔线的颜色为浅灰色 */
      left: 20rpx; /* 从左边开始20rpx，与父元素内边距对齐 */
      display: block; /* 伪元素作为块级元素显示 */
      position: absolute; /* 伪元素绝对定位，相对于父元素 */
      bottom: 0; /* 伪元素位于父元素底部 */
    }

    .news-item-title {
      font-size: 28rpx; /* 新闻标题字体大小为28rpx */
      text-align: left; /* 文字左对齐 */
    }

    .news-item-date {
      font-size: 24rpx; /* 日期字体大小为24rpx */
      color: #999; /* 日期颜色为浅灰色 */
      text-align: right; /* 文字右对齐 */
      margin-top: 10rpx; /* 上边距为10rpx */
      margin-bottom: 20rpx; /* 下边距为20rpx */
    }
  }

  .empty {
    display: block; /* 空状态提示作为块级元素显示 */
    padding-top: 200rpx; /* 上内边距为200rpx，用于居中显示空状态提示 */
    color: #999; /* 文字颜色为浅灰色 */
    font-size: 26rpx; /* 字体大小为26rpx */
    text-align: center; /* 文字水平居中 */
  }
}
