东风启辰小程序端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

234 lines
4.0KB

  1. /* pages/luckyStar/luckyStar.wxss */
  2. image{
  3. display: block;
  4. }
  5. .main{
  6. height: calc(100vh - 150rpx);
  7. overflow: auto;
  8. }
  9. .gameRuleBtn{
  10. width:200rpx;
  11. height:50rpx;
  12. background-color:rgba(000,000,000,0.63);
  13. position: fixed;
  14. right: 0;
  15. top: 164rpx;
  16. border-top-left-radius: 30rpx;
  17. border-bottom-left-radius: 30rpx;
  18. font-size:26rpx;
  19. font-family:PingFangSC;
  20. font-weight:400;
  21. color:rgba(255,255,255,1);
  22. text-align: center;
  23. line-height: 50rpx;
  24. }
  25. .gameRuleBtn2{
  26. background-color: #28568B;
  27. }
  28. .gameTip{
  29. width:200rpx;
  30. height:50rpx;
  31. background-color:rgba(000,000,000,0.63);
  32. position: fixed;
  33. right: 0;
  34. top: 240rpx;
  35. border-top-left-radius: 30rpx;
  36. border-bottom-left-radius: 30rpx;
  37. font-size:26rpx;
  38. font-family:PingFangSC;
  39. font-weight:400;
  40. color:rgba(255,255,255,1);
  41. text-align: center;
  42. line-height: 50rpx;
  43. }
  44. .gameRuleDesc{
  45. position: fixed;
  46. left: 0;
  47. top: 0;
  48. width: 100%;
  49. height: calc(100vh - 150rpx);
  50. background-color: rgba( 000, 000, 000, 0.3);
  51. display: flex;
  52. align-items: center;
  53. justify-content: center;
  54. }
  55. .ruleGroup{
  56. position: relative;
  57. width: 487rpx;
  58. height: 459rpx;
  59. }
  60. .gameRuleIcon{
  61. width: 100%;
  62. height: 100%;
  63. }
  64. .gameRuleClose{
  65. position: absolute;
  66. top: 0rpx;
  67. right: -10rpx;
  68. width: 31rpx;
  69. height: 29rpx;
  70. }
  71. .gameStrat{
  72. width:277rpx;
  73. height:50rpx;
  74. background-color: #355483;
  75. font-size:21rpx;
  76. font-family:PingFangSC;
  77. font-weight:400;
  78. color:rgba(255,255,255,1);
  79. line-height:50rpx;
  80. text-align: center;
  81. border-radius: 10rpx;
  82. position: absolute;
  83. bottom: 50rpx;
  84. left: 50%;
  85. transform: translateX(-50%);
  86. }
  87. .gameMain{
  88. position: relative;
  89. width: 750rpx;
  90. height: 1471rpx;
  91. }
  92. .gameStarBg{
  93. width: 100%;
  94. height: 100%;
  95. }
  96. .gameTitle{
  97. position: absolute;
  98. left: 50%;
  99. top: 10rpx;
  100. transform: translateX(-50%);
  101. width: 342rpx;
  102. height: 124rpx;
  103. line-height: 124rpx;
  104. font-size:40rpx;
  105. font-family:PingFangSC;
  106. color:rgba(35,33,34,1);
  107. text-align: center;
  108. font-weight: bold;
  109. }
  110. .downTime{
  111. position: absolute;
  112. top: 58rpx;
  113. right: 80rpx;
  114. font-size:34rpx;
  115. line-height: 34rpx;
  116. font-family:NissanBrand;
  117. color:rgba(35,33,34,1);
  118. font-weight: 500;
  119. }
  120. .gameClaw{
  121. position: absolute;
  122. left: 50%;
  123. transform: translateX(-50%);
  124. top: 130rpx;
  125. width: 164rpx;
  126. height: 259rpx;
  127. }
  128. .scrollText{
  129. position: absolute;
  130. left: 50%;
  131. transform: translateX(-50%);
  132. bottom: 428rpx;
  133. width: 700rpx;
  134. height: 30rpx;
  135. overflow: hidden;
  136. }
  137. .scrollFrame{
  138. width: 100%;
  139. height: 100%;
  140. position: relative;
  141. overflow: hidden;
  142. }
  143. .scrollView{
  144. position: absolute;
  145. width: auto;
  146. height: 30rpx;
  147. line-height: 30rpx;
  148. font-size:20rpx;
  149. font-family:PingFangSC;
  150. font-weight:600;
  151. color:rgba(255,255,255,1);
  152. left: 60%;
  153. }
  154. .prizeLook{
  155. position: absolute;
  156. left: 50%;
  157. transform: translateX(-50%);
  158. bottom: 161rpx;
  159. width:710rpx;
  160. height:70rpx;
  161. background-color: #355483;
  162. line-height: 70rpx;
  163. text-align: center;
  164. font-size:30rpx;
  165. font-family:PingFangSC;
  166. font-weight:400;
  167. color:rgba(255,255,255,1);
  168. border-radius: 20rpx;
  169. }
  170. .prizeIcon2{
  171. position: absolute;
  172. left: 115rpx;
  173. top: 610rpx;
  174. width: 523rpx;
  175. height: 171rpx;
  176. }
  177. .prizeIcon1{
  178. position: absolute;
  179. left: 72rpx;
  180. top: 640rpx;
  181. width: 624rpx;
  182. height: 265rpx;
  183. }
  184. .gameGetBtn{
  185. position: absolute;
  186. right: 70rpx;
  187. top: 1086rpx;
  188. width: 304rpx;
  189. height: 80rpx;
  190. }
  191. .gameControlFrame{
  192. position: absolute;
  193. left: 130rpx;
  194. top: 1078rpx;
  195. width: 174rpx;
  196. height: 106rpx;
  197. }
  198. .gameControlGroup{
  199. widows: 100%;
  200. height: 100%;
  201. position: relative;
  202. }
  203. .btnControlL{
  204. position: absolute;
  205. left: 0;
  206. top: 38rpx;
  207. width: 60rpx;
  208. height: 30rpx;
  209. /* background-color: rgba( 000, 000, 000, 0.3); */
  210. }
  211. .btnControlR{
  212. position: absolute;
  213. right: 0;
  214. top: 38rpx;
  215. width: 64rpx;
  216. height: 30rpx;
  217. /* background-color: rgba(228, 15, 15, 0.849); */
  218. }
  219. .btnControlT{
  220. position: absolute;
  221. left: 65rpx;
  222. top: 0;
  223. width: 48rpx;
  224. height: 44rpx;
  225. /* background-color: rgba(209, 135, 45, 0.5); */
  226. }
  227. .btnControlB{
  228. position: absolute;
  229. left: 60rpx;
  230. bottom: 0;
  231. width: 50rpx;
  232. height: 47rpx;
  233. /* background-color: rgba(233, 222, 111, 0.5); */
  234. }