东风启辰小程序端
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.

203 lines
3.0KB

  1. /* pages/guessSecond/guessSecond.wxss */
  2. image{
  3. display: block;
  4. }
  5. view{
  6. -webkit-overflow-scrolling: touch;
  7. }
  8. .main{
  9. height: calc(100vh - 120rpx);
  10. overflow: auto;
  11. position: relative;
  12. }
  13. .pageBg{
  14. position: absolute;
  15. left: 0;
  16. bottom: 0;
  17. width: 750rpx;
  18. height: 1506rpx;
  19. z-index: -1;
  20. }
  21. .drawBtn{
  22. width: 81rpx;
  23. height: 81rpx;
  24. position: fixed;
  25. right: 35rpx;
  26. top: 107rpx;
  27. }
  28. .yuyue{
  29. width: 81rpx;
  30. height: 81rpx;
  31. position: fixed;
  32. right: 35rpx;
  33. top: 214rpx;
  34. }
  35. .topGroup{
  36. position: relative;
  37. width: 711rpx;
  38. height: 440rpx;
  39. margin-left: auto;
  40. margin-right: 0;
  41. margin-top: 100rpx;
  42. }
  43. .lookDetail{
  44. position: absolute;
  45. left: 52rpx;
  46. bottom: 60rpx;
  47. width: 230rpx;
  48. height: 30rpx;
  49. /* background-color: rgba(0,0,0,0.5); */
  50. }
  51. .newImages5-2{
  52. width: 100%;
  53. height: 100%;
  54. }
  55. .newImages5-1{
  56. position: absolute;
  57. left: 60rpx;
  58. bottom: 55rpx;
  59. width: 221rpx;
  60. height: 35rpx;
  61. }
  62. .newImages5-3{
  63. width: 634rpx;
  64. height: 170rpx;
  65. margin: 0 auto;
  66. margin-top: 40rpx;
  67. }
  68. .newImages5-4{
  69. width: 150rpx;
  70. height: 30rpx;
  71. margin: 0 auto;
  72. margin-top: 25rpx;
  73. }
  74. .selectFream{
  75. position: relative;
  76. margin-top: 10rpx;
  77. }
  78. .slideMask{
  79. position: absolute;
  80. left: 0;
  81. top: 0;
  82. width: 100%;
  83. height: 100%;
  84. opacity: 0;
  85. }
  86. .versions-19{
  87. width: 535rpx;
  88. height: 137rpx;
  89. margin: 0 auto;
  90. margin-left: 124rpx;
  91. }
  92. .priceGroup{
  93. position: absolute;
  94. top: 18rpx;
  95. left: 154rpx;
  96. width: 60rpx;
  97. height: 100rpx;
  98. display: flex;
  99. align-items: center;
  100. justify-content: center;
  101. overflow: hidden;
  102. }
  103. .priceImg{
  104. width: 36rpx;
  105. height: 43rpx;
  106. }
  107. .priceImg2,.priceImg3{
  108. position: absolute;
  109. left: 50%;
  110. transform: translateX(-50%);
  111. top: -23rpx;
  112. }
  113. .priceImg3{
  114. top: auto;
  115. bottom: -23rpx;
  116. }
  117. .newImages5-5{
  118. position: absolute;
  119. left: 50%;
  120. transform: translateX(-50%);
  121. bottom: 30rpx;
  122. width: 711rpx;
  123. height: 70rpx;
  124. }
  125. .ruleFrame{
  126. position: fixed;
  127. top:0;
  128. left: 0;
  129. height: calc(100vh - 120rpx);
  130. overflow: auto;
  131. }
  132. .ruleFrame2{
  133. width: 100%;
  134. display: flex;
  135. align-items: center;
  136. justify-content: center;
  137. background-color: rgba(0,0,0,0.5);
  138. z-index: 9;
  139. }
  140. .gameRule{
  141. width: 750rpx;
  142. height: 2513rpx;
  143. margin-top: -1rpx;
  144. }
  145. .closeRule{
  146. position: fixed;
  147. right: 70rpx;
  148. top: 102rpx;
  149. width: 56rpx;
  150. height: 57rpx;
  151. }
  152. .prizeWindow{
  153. position: relative;
  154. width: 501rpx;
  155. height: 620rpx;
  156. }
  157. .prizeWindowBg{
  158. width: 100%;
  159. height: 100%;
  160. }
  161. .prizeGroup{
  162. position: absolute;
  163. left: 0;
  164. top: 0;
  165. width: 100%;
  166. height: 100%;
  167. display: flex;
  168. flex-direction: column;
  169. align-items: center;
  170. }
  171. .prizeWindowClose{
  172. position: absolute;
  173. top: -32rpx;
  174. right: -32rpx;
  175. width: 42rpx;
  176. height: 42rpx;
  177. }
  178. .prizeImg{
  179. margin-top: 85rpx;
  180. width:347rpx;
  181. height: 256rpx;
  182. }
  183. .prizeTip{
  184. margin-top: 44rpx;
  185. width: 362rpx;
  186. height: 66rpx;
  187. }
  188. .prizeBtn{
  189. margin-top: 43rpx;
  190. width: 388rpx;
  191. height: 60rpx;
  192. }
  193. .prizeImg2{
  194. width: 416rpx;
  195. height: 282rpx;
  196. margin-top: 85rpx;
  197. }
  198. .prizeImg3{
  199. width: 294rpx;
  200. height: 100rpx;
  201. margin-top: 85rpx;
  202. margin-bottom: 6rpx;
  203. }