#service-btn {
	display: none;
	justify-content: center;
	align-items: center;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	position: fixed;
	right: 16px;
	bottom: 32px;
	background-color: #fff;
	z-index: 10009;
}
/* #ifdef APP */
#service-btn {
	display: flex;
}
/* #endif */
.container {
	padding: 0 16px 24px;
	.swiper {
		margin: 14px 0 18px;
	}
	.pageTitle {
		margin: 14px 0 15px;
	}
	.banner {
		width: 100%;
		height: 90px;
	}
	.infoList {
		display: flex;
		flex-direction: column;
		row-gap: 15px;
		margin-top: 15px;
		.infoCard {
			position: relative;
			display: flex;
			flex-direction: column;
			row-gap: 6px;
			padding: 18px 96px 14px 18px;
			min-height: 113px;
			box-sizing: border-box;
			box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15);
			.title {
				font-size: 20px;
				font-weight: 700;
			}
			.subTitle {
				color: #666666;
				font-size: 12px;
				line-height: 17px;
			}
			.img {
				position: absolute;
				right: 12px;
				bottom: 12px;
				width: 46px;
				height: 46px;
			}
		}
	}
	.videoListTitle {
		margin-top: 28px;
		margin-bottom: 15px;
		font-size: 20px;
		font-weight: 700;
	}
	.videoList {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 10px;
		row-gap: 20px;
		.videoItem {
			display: flex;
			flex-direction: column;
			align-items: center;
			row-gap: 10px;
			.video {
				width: 100%;
				max-width: 165px;
				height: 103px;
				::v-deep .uni-video-bar {
					padding: 0;
				}
				::v-deep .uni-video-control-button {
					width: 10px;
				}
				::v-deep .uni-video-progress {
					margin-left: 10px;
					margin-right: 10px;
				}
				::v-deep .uni-video-ball {
					width: 12px;
					height: 12px;
					padding: 16px;
				}
			}
			.videoTitle {
				font-size: 18px;
			}
		}
	}
}