.super-card {
	display: flex;
	/* justify-content: center; */
	width: 100%;
	/* height: calc(100% - 400rpx); */

	.scroll-x {
		height: 100%;
		width: 100%;
	}

	.right-cards {
		width: 520rpx;
		height: 1280rpx;

		.scroll-box {
			width: 100%;
			height: 310rpx;
			margin-top: 10rpx;

			.right-box {
				height: 320rpx;
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				align-content: flex-start;

				.right-box-item {
					margin: 20rpx 0 0 20rpx;
					width: 150rpx;
					height: 120rpx;
					border-radius: 20rpx;
					background-color: #fff;
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-direction: column;

					.right-box-img {
						width: 60rpx;
						height: 60rpx;
					}

					.right-box-font {
						font-size: 25rpx;
						/* margin-top: 7rpx; */
						/* margin-left: 10rpx; */
					}

					.right-box-items {
						display: flex;
						justify-content: space-around;
						align-items: center;

						.right-box-items-button {
							width: 25rpx;
							height: 25rpx;
							margin: 0 3rpx;
						}
					}
				}

				.title-time-button {
					position: absolute;
					top: 0rpx;
					right: 0rpx;
					width: 55rpx;
					height: 45rpx;
				}

				.title-time-font {
					position: absolute;
					top: 5rpx;
					right: 3rpx;
					font-size: 17rpx;
					color: #fff;
				}
			}
		}
	}

	.time-father {
		border-radius: 20rpx;
		height: 97%;
		width: 95%;
		margin-top: 6%;
		margin-left: 6%;
		background-color: rgba(255, 255, 255, 0.3);

		.time-button {
			width: 140rpx;
			height: 60rpx;
			margin-top: 30rpx;
			margin-left: 30rpx;
			border-radius: 20rpx;
			background-color: rgb(54, 159, 239);
			border: 5rpx solid rgb(54, 159, 239);
			display: flex;

			.time-button-month {
				width: 50%;
				height: 100%;
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.time-button-month-target {
				width: 50%;
				height: 100%;
				background-color: #fff;
				color: rgb(54, 159, 239);
				display: flex;
				justify-content: center;
				align-items: center;
				border-bottom-left-radius: 15rpx;
				border-top-left-radius: 15rpx;
			}

			.time-button-week-target {
				width: 50%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #fff;
			}

			.time-button-week {
				width: 50%;
				height: 100%;
				color: rgb(54, 159, 239);
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #fff;
				border-bottom-right-radius: 15rpx;
				border-top-right-radius: 15rpx;
			}
		}
	}

	.under-button {
		width: 520rpx;
		height: 95rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		border-radius: 20rpx;
		/* background-color: rgb(229, 233, 249); */
		display: flex;
		align-items: center;
		position: relative;

		.under-button-black {
			transition: all 1s;
			position: absolute;
			width: 300rpx;
			height: 100rpx;
			border-radius: 20rpx;
			padding-left: 10rpx;
			background-color: rgb(77, 77, 77);
			top: -100rpx;
			left: 150rpx;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;

			.under-button-three {
				position: absolute;
				right: 13rpx;
				bottom: -17rpx;
				/* 元素本身不占任何宽高 */
				width: 0;
				height: 0;

				/* 左右边框透明，宽度各 50px */
				border-left: 15rpx solid transparent;
				border-right: 15rpx solid transparent;

				/* 上边框实色（高度 100px），形成向下的“倒三角” */
				border-top: 20rpx solid rgb(77, 77, 77);
			}
		}

		.white-circle-click-father-spec {
			position: absolute;
			top: -130rpx;
			left: 0;
			background-color: #e6f4ff;
			/* position: absolute; */
			/* top:0;
			left: 0; */
			overflow: hidden;
			/* 重要：让伪元素在圆角内显示 */
			margin-left: 10rpx;
			height: 110rpx;
			width: 150rpx;
			border-radius: 40rpx;
			
			/* 你原来的背景 */
			border: 2rpx solid #9AD1FF;
			color: #007CFF;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			
		}

		.white-circle-click-father {
			/* position: absolute; */
			/* top:0;
			left: 0; */
			overflow: hidden;
			/* 重要：让伪元素在圆角内显示 */
			margin-left: 10rpx;
			height: 75rpx;
			width: 150rpx;
			border-radius: 40rpx;
			background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
			/* 你原来的背景 */
			border: 2rpx solid #9AD1FF;
			color: #007CFF;
			display: flex;
			justify-content: center;
			align-items: center;
			-webkit-tap-highlight-color: transparent;
		}

		/* 文本层级高于伪元素 */
		.white-circle-click-father .label {
			position: relative;
			z-index: 2;
		}

		/* 伪元素作为点击时的覆盖渐变 */
		.white-circle-click-father::before {
			content: "";
			position: absolute;
			inset: 0;
			z-index: 1;
			pointer-events: none;
			background: linear-gradient(to bottom, #bfe9ff, #4aa8ff);
			/* 点击后的渐变（可替换） */
			opacity: 0;
			transform: scale(1.02);
		}

		/* anim 类触发 1s 动画（淡入→停留→淡出） */
		.white-circle-click-father.anim::before {
			animation: coverFade 1s ease-in-out forwards;
		}

		/* 可选：动画期间文字变色 */
		/* .white-circle-click-father.anim .label {
			color: #fff ;
			
		} */

		/* keyframes：0-20% 淡入，20-80% 保持，80-100% 淡出 */
		@keyframes coverFade {
			0% {
				opacity: 0;
			}

			20% {
				opacity: 1;
			}

			80% {
				opacity: 1;
			}

			100% {
				opacity: 0;
			}
		}

		.white-circle {
			width: 70rpx;
			height: 70rpx;
			border-radius: 50%;
			margin-left: 15rpx;
			background-color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 99;

			.white-circle-img {
				width: 40rpx;
				height: 40rpx;
			}
		}
	}

	.middle-box {
		width: 100%;
		height: 800rpx;
		/* background-color: red; */
		display: flex;
		overflow: hidden;

		.middle-left-box {
			margin-left: 0rpx;
			width: 340rpx;
			height: 800rpx;
			border-radius: 20rpx;
			/* background-color: rgb(229, 233, 249); */
			display: flex;

			.first-contant {
				height: 100%;
				width: 150rpx;

				.right-box-item {
					margin: 10rpx 0 0 20rpx;
					width: 130rpx;
					height: 120rpx;
					border-radius: 20rpx;
					background-color: rgba(255, 255, 255, 0.3);
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-direction: column;
					white-space: nowrap;
					/* 防止文本换行 */
					overflow: hidden;
					/* 超出部分隐藏 */
					text-overflow: ellipsis;
					/* 超出部分显示省略号 */

					.right-box-img {
						width: 60rpx;
						height: 60rpx;
					}

					.title-time-button {
						position: absolute;
						top: -3rpx;
						right: -3rpx;
						width: 60rpx;
						height: 30rpx;

					}

					.title-time-button-font {
						color: #fff;
						position: absolute;
						top: 2rpx;
						right: 8rpx;
						font-size: 19rpx;
						z-index: 999;
					}

					.right-box-font {
						font-size: 23rpx;
						/* margin-top: 10rpx; */
					}

					.title-time-zhejiao {
						position: absolute;
						top: 0rpx;
						left: 5rpx;
						width: 40rpx;
						height: 40rpx;
					}

					.title-time-font {
						position: absolute;
						top: 3rpx;
						right: 5rpx;
						font-size: 20rpx;
						color: #fff;
						z-index: 999;
					}

					.right-box-items {
						display: flex;
						justify-content: space-around;
						align-items: center;

						.right-box-items-button {
							width: 25rpx;
							height: 25rpx;
							margin: 0 3rpx;
						}
					}
				}
			}

			.second-contant {
				height: 100%;
				width: 210rpx;

				.downList-box-target {
					display: flex;
					justify-content: center;
					align-items: center;
					background-color: #fff;
					margin-left: 25rpx;
					width: 160rpx;
					height: 120rpx;
					border-radius: 20rpx;
					/* margin-left: 10rpx; */
					margin-top: 10rpx;

					flex-direction: column;
					/* box-shadow: 2rpx 2rpx 4rpx 2rpx rgba(54, 159, 239, 0.1);
					border: 2rpx solid rgb(54, 159, 239); */
					white-space: nowrap;
					/* 防止文本换行 */
					overflow: hidden;
					/* 超出部分隐藏 */
					text-overflow: ellipsis;
					/* 超出部分显示省略号 */

					.downList-box-img {
						height: 50rpx;
						width: 50rpx;
					}

					.downList-box-text {
						font-size: 22rpx;
						color: rgb(54, 159, 239);
					}
				}

				.downList-box {
					display: flex;
					justify-content: center;
					align-items: center;
					margin-left: 25rpx;
					border-radius: 20rpx;
					background-color: rgba(255, 255, 255, 0.5);
					width: 160rpx;
					height: 120rpx;
					/* border-radius: 20rpx; */
					/* margin-left: 10rpx; */
					/* margin-bottom: 20rpx; */
					margin-top: 10rpx;
					flex-direction: column;
					white-space: nowrap;
					/* 防止文本换行 */
					overflow: hidden;
					/* 超出部分隐藏 */
					text-overflow: ellipsis;
					/* 超出部分显示省略号 */
					/* box-shadow: 2rpx 2rpx 4rpx 2rpx rgba(0, 0, 0, 0.1); */

					.downList-box-img {
						height: 50rpx;
						width: 50rpx;
					}

					.downList-box-text {
						font-size: 20rpx;
					}
				}
			}
		}

		.middle-right-box {
			height: 780rpx;
			width: 90rpx;

			/* overflow-y: hidden; */
			.doctorsay-container-card {
				position: relative;
				display: flex;
				/* flex-direction: column; */
				justify-content: center;
				align-items: center;
				background-color: #fff;
				width: 160rpx;
				height: 90rpx;
				/* margin: 0 0rpx 0rpx 0rpx; */
				border-radius: 40rpx;
				/* border-radius: 20rpx;
				border: 2rpx solid rgb(221, 234, 250);
				box-shadow: 5px 5px 10px rgba(105, 129, 178, 0.2); */
				margin-left: 10rpx;
				margin-top: 30rpx;

				/* 右下角阴影 */
				.doctorsay-container-card-img {
					width: 55rpx;
					height: 55rpx;
				}

				.doctorsay-container-card-font {
					font-size: 25rpx;
					margin-top: 20rpx;
				}

			}

			.doctorsay-container-card-target {
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				background: linear-gradient(to left, #fff, rgb(229, 233, 249));
				width: 115rpx;
				height: 122rpx;
				margin: 0 18rpx 10rpx 0rpx;
				/* margin-left: -15rpx; */
				/* border: 2rpx solid #fff; */
				/* box-shadow: 5px 5px 10px rgba(105, 129, 178,0.2); */
				border-top-right-radius: 20rpx;
				border-bottom-right-radius: 20rpx;
				/* border-radius: 20rpx; */
				margin-left: -15rpx;

				/* 右下角阴影 */
				.doctorsay-container-card-img {
					width: 55rpx;
					height: 55rpx;
					margin-left: 25rpx;
				}



			}

			/* background-color: rgb(229,233,249); */
		}
	}

	.super-card-container {
		/* 设置背景图和白色背景 */
		/* background: url("/static/index/whitemountain.png") center/cover, rgba(255, 255, 255, 0.5); */
		/* 使用 screen 混合模式，让图像与白色混合变淡 */
		background-blend-mode: screen;
		isolation: isolate;
		overflow: hidden;
		margin-left: 60rpx;
		width: 1405rpx;
		height: 1350rpx;
		/* border-top-right-radius: 20rpx;
		border-bottom-right-radius: 20rpx; */
		/* border: 2rpx solid #fff; */
		border-left: 0;
		/* box-shadow: 10rpx 10rpx 20px rgba(0, 0, 0, 0.1); */
		position: relative;
	}

	.super-card-time {
		display: flex;
		justify-content: center;
		align-items: center;

		height: 80rpx;
		width: 280rpx;
		border-bottom: 1rpx solid transparent;
		border-image: repeating-linear-gradient(90deg, #A9ACB1 0px, #A9ACB1 6rpx, transparent 6rpx, transparent 12rpx) 1;
		/* font-weight: 700; */
		z-index: -1;
		font-size: 25rpx;
		color: #A9ACB1;
	}

	.super-card-time-und {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 280rpx;
		flex-direction: column;
		border-right: 1rpx solid transparent;
		border-image: repeating-linear-gradient(180deg, #A9ACB1 0px, #A9ACB1 6rpx, transparent 6rpx, transparent 12rpx) 1;

		.title-time-img {
			width: 65rpx;
			height: 65rpx;
			margin-top: -5rpx;
		}

		.title-time-font-rel {
			font-size: 25rpx;
			margin-bottom: 5rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.title-time-items {
			display: flex;
			justify-content: space-around;
			align-items: center;

			.right-box-items-button {
				width: 35rpx;
				height: 35rpx;
				margin: 0 5rpx;
			}
		}
	}

	.super-card-time-card {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 250rpx;
		width: calc(100%);
		transition: all 0.8s;
		border-image: repeating-linear-gradient(90deg, #A9ACB1 0px, #A9ACB1 6rpx, transparent 6rpx, transparent 12rpx) 1;
		flex-direction: column;
		position: relative;
	}
}

.right-container {
	width: calc(100% - 310rpx);
	height: 100vh;
	transition: opacity 1s ease;
	position: relative;

	.joystick {
		position: absolute;
		bottom: 200rpx;
		left: 20rpx;
		width: 300rpx;
		height: 300rpx;
		z-index: 9999;
	}

	.outer-circle {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: rgba(127, 127, 127, 0.1);
		position: relative;
	}

	.inner-circle {
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		background-color: rgba(127, 127, 127, 0.3);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.doctorsay-container-view {
		width: 100%;
		height: 1350rpx;
		display: flex;
		margin-top: 30rpx;

		.doctorsay-container-container {
			width: 100%;
			overflow: hidden;

			.doctorsay-container-title {
				width: 100%;
				height: 105rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;

				.doctorsay-container-left {
					display: flex;
				}
			}

		}
	}

	.right-container-title-nav {
		/* margin-top: 75rpx; */
		margin-bottom: 20rpx;
		/* margin-left: 20rpx; */

		.right-icons {
			display: flex;
			align-items: center;
			float: right;
			height: 70rpx;
			margin-right: 40rpx;

			.right-icons-font {
				margin-left: 10rpx;
				margin-right: 10rpx;
				font-size: 35rpx;
				margin-top: -30rpx;
			}

			.right-icons-img {
				width: 80rpx;
				height: 80rpx;
				margin-left: 10rpx;
				margin-right: 10rpx;
				margin-top: -40rpx;

			}

			.right-icons-img-icon {
				width: 60rpx;
				height: 80rpx;
				margin-top: -10rpx;
				margin-left: 8rpx;
			}
		}

		.right-container-title-class {
			font-size: 35rpx;
			font-weight: 800;
			margin-left: 20rpx;
		}

		.right-container-title-class-dark {
			font-size: 35rpx;
			font-weight: 800;
			margin-left: 20rpx;
			background: linear-gradient(to bottom, #FFFFFF, #B2C8E2);
			-webkit-background-clip: text;
			color: transparent;
		}
	}
}

.title-time-delete {
	width: 55rpx;
	height: 55rpx;
	border-radius: 50%;
	display: flex;
	background-color: #fff;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0rpx;
	right: 0rpx;
	z-index: 10;
	background-color: #02abfe;
	color: #fff;
	z-index: 999;
	font-size: 50rpx;
}

.title-time-blue {
	/* 你的定位与尺寸保持不变 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 88%;
	z-index: 10;

	--color: #99C9FD;
	--thick: 2px;
	--radius: 16px;

	border: var(--thick) dashed var(--color);
	border-radius: var(--radius);

	background:
		/* 上边 */
		repeating-linear-gradient(90deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top left / 100% var(--thick) no-repeat,
		/* 下边 */
		repeating-linear-gradient(90deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) bottom left / 100% var(--thick) no-repeat,
		/* 左边 */
		repeating-linear-gradient(0deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top left / var(--thick) 100% no-repeat,
		/* 右边 */
		repeating-linear-gradient(0deg, var(--color) 0 var(--dash), transparent 0 calc(var(--dash) + var(--gap))) top right / var(--thick) 100% no-repeat;
}

.time-button-black-spe {
	transition: all 1s;
	position: absolute;
	width: 360rpx;
	height: 100rpx;
	/* padding-left: 3rpx; */
	padding: 0 20rpx;
	border-radius: 20rpx;
	border-top-right-radius: 0;
	border: 2rpx solid #e8e9eb;
	color: #545569;
	/* background-color: rgb(77, 77, 77); */
	bottom: -100rpx;
	left: -220rpx;
	/* color: #fff; */
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	/* box-shadow: 0 2px 6px rgba(0, 131, 250, 0.2); */

}

.time-button-black {
	transition: all 1s;
	position: absolute;

	width: 360rpx;
	height: 100rpx;
	padding: 0 20rpx;
	border-radius: 20rpx;
	border-bottom-right-radius: 0;
	background-color: #fff;
	top: -100rpx;
	left: -220rpx;
	border: 2rpx solid #e8e9eb;
	color: #545569;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	box-shadow: 0 2px 6px rgba(0, 131, 250, 0.2);

}

.time-button-orange-spe {
	transition: all 1s;
	position: absolute;
	width: 280rpx;
	height: 100rpx;
	/* padding-left: 10rpx; */
	padding: 0 20rpx;
	border-radius: 20rpx;
	border-top-right-radius: 0rpx;
	border: 2rpx solid #e8e9eb;
	/* background-color: #55555555; */
	background-color: #fff;
	color: #545569;
	bottom: -100rpx;
	left: -130rpx;
	/* color: #fff; */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	/* box-shadow: 0 2px 6px #6981b2 ; */


}

.time-button-orange {
	transition: all 1s;
	position: absolute;

	width: 280rpx;
	height: 100rpx;
	border-radius: 20rpx;
	padding: 0 20rpx;
	border: 2rpx solid #e8e9eb;
	border-bottom-right-radius: 0rpx;
	background-color: #fff;
	top: -90rpx;
	left: -130rpx;
	color: #545569;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;

}

.title-time {
	display: flex;
	width: 100%;
	position: relative;

	.title-time-time {
		font-size: 32rpx;
		margin: 0 auto;
		font-weight: 600;
		/* margin-left: 10rpx; */
		/* margin-top: 12rpx; */
	}

	.title-time-button {
		position: absolute;
		top: -6rpx;
		right: -4rpx;
		width: 55rpx;
		height: 40rpx;
	}

	.title-time-zhejiao {
		position: absolute;
		top: 0rpx;
		left: 5rpx;
		width: 40rpx;
		height: 40rpx;
	}

	.title-time-font {
		position: absolute;
		top: 0rpx;
		right: 5rpx;
		font-size: 14rpx;
		color: #fff;
	}
}

.popup-say {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(1rpx);
	background-color: rgba(236, 237, 241, 0.4);
	/* 添加毛玻璃效果 */
	z-index: 999;

	.popup-say-content {
		position: absolute;
		right: 105rpx;
		bottom: 170rpx;
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		width: 450rpx;
		height: 700rpx;
		background-color: #fff;
		/* 	background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
		background-blend-mode: screen;*/
		border: 2rpx solid #fff;
		/* 使用 screen 混合模式，让图像与白色混合变淡 */
		border-radius: 30rpx;
		box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
		transition: opacity 0.4s ease;

		.tags-father {
			display: flex;
			flex-direction: column;
			justify-content: center;
			margin-left: 23rpx;
			margin-top: 15rpx;
			align-items: center;
			width: 120rpx;

			.tags-img {
				width: 50rpx;
				height: 50rpx;
				margin-bottom: 10rpx;
			}

			.tags-font {
				font-size: 20rpx;
			}
		}

		.popup-say-content-flex {
			display: flex;
			margin-top: 7rpx;
			margin-bottom: 10rpx;

			.popup-say-content-gun {
				margin-left: 40rpx;
				margin-right: 20rpx;
				width: 13rpx;
				height: 35rpx;
				background: linear-gradient(to bottom, #04BCED, #0160CE);
				border-radius: 10rpx;
			}

			.popup-say-content-font {
				font-size: 30rpx;
				font-weight: 700;
			}
		}


		.popup-say-three {
			position: absolute;
			left: 173rpx;
			bottom: -39rpx;
			/* 元素本身不占任何宽高 */
			width: 0;
			height: 0;

			/* 左右边框透明，宽度各 50px */
			border-left: 30rpx solid transparent;
			border-right: 30rpx solid transparent;

			/* 上边框实色（高度 100px），形成向下的“倒三角” */
			border-top: 40rpx solid #fff;
		}
	}
}

.popup-delete {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(1rpx);
	background-color: rgba(89, 109, 154, 0.4);
	/* 添加毛玻璃效果 */
	z-index: 999;

	.popup-delete-content {
		position: absolute;
		right: 750rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 800rpx;
		height: 500rpx;
		background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.5);
		background-blend-mode: screen;
		border: 2rpx solid #fff;
		/* 使用 screen 混合模式，让图像与白色混合变淡 */
		border-radius: 30rpx;
		box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
		transition: opacity 0.4s ease;

		.popup-delete-img {
			width: 250rpx;
			height: 230rpx;
			margin-top: 40rpx;
			margin-bottom: 20rpx;
		}

		.popup-delete-text {
			font-size: 30rpx;
			color: #42474E;
		}

		.popup-delete-button {
			display: flex;
			justify-content: space-around;
			height: 90rpx;
			margin-top: 30rpx;

			.popup-delete-button-left {
				background-color: rgb(2, 171, 254);
				width: 200rpx;
				height: 80rpx;
				border-radius: 40rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #fff;
				margin: 0 10rpx;
			}

			.popup-delete-button-right {
				background-color: #ced9e8;
				width: 200rpx;
				height: 80rpx;
				border-radius: 40rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 0 10rpx;
			}
		}
	}
}

.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/* 添加毛玻璃效果 */
	z-index: 98;

	.popup-overlay-content {
		position: absolute;
		display: flex;
		// justify-content: center;
		align-items: center;
		width: 800rpx;
		height: 390rpx;
		background-color: #fff;
		border-radius: 30rpx;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
		opacity: 0;
		transition: opacity 0.4s ease;

		.popup-overlay-content-left {
			// background-color: red;
			height: 100%;
			width: 350rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;

			.popup-overlay-content-left-img {
				width: 280rpx;
				height: 240rpx;
				margin-top: 0rpx;
			}

			.popup-overlay-content-left-font {
				// margin-top: 20rpx;
				font-size: 30rpx;
			}
		}

		.popup-overlay-content-right {
			height: 100%;
			width: 450rpx;
			position: relative;

			.time-font {
				font-size: 60rpx;
				margin-top: 80rpx;
				margin-bottom: 10rpx;
				font-weight: 700;
				background: linear-gradient(to bottom, #7080A1, #263556);
				-webkit-background-clip: text;
				color: transparent;
			}

			.time-text {
				margin-left: 10rpx;
				font-size: 32rpx;
				// font-weight: 700;
				width: 400rpx;
				margin-bottom: 50rpx;
				line-height: 35rpx;

			}

			.right-richang {
				background-color: #FFC363;
				position: absolute;
				top: 108rpx;
				right: 50rpx;
				padding: 5rpx;
				border-radius: 10rpx;
			}

			.right-richangnot {
				background-color: #7B61FF;
				position: absolute;
				top: 108rpx;
				right: 50rpx;
				padding: 5rpx;
				border-radius: 10rpx;
				color: #fff;
			}

			.right-crush {
				position: absolute;
				top: 20rpx;
				right: 20rpx;
				width: 70rpx;
				height: 70rpx;
				animation: shake 0.5s 3;
			}
		}
	}
}

.popup-song {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(1rpx);
	background-color: rgba(89, 109, 154, 0.4);
	/* 添加毛玻璃效果 */
	z-index: 999;

	.popup-song-contain {
		position: absolute;
		right: 450rpx;
		width: 1296rpx;
		background: url("/static/index/clearmountain.png") center/cover, rgba(255, 255, 255, 0.7);
		/* 使用 screen 混合模式，让图像与白色混合变淡 */
		background-blend-mode: screen;
		border: 2rpx solid #fff;
		/* 使用 screen 混合模式，让图像与白色混合变淡 */
		background-blend-mode: screen;
		border-radius: 40rpx;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
		opacity: 0;
		transition: opacity 0.4s ease;

		.shu-container-left {
			display: flex;
			margin-top: 70rpx;
			margin-bottom: 20rpx;

			.shu-container-left-gun {
				margin-top: 5rpx;
				margin-left: 40rpx;
				margin-right: 20rpx;
				width: 13rpx;
				height: 35rpx;
				background: linear-gradient(to bottom, #04BCED, #0160CE);
				border-radius: 10rpx;
			}

			.shu-container-left-font {
				font-size: 35rpx;
				font-weight: 700;
			}
		}
	}
}

.popup-song-father {
	position: relative;

	.shu-up-img {
		position: absolute;
		top: -70rpx;
		left: 305rpx;
		width: 700rpx;
		height: 80rpx;
	}

	.shu-up-font {
		position: absolute;
		top: -50rpx;
		left: 390rpx;
		display: flex;
		color: rgb(255, 90, 0);
	}

	.arrayindex {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		// height: 200rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		margin-bottom: 60rpx;

		.arrayindex-one {
			width: 285rpx;
			height: 100rpx;
			margin-left: 20rpx;
			margin-top: 20rpx;
			background-color: rgb(241, 245, 252);
			border-radius: 20rpx;
			border: 1rpx solid rgb(109, 131, 179);
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 29rpx;
		}

		.arrayindex-one-target {
			width: 285rpx;
			height: 100rpx;
			margin-left: 20rpx;
			margin-top: 20rpx;
			background: linear-gradient(to right, #00c9ff, #0076ff);
			color: #fff;
			border-radius: 20rpx;
			border: 1rpx solid rgb(2, 171, 254);
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 29rpx;
		}
	}

	.secondarrayindex {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		// height: 200rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		margin-bottom: 60rpx;

		.arrayindex-one {
			width: 380rpx;
			height: 100rpx;
			margin-left: 20rpx;
			margin-top: 20rpx;
			background-color: rgb(241, 245, 252);
			border-radius: 20rpx;
			border: 1rpx solid rgb(109, 131, 179);
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 29rpx;
		}

		.arrayindex-one-target {
			width: 380rpx;
			height: 100rpx;
			margin-left: 20rpx;
			margin-top: 20rpx;
			background: linear-gradient(to right, #00c9ff, #0076ff);
			color: #fff;
			border-radius: 20rpx;
			border: 1rpx solid rgb(2, 171, 254);
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 29rpx;
		}
	}
}

.ri-img {
	position: absolute;
	top: -4rpx;
	right: -4rpx;
	width: 60rpx;
	height: 60rpx;
}

.time-father {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-left: 30rpx;
	margin-right: 30rpx;

	.time-one {
		width: 100rpx;
		height: 100rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		background-color: rgb(241, 245, 252);
		border-radius: 20rpx;
		border: 1rpx solid rgb(109, 131, 179);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 29rpx;
		box-shadow: 5rpx 5rpx 10rpx rgba(105, 129, 178, 0.4)
	}

	.time-one-target {
		width: 100rpx;
		height: 100rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		background: linear-gradient(to right, #00c9ff, #0076ff);
		color: #fff;
		border-radius: 20rpx;
		border: 1rpx solid #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 29rpx;
		box-shadow: 5rpx 5rpx 10rpx rgba(105, 129, 178, 0.4)
	}

	.time-one-hui {
		width: 100rpx;
		height: 100rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		background-color: #c2c9d3;
		// color: #fff;
		border-radius: 20rpx;
		border: 1rpx solid #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 29rpx;
		box-shadow: 5rpx 5rpx 10rpx rgba(105, 129, 178, 0.4)
	}
}

.items-card {
	width: 100%;
	height: 80rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.items-card-target {
	width: 100%;
	height: 80rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgb(54, 159, 239);
	background: linear-gradient(to right,
			rgba(54, 159, 239, 0) 0%,
			rgba(54, 159, 239, 0.5) 50%,
			rgba(54, 159, 239, 0) 100%);
}

.button-father {
	height: 200rpx;
	width: calc(100%-80rpx);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 40rpx;
	margin-right: 40rpx;
	margin-top: 20rpx;
	border-top: 1rpx solid rgb(230, 230, 230);

	.button-father-right {
		background: linear-gradient(to right, #00c9ff, #0076ff);
		width: 200rpx;
		height: 80rpx;
		border-radius: 40rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;

	}

	.button-father-wrong {
		background-color: #c2c9d3;
		width: 200rpx;
		height: 80rpx;
		border-radius: 40rpx;
		display: flex;
		justify-content: center;
		align-items: center;

	}
}

.month-father {
	display: flex;
	width: calc(100% - 60rpx);
	flex-wrap: wrap;
	margin-left: 30rpx;
	margin-right: 30rpx;
	margin-top: 20rpx;
	margin-bottom: 30rpx;

	.month-one {
		width: 75rpx;
		height: 75rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		background-color: rgb(241, 245, 252);
		border-radius: 20rpx;
		border: 1rpx solid rgb(109, 131, 179);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 29rpx;
	}

	.month-one-target {
		width: 75rpx;
		height: 75rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		background: linear-gradient(to right, #00c9ff, #0076ff);
		color: #fff;
		border-radius: 20rpx;
		border: 1rpx solid #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 29rpx;
	}
}

.week-father {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-left: 30rpx;
	margin-right: 30rpx;
	margin-top: 20rpx;
	margin-bottom: 30rpx;

	.week-one {
		width: 200rpx;
		height: 100rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		background-color: rgb(241, 245, 252);
		border-radius: 20rpx;
		border: 1rpx solid rgb(109, 131, 179);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 29rpx;
	}

	.week-one-target {
		width: 200rpx;
		height: 100rpx;
		margin-left: 20rpx;
		margin-top: 20rpx;
		background: linear-gradient(to right, #00c9ff, #0076ff);
		color: #fff;
		border-radius: 20rpx;
		border: 1rpx solid #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 29rpx;
	}
}

.radio-father {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-left: 75rpx;
	margin-right: 30rpx;
	/* margin-bottom: 30rpx; */

	.radio-circle {
		margin-top: 2rpx;
		width: 30rpx;
		height: 30rpx;
		border-radius: 50%;
		border: 2rpx solid black;
		background-color: transparent;
	}

	.radio-circle-target {
		position: relative;
		margin-top: 2rpx;
		width: 30rpx;
		height: 30rpx;
		border-radius: 50%;
		border: 2rpx solid rgb(2, 171, 254);
		background-color: transparent;
	}

	.radio-circle-target::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 20rpx;
		height: 20rpx;
		background-color: rgb(2, 171, 254);
		border-radius: 50%;
	}

	.radio-font {
		margin-left: 15rpx;
		margin-right: 60rpx;
		font-size: 29rpx;
	}

	.radio-font-target {
		color: rgb(2, 171, 254);
		;
		margin-left: 15rpx;
		margin-right: 60rpx;
		font-size: 29rpx;
	}
}

.title-time-border {
	margin-top: 4rpx;
	margin-left: 4rpx;
	// border: 1rpx solid black;
	width: calc(100% - 8rpx);
	height: calc(100% - 8rpx);
	border-radius: 20rpx;
	display: flex;
	// justify-content: center;
	align-items: center;
	flex-direction: column;
}

.title-time-border-red {
	background-color: #dae8fa;
	width: calc(100%);
	height: calc(100%);
	display: flex;
	align-items: center;
	flex-direction: column;
	/* 调整 box-shadow 使其向下投影 */
	box-shadow: 0px 20rpx 40rpx #dae8fa;

	background:
		linear-gradient(to right, red, red) top left / 60rpx 8rpx no-repeat,
		/* 左上角垂直 */
		linear-gradient(to bottom, red, red) top left / 8rpx 60rpx no-repeat,
		/* 右上角水平 */
		linear-gradient(to left, red, red) top right / 60rpx 8rpx no-repeat,
		/* 右上角垂直 */
		linear-gradient(to bottom, red, red) top right / 8rpx 60rpx no-repeat,
		/* 左下角水平 */
		linear-gradient(to right, red, red) bottom left / 60rpx 8rpx no-repeat,
		/* 左下角垂直 */
		linear-gradient(to top, red, red) bottom left / 8rpx 60rpx no-repeat,
		/* 右下角水平 */
		linear-gradient(to left, red, red) bottom right / 60rpx 8rpx no-repeat,
		/* 右下角垂直 */
		linear-gradient(to top, red, red) bottom right / 8rpx 60rpx no-repeat;
}

.title-time-border-big {
	transform: scale(1.3);
	transform-origin: top;
	/* 将页面内容放大1.2倍 */
	border-top: 0rpx solid #fff;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 250rpx;
	width: calc(100%);
	border-image: repeating-linear-gradient(90deg, #0184db 0px, #0184db 6rpx, transparent 6rpx, transparent 12rpx) 1;
	flex-direction: column;
	position: relative;
}

.title-time-border-big-top {
	transform: scale(1.3);
	transform-origin: top;
	/* 将页面内容放大1.2倍 */
	border-top: 0rpx solid #fff;
	transition: transform 0.5s ease-out, opacity 0.5s ease-out;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 250rpx;
	width: calc(100%);
	border-image: repeating-linear-gradient(90deg, #0184db 0px, #0184db 6rpx, transparent 6rpx, transparent 12rpx) 1;
	flex-direction: column;
	position: relative;
}

.title-time-border-blue {
	background-color: #dae8fa;
	width: calc(100%);
	height: calc(100%);
	display: flex;
	align-items: center;
	flex-direction: column;
	/* 调整 box-shadow 使其向下投影 */
	box-shadow: 0px 20rpx 40rpx #dae8fa;
	background:
		/* 左上角水平 */
		linear-gradient(to right, #0184db, #0184db) top left / 60rpx 8rpx no-repeat,
		/* 左上角垂直 */
		linear-gradient(to bottom, #0184db, #0184db) top left / 8rpx 60rpx no-repeat,
		/* 右上角水平 */
		linear-gradient(to left, #0184db, #0184db) top right / 60rpx 8rpx no-repeat,
		/* 右上角垂直 */
		linear-gradient(to bottom, #0184db, #0184db) top right / 8rpx 60rpx no-repeat,
		/* 左下角水平 */
		linear-gradient(to right, #0184db, #0184db) bottom left / 60rpx 8rpx no-repeat,
		/* 左下角垂直 */
		linear-gradient(to top, #0184db, #0184db) bottom left / 8rpx 60rpx no-repeat,
		/* 右下角水平 */
		linear-gradient(to left, #0184db, #0184db) bottom right / 60rpx 8rpx no-repeat,
		/* 右下角垂直 */
		linear-gradient(to top, #0184db, #0184db) bottom right / 8rpx 60rpx no-repeat;
}


.title-time-border-yellow {
	margin: 10rpx;
	border: 2rpx solid transparent;
	/* background: linear-gradient(to bottom, #fff1db, #ffe2b2); */
	width: calc(100% - 40rpx);
	height: calc(100% - 40rpx);
	border-radius: 20rpx;
	display: flex;
	align-items: center;
	background-color: #fff;
	flex-direction: column;
	/* box-shadow: 8rpx 8rpx 16rpx rgba(255, 138, 0, 0.7); */
}

.title-time-border-yellow-active-transparent {
	margin: 10rpx;
	/* border: 4rpx dashed rgb(255, 138, 0); */
	/* background: linear-gradient(to bottom, #fff1db, #ffe2b2); */
	width: calc(100% - 40rpx);
	height: calc(100% - 40rpx);
	border-radius: 20rpx;
	display: flex;
	align-items: center;
	flex-direction: column;
	opacity: 0.3;
	background-color: #fff;
	/* box-shadow: 8rpx 8rpx 16rpx rgba(255, 138, 0, 0.7); */
}

.title-time-border-yellow-active {
	margin: 10rpx;
	border: 1rpx solid #dae8fa;
	/* background: linear-gradient(to bottom, #fff1db, #ffe2b2); */
	width: calc(100% - 40rpx);
	height: calc(100% - 40rpx);
	border-radius: 20rpx;
	display: flex;
	align-items: center;
	flex-direction: column;
	animation: shakesmall 0.8s infinite;
	background-color: #fff;
	/* box-shadow: 8rpx 8rpx 16rpx rgba(255, 138, 0, 0.7); */
}

.title-time-border-pouple-active-transparent {
	margin: 10rpx;
	border: 4rpx dashed #7B61FF;
	/* background: linear-gradient(to bottom, #f1eeff, #e3deff); */
	width: calc(100% - 40rpx);
	height: calc(100% - 40rpx);
	border-radius: 20rpx;
	display: flex;
	align-items: center;
	flex-direction: column;
	opacity: 0.3;
	background-color: #fff;
	/* box-shadow: 8rpx 8rpx 16rpx rgba(123, 97, 255, 0.7); */
}

.title-time-border-pouple {
	margin: 10rpx;
	border: 1rpx solid #dae8fa;
	/* background: linear-gradient(to bottom, #f1eeff, #e3deff); */
	width: calc(100% - 40rpx);
	height: calc(100% - 40rpx);
	border-radius: 20rpx;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: #fff;
	/* box-shadow: 8rpx 8rpx 16rpx rgba(123, 97, 255, 0.7); */
}

.title-time-border-pouple-active {
	margin: 10rpx;
	border: 1rpx solid #dae8fa;
	background-color: #fff;
	/* background: linear-gradient(to bottom, #f1eeff, #e3deff); */
	width: calc(100% - 40rpx);
	height: calc(100% - 40rpx);
	border-radius: 20rpx;
	display: flex;
	align-items: center;
	flex-direction: column;
	animation: shakesmall 1s infinite;
	/* box-shadow: 8rpx 8rpx 16rpx rgba(123, 97, 255, 0.7); */
}

.down-icons {
	margin-top: 17rpx;
	width: 100%;
	height: 60rpx;
	background-color: rgb(255, 216, 126);
	display: flex;
	justify-content: center;
	align-items: center;

	.icon {
		margin: 0 5rpx;
		font-size: 20rpx;
		padding: 5rpx 10rpx;
		background-color: rgb(255, 138, 0);
		color: #fff;
		border-radius: 5rpx;
	}
}

.super-end-items-img-father {
	/* width: 60rpx; */
	/* height: 60rpx; */
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
}

.super-end-items-img-father-active {
	text-align: center;
	/* height: 60rpx; */
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	animation: shake 0.5s infinite;
}

@keyframes shake {
	0% {
		transform: rotate(-10deg);
	}

	25% {
		transform: rotate(10deg);
	}

	50% {
		transform: rotate(-10deg);
	}

	75% {
		transform: rotate(10deg);
	}

	100% {
		transform: rotate(-10deg);
	}
}

.super-end-items-father-close-father {
	width: 40rpx;
	height: 40rpx;
	border-radius: 50%;
	display: flex;
	background-color: #0184db;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0rpx;
	right: 0rpx;
	z-index: 10;
	color: #fff;
}

@keyframes shakesmall {
	0% {
		transform: rotate(-2deg);
	}

	25% {
		transform: rotate(2deg);
	}

	50% {
		transform: rotate(-2deg);
	}

	75% {
		transform: rotate(2deg);
	}

	100% {
		transform: rotate(-2deg);
	}
}



.boom-father {
	position: absolute;
	top: 220rpx;
	left: 31rpx;
	width: 60rpx;
	height: 1210rpx;
	margin-top: 10rpx;
	/* background: linear-gradient(to bottom, #c4dbf4, #c9c2ef, #c6dcf3); */
	/* border-bottom: 2rpx solid #fff; */
	/* border-left: 2rpx solid #fff; */
	/* border-bottom-left-radius: 20rpx; */
}

.doctorsay-container-card-font-dark {
	font-size: 25rpx;
	color: rgb(54, 159, 239);
	/* margin-left: 25rpx; */
	margin-top: 20rpx;
}

.boom {
	height: 1270rpx;
	display: flex;
	flex-direction: column;
	/* // justify-content: center; */
	/* align-items: center; */
	overflow: hidden;
	z-index: 0;


	.boom-son {
		height: 250rpx;
		width: 60rpx;
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		z-index: 10;
		font-size: 25rpx;
		color: #A9ACB1;

		.boom-text {
			/* padding: 5rpx; */
			width: 40rpx;
			height: 40rpx;
			border: 1rpx solid #A9ACB1;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 1;
			background-color: #eff0f4;
		}

		/* border: 1rpx solid #A9ACB1;
		border-radius: 50%; */
		/* font-weight: 700; */
		/* border-top: 1rpx solid transparent; */
		/* border-right: 1rpx solid transparent; */
		/* border-image: repeating-linear-gradient(90deg, #A9ACB1 0px, #A9ACB1 6rpx, transparent 6rpx, transparent 12rpx) 1; */
	}

	.boom-son-target {
		height: 250rpx;
		width: 60rpx;
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		z-index: 10;
		font-weight: 700;
		font-size: 25rpx;
		color: #A9ACB1;

		/* border-top: 1rpx solid transparent;
		border-bottom: 1rpx solid transparent; */
		/* border-image: repeating-linear-gradient(90deg, #0184db 0px, #0184db 6rpx, transparent 6rpx, transparent 12rpx) 1; */
		/* 确保文字在容器内居中 */
		background: linear-gradient(to bottom, #ff8a00, #eceaff);
		/* border-bottom-right-radius: 40rpx;
			border-top-right-radius: 40rpx; */
	}
}

.popup-share {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(1rpx);
	background-color: rgba(89, 109, 154, 0.4);
	/* 添加毛玻璃效果 */
	z-index: 999;

	.popup-share-content {
		position: absolute;
		/* right: 515rpx; */
		display: flex;
		flex-direction: column;
		width: 800rpx;
		height: 380rpx;
		background: url("/static/index/lightbgcnew.png") center/cover, rgba(255, 255, 255, 0.7);
		background-blend-mode: screen;
		border: 2rpx solid #fff;
		/* 使用 screen 混合模式，让图像与白色混合变淡 */
		border-radius: 30rpx;
		box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, 0.1);
		transition: opacity 0.4s ease;

		.popup-share-title {
			margin: 30rpx 30rpx;
			font-size: 40rpx;
			position: relative;

			.popup-share-img {
				position: absolute;
				top: 0;
				right: 0;
				width: 200rpx;
				height: 200rpx;
			}
		}

		.popup-share-upcontent {
			margin: 0 30rpx;
			display: flex;
			justify-content: space-between;

			.popup-share-font {
				font-size: 35rpx;
				color: gray;
			}

		}

		.popup-share-gray {
			background-color: #D3D3D3;
			width: calc(100% - 60rpx);
			height: 2rpx;
			margin: 110rpx 30rpx 0 30rpx;
		}

		.popup-share-downcontent {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 100%;
			margin: 0 30rpx;

			.popup-downcontent-img {
				width: 70rpx;
				height: 70rpx;
			}

			.popup-downcontent-font {
				font-size: 27rpx;
				margin-left: 20rpx;
			}

			.popup-share-downcontent-left {
				display: flex;
				align-items: center;
			}

			.popup-share-downcontent-button {
				background: linear-gradient(to right bottom, #00c9ff, #0076ff);
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 15rpx 30rpx;
				border-radius: 20rpx;
				font-size: 32rpx;
			}
		}

	}

}