C端小程序
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

153 linhas
2.1 KiB

  1. page {
  2. background: #02c0ff;
  3. }
  4. .couponbg {
  5. position: relative;
  6. background: #fff;
  7. overflow: hidden;
  8. background: #fff;
  9. width: 92%;
  10. margin: 8% auto 6%;
  11. border-radius: 16rpx;
  12. }
  13. .title {
  14. line-height: 36rpx;
  15. text-align: center;
  16. padding-top: 67rpx;
  17. font-size: 32rpx;
  18. color: #1f2d3d;
  19. letter-spacing: 0;
  20. }
  21. .subtitle {
  22. color: #7f8b9e;
  23. font-size: 26rpx;
  24. line-height: 30rpx;
  25. margin-top: 16rpx;
  26. text-align: center;
  27. }
  28. .line {
  29. height: 10rpx;
  30. display: block;
  31. width: 100%;
  32. margin-top: 20rpx;
  33. }
  34. .panel, .zhuangtai image {
  35. width:600rpx;
  36. display:block;
  37. border-radius:10rpx;
  38. margin:38rpx auto 0;
  39. padding:0;
  40. z-index:10000000000;
  41. }
  42. .pane2 {
  43. background: #fff;
  44. opacity: 0.6;
  45. }
  46. .pane2 image {
  47. width: 500rpx;
  48. display: block;
  49. margin: 40rpx auto 0;
  50. }
  51. .barcode {
  52. height: 100rpx;
  53. width: 500rpx;
  54. margin: 0 auto;
  55. }
  56. .barnum {
  57. height: 46rpx;
  58. line-height: 46rpx;
  59. font-size: 24rpx;
  60. text-align: center;
  61. letter-spacing: 2rpx;
  62. white-space: nowrap;
  63. color: #7f7f7f;
  64. }
  65. .barnum text {
  66. display: inline-block;
  67. vertical-align: top;
  68. font-size: 24rpx;
  69. color: #999;
  70. letter-spacing: 0;
  71. margin-right: 6rpx;
  72. }
  73. .barcode > canvas {
  74. width: 500rpx;
  75. height: 100rpx;
  76. }
  77. .qrcode {
  78. position: relative;
  79. height: 360rpx;
  80. display: flex;
  81. flex-direction: column;
  82. justify-content: flex-end;
  83. align-items: center;
  84. }
  85. .qrcode > canvas {
  86. width: 350rpx;
  87. height: 350rpx;
  88. }
  89. .jine {
  90. color: #f96563 !important;
  91. font-size: 36rpx !important;
  92. }
  93. .buy-view {
  94. background: #fff;
  95. position: fixed;
  96. padding-top: 10rpx;
  97. height: 98rpx;
  98. bottom: 0rpx;
  99. left: 0;
  100. right: 0;
  101. }
  102. .buy {
  103. background: #fff;
  104. height: 88rpx;
  105. width: 100%;
  106. margin: 0 auto 60rpx;
  107. line-height: 88rpx;
  108. border: 2rpx solid #ccc;
  109. border-radius: 10px;
  110. font-size: 36rpx;
  111. color: #333;
  112. letter-spacing: 0;
  113. }
  114. .gou {
  115. width: 87%;
  116. margin: 0 auto;
  117. color: #878d95;
  118. font-size: 26rpx;
  119. padding-bottom: 74rpx;
  120. }
  121. .mai {
  122. font-size: 24rpx;
  123. color: #919191;
  124. letter-spacing: 0;
  125. }
  126. .remark {
  127. padding-top: 17rpx;
  128. font-size: 24rpx;
  129. color: #333;
  130. letter-spacing: 0;
  131. line-height: 42rpx;
  132. }