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.

167 rivejä
2.5 KiB

  1. .index-position {
  2. background: rgba(0, 0, 0, 0.5);
  3. height: 88rpx;
  4. position: absolute;
  5. top: 0;
  6. width: 100%;
  7. font-family: PingFangSC-Semibold;
  8. font-size: 30rpx;
  9. color: #fff;
  10. letter-spacing: 0.75rpx;
  11. z-index: 9;
  12. line-height: 88rpx;
  13. overflow: hidden;
  14. }
  15. .red{
  16. position:absolute;
  17. width:13rpx;
  18. height:13rpx;
  19. border-radius:50%;
  20. background:red;
  21. right:-50rpx;
  22. top:19rpx;
  23. left:0;
  24. margin:auto;
  25. display: none;
  26. }
  27. page {
  28. width: 100%;
  29. height: auto !important;
  30. overflow-x: hidden;
  31. }
  32. .txt {
  33. margin-left: 20rpx;
  34. }
  35. .game-entry {
  36. position: fixed;
  37. right: 0;
  38. bottom:323rpx;
  39. width: 120rpx;
  40. margin: 37rpx auto 0;
  41. z-index: 10;
  42. }
  43. .gameimg {
  44. display: block;
  45. width: 100%;
  46. }
  47. .rushtobuyimgs{
  48. padding: 0 30rpx;
  49. }
  50. .rushtobuyimgs image{
  51. width: 335rpx;
  52. height: 161rpx;
  53. }
  54. .section {
  55. padding: 0 20rpx;
  56. justify-content: space-around;
  57. text-align: center;
  58. margin-top: 25rpx;
  59. margin-bottom: 30rpx;
  60. }
  61. .section >view{
  62. width: 25%;
  63. display: inline-block;
  64. position: relative;
  65. }
  66. .section >view image {
  67. display: block;
  68. margin: 0 auto;
  69. }
  70. .section >view image {
  71. width: 55rpx;
  72. height: 55rpx;
  73. margin-top: 20rpx;
  74. margin-bottom: 14rpx;
  75. }
  76. .section text {
  77. font-size: 24rpx;
  78. color: rgba(51, 51, 51, 1);
  79. display: block;
  80. margin-top: 0rpx;
  81. }
  82. .showQrcode {
  83. position: fixed;
  84. top: 0;
  85. left: 0;
  86. right: 0;
  87. bottom: 0;
  88. z-index: 1000;
  89. background: rgba(0, 0, 0, 0.6);
  90. }
  91. .qrcode image {
  92. width: 70rpx;
  93. margin-right: 20rpx;
  94. }
  95. .showQrcode {
  96. position: fixed;
  97. top: 0;
  98. left: 0;
  99. right: 0;
  100. bottom: 0;
  101. z-index: 1000;
  102. background: rgba(0, 0, 0, 0.6);
  103. }
  104. .canvas-box {
  105. position: fixed;
  106. width: 500rpx;
  107. overflow: hidden;
  108. left: 0;
  109. top: 200rpx;
  110. right: 0;
  111. margin: auto;
  112. background: #fff;
  113. border-radius: 16rpx;
  114. z-index:100;
  115. padding-bottom: 30rpx;
  116. }
  117. .showQrcode text {
  118. display: block;
  119. text-align: center;
  120. font-size: 28rpx;
  121. }
  122. .button {
  123. width: 414rpx;
  124. text-align: center;
  125. margin: 0 auto;
  126. height: 80rpx;
  127. line-height: 80rpx;
  128. background: rgba(255, 255, 255, 1);
  129. border-radius: 10rpx;
  130. font-size: 32rpx;
  131. color: rgba(2, 192, 255, 1);
  132. overflow: hidden;
  133. margin-top: 38rpx;
  134. }
  135. .memberIds{
  136. padding-top: 30rpx;
  137. font-size: 30rpx;
  138. }
  139. .search{
  140. background:rgba(2, 192, 255, 1);
  141. height: 50rpx;
  142. }
  143. .searchbar{
  144. position: relative;
  145. width: 685rpx;
  146. height: 76rpx;
  147. margin: 0 auto;
  148. text-align: center;
  149. }
  150. .searchbar image{
  151. width: 40rpx;
  152. }
  153. .searchbar text{
  154. font-size: 28rpx;
  155. line-height: 50rpx;
  156. color: #fff;
  157. display: inline-block;
  158. }