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

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

.module {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background-color: #FFFFFF;
	border-radius: 16rpx;
	padding: 24rpx 24rpx 0;
	box-sizing: border-box;
	margin-bottom: 30rpx;
}

.tag-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.tag-item {
	width: calc(50% - 11rpx);
	background-color: #F8F9FC;
	border-radius: 50rpx;
	min-height: 60rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #202020;
	font-size: 24rpx;
	margin-bottom: 24rpx;
	font-weight: 500;
}

.message-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 24rpx;
}

.message-item {
	margin-bottom: 20rpx;
}

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

.message-item-name {
	width: 100%;
	color: #292929;
	font-size: 32rpx;
	font-weight: bold;
	margin-bottom: 8rpx;
}

.message-item-bottom {
	color: #A7A7A7;
	font-size: 26rpx;
}

.message-item-bottom text:first-child {
	color: #F2501A;
	font-size: 24rpx;
}

.message-item-bottom text {
	margin-right: 20rpx;
}


.product-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	border-radius: 16rpx;
	overflow: hidden;
}

.product-item {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 24rpx;
	box-sizing: border-box;
	border-bottom: 1px solid #F9F6F6;
}

.product-item:last-child {
	border-bottom: none;
}

.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;
}

.video-module {
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	border-radius: 16rpx;
	overflow: hidden;
	margin-bottom: 20rpx;
	padding: 20rpx 24rpx 0;
	box-sizing: border-box;
}

.video-title {
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	height: 78rpx;
	line-height: 78rpx;
	color: #000000;
	font-size: 32rpx;
	font-weight: bold;
}