C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

129 lines
1.8 KiB

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