H5/xp-robotaxi-miniprogram.git

			@@ -20,20 +20,20 @@
			bottom: 0;
			left: 0;
			right: 0;
			background: #ffffff;
			border-radius: 16px 16px 0 0;
			padding: 64px 40px 88px 40px;
			border-radius: 60px 60px 0px 0px;
			background: #F1F5FA;
			padding: 48px 48px 80px 48px;

			.cancel-box {
			position: absolute;
			top: 40px;
			right: 40px;
			top: 32px;
			right: 32px;
			display: flex;
			justify-content: flex-end;

			.cancel-icon {
			width: 48px;
			height: 48px;
			width: 40px;
			height: 40px;
			}
			}

			@@ -44,16 +44,16 @@
			font-weight: 500;
			line-height: normal;
			letter-spacing: normal;
			color: rgba(0, 0, 0, 0.9);
			color: #141E27;
			}

			&-desc {
			margin-top: 8px;
			font-size: 24px;
			.cancel-tip-box-desc {
			margin-top: 14px;
			font-size: 28px;
			font-weight: normal;
			line-height: 34px;
			line-height: 32px;
			letter-spacing: normal;
			color: #F58900;
			color: rgba(20, 30, 39, 0.4);
			}

			.color1 {
			@@ -62,32 +62,32 @@
			}

			.cancel-site-box {
			margin-top: 32px;
			border-radius: 20px;
			background: #F5F6FA;
			padding: 32px;
			margin-top: 48px;
			border-radius: 40px;
			background: rgba(204, 208, 215, 0.25);
			padding: 48px 32px 42px 32px;
			display: flex;
			gap: 16px;
			height: fit-content;

			&-icon {
			padding: 17px 0;
			.cancel-site-box-icon {
			padding: 16px 0;
			flex-shrink: 0;
			display: flex;
			flex-direction: column;
			align-items: center;

			&-start {
			width: 10px;
			height: 10px;
			background: #768AFF;
			.cancel-site-box-icon-start {
			width: 16px;
			height: 16px;
			background: #DFB369;
			border-radius: 50%;
			}

			&-end {
			width: 10px;
			height: 10px;
			background: #8BB654;
			.cancel-site-box-icon-end {
			width: 16px;
			height: 16px;
			background: #141E27;
			border-radius: 50%;
			}

			@@ -99,41 +99,58 @@
			}
			}

			&-content {
			.cancel-site-box-content {
			flex: 1;
			font-size: 28px;
			line-height: 44px;
			font-size: 32px;
			line-height: 48px;
			letter-spacing: normal;
			color: rgba(0, 0, 0, 0.9);

			view:first-child {
			margin-bottom: 40px;
			color: #141E27;
			.cancel-site-box-divider {
			margin: 34px 32px 40px 0px;
			border-top: 1px solid rgba(204, 208, 215, 0.25);
			}
			}
			}

			.cancel-animation {
			width: 100%;
			height: 262px;
			margin-top: 48px;
			}

			.cancel-btn-box {
			display: flex;
			margin-top: 58px;
			margin-top: 48px;

			.cancel-btn-cancel {
			flex: 1;
			height: 96px;
			border: 4px solid #141E27;
			border-radius: 1000px;
			font-size: 32px;
			line-height: 104px;
			text-align: center;
			letter-spacing: normal;
			color: #141E27;
			height: 104px;
			width: 310px;
			}

			.cancel-btn-again {
			flex: 1;
			line-height: 96px;
			text-align: center;
			border-radius: 16px;
			border-radius: 16px;
			background: linear-gradient(102deg, #8475FF 1%, #7DD6FF 102%);
			font-size: 30px;
			letter-spacing: normal;
			color: #FFFFFF;
			border-radius: 1000px;
			border: 4px solid #141E27;
			font-size: 32px;
			line-height: 104px;
			text-align: center;
			color: #141E27;
			height: 104px;
			width: 310px;
			}
			.wait-btn {
			margin-left: 32px;
			margin-left: 22px;
			color: #FFFFFF;
			background: #141E27;
			}
			}
			}