.app{
		padding:10rpx 0 0 0;
	}
		.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;
		margin-top: -80rpx;
		z-index: 999;
		::v-deep .u-tabs{
			background-color: #F4F5F7 !important;
			padding-bottom: 10rpx;
		}
		.tive {
			width: 94%;
			margin: 20rpx auto;
			border-radius: 11rpx;
			padding-bottom: 60rpx;
			.noorder{
				margin-top: 90rpx;
				image{
					display: block;
					margin: 0 auto;
					width: 100rpx;
					height: 120rpx;
				}
				view{
					text-align: center;
					font-size: 36rpx;
					color: #BFBFBF;
				}
			}
			.item {
				width: 100%;
				height: 100%;
				position: relative;
				background-color: #fff;
				padding: 30rpx 0;
				margin:  10rpx auto;
				border-radius: 20rpx;
				color: #000000;
				image {
					width: 170rpx;
					height: 170rpx;
					margin-left: 3%;
				}
				// .servicetime {
				// 	color: #999999;
				// 	line-height: 37rpx;
				// 	font-size: 30rpx;
				// 	position: absolute;
				// 	top:35%;
				// 	left:35%;
				// }
				.appointment {
					font-size: 30rpx;
					width: 120rpx;
					height: 52rpx;
					border-radius: 26rpx;
					color: #ffffff;
					background: #F44B2F;
					text-align: center;
					line-height: 52rpx;
					position: absolute;
					top:55%;
					right:5%;
				}
				.buy{
					position: absolute;
					top: 55%;
				}
				.price {
					height: 52rpx;	
					color: #F44B2F;
					line-height: 52rpx;
					font-size: 36rpx;
					position: absolute;
					top:55%;
					left:35%;
				}
				.product {
					position: absolute;
					top:15%;
					left:35%;
					width: 60%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.huanyao {
					position: absolute;
					top:15%;
					left:35%;
					width: 60%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				.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;
						}
					}
				}
			}
		}
			.configuration {
				margin:0 30rpx;
				padding-bottom: 30rpx;
				border-bottom: 1rpx solid   #CDC9C9;
				.text {
					background: #F8D7D1;
					border-radius: 15rpx;
					display: inline-block;
					padding: 10rpx 20rpx;
					margin-right: 10rpx;
					font-size: 18rpx;
					color: #F44B2F;
				}
			}
		.detail {
			position: relative;
			width: 94%;
			height: 100%;
			margin: 0 auto;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-top: 3%;
			font-size: 31rpx;
			padding: 3%;
			padding-bottom: 50rpx;
			.textInfo {
				word-break:break-all;
				font-size: 29rpx;
				text-indent: 2rem;
				line-height: 42rpx;
				color: #666666;
				padding-top: 30rpx;
				/deep/ .richPic {
					width: 100% !important;
					height: 100% !important;
				}
			}
			.Introduction {
				font-size: 31rpx;
				color: #333333;
				line-height: 12rpx;
				margin-left: -3%;
				padding: 3%;
			}
		}
		.righttext {
			position: relative;
			width: 94%;
			background-color: #ffffff;
			border-radius: 20rpx;
			margin: 10px auto;
			padding-bottom: 20rpx;
			.time{
				font-size: 27rpx;
				margin: 10rpx  0;
				color: #666666;
				.timeday{
					display: inline-block;
				}
				.text{
									margin:0 10rpx 0 30rpx;
									display: inline-block;
				}
				.texttime{
					margin:0 20rpx 0 30rpx;
					view{
						display: inline-block;
						margin-right: 20rpx;
					}
				}
			}
			.title {
				padding-top: 40rpx;
				margin:0 0 0 30rpx;
				line-height: 59rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.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: 27rpx;
				color: #666666;
				margin:40rpx 0 10rpx 30rpx;
				word-break:break-all;
				line-height: 40rpx;
				// overflow: hidden;
				// text-overflow: ellipsis;
				// white-space: nowrap;
				position: relative;
				.distance{
					position: absolute;
					right:30rpx;
					top:50%;
					transform: translateY(-50%);
				}
				.text{
					padding-left: 40rpx;
				}
				image{
					position: absolute;
					top:50%;
					transform: translateY(-50%);
					width: 28rpx;
					height: 35rpx;
				}
			}
		}
	}