xinelu-applet-ui/pagesC/ServiceAppointment/ServiceAppointment.scss

.app {
		height: 100vh;
		background-color: #F7F5F5;
		padding: 30rpx 0 0 0;
		overflow: scroll;

		::v-deep .u-navbar-placeholder {
			background-color: #F7F5F5;
			z-index: 999;
		}

		.u-navbar {
			display: block;
			image {
				margin: 0 4% 0 4%;
				width: 20rpx;
				height: 30rpx;
			}

			.title {
				width: 31%;
				font-size: 34rpx;
				font-weight: 500;
				color: #FFFFFF;
			}

			.inputs {
				position: relative;
				// margin-left: 4%;
				box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
				width: 60%;
				height: 65rpx;
				border-radius: 31rpx;
				z-index: 999;
				background: #65c0a9;
				color: #FFFFFF;

				.placeholder {
					color: #FFFFFF;
				}

				.input {
					margin: 0 auto;
					position: absolute;
					height: 65rpx;
					// top: 8%;
					left: 18%;
					width: 80%;
					font-size: 26rpx;
					color: #FFFFFF;
				}

				.icon {
					background: url(@/static/pagesB/sousuo.png) no-repeat;
					width: 30rpx;
					height: 28rpx;
					background-size: cover;
					position: absolute;
					top: 28%;
					left: 4%;
				}
			}
		}

		.content {
			position: relative;
			width: 95%;
			height: 183rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 5rpx;
			margin: 15rpx auto;

			.servename {
				padding: 0 50rpx 0 50rpx;
				font-size: 28rpx;
				overflow: hidden;
				white-space: nowrap;
				   text-overflow: ellipsis;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #868585;
				line-height: 38rpx;width: 500rpx;
			}

			.appoint {
				position: absolute;
				right: 5%;
				top: 58%;
				transform: translateY(-50%);
				width: 169rpx;
				height: 61rpx;
				background: #26A888;
				border-radius: 5rpx;
				line-height: 61rpx;
				text-align: center;
				color: #fff;
			}

			.big {
				padding: 35rpx 84rpx 24rpx 46rpx;
				// width: 0%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-size: 28rpx;
				font-family: Source Han Sans CN;
				font-weight: 500;
				color: #000000;
				line-height: 38rpx;
				width: 700rpx;
				span{
					display: inline;
					position: absolute;
					right: 40rpx;
				}
			}
		}
	}