/* pages/mine/product/coupon/couponlist.wxss */ page { background: #f2f2f2; } .right-box { width: 100%; position: relative; min-height: 140rpx; flex: 3; display: flex; align-items: center; justify-content: center; border-radius: 15rpx 10rpx 10rpx 15rpx; flex-direction: column; padding: 10rpx; } .left-box { width: 100%; flex: 7; background: #ffffff; position: relative; border-radius: 10rpx 15rpx 15rpx 10rpx; min-height: 140rpx; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: 5rpx 15rpx; } .price { color: #ffffff; font-size: 48rpx; } .price-icon { color: #ffffff; font-size: 28rpx; } .price-term { font-size: 24rpx; color: #ffffff; } .btn-box { width: 100%; display: flex; flex-direction: row; justify-content: flex-end; padding: 10rpx 20rpx; } .btn { padding: 10rpx 40rpx; } .coupon-name{ font-size: 32rpx; font-weight: bold; color: black; } .coupon-desc{ font-size: 24rpx; color: #797979; } .coupon-type-yellow{ font-size: 24rpx; color: #ffffff; background: #ff9800; padding: 0rpx 10rpx; border-radius: 5rpx; } .coupon-type-blue{ font-size: 24rpx; color: #ffffff; background: #0471ff; padding: 0rpx 10rpx; border-radius: 5rpx; }