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

guessSecond.wxss 2.8KB

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