exchangeDetails.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /* pages/exchangeDetails/exchangeDetails.wxss */
  2. image {
  3. display: block;
  4. width: 100%;
  5. height: 100%;
  6. }
  7. .exhcange-prod-detail {
  8. margin-bottom: 20rpx;
  9. }
  10. .exhcange-prod-detail {
  11. position: relative;
  12. }
  13. .ex-prod-img {
  14. display: block;
  15. width: 100%;
  16. height: 700rpx;
  17. background: #f8f8f8;
  18. }
  19. .ex-info {
  20. position: absolute;
  21. top: 570rpx;
  22. display: block;
  23. width: 100%;
  24. background: #e43130;
  25. padding: 10rpx 10rpx;
  26. box-sizing: border-box;
  27. }
  28. .ex-info-top {
  29. color: #fff;
  30. padding: 10rpx 20rpx;
  31. }
  32. .info-lfet-top {
  33. font-size: 30rpx;
  34. line-height: 1.5em;
  35. margin-bottom: 8rpx;
  36. }
  37. .info-lfet-bottom {
  38. font-size: 28rpx;
  39. color: rgba(255, 255, 255, .6);
  40. }
  41. .ex-info-bottom {
  42. color:#e43130;
  43. font-size: 28rpx;
  44. text-align: left;
  45. padding: .5em;
  46. background: #fff;
  47. border: 10rpx solid #e43130;
  48. }
  49. .info-num,
  50. .info-text,
  51. .info-price {
  52. display: inline-block;
  53. }
  54. .info-num {
  55. font-size: 1.5em;
  56. padding: 0 8rpx;
  57. }
  58. /* 权益介绍 */
  59. .inviolable-rights {
  60. padding: 30rpx;
  61. box-sizing: border-box;
  62. }
  63. .inv-tit {
  64. font-size: 32rpx;
  65. font-weight: bold;
  66. padding: 10rpx 0 1em;
  67. }
  68. .inv-det {
  69. padding: 20rpx;
  70. box-shadow: 1rpx 1rpx 5rpx 4rpx rgba(211, 211, 211, .3);
  71. }
  72. .inv-det-tit {
  73. font-size: 26rpx;
  74. font-weight: bold;
  75. line-height: 2em;
  76. }
  77. .inv-det-con {
  78. font-size: 26rpx;
  79. line-height: 1.5em;
  80. text-align: justify;
  81. }
  82. /* 立即兑换 */
  83. .foot-out-box {
  84. display: block;
  85. height: 148rpx;
  86. margin-top: 50rpx;
  87. }
  88. .redeem-now {
  89. display: block;
  90. width: 100%;
  91. position: fixed;
  92. bottom: 0;
  93. background: #fff;
  94. box-shadow: 1rpx 1rpx 15rpx 6rpx rgba(211, 211, 211, .4);
  95. padding: 30rpx;
  96. box-sizing: border-box;
  97. }
  98. .redeem-now-btn {
  99. background: #e43130;
  100. padding: 25rpx 0;
  101. box-sizing: border-box;
  102. text-align: center;
  103. color: #fff;
  104. border-radius: 8rpx;
  105. font-size: 30rpx;
  106. }