.app{
			height: 100vh;
			padding:0;
			background-image: linear-gradient(to bottom, #F4F5F7, #ffffff);
		}
		.mask {
			.information {
				width: 70%;
				height: 400rpx;
				margin: 50% auto;
				background: #FFFFFF;
				border-radius: 30rpx;
				text-align: center;
				color: #FFFFFF;
				position: relative;
		
				.determine,
				.cancel {
					width: 200rpx;
					height: 70rpx;
					border-radius: 26rpx;
					font-size: 34rpx;
					line-height: 70rpx;
					position: absolute;
					top: 74%;
				}
		
				.determine {
					background: #4C7BC9;
					right: 36rpx;
				}
		
				.cancel {
					background: #C5BFBF;
					left: 36rpx;
				}
		
				.title {
					font-size: 42rpx;
					margin-top: 40rpx;
					color: #000000;
				}
		
				image {
					width: 100rpx;
					height: 100rpx;
					margin: 10% 0 0 0;
				}
			}
		}

.content {
		font-size: 36rpx;
		padding-bottom: 10rpx;
		.tive {
			width: 94%;
			background-color: #ffffff;
			margin: 0 auto;
			margin-top: 20rpx;
			border-radius: 11px;
			// padding-bottom: 60rpx;
			.item {
				width: 100%;
				height: 100%;
				position: relative;
				padding: 30rpx 30rpx;
				image {
					width: 170rpx;
					height: 170rpx;
					margin-left: 3%;
				}
				.servicetime {
					color: #999999;
					line-height: 37rpx;
					font-size: 30rpx;
					position: absolute;
					top:35%;
					left:35%;
				}
				.appointment {
					width: 120rpx;
					height: 70rpx;
					background: #4C7BC9;
					border-radius: 26rpx;
					color: #ffffff;
					text-align: center;
					line-height: 70rpx;
					position: absolute;
					top:40%;
					right:5%;
				}
				.buy{
					position: absolute;
					top: 55%;
				}
				.price {
					color: red;
					font-size: 32rpx;
					position: absolute;
					top:65%;
					left:35%;
				}
				.product {
					color: #000000;
					width: 60%;
					position: absolute;
					top:14%;
					left:32%;
					font-size: 28rpx;
				}
				.huanyao {
					color: #000000;
					position: absolute;
					top:10%;
					left:35%;
				}
				.pingfen {
					float: right;
				}
			}
			.tab-box {
				display: flex;
				.tab-item {
					flex-shrink: 0;
					padding: 3%;
					position: relative;
					transition: all 0.2s linear;
					font-size: 31rpx;
					&::after {
						transition: all 0.2s linear;
						transform: translateX(-50%) scaleX(0);
						content: '';
						width: 50%;
						position: absolute;
						left: 50%;
						bottom: 10rpx;
						border-bottom: 6rpx solid #D43953;
						border-radius: 4rpx;
					}
					&.active {
						&::after {
							content: '';
							width: 50%;
							position: absolute;
							left: 50%;
							transform: translateX(-50%) scaleX(1);
							bottom: 10rpx;
							border-bottom: 6rpx solid red;
						}
					}
				}
			}
		}
		.Nursestationconfiguration {
			width: 94%;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding-bottom: 30rpx;
			margin: 20rpx auto;
			.configuration {
				font-size: 31rpx;
				color: #333333;
				padding: 3%;
				.text {
					margin-top: 32rpx;
					display: inline;
					padding: 10rpx 20rpx;
					margin-right: 28rpx;
					line-height: 50rpx;
					background-color: #f6f6f6;
					border-radius: 34rpx;
					font-size: 24rpx;
					color: #666666;
				}
			}
		}
		.detail {
			position: relative;
			width: 94%;
			margin: 0 auto;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-top: 3%;
			font-size: 31rpx;
			padding: 3%;
			padding-bottom: 50rpx;
			.textInfo {
				font-size: 29rpx;
				text-indent: 2rem;
				line-height: 42rpx;
				color: #666666;
				padding-top: 30rpx;
			}
			.Introduction {
				font-size: 31rpx;
				color: #333333;
				line-height: 12rpx;
				margin-left: -3%;
				padding: 3%;
			}
		}
		.righttext {
			position: relative;
			width: 94%;
			height: 252rpx;
			background-color: #ffffff;
			border-radius: 20rpx;
			margin: 10px auto;
			.picture {
				position: absolute;
				width: 170rpx;
				height: 170rpx;
				margin-left: 5%;
				margin-top: 5%;
			}
			.title {
				margin-left: 35%;
				line-height: 49px;
				font-size: 33rpx;
			}
			.call {
				// display: flex;
				.Navigation {
					width: 103rpx;
					height: 48rpx;
					background: #00C176;
					border-radius: 24px;
					font-size: 21rpx;
					color: #ffffff;
					line-height: 48rpx;
					margin-left: 5%;
					text-align: center;
					margin-top: 3%;

					image {
						width: 24rpx;
						height: 24rpx;
					}
				}
				.callme {
					width: 150rpx;
					height: 48rpx;
					background: #D43953;
					border-radius: 24px;
					font-size: 21rpx;
					color: #ffffff;
					line-height: 48rpx;
					margin-left: 35%;
					margin-top: 3%;
					text-align: center;
					position: relative;
					.icon{
						position: absolute;
						left:10%;
						top:50%;
						transform: translateY(-50%);
					}
					.text{
						position: absolute;
						top:50%;
						right:10%;
						transform: translateY(-50%);
					}
				}
			}
			.address {
				font-size: 25rpx;
				margin-left: 35%;
				color: #999999;
				line-height: 37rpx;
			}
		}
	}