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.

199 lines
3.2KB

  1. /* pages/givePage/givePage.wxss */
  2. page{
  3. height: 100%;
  4. background-color: #f9f6f6;
  5. }
  6. .all{
  7. height: 100%;
  8. }
  9. .ticketImg{
  10. width: 100%;
  11. height: 472rpx;
  12. }
  13. .imgView{
  14. width: 100%;
  15. height: 300rpx;
  16. overflow: hidden;
  17. border-radius:0px 0px 30rpx 30rpx;
  18. position: relative
  19. }
  20. .tooth{
  21. display: block;
  22. width: 694rpx;
  23. height: 10rpx;
  24. position: absolute;
  25. left: 50%;
  26. bottom: -4rpx;
  27. transform: translateX(-50%);
  28. }
  29. .buyNum{
  30. width: 100%;
  31. height: 190rpx;
  32. display: flex;
  33. justify-content: space-between;
  34. align-items: center;
  35. background-color: #ffffff;
  36. border-radius: 30rpx;
  37. }
  38. .line{
  39. margin-left: 94rpx;
  40. margin-right: 46rpx;
  41. width: 1rpx;
  42. height: 126rpx;
  43. background-color: rgba(204,204,204,1);
  44. }
  45. .chooseNum{
  46. display: flex;
  47. align-items: center;
  48. border: 2rpx solid #f9f6f6;
  49. padding: 0 20rpx;
  50. }
  51. .chooseNum text{
  52. font-size: 30rpx;
  53. font-weight:bold;
  54. color:rgba(51,51,51,1);
  55. }
  56. .inputNum{
  57. width: 70rpx;
  58. margin: 0 15rpx;
  59. text-align: center;
  60. background-color: #f9f6f6;
  61. }
  62. .subtract{
  63. width: 28rpx;
  64. height: 4rpx;
  65. }
  66. .textAdd{
  67. width: 28rpx;
  68. height: 28rpx;
  69. }
  70. .subtractView{
  71. width: 28rpx;
  72. height: 28rpx;
  73. display: flex;
  74. justify-content: center;
  75. align-items: center;
  76. background: #ffffff;
  77. }
  78. .ticketName{
  79. font-size:36rpx;
  80. font-family:SourceHanSansCN;
  81. font-weight:bold;
  82. color:rgba(51,51,51,1);
  83. margin-left: 96rpx;
  84. }
  85. .lineRig{
  86. margin-right: 35rpx;
  87. }
  88. .giveFrind{
  89. padding: 47rpx 41rpx 47rpx 32rpx;
  90. display: flex;
  91. justify-content: space-between;
  92. align-items: center;
  93. background-color: #ffffff;
  94. border-radius: 30rpx;
  95. margin: 8rpx 0;
  96. }
  97. .giveView{
  98. font-size:26rpx;
  99. font-family:SourceHanSansCN;
  100. font-weight:bold;
  101. color:rgba(51,51,51,1);
  102. line-height:30px;
  103. }
  104. .surplus{
  105. display: inline-block;
  106. width:34rpx;
  107. height:70rpx;
  108. font-size:36rpx;
  109. font-family:SourceHanSansCN;
  110. font-weight:bold;
  111. color:rgba(51,51,51,1);
  112. }
  113. .bigWord{
  114. font-size:100rpx;
  115. font-family:DINPro;
  116. font-weight:bold;
  117. color:rgba(235,97,0,1);
  118. }
  119. .smaWord{
  120. font-size:30rpx;
  121. font-family:SourceHanSansCN;
  122. font-weight:bold;
  123. color:rgba(51,51,51,1);
  124. }
  125. .title{
  126. display: inline-block;
  127. width: 100%;
  128. margin: 57rpx 0 7rpx 0;
  129. text-align: center;
  130. font-size:30rpx;
  131. font-family:SourceHanSansCN;
  132. font-weight:bold;
  133. color:rgba(51,51,51,1);
  134. line-height:30rpx;
  135. }
  136. .timeLimit{
  137. height: 26rpx;
  138. display: flex;
  139. align-items: center;
  140. margin-top: 23rpx;
  141. margin-bottom: 15rpx;
  142. }
  143. .timeLimit image{
  144. width: 20rpx;
  145. height: 20rpx;
  146. margin-left: 32rpx;
  147. margin-right: 16rpx;
  148. }
  149. .timeLimit text{
  150. font-size:26rpx;
  151. font-family:SourceHanSansCN;
  152. font-weight:bold;
  153. color:rgba(51,51,51,1);
  154. line-height:30rpx;
  155. }
  156. .specify{
  157. font-size:22rpx;
  158. font-family:SourceHanSansCN;
  159. font-weight:400;
  160. color:rgba(102,102,102,1);
  161. line-height:30rpx;
  162. width: 613rpx;
  163. margin-left: 69rpx;
  164. }
  165. .giveBtn{
  166. width: 100%;
  167. height: 98rpx;
  168. }
  169. .shareBtn{
  170. width: 100%;
  171. height: 98rpx;
  172. margin-top: 12rpx;
  173. padding: 0;
  174. border-radius: 0;
  175. }
  176. .circleLeft{
  177. background-color: #f9f6f6;
  178. border-radius: 50%;
  179. width: 50rpx;
  180. height: 50rpx;
  181. position: absolute;
  182. left: -25rpx;
  183. }
  184. .circleRig{
  185. background-color: #f9f6f6;
  186. border-radius: 50%;
  187. width: 50rpx;
  188. height: 50rpx;
  189. position: absolute;
  190. right: -25rpx;
  191. }
  192. .botAll{
  193. background-color: #ffffff;
  194. border-radius: 30rpx;
  195. }