东风启辰小程序端
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

157 行
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. justify-content: space-between;
  30. align-items: center;
  31. margin-top: 30rpx;
  32. padding: 0 45rpx;
  33. }
  34. .prizeTicketPic{
  35. width: 162rpx;
  36. height: 162rpx;
  37. }
  38. .prizeTicketName{
  39. font-size:20rpx;
  40. line-height: 20rpx;
  41. font-family:PingFang;
  42. font-weight:400;
  43. color:rgba(35,33,34,1);
  44. text-align: center;
  45. }
  46. .thirdAward{
  47. width:128rpx;
  48. height:30rpx;
  49. background-color: #17528A;
  50. font-size:18rpx;
  51. line-height: 30rpx;
  52. font-family:PingFang;
  53. font-weight:400;
  54. color:rgba(255,255,255,1);
  55. border-radius: 20rpx;
  56. text-align: center;
  57. margin-top: 65rpx;
  58. margin-left: 45rpx;
  59. }
  60. .thirdAwardGroup{
  61. display: flex;
  62. align-items: center;
  63. padding: 0 45rpx;
  64. }
  65. .threeFrame{
  66. display: flex;
  67. flex-direction: column;
  68. align-items: center;
  69. margin-top: 45rpx;
  70. }
  71. .threeGroup{
  72. display: flex;
  73. align-items: center;
  74. justify-content: center;
  75. }
  76. .three1{
  77. width: 190rpx;
  78. height: 121rpx;
  79. }
  80. .three2{
  81. width: 184rpx;
  82. height: 117rpx;
  83. }
  84. .three3{
  85. width: 147rpx;
  86. height: 166rpx;
  87. }
  88. .threeText{
  89. line-height: 20rpx;
  90. font-size:20rpx;
  91. font-family:PingFang;
  92. font-weight:400;
  93. color:rgba(35,33,34,1);
  94. margin-top: 30rpx;
  95. }
  96. .introductionGroup{
  97. display: flex;
  98. align-items: center;
  99. flex-wrap: wrap;
  100. padding: 0 45rpx;
  101. }
  102. .introduction{
  103. display: flex;
  104. flex-direction: column;
  105. align-items: center;
  106. padding-top: 15rpx;
  107. }
  108. .introductionPic{
  109. width: 194rpx;
  110. height: 107rpx;
  111. margin-bottom: 26rpx;
  112. margin-top: 30rpx;
  113. }
  114. .introductionText{
  115. font-size:20rpx;
  116. line-height: 20rpx;
  117. font-family:PingFang;
  118. font-weight:400;
  119. color:rgba(35,33,34,1);
  120. text-align: center;
  121. }
  122. .immediateFetching{
  123. position: fixed;
  124. left: 0;
  125. bottom: 150rpx;
  126. width: 750rpx;
  127. padding-top: 37rpx;
  128. padding-bottom: 45rpx;
  129. background-color: white;
  130. }
  131. .firstPrize{
  132. display: flex;
  133. flex-direction: column;
  134. align-items: center;
  135. margin-top: 35rpx;
  136. }
  137. .firstPrizePic{
  138. width:460rpx;
  139. height:172rpx;
  140. }
  141. .firstPrizeText{
  142. line-height: 28rpx;
  143. font-size:28rpx;
  144. font-family:PingFang;
  145. font-weight:400;
  146. color:rgba(35,33,34,1);
  147. margin-top: 30rpx;
  148. }
  149. .prizeTitleFrame{
  150. position: fixed;
  151. top: 0;
  152. left: 0;
  153. padding-top: 87rpx;
  154. padding-bottom:65rpx;
  155. background-color: white;
  156. width: 750rpx;
  157. }