/* 常用flex布局属性 */

.u-flex {
  display: flex;
}

.u-flex1 {
  flex: 1;
}

.u-flexCol {
  display: flex;
  flex-direction: column;
}

.u-flexRow {
  display: flex;
  flex-direction: row;
}

.u-flexWrap {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.u-flexWrapAll {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.u-flexAIC {
  display: flex;
  align-items: center;
}

.u-flexAIS {
  display: flex;
  align-items: flex-start;
}

.u-flexAIE {
  display: flex;
  align-items: flex-end;
}

.u-flexJC {
  display: flex;
  justify-content: center;
}

.u-flexJB {
  display: flex;
  justify-content: space-between;
}

.u-flexRowJB {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.u-flexColJC {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.u-flexJA {
  display: flex;
  justify-content: space-around;
}

.u-flexJE {
  display: flex;
  justify-content: flex-end;
}

.u-flexJEAC {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.u-flexJCAE {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.u-flexJS {
  display: flex;
  justify-content: flex-start;
}

.u-flexJBAC {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.u-flexJBAS {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.u-flexJBAE {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.u-flexJAAC {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.u-flexC {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 字体 */
.u-fwb {
  font-weight: bold;
}

.u-ellipsis {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 一行显示，溢出显示省略号 textTruncate1 */
.u-tt1 {
  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.u-tt2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.u-tt3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.u-tt4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.u-tt5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}