/* 三行文字溢出省略 */
.text-ellipsis-3 {
  /* 必须设置：限制容器宽度，否则不会触发省略 */
  width: 100%; 
  /* 核心属性：限制显示行数 */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  /* 溢出隐藏 + 省略号 */
  overflow: hidden;
  text-overflow: ellipsis;
  /* 可选：设置行高，控制三行的总高度 */
  line-height: 1.5;
}

/* 三行文字溢出省略 */
.text-ellipsis-2 {
  /* 必须设置：限制容器宽度，否则不会触发省略 */
  width: 100%; 
  /* 核心属性：限制显示行数 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  /* 溢出隐藏 + 省略号 */
  overflow: hidden;
  text-overflow: ellipsis;
  /* 可选：设置行高，控制三行的总高度 */
  line-height: 1.5;
}

.active >a{
    color: #ff6700;
}