discount-activity.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .wrap {
  2. width: 100%;
  3. display: flex;
  4. flex-direction: column;
  5. padding: 20rpx 24rpx;
  6. box-sizing: border-box;
  7. }
  8. .list {
  9. width: 100%;
  10. display: flex;
  11. flex-direction: column;
  12. }
  13. .item {
  14. width: 100%;
  15. display: flex;
  16. flex-direction: column;
  17. background-color: #FFFFFF;
  18. border-radius: 16rpx;
  19. padding: 14rpx 40rpx 14rpx 26rpx;
  20. box-sizing: border-box;
  21. margin-bottom: 20rpx;
  22. }
  23. .item-top {
  24. width: 100%;
  25. display: flex;
  26. justify-content: space-between;
  27. align-items: center;
  28. margin-bottom: 27rpx;
  29. color: #000000;
  30. font-size: 32rpx;
  31. }
  32. .item-content {
  33. width: 100%;
  34. display: flex;
  35. align-items: center;
  36. }
  37. .item-img {
  38. width: 112rpx;
  39. height: 112rpx;
  40. border-radius: 8rpx;
  41. margin-right: 36rpx;
  42. }
  43. .item-sidebar {
  44. flex: 1;
  45. display: flex;
  46. flex-direction: column;
  47. }
  48. .item-name {
  49. width: 100%;
  50. color: #000000;
  51. font-size: 26rpx;
  52. display: -webkit-box;
  53. -webkit-line-clamp: 2;
  54. overflow: hidden;
  55. text-overflow: ellipsis;
  56. -webkit-box-orient: vertical;
  57. margin-bottom: 20rpx;
  58. }
  59. .item-bottom {
  60. color: #919191;
  61. font-size: 24rpx;
  62. margin-top: 30rpx;
  63. }