coupon.wxss 1.2 KB

1234567891011121314
  1. .top-bar { position: fixed; top: 0; left: 0; width: 100%; background: #fff; border-top: 1rpx solid #e3e3e3; border-bottom: 1rpx solid #e3e3e3; z-index: 999; }
  2. .top-bar wx-navigator{ text-align: center; }
  3. .top-bar wx-navigator wx-text{ height: 90rpx; line-height: 90rpx; border-bottom: 2rpx solid transparent; width: auto; display: inline-block; }
  4. .top-bar wx-navigator.active wx-text{ color: #ff4544; border-bottom-color: #ff4544; }
  5. .coupon-list{ padding: 122rpx 34rpx 20rpx 34rpx; }
  6. .coupon-list .coupon-item{ height: 152rpx; width: 682rpx; position: relative; z-index: 10; }
  7. .coupon-list .coupon-item.coupon-status-1 .coupon-right, .coupon-list .coupon-item.coupon-status-2 .coupon-right{ color: rgba(0,0,0,.35) !important; }
  8. .coupon-list .coupon-item .coupon-bg{ width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 0; }
  9. .coupon-list .coupon-item .coupon-status-icon{ width: 140rpx; height: 98rpx; position: absolute; top:0; right: 8rpx; z-index: 1; }
  10. .coupon-list .coupon-item .coupon-left{ color: #fff; width: 202rpx; }
  11. .coupon-list .coupon-item .coupon-right{ padding: 20rpx 10rpx; }
  12. .user_coupon_font{ color: #666666; }
  13. .user_coupon{ color: #666666; }
  14. .xia{ position: absolute; width:28rpx; height:28rpx; right:15px; bottom:9px; }