/*flex布局*/
.flex-column{
    display: flex;
    flex-direction: column;
}
.flex-column-justify{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.flex-row{
    display: flex;
    flex-direction: row;
    height: 100%
}
.flex-grow{
    flex: 1;
}
.flex-item{
    flex: 1;
}
.flex{
    display: flex;
    display: -webkit-flex;
}
.flex-column-center{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flex-center{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.flex-center-justify{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flex-center-between{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.flex-center-around{
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
}
/*显示省略号*/
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
}
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
}
.ellipsis4{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
}
.min-width{
    min-width: 1200px;
    margin:auto;
}