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

.app {
		width: 96%;
		margin: 20rpx auto;
		background-color: #F7F5F5;
		padding: 30rpx 0 200rpx 0;
		background: #FFFFFF;
		box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
		border-radius: 5rpx;
		::v-deep .u-checkbox {
			width: 100% !important;
			height: 80rpx !important;
		}
		.signing {
			width: 637rpx;
			height: 198rpx;
			background: #FFFFFF;
			border: 1rpx solid #26A888;
			opacity: 0.8;
			border-radius: 5rpx;
			margin: 50rpx auto;

			.agency {
				// width: 96rpx;
				padding: 22rpx 30rpx 6rpx 30rpx;
				// height: 21rpx;
				font-size: 22rpx;
				font-weight: 500;
				color: #EE8F15;
				line-height: 38rpx;
			}

			.word {
				font-size: 22rpx;
				font-weight: 400;
				color: #8E8E8E;
				line-height: 38rpx;
				padding: 0 30rpx 0 30rpx;
			}
		}

		.radio-content {
			width: 100%;
			height: 100rpx;
			text-align: center;
			font-size: 22rpx;
			margin: 0 auto;
			display: flex;
			align-items: center;

			.agreement {
				color: #333333;
				width: 80%;
				text-align: left;
				padding-left: 20rpx;
			}

			.radio-right {
				width: 20%;

				.radio {
					display: inline-block;
					width: 30rpx;
					height: 30rpx;
					border-radius: 70%;
					border: 2rpx solid #26A888;
					position: relative;
					float: right;

					.radio-active {
						width: 15rpx;
						height: 15rpx;
						border-radius: 50%;
						background-color: #178ffb;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
				}
			}
		}

		.submititem {
			display: flex;
			justify-content: space-evenly;
			margin: 47rpx 0px 20rpx 0px;

			.submit {
				width: 289rpx;
				height: 61rpx;
				background: #26A888;
				border-radius: 5rpx;
				line-height: 62rpx;
				text-align: center;
				color: #fff;
			}

			.laststep {
				width: 290rpx;
				height: 62rpx;
				background: #FFFFFF;
				border: 1rpx solid #26A888;
				border-radius: 5rpx;
				line-height: 62rpx;
				text-align: center;
				color: #26A888;
			}
		}

		.content {
			width: 95%;
			height: 300rpx;
			margin: 15rpx auto;
			position: relative;
		}

		.nextpage {
			width: 496rpx;
			height: 61rpx;
			background: #26A888;
			border-radius: 5rpx;
			line-height: 61rpx;
			color: white;
			text-align: center;
			margin: 100rpx auto;
		}

		.contentbottom {
			position: relative;
			top: 20%;
		}

		.name {
			padding: 10rpx 30rpx 0 7%;
			font-size: 30rpx;
			font-weight: 400;
			color: #333333;
			line-height: 38rpx;

			::v-deep .u-input {
				width: 636rpx;
				height: 63rpx;
				background: #F6F6F6;
				margin: 12rpx auto;
				border: none;
				border-radius: 5rpx;

			}

			::v-deep.uni-input-placeholder {
				color: #8E8E8E !important;
				font-size: 20rpx;
			}

			::v-deep .u-input__input.data-v-fdbb9fe6 {
				font-size: 26rpx !important;
			}

			::v-deep.input-placeholder {
				color: #8E8E8E !important;
				font-size: 20rpx;
			}

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

				text {
					padding: 0 60rpx 0  20rpx;
					line-height: 63rpx;
					font-size: 20rpx;
					font-weight: 400;
					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%);
				}
			}
		}

		.numberone {
			width: 90rpx;
			height: 90rpx;
			position: absolute;
			top: 6%;
			left: 15%;
			background: #F0F1F6;
			border-radius: 50%;
			color: #fff;
			line-height: 90rpx;
			text-align: center;
			font-size: 50rpx;

			.information {
				width: 160rpx;
				margin: 22rpx 8rpx 8rpx -30rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: #8E8E8E;
				line-height: 38rpx;
			}
		}

		.numberones {
			background: #26A888;

			.information {
				color: #26A888;
			}
		}
		// ::v-deep .uni-input-input {
		// 	left: 20rpx;
		// }

		.number {
			width: 180rpx;
			height: 150rpx;
			position: absolute;
			top: 6%;
			left: 65%;

			.numbertwo {
				width: 90rpx;
				height: 90rpx;
				left: 50%;
				transform: translateX(50%);
				background: #F0F1F6;
				border-radius: 50%;
				line-height: 90rpx;
				text-align: center;
				font-size: 50rpx;
				// border: 1rpx solid #A6C8C0;
				color: #fff;

			}

			.information {
				padding-top: 20rpx;
				font-size: 26rpx;
				font-weight: 400;
				color: #8E8E8E;
				line-height: 38rpx;
				text-align: center;
			}

			.numbertwos {
				background: #26A888;
				color: #fff;
			}

			.informations {
				color: #26A888;
			}

		}


		.item {
			position: absolute;
			width: 202rpx;
			height: 1rpx;
			top: 25%;
			left: 34%;
			background: linear-gradient(-90deg, #E6E6E6, #26A888);
		}
	}