.multi-line-ellipsis {
  overflow: hidden;          /* 超出部分隐藏 */
  display: -webkit-box;      /* 使元素成为多行容器 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  -webkit-line-clamp: 6;     /* 限制显示的行数为3行 */
  text-overflow: ellipsis;   /* 超出部分显示省略号 */
}

.news-section{
  background: #F9F9FB;
  padding: 60px 12.3438vw;

  &>.title{
    font-weight: bold;
    font-size: 64px;
    color: #020202;
    margin-bottom: 40px;
  }

  & .grid-box{
    display: grid;
    grid-template-columns: repeat(3 ,1fr);
    gap: 23px;
  } 
}

@media screen and (max-width: 768px){
  .news-section{
    padding: 20px 4vw;

    &>.title{
      font-size: 25px;
    }

    & .grid-box{
      grid-template-columns: repeat(1 ,1fr);
      gap: 20px;
    } 
  }
}