From a51ae013af646585248ccc492d30bce5c9562f07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Wed, 20 Sep 2023 13:52:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E6=83=A0=E5=88=B8=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pagesB/coupon/coupon.scss | 163 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 163 insertions(+)
 create mode 100644 pagesB/coupon/coupon.scss

diff --git a/pagesB/coupon/coupon.scss b/pagesB/coupon/coupon.scss
new file mode 100644
index 0000000..2267ca8
--- /dev/null
+++ b/pagesB/coupon/coupon.scss
@@ -0,0 +1,163 @@
+.app {
+		padding: 0;
+
+		.noorder {
+			margin-top: 20%;
+		}
+
+		.content {
+			width: 96%;
+			margin: 20rpx auto 0;
+			background-color: #fff;
+			padding-bottom: 100rpx;
+
+			.rollup {
+				border-radius: 5rpx;
+
+				.item {
+					width: 94%;
+					height: 240rpx;
+					margin: 20rpx auto 0;
+					border: 1rpx solid #f4f5f7;
+					border-radius: 10rpx;
+
+					.bottom {
+						font-size: 22rpx;
+						color: #969394;
+						line-height: 60rpx;
+						padding-left: 25rpx;
+						border-radius: 0 0 10rpx 10rpx;
+					}
+
+					.top {
+						width: 100%;
+						height: 180rpx;
+						background: #FDE9E8;
+						position: relative;
+						color: #F44B2F;
+						border-radius: 10rpx 10rpx 0 0;
+
+						.what {
+							padding: 0 10rpx;
+							height: 40rpx;
+							background: #FED1D2;
+							border-radius: 16rpx;
+							font-size: 20rpx;
+							line-height: 40rpx;
+							text-align: center;
+							position: absolute;
+							top: 120rpx;
+							left: 20rpx;
+						}
+
+						.btngq {
+							width: 110rpx;
+							height: 50rpx;
+							border: 2rpx solid #DFDEDE;
+							border-radius: 24rpx;
+							font-size: 24rpx;
+							position: absolute;
+							top: 70rpx;
+							right: 20rpx;
+							text-align: center;
+							line-height: 50rpx;
+							background: #DFDEDE;
+						}
+
+						.btn {
+							width: 98rpx;
+							height: 50rpx;
+							border: 2rpx solid #F44B2F;
+							border-radius: 24rpx;
+							font-size: 24rpx;
+							position: absolute;
+							top: 70rpx;
+							right: 20rpx;
+							text-align: center;
+							line-height: 50rpx;
+						}
+
+						.time {
+							font-size: 24rpx;
+							position: absolute;
+							top: 120rpx;
+							left: 240rpx;
+						}
+
+						.texts {
+							font-size: 32rpx;
+							font-weight: 800;
+							position: absolute;
+							top: 44rpx;
+							left: 240rpx;
+						}
+
+						.title {
+							position: absolute;
+							top: 30rpx;
+							left: 10rpx;
+
+							.price {
+								font-size: 54rpx;
+								font-weight: 700;
+							}
+
+							.text {
+								font-weight: 600;
+								font-size: 34rpx;
+							}
+						}
+					}
+				}
+			}
+
+			.statuss {
+				padding-top: 25rpx;
+
+				span {
+					color: #c1c1c1;
+					font-size: 18rpx;
+					line-height: 60rpx;
+				}
+
+				.statusitem {
+					text-align: center;
+					padding: 0 40rpx;
+					display: inline-block;
+					height: 60rpx;
+					font-size: 30rpx;
+					color: #969394;
+					line-height: 60rpx;
+				}
+			}
+		}
+
+		.tabs {
+			width: 100%;
+
+			.tab-item {
+				margin: 20rpx 0 0 24rpx;
+				text-align: center;
+				width: 20%;
+
+				.text {
+					width: 70%;
+					margin-left: 15%;
+					height: 30rpx;
+					background: #F44B2F;
+					border-radius: 9rpx;
+					color: #fff;
+					font-size: 24rpx;
+					line-height: 30rpx;
+				}
+
+				.title {
+					font-size: 40rpx;
+					font-family: Source Han Sans CN;
+					font-weight: 500;
+					color: #F44B2F;
+					line-height: 59rpx;
+				}
+			}
+		}
+	}
\ No newline at end of file