/* flex布局，横向布局，不换行，主轴开始 */
.fns {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

/* flex布局，横向布局，可换行，主轴开始 */
.fws {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

/* flex布局，纵向布局，主轴开始 */
.fcs {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

/* 主轴居中 */
.zc {
	justify-content: center;
}

/* 主轴两端对齐 */
.zb {
	justify-content: space-between;
}

/* 副轴开始 */
.fs {
	align-items: flex-start;
}

/* 副轴开始 */
.fe {
	align-items: flex-end;
}

/* 副轴开始 */
.fdr {
	flex-direction: row-reverse;
}

/* 副轴居中 */
.fc {
	align-items: center;
}

/* 主副轴皆居中 */
.zfc {
	justify-content: center;
	align-items: center;
	width: 40px;
}
.zfc:hover{
	background-color: #ed193a;
}