@font-face {
	font-family: 'SourceHanSansCN-Medium';
	src: url('../font/SourceHanSansCN-Medium.otf');
	font-display: swap;
}

.flex {
	display: flex;
}

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

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

.flex-column-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

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

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

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

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

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

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

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

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

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