抖音c端
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

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