| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- page{
- background-color: #f8f8f8;
- }
- .kf-service{
- position: fixed;
- right: 20rpx;
- bottom: 20%;
- width: 80rpx;
- height: 80rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .kf-service image{
- width: 60rpx;
- height: 60rpx;
- vertical-align: middle;
- }
- .empty-data{
- height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .tips{text-align: center;line-height: 80rpx;color: #666;font-size: 28rpx;}
- .coupon-item{background-color: #fff;border-radius: 10rpx;width: calc(95% - 40rpx);margin: 20rpx auto;border: 2rpx solid #fff;border-radius: 10rpx;position: relative;}
- .coupon-item .state-img{position: absolute;right: 0;top: 0;}
- .coupon-item .state-img image{width: 100rpx;height: 100rpx;}
- .coupon-item .header{padding: 20rpx;font-size: 28rpx;color: #333;line-height: 48rpx;border-bottom: 2rpx solid #f8f8f8;}
- .coupon-item .footer{padding: 20rpx;border-top: 2rpx solid #f8f8f8;display: flex;justify-content: space-between;}
- .coupon-item .footer .state{flex: 1;}
- .coupon-item .footer .btn{width: 50%;font-size: 28rpx;}
- .coupon-item .body{display: flex;align-items: center;margin: 20rpx 0;justify-content: space-between;}
- .coupon-item .img image{width: 160rpx;height: 160rpx;}
- .coupon-item .info{padding: 0 20rpx;}
- .coupon-item .btn{font-size: 28rpx;margin-right: 20rpx;}
- .coupon-item .name{font-size: 32rpx;color: #333;line-height: 46rpx;}
- .coupon-item .desc{color: #666;font-size: 28rpx;line-height: 48rpx;}
|
