抖音c端
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.

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