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

235 lines
4.0 KiB

  1. page {
  2. background: #f6f6f6;
  3. }
  4. .head {
  5. height: 227rpx;
  6. width: 681rpx;
  7. margin: -45rpx auto 0;
  8. position: relative;
  9. }
  10. picker {
  11. width: 180rpx;
  12. text-align:center;
  13. height: 45rpx;
  14. font-size: 30rpx;
  15. overflow: hidden;
  16. color: rgba(85, 85, 85, 1);
  17. margin: 0 auto;
  18. }
  19. .head image {
  20. position: absolute;
  21. width: 100%;
  22. height: 100% !important;
  23. left: 0;
  24. right: 0;
  25. top: 0;
  26. bottom: 0;
  27. z-index: 1;
  28. }
  29. .time {
  30. position: relative;
  31. display: flex;
  32. flex: 2.5;
  33. text-align: center;
  34. z-index: 10;
  35. align-items: center;
  36. }
  37. .time >view:nth-of-type(1), .time >view:nth-of-type(3) {
  38. flex: 1;
  39. }
  40. .time >view:nth-of-type(2) {
  41. flex: 0.5;
  42. }
  43. .time >view text {
  44. display: block;
  45. }
  46. .time >view text:nth-of-type(2n+1) {
  47. margin-top: 69rpx;
  48. }
  49. .time >view text:nth-of-type(2n+1) {
  50. color: #999;
  51. font-size: 26rpx;
  52. margin-bottom: 24rpx;
  53. }
  54. .time >view text:nth-of-type(2n) {
  55. color: rgba(153, 153, 153, 1);
  56. font-size: 32rpx;
  57. margin-top: 34rpx;
  58. }
  59. .btn {
  60. background: #51a0fc;
  61. height: 76rpx;
  62. line-height: 76rpx;
  63. display: block;
  64. width: 681rpx;
  65. margin: 0 auto;
  66. border-top-left-radius: 0 !important;
  67. border-top-right-radius: 0 !important;
  68. border-bottom-left-radius: 16rpx;
  69. border-bottom-right-radius: 16rpx;
  70. color: #fff;
  71. font-size: 30rpx;
  72. box-shadow: 0 9rpx 16rpx 0 rgba(81, 160, 252, 0.57);
  73. }
  74. button::after {
  75. border: none;
  76. }
  77. .active {
  78. opacity: 0.6;
  79. }
  80. .acount {
  81. width: 630rpx;
  82. display: flex;
  83. margin: 30rpx auto 0;
  84. padding: 35rpx 0;
  85. flex: 2;
  86. text-align: center;
  87. border-top: 1px solid #e3f0ff;
  88. }
  89. .acount>view {
  90. flex: 1;
  91. }
  92. .acount>view text {
  93. display: block;
  94. color: #999;
  95. font-size: 26rpx;
  96. }
  97. .acount>view text:nth-of-type(2n) {
  98. color: #333;
  99. font-size: 40rpx;
  100. margin-top: 20rpx;
  101. }
  102. .content {
  103. position: relative;
  104. padding: 0 35rpx;
  105. height: 145rpx;
  106. background: #fff;
  107. border-bottom: 1px solid #eaeaea;
  108. }
  109. .content>view:nth-of-type(2n+1) text {
  110. display: block;
  111. }
  112. .content>view:nth-of-type(2n+1) text:nth-of-type(1) {
  113. margin-top: 27rpx;
  114. }
  115. .content>view:nth-of-type(2n+1) text:nth-of-type(2) {
  116. margin-top: 10rpx;
  117. font-size: 26rpx;
  118. font-family: PingFang-SC-Bold;
  119. color: rgba(153, 153, 153, 1);
  120. }
  121. .content>view:nth-of-type(2n+1) {
  122. float: left;
  123. width: 40%;
  124. }
  125. .content>view:nth-of-type(2n) {
  126. width: 55%;
  127. float: right;
  128. text-align: right;
  129. }
  130. .nocontent {
  131. text-align: center;
  132. font-size: 30rpx;
  133. padding: 30rpx 0;
  134. }
  135. .contents {
  136. margin-top: 20rpx;
  137. }
  138. .content .fr text:nth-of-type(1) {
  139. margin-top: 36rpx;
  140. }
  141. .content .fr text:nth-of-type(1), .content .fr text:nth-of-type(3) {
  142. color:rgba(51,51,51,1);
  143. display: block;
  144. font-size: 28rpx;
  145. }
  146. .content .fr text:nth-of-type(2) {
  147. display: block;
  148. color:rgba(153,153,153,1);
  149. font-size: 26rpx;
  150. }
  151. .img {
  152. display: block;
  153. width: 100%;
  154. }
  155. .title {
  156. display: block;
  157. text-align: center;
  158. color: rgba(153, 153, 153, 1);
  159. font-size: 26rpx;
  160. }
  161. .total {
  162. display: block;
  163. text-align: center;
  164. font-size: 70rpx;
  165. margin: 36rpx 0;
  166. font-family: PingFang-SC-Bold;
  167. font-weight: bold;
  168. color: rgba(51, 51, 51, 1);
  169. }
  170. .acounts {
  171. width: 680rpx;
  172. margin: 48rpx auto 48rpx;
  173. border: 1px solid #51a0fc;
  174. border-radius: 16rpx;
  175. padding: 40rpx 0 0;
  176. background: #fff;
  177. }
  178. .daishou{
  179. width: 133rpx;
  180. height: 79rpx;
  181. position: absolute;
  182. top: 0;
  183. bottom: 0;
  184. right:264rpx;
  185. margin: auto;
  186. }
  187. .date-t{
  188. font-size:26rpx;
  189. font-family:PingFang-SC-Regular;
  190. font-weight:400;
  191. color:rgba(153,153,153,1);
  192. line-height:44rpx;
  193. padding:0 35rpx;
  194. margin: 10rpx 0;
  195. }
  196. .loading{
  197. color:rgba(51,51,51,1);
  198. font-size:28rpx;
  199. line-height: 40rpx;
  200. margin:30rpx 0;
  201. text-align: center;
  202. }