NurseStationApp/pages/nursestation/nursestation.scss

.app {

		font-size: 36rpx;
		padding-top: 10rpx;
		.tive {
			width: 94%;
			background-color: #ffffff;
			margin: 0 auto;
			margin-top: 3%;
			border-radius: 11px;
			.item {
				width: 99%;
				height: 184rpx;
				image {
					width: 170rpx;
					height: 170rpx;
					margin-left: 3%;
				}
				.servicetime {
					color: #999999;
					line-height: 37rpx;
					margin-left: 35%;
				}
				.appointment {
					width: 125rpx;
					height: 71rpx;
					background: #4C7BC9;
					border-radius: 26rpx;
					float: right;
					margin-top: -5%;
					color: #ffffff;
					text-align: center;
					line-height: 71rpx;
				}
				.price {
					color: red;
					font-size: 32rpx;
					margin-top: 3%;
					margin-left: 35%;
				}
				.product {
					margin-top: -26%;
					margin-left: 28%;
				}
				.huanyao {
					margin-left: 35%;
					margin-top: -24%;
					color: #000000;
					.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: 20rpx;
						border-bottom: 6rpx solid #D43953;
						border-radius: 4rpx;
					}
					&.active {
						&::after {
							content: '';
							width: 50%;
							position: absolute;
							left: 50%;
							transform: translateX(-50%) scaleX(1);
							bottom: 20rpx;
							border-bottom: 6rpx solid red;
						}
					}
				}
			}
		}
		.Nursestationconfiguration {
			width: 94%;
			height: 184rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin: 0 auto;
			.configuration {
				font-size: 31rpx;
				color: #333333;
				line-height: 12rpx;
				padding: 6%;
				margin-left: -3%;
				margin-top: 3%;
				.config {
					display: flex;
					.measure {
						background: #F6F6F6;
						border-radius: 33rpx;
						text-align: center;
						line-height: 50rpx;
						// display: inline-block;
						margin-left: 10%;
					}
				}
			}
		}
		.detail {
			position: relative;
			width: 94%;
			height: 443rpx;
			margin: 0 auto;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-top: 3%;
			font-size: 31rpx;
			padding: 3%;
			.textInfo {
				font-size: 29rpx;
				text-indent: 2rem;
				line-height: 42rpx;
				color: #666666;
			}
			.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: 149rpx;
					height: 48rpx;
					background: #D43953;
					border-radius: 24px;
					font-size: 21rpx;
					color: #ffffff;
					line-height: 48rpx;
					margin-left: 35%;
					margin-top: 3%;
					text-align: center;
				}
			}
			.address {
				font-size: 25rpx;
				margin-left: 35%;
				color: #999999;
				line-height: 37rpx;
			}
		}
	}