.flex {
  display: -ms-flexbox;
  display: flex;
}
/*主轴为水平方向，起点在左边*/
.flexRow {
  -ms-flex-direction: row;
  flex-direction: row;
}
/*主轴为垂直方向，起点在上沿*/
.flexColumn {
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex1 {
  -ms-flex: 1;
  flex: 1;
}
/*交叉轴的起点对齐*/
.alignStart{
  -ms-flex-align: start;
  align-items: flex-start;
}
/*交叉轴的终点对齐*/
.alignEnd{
  -ms-flex-align: end;
  align-items: flex-end;
}
/*交叉轴的中点对齐*/
.alignCenter{
  -ms-flex-align: center;
  align-items: center;
}
/*项目的第一行文字的基线对齐*/
.alignBaseline{
  -ms-align-items: baseline;
  align-items: baseline;
}
/*如果项目未设置高度或设为auto，将占满整个容器的高度*/
.alignStretch{
  -ms-align-items: stretch;
  align-items: stretch;
}
/*换行，第一行在上方*/
.flexWrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/*主轴左对齐*/
.justifyStart {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
/*主轴右对齐*/
.justifyEnd {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
/*主轴居中对齐*/
.justifyCenter {
  -ms-flex-pack: center;
  justify-content: center;
}
/*主轴两端对齐,项目之间的间隔都相等*/
.justifyBetween {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/*每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍*/
.justifyAround {
  -ms-flex-pack: justify;
  justify-content: space-around;
}

/*覆盖父级交叉轴的起点对齐*/
.alignSelfStart{
  -ms-flex-item-align: start;
  align-self: flex-start;
}
/*覆盖父级交叉轴的终点对齐*/
.alignSelfEnd{
  -ms-flex-item-align: end;
  align-self: flex-end;
}
/*覆盖父级交叉轴的中点对齐*/
.alignSelfCenter{
  -ms-flex-item-align: center;
  align-self: center;
}
/*覆盖父级项目的第一行文字的基线对齐*/
.alignSelfBaseline{
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
/*覆盖父级如果项目未设置高度或设为auto，将占满整个容器的高度*/
.alignSelfStretch{
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

/* 显示一行文字 */
.line1 {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 显示2行文字 */
.line2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.line3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}