.flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-box,
.flex-1 {
	flex: 1;
}

.flex-dir-row {
	flex-direction: row;
}

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

.flex-x-center {
	/* display: flex; */
	justify-content: center;
}

.flex-x-between {
	justify-content: space-between;
}

.flex-x-around {
	justify-content: space-around;
}

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

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

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

.b-f {
	background: #fff;
}
/*字体配置：1rem = 16rpx */
.f-14 {
	font-size: 0.875rem;
}

.f-16 {
	font-size: 1rem;
}

.f-18 {
	font-size: 1.125rem;
}

.f-20 {
	font-size: 1.25rem;
}


.f-22 {
	font-size: 1.375rem;
}


.f-24 {
	font-size: 1.5rem;
}

.f-26 {
	font-size: 1.625rem;
}

.f-28 {
	font-size: 1.75rem;
}

.f-36 {
	font-size: 2.25rem;
}

.f-40 {
	font-size: 2.5rem;
}

.f-42 {
	font-size: 2.625rem;
}

.w-100p {
	width: 100%;
}

.w-50p {
	width: 50%;
}


.f-w {
	font-weight: 700;
}

.f-n {
	font-weight: 400;
}

.t-c {
	text-align: center;
}

.t-l {
	text-align: left;
}

.t-r {
	text-align: right;
}

.col-f {
	color: #fff;
}

.col-e {
	color: #eee;
}

.col-3 {
	color: #333;
}

.col-6 {
	color: #666;
}

.col-7 {
	color: #777;
}

.col-8 {
	color: #888;
}

.col-9 {
	color: #999;
}

.col-m {
	color: #ff495e !important;
}

.col-s {
	color: #be0117 !important;
}

.col-green {
	color: #0ed339 !important;
}

.col-gold {
	color: rgb(204, 110, 22);
}

.col-red {
	color: #FF0000 !important;
}

.twolist-hidden {
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.threeList-hidden {
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}