.main.data-v-36d4f413 { width: 100vw; height: 100vh; background: #f6f7f8; box-sizing: border-box; padding: 32rpx; } .main .content.data-v-36d4f413 { width: 100%; height: 100%; } .main .content .contentTop.data-v-36d4f413 { width: 100%; height: 346rpx; background: #ffffff; margin-bottom: 32rpx; box-sizing: border-box; padding: 0 32rpx; } .main .content .contentTop .top.data-v-36d4f413 { display: flex; align-items: center; width: 100%; padding: 24rpx 0; border-bottom: 1px solid #f6f6f6; } .main .content .contentTop .top .couponIcon.data-v-36d4f413 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .content .contentTop .top .couponText.data-v-36d4f413 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .contentTop .topContent.data-v-36d4f413 { width: 100%; box-sizing: border-box; padding: 64rpx 0; } .main .content .contentTop .topContent .first.data-v-36d4f413 { display: flex; align-items: center; justify-content: center; } .main .content .contentTop .topContent .first .nomarl.data-v-36d4f413 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #ba922f; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .contentTop .topContent .first .light.data-v-36d4f413 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 64rpx; color: #ba922f; line-height: 72rpx; text-align: left; font-style: normal; margin: 0 8rpx; } .main .content .contentTop .topContent .second.data-v-36d4f413 { display: flex; justify-content: center; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #ba922f; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .noticeBox.data-v-36d4f413 { width: 100%; box-sizing: border-box; padding: 36rpx 32rpx; background: #ffffff; border-radius: 6rpx; margin-top: 32rpx; } .main .content .noticeBox .noticeTitle.data-v-36d4f413 { width: 100%; display: flex; align-items: center; margin-bottom: 16rpx; } .main .content .noticeBox .noticeTitle .noticeIcon.data-v-36d4f413 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .content .noticeBox .noticeTitle .noticeText.data-v-36d4f413 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .noticeBox .noticeItem.data-v-36d4f413 { width: 100%; margin-bottom: 16rpx; display: flex; align-items: center; } .main .content .noticeBox .noticeItem .noticeLabel.data-v-36d4f413 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; margin-right: 16rpx; width: 120rpx; } .main .content .noticeBox .noticeItem .noticeValue.data-v-36d4f413 { width: calc(100% - 120rpx); font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .main .content .btnBox.data-v-36d4f413 { position: fixed; bottom: 40rpx; left: 0; width: 100vw; box-sizing: border-box; padding: 16rpx 40rpx; background: #fff; } .main .content .btnBox .btn.data-v-36d4f413 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #ffffff; line-height: 44rpx; text-align: center; font-style: normal; padding: 22rpx 0; border-radius: 6rpx; } .flex.data-v-36d4f413 { display: flex; } .align-center.data-v-36d4f413 { align-items: center; } .justify-between.data-v-36d4f413 { justify-content: space-between; } .pad95.data-v-36d4f413 { padding-top: 56rpx; background: bgBule; padding-bottom: 24rpx; min-height: 100vh; box-sizing: border-box; } .coupon-box.data-v-36d4f413 { width: 690rpx; background: #fff; margin: 0 auto; border-radius: 8rpx; padding: 0rpx 6rpx 168rpx 6rpx; box-sizing: border-box; } .coupon-type.data-v-36d4f413 { background-color: #fafafa; box-shadow: 0 2rpx 6rpx 0 #f2f2f2; padding: 18rpx 36rpx 14rpx 36rpx; color: #959595; font-size: 28rpx; } .coupon-type image.data-v-36d4f413 { width: 54rpx; height: 54rpx; margin-right: 22rpx; } .coupon-border.data-v-36d4f413 { height: 2rpx; position: relative; width: 100%; } .coupon-border.data-v-36d4f413:before { position: absolute; content: ""; width: 16rpx; height: 16rpx; border-radius: 9rpx; background: bgBule; display: inline-block; vertical-align: middle; left: -14rpx; top: -7rpx; } .coupon-border.data-v-36d4f413:after { right: -14rpx; top: -7rpx; position: absolute; content: ""; width: 16rpx; height: 16rpx; border-radius: 9rpx; background: bgBule; display: inline-block; vertical-align: middle; } .coupon-title.data-v-36d4f413 { margin-top: 96rpx; color: #000; font-size: 40rpx; font-family: "PingFang SC"; text-align: center; font-weight: bolder; } .coupon-price-box.data-v-36d4f413 { margin-top: 24rpx; text-align: center; font-size: 24rpx; color: #a1a1a1; } .coupon-price.data-v-36d4f413 { color: #dc615a; font-family: "PingFang SC"; font-weight: bolder; font-size: 60rpx; } .coupon-unit.data-v-36d4f413 { color: #dc615a; font-size: 28rpx; } .coupon-price-though.data-v-36d4f413 { text-decoration: line-through; color: #999; font-size: 24rpx; margin-left: 16rpx; } .coupon-des.data-v-36d4f413 { margin-top: 24rpx; color: #333; font-size: 36rpx; font-family: "PingFang SC"; font-weight: bolder; text-align: center; } .coupon-usetime.data-v-36d4f413 { display: flex; justify-content: center; margin-top: 16rpx; } .coupon-usetime-text.data-v-36d4f413 { color: #a1a1a1; font-size: 24rpx; } .coupon-usetime-t.data-v-36d4f413 { color: #333; font-size: 24rpx; margin-left: 16rpx; } .coupon-need-button.data-v-36d4f413 { margin: 68rpx auto 0rpx auto; color: #ffffff; line-height: 76rpx; font-size: 26rpx; width: 613rpx; height: 76rpx; border-radius: 38rpx; text-align: center; background: linear-gradient(#2a7edd 0%, #669ff5 100%); } .coupon-needed-button.data-v-36d4f413 { margin: 68rpx auto 0rpx auto; color: #ffffff; line-height: 76rpx; font-size: 26rpx; width: 613rpx; height: 76rpx; border-radius: 38rpx; text-align: center; background: #acacad; } .coupon-used-tip.data-v-36d4f413 { margin: 68rpx auto 0 auto; line-height: 76rpx; font-size: 26rpx; width: 613rpx; height: 76rpx; border-radius: 38rpx; text-align: center; color: #999; background: #f2f2f2; } .date-box.data-v-36d4f413 { width: 613rpx; padding-top: 34rpx; padding-bottom: 12rpx; margin: 76rpx auto 0 auto; color: #7a7a7a; border-top: 1rpx dashed #ededed; font-size: 24rpx; } .desc-box.data-v-36d4f413 { width: 613rpx; padding-top: 12rpx; padding-bottom: 34rpx; margin: 0 auto 0 auto; color: #7a7a7a; border-bottom: 1rpx solid #ededed; font-size: 24rpx; } .desc-box .desc-text.data-v-36d4f413 { width: 440rpx; text-align: right; } .use-shop.data-v-36d4f413 { width: 613rpx; padding-top: 12rpx; border-bottom: 1rpx solid #ededed; margin: 0 auto 0 auto; padding-bottom: 40rpx; padding-top: 36rpx; font-size: 26rpx; } .use-shop text.data-v-36d4f413 { color: #7a7a7a; } .list-box.data-v-36d4f413 { padding-top: 20rpx; line-height: 40rpx; color: #404040; font-size: 24rpx; } .list-box .list-unit.data-v-36d4f413 { padding-bottom: 34rpx; } .list-box .severpart-title.data-v-36d4f413 { font-size: 26rpx; font-weight: bolder; } .list-box .text-sm + .text-sm.data-v-36d4f413::before { content: ";"; color: #404040; }