/* ********************************* 通用flex布局 ********************************* */
/* flex容器样式，子元素横向排列，垂直方向居中，水平方向子元素space-between */
.flex-row-sb {
	display: flex;
  justify-content: space-between;
  align-items: center;
}
/* flex容器样式，子元素横向排列，垂直方向居中，水平方向子元素space-around */
.flex-row-sa {
	display: flex;
  justify-content: space-around;
  align-items: center;
}
/* flex容器样式，子元素横向排列，垂直方向居中，水平方向子元素聚中靠拢 */
.flex-row-center {
	display: flex;
  justify-content: center;
  align-items: center;
}
/* flex容器样式，子元素横向排列，垂直方向居中，水平方向子元素聚左靠拢 */
.flex-row-left {
	display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* flex容器样式，子元素横向排列，垂直方向居中，水平方向子元素聚右靠拢 */
.flex-row-right {
	display: flex;
  justify-content: flex-end;
  align-items: center;
}
/* flex容器样式，子元素纵向排列，水平方向居中，垂直方向子元素space-between */
.flex-column-sb {
	display: flex;
	flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
/* flex容器样式，子元素纵向排列，水平方向居中，垂直方向子元素space-around */
.flex-column-sa {
	display: flex;
	flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
/* flex容器样式，子元素纵向排列，水平方向居中，垂直方向子元素聚中靠拢 */
.flex-column-center {
	display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* flex容器样式，子元素纵向排列，水平方向居中，垂直方向子元素聚上靠拢 */
.flex-column-top {
	display: flex;
	flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
/* flex容器样式，子元素纵向排列，水平方向居中，垂直方向子元素聚下靠拢 */
.flex-column-bottom {
	display: flex;
	flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
/* 阻止flex子元素自适应伸缩 */
.flex-block {
  flex-shrink: 0;
  flex-grow: 0;
}
/* flex子元素自适应伸缩 */
.flex-auto {
  flex-shrink: 1;
  flex-grow: 1;
}

/* flex自动换行 */
.flex-wrap {
  flex-wrap: wrap;
}

/* flex 垂直方向左对齐 */
.flex-align-start {
  align-items: flex-start;
}
/* flex 垂直方向右对齐 */
.flex-align-end {
  align-items: flex-end;
}