/* #ifndef APP-NVUE */
page {
	background: #f8f8f8;
}

/* #endif */
/* 可点击手型 */
/* #ifndef APP-NVUE */
.wf-click {
	cursor: pointer;
}

/* #endif */
.wf-no-data {
	padding: 10px;
	background: #ffffff;
}

/* #ifndef APP-NVUE */
.wf-no-data img {
	width: 200px;
	object-fit: contain;
}

.wf-no-data div {
	color: #666666;
	font-size: 16px;
	margin-top: 10px;
}

/* #endif */

.wf-between {
	display: flex;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
}

.wf-around {
	display: flex;
	flex-direction: row !important;
	justify-content: space-around !important;
	align-items: center !important;
}

.wf-between-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

.wf-right-bottom {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
}



.wf-top {
	display: flex;
	flex-direction: row !important;
	justify-content: space-between;
	align-items: flex-start;
}

.wf-bottom {
	display: flex;
	flex-direction: row !important;
	justify-content: space-between;
	align-items: flex-end;
}

.wf-left {
	display: flex;
	flex-direction: row !important;
	justify-content: flex-start;
	align-items: center;
}

.wf-right {
	display: flex;
	flex-direction: row !important;
	justify-content: flex-end;
	align-items: center;
}

.wf-center {
	display: flex;
	flex-direction: row !important;
	justify-content: center;
	align-items: center;
}

/* 分页 */
.wf-page {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
}

.wf-page-list2 {
	width: 48%;
	margin-right: 4%;
}

/* #ifndef APP-NVUE */
.wf-page-list2:nth-child(2n) {
	margin-right: 0;
}

/* #endif */
.wf-page-list3 {
	width: 31%;
	margin-top: 10rpx;
	/* #ifndef APP-NVUE */
	margin-right: calc(7% / 2);
	/* #endif */
}

/* #ifndef APP-NVUE */
.wf-page-list3:nth-child(3n) {
	margin-right: 0;
}

/* #endif */
.wf-page-list4 {
	width: 23%;
	margin-bottom: 20rpx;
	/* #ifndef APP-NVUE */
	margin-right: calc(8% / 3);
	/* #endif */
}

/* #ifndef APP-NVUE */
.wf-page-list4:nth-child(4n) {
	margin-right: 0;
}

/* #endif */
.wf-page-list5 {
	width: 18%;
	margin-bottom: 10rpx;
	/* #ifndef APP-NVUE */
	margin-right: calc(10% / 4);
/* #endif */
}

/* #ifndef APP-NVUE */
.wf-page-list5:nth-child(5n) {
	margin-right: 0;
}

/* #endif */


/* 溢出省略号 */
.wf-overflow1 {
	overflow: hidden;
	text-overflow: ellipsis;
	/* #ifndef APP-NVUE */
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	/* #endif */
}

.wf-overflow2 {
	overflow: hidden;
	text-overflow: ellipsis;
	/* #ifndef APP-NVUE */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	/* #endif */
}

.wf-overflow3 {
	overflow: hidden;
	text-overflow: ellipsis;
	/* #ifndef APP-NVUE */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	/* #endif */
}

.wf-overflow4 {
	overflow: hidden;
	text-overflow: ellipsis;
	/* #ifndef APP-NVUE */
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	/* #endif */
}

.wf-overflow5 {
	overflow: hidden;
	text-overflow: ellipsis;
	/* #ifndef APP-NVUE */
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	/* #endif */
}
