NurseStationApp/pages/nursestation/nursestation.scss

	.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;
		.tive {
			width: 94%;
			background-color: #ffffff;
			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;
				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%;
					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;
						}
					}
				}
			}
		}
		.Nursestationconfiguration {
			width: 94%;
			height: 100%;
			background: #FFFFFF;
			border-radius: 20rpx;
			padding-bottom: 30rpx;
			margin: 20rpx auto;
			.configuration {
				font-size: 31rpx;
				color: #333333;
				padding: 3%;
				.text {
					margin-top: 10rpx;
					display: inline-block;
					padding: 10rpx 20rpx;
					margin-right: 18rpx;
					line-height: 40rpx;
					background-color: #f6f6f6;
					border-radius: 34rpx;
					font-size: 24rpx;
					color: #666666;
				}
			}
		}
		.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;
			}
			.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;
			.picture {
				position: absolute;
				width: 170rpx;
				height: 170rpx;
				margin-left: 5%;
				margin-top: 5%;
			}
			.title {
				margin-left: 35%;
				line-height: 49px;
				font-size: 33rpx;
				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: 25rpx;
				margin-left: 35%;
				color: #999999;
				line-height: 37rpx;
				word-break:break-all;
				// overflow: hidden;
				// text-overflow: ellipsis;
				// white-space: nowrap;
			}
		}
	}