all.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .wrap {
  2. }
  3. .wrap_cell {
  4. padding: 0 40rpx;
  5. overflow: hidden;
  6. position: relative;
  7. }
  8. .wrap_cell::before {
  9. content: '';
  10. width: 548rpx;
  11. height: 1px;
  12. background-color: #e6e6e6;
  13. position: absolute;
  14. bottom: 0;
  15. right: 34rpx;
  16. }
  17. .wrap_main {
  18. padding: 34rpx 0;
  19. overflow: hidden;
  20. }
  21. .wrap_icon {
  22. width: 130rpx;
  23. height: 130rpx;
  24. overflow: hidden;
  25. border-radius: 24rpx;
  26. margin-right: 22rpx;
  27. float: left;
  28. }
  29. .wrap_icon image {
  30. width: 100%;
  31. height: 100%;
  32. display: block;
  33. }
  34. .wrap_info {
  35. float: left;
  36. width: 380rpx;
  37. height: 130rpx;
  38. display: flex;
  39. align-items: flex-start;
  40. justify-content: space-between;
  41. flex-direction: column;
  42. }
  43. .wrap_info .reward {
  44. padding: 0 10rpx;
  45. height: 36rpx;
  46. background: #FF1A19;
  47. border-radius: 18rpx 18rpx 18rpx 0;
  48. font-size: 19rpx;
  49. font-weight: 400;
  50. color: #FFFFFF;
  51. display: flex;
  52. align-items: center;
  53. justify-content: center;
  54. margin-left: 15rpx;
  55. }
  56. .wrap_info .name {
  57. font-size: 32rpx;
  58. font-weight: 700;
  59. color: #333;
  60. line-height: 45rpx;
  61. display: flex;
  62. align-items: center;
  63. }
  64. .wrap_info .des {
  65. font-size: 26rpx;
  66. color: #8b8b8b;
  67. line-height: 37rpx;
  68. }
  69. .wrap_info .num {
  70. font-size: 24rpx;
  71. color: #e05b10;
  72. line-height: 33rpx;
  73. }
  74. .wrap_btn {
  75. position: absolute;
  76. right: 49rpx;
  77. width: 134RPX;
  78. height: 130rpx;
  79. display: flex;
  80. align-items: center;
  81. justify-content: center;
  82. }