.coupon.data-v-3ca5c954 { padding-bottom: 20rpx; } .coupon-bg.data-v-3ca5c954 { opacity: 0.5; } .coupon-title.data-v-3ca5c954 { color: #333; font-size: 32rpx; display: flex; align-items: center; width: 638rpx; margin: 30rpx auto 0 auto; } .coupon-title image.data-v-3ca5c954 { width: 62rpx; height: 62rpx; margin-right: 24rpx; border-radius: 36rpx; } .tabs-header.data-v-3ca5c954 { display: flex; justify-content: space-around; border-bottom: 1px solid #eee; } .tab-item.data-v-3ca5c954 { text-align: center; padding: 12px 0; font-size: 16px; cursor: pointer; color: #333; } .tab-item.active.data-v-3ca5c954 { font-weight: bold; color: #caa97f; /* 激活状态颜色 */ border-bottom: 2px solid #caa97f; /* 激活状态下的底部边框 */ } .tabs-content.data-v-3ca5c954 { padding: 10px; } .tab-panel.data-v-3ca5c954 { display: block; } .tab-panel .couponList.data-v-3ca5c954 { width: 100%; box-sizing: border-box; } .tab-panel .couponList .couponItem.data-v-3ca5c954 { width: 100%; height: 144rpx; background: url("https://eshangtech.com/wanmeiyizhanImg/home/validCoupons.png") no-repeat center; background-size: contain; box-sizing: border-box; padding: 32rpx 0; display: flex; align-items: center; margin-bottom: 32rpx; } .tab-panel .couponList .couponItem .itemleft.data-v-3ca5c954 { width: 195rpx; display: flex; flex-direction: column; align-items: center; border-right: 2rpx dashed #e5cd92; } .tab-panel .couponList .couponItem .itemleft .leftUnit.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 34rpx; color: #ba922f; line-height: 48rpx; text-align: left; font-style: normal; margin-right: 4rpx; } .tab-panel .couponList .couponItem .itemleft .money.data-v-3ca5c954 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 48rpx; color: #ba922f; line-height: 56rpx; text-align: left; font-style: normal; } .tab-panel .couponList .couponItem .itemleft .condition.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 20rpx; color: #ba922f; line-height: 28rpx; text-align: justify; font-style: normal; } .tab-panel .couponList .couponItem .itemRight.data-v-3ca5c954 { flex: 1; width: 100%; box-sizing: border-box; padding: 0 32rpx; display: flex; align-items: center; justify-content: space-between; } .tab-panel .couponList .couponItem .itemRight .couponName.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .tab-panel .couponList .couponItem .itemRight .timeText .coupon-date.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #716f69; line-height: 32rpx; text-align: justify; font-style: normal; } .tab-panel .couponList .couponItem .itemRight .useBtn .useBtnText.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #fff; line-height: 36rpx; text-align: center; font-style: normal; padding: 8rpx 20rpx; background: #ba922f; border-radius: 4rpx; } .tab-panel .invalidList.data-v-3ca5c954 { width: 100%; box-sizing: border-box; } .tab-panel .invalidList .couponItem.data-v-3ca5c954 { width: 100%; height: 144rpx; background: url("https://eshangtech.com/wanmeiyizhanImg/home/invalidCoupons.png") no-repeat center; background-size: contain; box-sizing: border-box; padding: 32rpx 0; display: flex; align-items: center; margin-bottom: 32rpx; } .tab-panel .invalidList .couponItem .itemleft.data-v-3ca5c954 { width: 195rpx; display: flex; flex-direction: column; align-items: center; border-right: 2rpx dashed #e5cd92; } .tab-panel .invalidList .couponItem .itemleft .leftUnit.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 34rpx; color: #716f69; line-height: 48rpx; text-align: left; font-style: normal; margin-right: 4rpx; } .tab-panel .invalidList .couponItem .itemleft .money.data-v-3ca5c954 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 48rpx; color: #716f69; line-height: 56rpx; text-align: left; font-style: normal; } .tab-panel .invalidList .couponItem .itemleft .condition.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 20rpx; color: #716f69; line-height: 28rpx; text-align: justify; font-style: normal; } .tab-panel .invalidList .couponItem .itemRight.data-v-3ca5c954 { flex: 1; width: 100%; box-sizing: border-box; padding: 0 32rpx; display: flex; align-items: center; justify-content: space-between; } .tab-panel .invalidList .couponItem .itemRight .couponName.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; } .tab-panel .invalidList .couponItem .itemRight .timeText .coupon-date.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #716f69; line-height: 32rpx; text-align: justify; font-style: normal; } .tab-panel .invalidList .couponItem .itemRight .useBtn .useBtnText.data-v-3ca5c954 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: center; font-style: normal; } .coupon-card.data-v-3ca5c954 { background: url("https://eshangtech.com/ShopICO/coupon-bg.png") no-repeat center; background-size: contain; height: 229rpx; width: 669rpx; padding: 20rpx 30rpx; margin: 30rpx auto 0 auto; box-sizing: border-box; font-size: 24rpx; } .coupon-top.data-v-3ca5c954 { display: flex; justify-content: space-between; align-items: center; height: 100%; } .coupon-left.data-v-3ca5c954 { text-align: center; color: #caa97f; } .coupon-price.data-v-3ca5c954 { color: #323033; font-size: 46rpx; font-weight: bolder; font-family: 'San Francisco Display Medium'; line-height: 46rpx; } .coupon-manjian.data-v-3ca5c954 { margin-top: 20rpx; } .coupon-center.data-v-3ca5c954 { display: flex; justify-content: space-between; align-items: center; } .coupon-img.data-v-3ca5c954 { width: 110rpx; height: 110rpx; border-radius: 10rpx; background: #ddd; margin-right: 20rpx; } .coupon-zx.data-v-3ca5c954 { display: inline-block; padding: 6rpx 10rpx; color: #be6f6b; border: 2rpx solid #edd0cc; background: #fef4f3; border-radius: 6rpx; margin: 6rpx 0; } .coupon-name.data-v-3ca5c954 { color: #000; font-size: 28rpx; margin-bottom: 20rpx; } .coupon-right.data-v-3ca5c954 { display: flex; justify-content: space-between; align-items: center; padding-top: 20rpx; } .coupon-use-door.data-v-3ca5c954 { background: url("https://eshangtech.com/ShopICO/coupon-btn.png") no-repeat center; background-size: contain; color: #fff; text-align: center; display: inline-block; width: 120rpx; height: 40rpx; line-height: 40rpx; } .coupon-door.data-v-3ca5c954 { display: inline-block; background: #f2f2f2; color: #999; padding: 6rpx 30rpx; border-radius: 20rpx; font-size: 24rpx; } .coupon-date.data-v-3ca5c954 { color: #333; } .span24.data-v-3ca5c954 { display: block; color: #999; font-size: 24rpx; } .coupon-btn.data-v-3ca5c954 { height: 100rpx; width: 100%; line-height: 100rpx; background: #333; color: #caa97f; text-align: center; font-size: 30rpx; position: fixed; bottom: 0rpx; left: 0rpx; } .activity-btn.data-v-3ca5c954 { width: 152rpx; height: 46rpx; color: #666; background: #eee; border: 2rpx solid #ededed; font-size: 24rpx; text-align: center; border-radius: 36rpx; line-height: 48rpx; margin-top: 36rpx; margin-bottom: 17rpx; } .activity-card.data-v-3ca5c954 { background: url("https://eshangtech.com/ShopICO/activity_card_201907292.png") no-repeat center; background-size: contain; width: 673rpx; height: 310rpx; padding: 35rpx 56rpx; text-align: left; margin: 12rpx auto 0 auto; box-sizing: border-box; font-size: 24rpx; } .use-card-btn.data-v-3ca5c954 { width: 152rpx; height: 46rpx; color: #fff; background: linear-gradient(to right, #a17356, #d8aa8b); font-size: 24rpx; text-align: center; border-radius: 36rpx; line-height: 48rpx; margin-top: 38rpx; margin-bottom: 17rpx; }