.flex{
    display:flex;
    flex-direction:row;
}
.flex-column{
    flex-direction:column;
}
.flex-end{
    justify-content:flex-end;
}
.flex-center{
    justify-content: center;
}
.flex-bottom{
    align-items:flex-end;
}
.flex-inline-item{
    align-items:center;
}
.flex-inline-item-end{
    align-items:flex-end;
}
.flex-between{
    justify-content:space-between;
}
.flex-around{
    justify-content:space-around;
}
.ellipse{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.ellipse-line2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ellipse-line3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.flex-wrap{
    flex-wrap:wrap;
}
.color-desc{
    color:#bbb;
}
.flex-shrink{
    flex-shrink: 1;
}
.flex-shrink-0{
    flex-shrink: 0;
}
.flex-grow{
    flex-grow: 1;
}
.flex-grow-0{
    flex-grow: 0;
}