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

158 satır
2.6KB

  1. /* pages/prizes/prizes.wxss */
  2. image{
  3. display: block;
  4. }
  5. view{
  6. -webkit-overflow-scrolling: touch;
  7. }
  8. .main{
  9. height: calc(100vh - 150rpx);
  10. overflow: auto;
  11. padding-top: 222rpx;
  12. padding-bottom: 152rpx;
  13. box-sizing: border-box;
  14. }
  15. .prizeTitle{
  16. width:710rpx;
  17. height:70rpx;
  18. margin: 0 auto;
  19. }
  20. .ticketGroup{
  21. padding: 0 45rpx;
  22. display: flex;
  23. align-items: center;
  24. justify-content: space-between;
  25. margin-top:35rpx;
  26. }
  27. .prizeTicket{
  28. display: flex;
  29. flex-direction: column;
  30. align-items: center;
  31. }
  32. .prizeTicketPic{
  33. width: 206rpx;
  34. height: 83rpx;
  35. }
  36. .prizeTicketName{
  37. font-size:20rpx;
  38. line-height: 20rpx;
  39. font-family:PingFang;
  40. font-weight:400;
  41. color:rgba(35,33,34,1);
  42. margin-top: 30rpx;
  43. }
  44. .thirdAward{
  45. width:128rpx;
  46. height:30rpx;
  47. background-color: #17528A;
  48. font-size:18rpx;
  49. line-height: 30rpx;
  50. font-family:PingFang;
  51. font-weight:400;
  52. color:rgba(255,255,255,1);
  53. border-radius: 20rpx;
  54. text-align: center;
  55. margin-top: 65rpx;
  56. margin-left: 45rpx;
  57. }
  58. .thirdAwardGroup{
  59. display: flex;
  60. align-items: center;
  61. justify-content: space-between;
  62. padding: 0 45rpx;
  63. }
  64. .threeFrame{
  65. display: flex;
  66. flex-direction: column;
  67. align-items: center;
  68. margin-top: 45rpx;
  69. }
  70. .threeGroup{
  71. width: 168rpx;
  72. height: 191rpx;
  73. display: flex;
  74. align-items: center;
  75. justify-content: center;
  76. }
  77. .three1{
  78. width: 86rpx;
  79. height: 191rpx;
  80. }
  81. .three2{
  82. width: 168rpx;
  83. height: 168rpx;
  84. }
  85. .three3{
  86. width: 147rpx;
  87. height: 166rpx;
  88. }
  89. .threeText{
  90. line-height: 20rpx;
  91. font-size:20rpx;
  92. font-family:PingFang;
  93. font-weight:400;
  94. color:rgba(35,33,34,1);
  95. margin-top: 30rpx;
  96. }
  97. .introductionGroup{
  98. display: flex;
  99. align-items: center;
  100. justify-content: space-between;
  101. flex-wrap: wrap;
  102. padding: 0 45rpx;
  103. }
  104. .introduction{
  105. display: flex;
  106. flex-direction: column;
  107. align-items: center;
  108. padding-top: 15rpx;
  109. }
  110. .introductionPic{
  111. width: 194rpx;
  112. height: 107rpx;
  113. margin-bottom: 26rpx;
  114. margin-top: 30rpx;
  115. }
  116. .introductionText{
  117. font-size:20rpx;
  118. line-height: 20rpx;
  119. font-family:PingFang;
  120. font-weight:400;
  121. color:rgba(35,33,34,1);
  122. }
  123. .immediateFetching{
  124. position: fixed;
  125. left: 0;
  126. bottom: 150rpx;
  127. width: 750rpx;
  128. padding-top: 37rpx;
  129. padding-bottom: 45rpx;
  130. background-color: white;
  131. }
  132. .firstPrize{
  133. display: flex;
  134. flex-direction: column;
  135. align-items: center;
  136. margin-top: 35rpx;
  137. }
  138. .firstPrizePic{
  139. width:119rpx;
  140. height:204rpx;
  141. }
  142. .firstPrizeText{
  143. line-height: 28rpx;
  144. font-size:28rpx;
  145. font-family:PingFang;
  146. font-weight:400;
  147. color:rgba(35,33,34,1);
  148. margin-top: 30rpx;
  149. }
  150. .prizeTitleFrame{
  151. position: fixed;
  152. top: 0;
  153. left: 0;
  154. padding-top: 87rpx;
  155. padding-bottom:65rpx;
  156. background-color: white;
  157. width: 750rpx;
  158. }