body, html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin:0;
	font-family:"微软雅黑";
}
/* flex布局，默认不会换行 */
.flex {
	display: flex;
	flex-flow: row nowrap;
}

/* flex布局，可换行 */
.flex-rows {
	flex-flow: row wrap;
}

/* flex布局，上下排列 */
.flex-column {
	flex-direction: column;
}

/* 内容左侧对齐 */
.flex-start {
	justify-content: flex-start;
}

/* 内容居中对齐 */
.flex-center {
	justify-content: center;
}

/* 内容两端对齐 */
.flex-between {
	justify-content: space-between;
}

/* 内容两侧的间隔相等 */
.flex-around {
	justify-content: space-around;
}

/* 内容右侧对齐 */
.flex-end {
	justify-content: flex-end;
}

/* 居中 */
.flex-items-center {
	align-items: center;
}

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

.flex-y-between {
	align-content: space-between;
}

.flex1 {
	flex: 1;
}
.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left: 20px;
}
.mb10{
	margin-bottom: 10px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.fs14{
	font-size: 14px;
}
.fs16{
	font-size: 16px;
}
.fs18{
	font-size: 18px;
}
.fs20{
	font-size: 20px;
}
.color-red{
	color: #f00;
}