coupon-list.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. page {
  2. background: #FFFFFF;
  3. }
  4. .info {
  5. padding: 20rpx;
  6. width: 100%;
  7. }
  8. .info-one {
  9. position: relative;
  10. width: 100%;
  11. margin-bottom: 30rpx;
  12. z-index: 10;
  13. }
  14. .info-one .bga {
  15. width: 100%;
  16. height: 160rpx;
  17. position: absolute;
  18. left: 0;
  19. top: 0;
  20. z-index: 0;
  21. }
  22. .info-content {
  23. height: 160rpx;
  24. width: 100%;
  25. color: #fff;
  26. padding: 0 24rpx;
  27. line-height: 1;
  28. position: relative;
  29. }
  30. .info-btn {
  31. background-color: #fff;
  32. width: 160rpx;
  33. height: 56rpx;
  34. border-radius: 28rpx;
  35. }
  36. .info-footer {
  37. background-color: #fff;
  38. padding: 24rpx 24rpx 32rpx 24rpx;
  39. border-radius: 0 0 16rpx 16rpx;
  40. border: 1rpx solid #cfcfcf;
  41. border-top: none;
  42. color: #666; font-size: 28rpx;
  43. }
  44. .more-down {
  45. width: 33rpx;
  46. height: 33rpx;
  47. }
  48. .more-down-deg {
  49. transform: rotate(180deg);
  50. animation: showPopUp 0.2s;
  51. animation-fill-mode: forwards;
  52. }
  53. @keyframes showPopUp {
  54. 0% {
  55. transform: rotate(0deg);
  56. }
  57. 100% {
  58. transform: rotate(180deg);
  59. }
  60. }
  61. .CouponContentC {
  62. color: #999999;
  63. }
  64. .coupon-foot{
  65. padding: 20rpx;
  66. font-size: 28rpx;
  67. border-bottom: 1rpx solid #F1F1F1;
  68. }