.f-tac {
	text-align: center;
}

.f-tar {
	text-align: right;
}

.f-tal {
	text-align: left;
}

.f-ellipsis {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.f-wh100 {
	width: 100%;
	height: 100%;
}

.f-h100 {
	height: 100%;
}

.f-dn {
	display: none;
}

.f-pr {
	position: relative;
}

.f-pa {
	position: absolute;
}

.iconfont {
	vertical-align: middle;
}

.f-flex {
	display: flex;
}

/*左右居中*/
.f-flex-c {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

/*上下居中*/
.f-flex-r {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

/*上下 均匀分布*/
.f-flex-r-sa {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-around;
}

/*上下 两端分布*/
.f-flex-r-sb {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-between;
}

/*左右 均匀分布*/
.f-flex-c-sa {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

/*左右 两端分布*/
.f-flex-c-sb {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/*上下 居中*/
.f-flex-r-c {
	flex-wrap: wrap;
	display: flex;
	align-content: center;
}

.f-fl {
	float: left;
}
.f-fr {
	float: right;
}