xinelu-applet-ui/pages/medicalservice/medicalservice.scss

	.app {
		padding: 0 0 0 0;
		-webkit-overflow-scrolling: touch;

		.container {
			padding-top: 65rpx;
			background-color: #fff
		}

		.swiper-block {
			height: 500rpx;
			width: 100%;
		}

		.swiper-item {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			overflow: unset;
		}

		.slide-image {
			height: 270rpx;
			width: 580rpx;
			border-radius: 9rpx;
			box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
			margin: 0 0 0 30rpx;
			z-index: 1;
		}

		.active {
			transform: scale(1.10);
			transition: all 0.2s ease-in 0s;
			z-index: 20;
		}

		video {
			// height: 100%;
			// width: 100%;
		}

		.Healthknowledge {
			width: 100%;
			padding: 40rpx 50rpx 50rpx;
			background-color: #fff;
			position: relative;
			line-height: 46rpx;

			.more {
				position: absolute;
				right: 20rpx;
				top: 40rpx;
				height: 46rpx;
				width: 30%;

				.title {
					position: absolute;
					right: 30rpx;
					top: 50%;
					text-align: right;
					transform: translateY(-50%);
					font-size: 26rpx;
					font-family: Adobe Heiti Std;
					font-weight: normal;
					color: #969494;
				}

				image {
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					width: 15rpx;
					height: 25rpx;
				}
			}

			.list {
				width: 100%;
				margin: 20rpx auto 0;

				.item {
					width: 100%;
					height: 250rpx;
					position: relative;
					border-bottom: 2rpx solid #CDC9C9;

					image {
						position: absolute;
						right: 0;
						top: 50%;
						transform: translateY(-50%);
						width: 200rpx;
						height: 200rpx;
						border-radius: 10rpx;
					}

					.author {
						position: absolute;
						bottom: 20rpx;
						left: 0;
						font-size: 20rpx;
						color: #969494;
					}

					.text {
						position: absolute;
						top: 20rpx;
						left: 0;
						width: 65%;
						font-size: 30rpx;
						text-overflow: -o-ellipsis-lastline;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 5; //行数需设置
						line-clamp: 5;
						-webkit-box-orient: vertical;
						text-align: justify;
					}
				}
			}

			.title {
				font-size: 36rpx;
				font-weight: bold;
			}
		}

		.Welfarecustomerservice {
			display: flex;
			justify-content: space-around;
			flex-wrap: wrap;
			background-color: #fff;
			width: 100%;
			padding: 30rpx 2%;
			margin-bottom: 20rpx;

			.topimgs {
				display: flex;
				justify-content: space-around;
				width: 100%;
				margin-bottom: 30rpx;

				image {
					width: 30%;
					height: 160rpx;
				}
			}

			.shopping {
				width: 98%;
				height: 160rpx;
			}

			.rightimg {
				display: inline-block;
				width: 48%;

				image {
					display: block;
					margin-bottom: 15rpx;
					width: 100%;
					height: 120rpx;
				}
			}

			.night {
				width: 48%;
				height: 340rpx;
			}
		}

		.items {
			background-color: #fff;
			padding: 30rpx 20rpx 20px;
			display: flex;
			justify-content: space-between;
			margin-bottom: 20rpx;

			.item {
				width: 25%;

				image {
					width: 120rpx;
					height: 120rpx;
					display: block;
					margin: 0 auto 20rpx;
				}

				.title {
					font-size: 36rpx;
					font-weight: 600;
					text-align: center;
				}
			}
		}
	}