.fl {
	/* 横向不换行 水平居中对齐 */
	display: flex !important;
	align-items: center;
	flex-wrap: nowrap;
}

.fl-fs {
	/* 横向不换行 上对齐 */
	display: flex !important;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.fl-fe {
	/* 横向不换行 底对齐 */
	display: flex !important;
	align-items: flex-end;
	flex-wrap: nowrap;
}

.fl-wrap {
	/* 横向且换行 */
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
}

.fl-ver {
	/* 竖向居中 */
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.ai-sta {
	align-items: flex-start;
}

.ai-end {
	align-items: flex-end;
}

.fl-sb {
	/* item两端对齐 */
	justify-content: space-between;
}

.fl-sa {
	/* item分散对齐 */
	justify-content: space-around;
}

.fl-cen {
	/* 居中对齐 */
	justify-content: center;
}

.fl-sta {
	/* item左对齐 */
	justify-content: flex-start;
}

.fl-end {
	/* item右对齐 */
	justify-content: flex-end;
}

.ac-sta {
	/* 多行顶对齐 */
	align-content: flex-start;
}

.fl-g1 {
	/* item放大比例 */
	flex-grow: 1;
}

.fl-s0 {
	/* 当空间不足时，item缩小比例，0不缩小、1缩小 */
	flex-shrink: 0;
}

.fl-s1 {
	flex-shrink: 1;
}