抖音c端
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

229 satır
3.4 KiB

  1. .boatBoxf {
  2. width: 100%;
  3. height: 90rpx;
  4. position: fixed;
  5. top: 0;
  6. left: 0;
  7. }
  8. .boatBox {
  9. width: 100%;
  10. height: 90rpx;
  11. display: flex;
  12. justify-content: space-around;
  13. background-color: #fff;
  14. }
  15. .boatTitle {
  16. font-size: 30rpx;
  17. text-align: center;
  18. height: 80rpx;
  19. line-height: 80rpx;
  20. color: #999;
  21. }
  22. .boatTitleA {
  23. font-size: 32rpx;
  24. text-align: center;
  25. height: 80rpx;
  26. line-height: 80rpx;
  27. font-weight: 500;
  28. }
  29. .picker {
  30. margin-top: 25rpx;
  31. padding: 17rpx 45rpx;
  32. margin-bottom: 15rpx;
  33. background-color: #fff;
  34. }
  35. .picker .inside {
  36. display: flex;
  37. justify-content: space-between;
  38. }
  39. .picker .inside .picker_item {
  40. font-size: 35rpx;
  41. }
  42. .picker .inside .img {
  43. width: 40rpx;
  44. height: 40rpx;
  45. }
  46. .boatA {
  47. width: 80rpx;
  48. height: 6rpx;
  49. background-color: #fb3e5c;
  50. margin: 0 auto;
  51. border-radius: 20rpx;
  52. }
  53. .ticketList {
  54. width: 90%;
  55. margin: 20rpx auto;
  56. overflow: hidden;
  57. }
  58. .ticketItem {
  59. float: left;
  60. background-color: #fff;
  61. border-radius: 20rpx;
  62. width: 80%;
  63. height: 140rpx;
  64. overflow: hidden;
  65. }
  66. .useBtn {
  67. float: left;
  68. border-radius: 20rpx;
  69. width: 20%;
  70. height: 140rpx;
  71. line-height: 140rpx;
  72. text-align: center;
  73. color: #FFFFFF;
  74. font-size: 30rpx;
  75. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%)
  76. }
  77. .nouseBtn {
  78. float: left;
  79. border-radius: 20rpx;
  80. width: 20%;
  81. height: 140rpx;
  82. line-height: 140rpx;
  83. text-align: center;
  84. color: #FFFFFF;
  85. font-size: 30rpx;
  86. background: #CECECE;
  87. }
  88. .shopImg {
  89. width: 88rpx;
  90. height: 88rpx;
  91. border: 1px solid #f8f8f8;
  92. border-radius: 50rpx;
  93. margin-left: 20rpx;
  94. margin-top: 30rpx;
  95. float: left;
  96. }
  97. .shopImg image {
  98. width: 100%;
  99. height: 100%;
  100. border: 1px solid #f8f8f8;
  101. border-radius: 50rpx;
  102. }
  103. .ticketData {
  104. margin-left: 20rpx;
  105. overflow: hidden;
  106. float: left;
  107. }
  108. .ticketTitle {
  109. font-size: 32rpx;
  110. margin-top: 30rpx;
  111. white-space: nowrap;
  112. text-overflow: ellipsis;
  113. overflow: hidden;
  114. width: 270rpx;
  115. }
  116. .date {
  117. font-size: 22rpx;
  118. margin-top: 10rpx;
  119. }
  120. .date::before {
  121. content: "有效期至:";
  122. font-size: 26rpx;
  123. }
  124. .loading {
  125. text-align: center;
  126. height: 80rpx;
  127. line-height: 80rpx;
  128. font-size: 26rpx;
  129. color: #999;
  130. }
  131. .loading image {
  132. width: 60rpx;
  133. height: 60rpx;
  134. vertical-align: middle;
  135. margin-right: 10rpx;
  136. }
  137. .dingdan {
  138. margin-top: 33rpx;
  139. }
  140. .dingdan text:nth-of-type(1) {
  141. display: block;
  142. font-size: 34rpx;
  143. color: #333;
  144. letter-spacing: 0;
  145. text-align: center;
  146. }
  147. .dingdan text:nth-of-type(2) {
  148. display: block;
  149. font-size: 28rpx;
  150. color: #999;
  151. letter-spacing: 0;
  152. text-align: center;
  153. }
  154. .dingdan image {
  155. display: block;
  156. width: 300rpx;
  157. height: 300rpx;
  158. margin: 0 auto 16rpx;
  159. }
  160. .wait {
  161. display: inline-block;
  162. width: 123rpx !important;
  163. overflow: visible !important;
  164. font-size: 28rpx;
  165. color: #FD832D;
  166. letter-spacing: 0;
  167. text-align: right;
  168. line-height: 28rpx !important;
  169. float: right;
  170. margin: 20rpx;
  171. }
  172. .sucess {
  173. display: inline-block;
  174. width: 123rpx !important;
  175. /* overflow: hidden; */
  176. font-family: PingFangSC-Regular;
  177. font-size: 28rpx;
  178. font-weight: 400;
  179. color: #2C8DFF;
  180. letter-spacing: 0;
  181. text-align: right;
  182. line-height: 26px;
  183. float: right;
  184. margin: 20rpx;
  185. }
  186. .close {
  187. display: inline-block;
  188. width: 123rpx !important;
  189. overflow: hidden;
  190. font-size: 28rpx;
  191. color: #999;
  192. letter-spacing: 0;
  193. text-align: right;
  194. line-height: 28rpx;
  195. float: right;
  196. margin: 20rpx;
  197. }