xiongmao/pages/health-encyclopedia/fatigued/fatigued.css

.wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 20rpx 24rpx;
	box-sizing: border-box;
}

.label {
	width: 100%;
	color: #000000;
	font-size: 32rpx;
	font-weight: bold;
	position: relative;
	box-sizing: border-box;
	padding: 0 26rpx;
	margin-bottom: 18rpx;
}

.label::after {
	content: "";
	width: 6rpx;
	height: 34rpx;
	background-color: #F2501A;
	border-radius: 4rpx;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.module {
	width: 100%;
	background-color: #fff;
	border-radius: 16rpx;
}

.msg {
	width: 100%;
	color: #777777;
	font-size: 28rpx;
	padding: 20rpx;
	box-sizing: border-box;
}

.product-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 20rpx 24rpx 36rpx;
	box-sizing: border-box;
	border-top: 1px solid #F9F6F6;
}

.product-item {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 55rpx;
}

.product-item:last-child {
	margin-bottom: 0;
}

.product-item-column-img {
	width: 220rpx;
	height: 180rpx;
	border-radius: 16rpx;
	margin-right: 24rpx;
}

.product-item-sidebar {
	flex: 1;
	height: 160rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.product-item-sidebar-top {
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

.product-tag-img {
	width: 106rpx;
	margin-right: 6rpx;
	vertical-align: middle;
}

.product-item-column-name {

	color: #202020;
	font-size: 28rpx;
	font-weight: bold;
}

.product-item-row-between {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.look-num {
	color: #919191;
	font-size: 26rpx;
}

.collect-btn {
	display: flex;
	align-items: center;
	font-size: 26rpx;
	color: #919191;
	background-color: initial;
	border-radius: initial;
}

.collect-btn>image {
	width: 35rpx;
	margin-right: 8rpx;
}