
.main_container{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  .end_item{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    > div:last-child{
      flex-grow: 1;
    }
  }
}


.two_line_ellipsis{
    width: 100%;

    // overflow: hidden;
    // text-overflow: ellipsis;
    // white-space: nowrap;

    // 多行溢出属性
    /* 必须结合的属性：将对象作为弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 必须结合的属性：设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-box-orient: vertical;
    /* 限制在一个块元素显示的文本的行数（这里设置为 2 行） */
    -webkit-line-clamp: 2;
    /* 溢出部分隐藏 */
    overflow: hidden;
    /*（可选）为了防止单词或长数字在边界处不换行导致直接被截断，可以加上以下属性 */
    word-break: break-all;
    &:hover{
        cursor:pointer
    }
}


.one_line_ellipsis{
  overflow: hidden;
  text-overflow: ellipsis; /* 超出显示省略号 */
  white-space: nowrap;
}


