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.

169 line
2.7KB

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