xinelu-applet-ui/pagesB/confirmation/confirmation.scss

	.app {
		padding: 0 0 124rpx;
		width: 100%;
		.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%;
				}
			}
		}
		// 弹框支付
		.payment {
			width: 100%;
			height: 130rpx;
			font-size: 42rpx;
			color: #000000;
			line-height: 130rpx;
			text-align: center;
			border-bottom: 1rpx solid #D8D4D4;
		}

		.chat {
			position: relative;
			height: 200rpx;

			span {
				position: absolute;
				top: 50rpx;
				left: 180rpx;
				line-height: 70rpx;
				font-size: 42rpx;
				color: #000000;
			}

			image {
				position: absolute;
				top: 50rpx;
				left: 70rpx;
				width: 80rpx;
				height: 70rpx;
			}
		}

		.submits {
			background: #26A888;
			width: 501rpx;
			height: 71rpx;
			line-height: 71rpx;
			border-radius: 36rpx;
			font-size: 34rpx;
			color: #FFFFFF;
			text-align: center;
			position: fixed;
			bottom: 50rpx;
			left: 50%;
			transform: translateX(-50%);
		}
		.btns {
			width: 100%;
			height: 124rpx;
			background: #FFFFFF;
			box-shadow: 0rpx -3rpx 13rpx 0rpx rgba(0,0,0,0.1);
			border-radius: 20rpx;
			display: flex;
			justify-content: space-between;
			padding: 0 3%;
			text-align: center;
			font-weight: 500;
			position: fixed;
			bottom:0;
			z-index: 999;
			.btnleft {
				font-size: 30rpx;
				font-weight: 500;
				color: #F44B2F;
				line-height: 124rpx;
				text{
					font-size:44rpx;
				}
			}

			.btnright {
				width: 169rpx;
				height: 61rpx;
				background: #26A888;
				border-radius: 5rpx;
				line-height: 61rpx;
				transform: translateY(50%);
				font-size: 28rpx;
				font-weight: 400;
				color: #FFFFFF;
			}
		}
		::v-deep .u-tabs {
			padding: 30rpx 20rpx 0 20rpx !important;
		}
		.item {
			border-radius: 5rpx;
			width: 96%;
			margin: 14rpx auto 0;
			background-color: #fff;
			box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
			border-radius: 5rpx;
			padding-bottom: 50rpx;

			.timeyear {
				padding: 30rpx 40rpx 0 40rpx;
				.bottomtext {
					-webkit-overflow-scrolling: touch;
					width: 100%;
					margin: 0 auto;

					.items {
						display: flex;
						justify-content: flex-start;
						flex-wrap: wrap;
						text-align: center;
						color: #000000;

						.timeitem {
							width: 29%;
							margin: 0 2% 20rpx;
							height: 96rpx;
							border-radius: 5rpx;
							border: 2rpx solid #26A888;
						}

						.itemstext{
							line-height: 38rpx;
							padding-top: 10rpx;
							font-size: 23rpx;
						}

						.itemstexttwo{
							line-height: 42rpx;
							font-size: 16rpx;
							font-weight: 500;
						}

						.timeitemtap {
							width: 29%;
							margin: 0 2% 20rpx;
							height: 96rpx;
							border: 2rpx solid #26A888;
							border-radius: 5rpx;
							color: #26A888;
							background: #E6F8F3;
						}
					}
				}

				.toptext {
					-webkit-overflow-scrolling: touch;
					padding-top: 10rpx;
					display: flex;
					justify-content: space-around;
					height: 50rpx;
					color: #000000;
					line-height: 27rpx;
					margin-bottom: 30rpx;
					text-align: center;

					.Soonerorlater {
						width: 200rpx;
						font-size: 28rpx;
						height: 50rpx;
					}

					.Soonerorlaterclass {
						font-size: 28rpx;
						color: #26A888;
						width: 200rpx;
						height: 50rpx;
					}

					view:nth-child(2) {
						width: 4rpx;
						height: 27rpx;
						background: #C5C3C3;
						border-radius: 2rpx;
					}
				}
			}

			.select {
				width: 90%;
				height: 80rpx;
				background: #F6F6F6;
				margin: 12rpx auto;
				border-radius: 5rpx;
				display: flex;
				position: relative;

				text {
					padding: 0 60rpx 0 20rpx;
					line-height: 80rpx;
					font-size: 22rpx;
					font-weight: 400;
					height: 80rpx;
					color: #8E8E8E;
					// text-overflow: -o-ellipsis-lastline;
					// overflow: hidden;
					// text-overflow: ellipsis;
					// display: -webkit-box;
					// -webkit-line-clamp: 1;
					// line-clamp: 1;
					// -webkit-box-orient: vertical;
					// white-space:normal;
					// word-break:break-all;
				}

				image {
					width: 9rpx;
					height: 17rpx;
					position: absolute;
					right: 40rpx;
					top: 50%;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}
			}

			.textarea {
				font-size: 22rpx;
				font-weight: 400;
				color: #8E8E8E;
				line-height: 42rpx;
				margin: 30rpx 40rpx 0 40rpx;
				padding: 30rpx;
				height: 250rpx;
				background: #FFFFFF;
				border: 2rpx solid #26A888;
				border-radius: 5rpx;

				.title {
					font-weight: 500;
					color: #EE8F15;
					margin-bottom: 20rpx;
				}
			}

			.text {
				font-size: 30rpx;
				font-weight: 400;
				color: #333333;
				padding: 30rpx 0 0 40rpx;

				text {
					padding-left: 20rpx;
					font-size: 20rpx;
					font-weight: 400;
					color: #8E8E8E;
				}
			}

			::v-deep .u-upload {
				padding: 30rpx 30rpx 0 30rpx;
			}

			.input {
				width: 90%;
				height: 80rpx;
				border-radius: 5rpx;
				background: #f6f6f6;
				margin: 20rpx 0 0 40rpx;
				position: relative;
				padding-left: 10rpx;

				image {
					width: 10rpx;
					height: 20rpx;
					position: absolute;
					top: 50%;
					right: 5%;
					transform: translateY(-50%);
				}

				.uni-textarea-placeholder {
					padding-left: 12rpx;
					font-size: 22rpx;
					font-weight: 400;
					color: #8E8E8E !important;
				}

				.phsy {
					padding-left: 12rpx;
					font-size: 22rpx;
					font-weight: 400;
					color: #8E8E8E !important;
				}

				.inputtext {
					padding-left: 12rpx;
					color: black;
					font-size: 26rpx;
					width: 90%;
					height: 80rpx;
					line-height: 80rpx;
				}

				.uinput {
					color: black;
					font-size: 26rpx;
					width: 90%;
					height: 80rpx;
					line-height: 80rpx;
				}

				.noimageuinput {
					width: 98% !important;
				}
			}
		}
	}