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

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