* {
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
}
body{
    width: auto !important;
}

/* 单行省略 */
.normal {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 上下居中 */
.flexAlign {
	display: flex;
	align-items: center;
}

/* 上下左右居中 */
.flexCenter {
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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

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

.flexOnAround {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

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

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

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

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

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