抖音c端
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

511 lines
7.9 KiB

  1. .boatBox {
  2. width: 100% !important;
  3. height: 96rpx;
  4. display: flex;
  5. justify-content: space-around;
  6. background-color: #fff;
  7. }
  8. .boatBoxf {
  9. width: 100% !important;
  10. position: fixed;
  11. top: 0;
  12. left: 0;
  13. z-index: 10000;
  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. color: #d4a971;
  29. }
  30. .boatA {
  31. /* #fb3e5c */
  32. width: 80rpx;
  33. height: 6rpx;
  34. background-color: #d4a971;
  35. margin: 0 auto;
  36. border-radius: 10rpx;
  37. }
  38. .picker {
  39. margin-top: 100rpx;
  40. }
  41. .market {
  42. width: 100%;
  43. height: 100%;
  44. background: #F4F5F9;
  45. margin-top: 20rpx;
  46. }
  47. .tabs {
  48. position: fixed;
  49. width: 100% !important;
  50. height: 96rpx;
  51. /* top: 0; */
  52. left: 0;
  53. right: 0;
  54. text-align: center;
  55. z-index: 10000000;
  56. font-size: 26rpx;
  57. background: #FFF;
  58. }
  59. .i-tab {
  60. width: 30% !important;
  61. display: inline-block;
  62. }
  63. .section {
  64. background: #FFFFFF;
  65. overflow: hidden;
  66. }
  67. .detail_msg {
  68. position: relative;
  69. width: 92%;
  70. background: #fff;
  71. display: flex;
  72. margin: 0 30rpx;
  73. padding-bottom: 20rpx;
  74. padding-top: 20rpx;
  75. /* border-bottom: 1rpx solid #eee; */
  76. }
  77. .sendImg {
  78. position: absolute;
  79. width: 100rpx;
  80. top: 100rpx;
  81. right: 6rpx;
  82. }
  83. .logo {
  84. display: block;
  85. width: 120rpx;
  86. height: 120rpx;
  87. border: 1px solid #f8f8f8;
  88. border-radius: 20rpx;
  89. }
  90. .logo image {
  91. display: block;
  92. width: 120rpx;
  93. height: 120rpx;
  94. border-radius: 20rpx;
  95. }
  96. .detail_top {
  97. width: 100%;
  98. height: 40rpx;
  99. line-height: 40rpx;
  100. font-size: 30rpx;
  101. padding-top: 30rpx;
  102. }
  103. .detail_top view:nth-child(1) {
  104. display: flex;
  105. justify-content: space-between;
  106. padding: 0 4% 0 4%;
  107. }
  108. .info {
  109. width: 100%;
  110. }
  111. .sub {
  112. font-size: 24rpx !important;
  113. color: #919191 !important;
  114. letter-spacing: 0;
  115. line-height: 33rpx;
  116. padding-left: 4%;
  117. height: 33rpx;
  118. overflow: hidden;
  119. white-space: wrap;
  120. text-overflow: ellipsis;
  121. }
  122. .info view:nth-child(1) text {
  123. display: inline-block;
  124. width: 300rpx;
  125. font-size: 30rpx;
  126. letter-spacing: 0;
  127. height: 42rpx;
  128. overflow: hidden;
  129. line-height: 42rpx;
  130. white-space: nowrap;
  131. text-overflow: ellipsis;
  132. }
  133. .discount {
  134. position: absolute;
  135. width: 100rpx;
  136. top: 86rpx;
  137. right: 2rpx;
  138. }
  139. .detail_top .sucess {
  140. display: inline-block;
  141. width: 123rpx !important;
  142. /* overflow: hidden; */
  143. font-family: PingFangSC-Regular;
  144. font-size: 28rpx;
  145. font-weight: 400;
  146. color: #2C8DFF;
  147. letter-spacing: 0;
  148. text-align: right;
  149. line-height: 26px;
  150. }
  151. .wait {
  152. display: inline-block;
  153. width: 123rpx !important;
  154. overflow: visible !important;
  155. font-size: 28rpx;
  156. color: #FD832D;
  157. letter-spacing: 0;
  158. text-align: right;
  159. line-height: 28rpx !important;
  160. }
  161. .close {
  162. display: inline-block;
  163. width: 123rpx !important;
  164. overflow: hidden;
  165. font-size: 28rpx;
  166. color: #999;
  167. letter-spacing: 0;
  168. text-align: right;
  169. line-height: 28rpx;
  170. }
  171. /*
  172. .info view:nth-child(2),
  173. .info view:nth-child(3),
  174. .info view:nth-child(4) {
  175. color: #333;
  176. font-size: 24rpx;
  177. } */
  178. .value {
  179. font-size: 24rpx;
  180. color: #999;
  181. letter-spacing: 0;
  182. padding-left: 4%;
  183. line-height: 33rpx;
  184. }
  185. .value text {
  186. font-size: 24rpx;
  187. color: #333;
  188. letter-spacing: 0;
  189. line-height: 33rpx;
  190. }
  191. .info view:nth-child(3) {
  192. margin-top: 16rpx;
  193. }
  194. .info view:nth-child(2) {
  195. margin-top: 16rpx;
  196. }
  197. .payment {
  198. position: relative;
  199. width: 92%;
  200. height: 80rpx;
  201. line-height: 88rpx;
  202. padding: 0 4%;
  203. display: flex;
  204. justify-content: space-between;
  205. border-bottom: 8rpx solid #eee;
  206. border-top: 1rpx solid #eee;
  207. }
  208. .payment view:nth-child(1) text:nth-child(1) {
  209. font-size: 24rpx;
  210. color: #1f2d3d;
  211. letter-spacing: 0;
  212. }
  213. .payment view:nth-child(1) text:nth-child(2) {
  214. font-size: 28rpx;
  215. color: #ff4949;
  216. letter-spacing: 0;
  217. margin-left: 10rpx;
  218. }
  219. .payment view:nth-child(1) text:nth-child(3) {
  220. font-size: 24rpx;
  221. color: #b4b4b4;
  222. padding-left: 18rpx;
  223. text-decoration: line-through;
  224. }
  225. .btn {
  226. position: absolute;
  227. bottom: 0;
  228. right: 0;
  229. width: 118rpx;
  230. height: 52rpx;
  231. line-height: 52rpx;
  232. text-align: center;
  233. color: #fff;
  234. float: right;
  235. font-size: 26rpx;
  236. border-radius: 20rpx;
  237. background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
  238. }
  239. /* .btnZf{
  240. position: absolute;
  241. bottom: 0;
  242. right: 0;
  243. width: 118rpx;
  244. height: 52rpx;
  245. line-height: 52rpx;
  246. text-align: center;
  247. color: #fff;
  248. float: right;
  249. font-size: 26rpx;
  250. border-radius: 20rpx;
  251. background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
  252. } */
  253. .btnZf {
  254. position: absolute;
  255. bottom: 0;
  256. right: 0;
  257. width: 100rpx;
  258. height: 40rpx;
  259. line-height: 40rpx;
  260. text-align: center;
  261. color: #999;
  262. float: right;
  263. font-size: 24rpx;
  264. border-radius: 10rpx;
  265. border: 1rpx solid #d4a971;
  266. /* background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); */
  267. }
  268. .cancel {
  269. position: absolute;
  270. bottom: 0;
  271. right: 120rpx;
  272. width: 90rpx;
  273. height: 40rpx;
  274. line-height: 40rpx;
  275. text-align: center;
  276. color: #999;
  277. float: right;
  278. font-size: 24rpx;
  279. border-radius: 10rpx;
  280. border: 1rpx solid #d4a971;
  281. }
  282. .btnGm {
  283. position: absolute;
  284. bottom: 0;
  285. right: 0;
  286. width: 118rpx;
  287. height: 52rpx;
  288. line-height: 52rpx;
  289. text-align: center;
  290. color: #fff;
  291. float: right;
  292. font-size: 28rpx;
  293. border: 2rpx solid #2C8DFF;
  294. border-radius: 30rpx;
  295. }
  296. .payment view:nth-child(2) text {
  297. font-size: 26rpx;
  298. color: #FFFFFF;
  299. }
  300. .txGm {
  301. font-size: 26rpx !important;
  302. color: #2C8DFF !important;
  303. }
  304. .dingdan {
  305. margin-top: 33rpx;
  306. }
  307. .dingdan text:nth-of-type(1) {
  308. display: block;
  309. font-size: 34rpx;
  310. color: #333;
  311. letter-spacing: 0;
  312. text-align: center;
  313. }
  314. .dingdan text:nth-of-type(2) {
  315. display: block;
  316. font-size: 28rpx;
  317. color: #999;
  318. letter-spacing: 0;
  319. text-align: center;
  320. }
  321. .dingdan image {
  322. display: block;
  323. width: 300rpx;
  324. height: 300rpx;
  325. margin: 0 auto 16rpx;
  326. }
  327. .loading {
  328. text-align: center;
  329. height: 80rpx;
  330. line-height: 80rpx;
  331. font-size: 26rpx;
  332. color: #999;
  333. }
  334. .loading image {
  335. width: 60rpx;
  336. height: 60rpx;
  337. vertical-align: middle;
  338. margin-right: 10rpx;
  339. }
  340. button::after {
  341. border: none;
  342. }
  343. .goback {
  344. position: fixed;
  345. right: 50rpx;
  346. bottom: 60rpx;
  347. width: 100rpx !important;
  348. height: 100rpx;
  349. z-index: 100;
  350. background: rgba(255, 255, 255, 1);
  351. line-height: 95rpx;
  352. border: 1rpx solid rgba(227, 227, 227, 1);
  353. border-radius: 50%;
  354. }
  355. .goback image {
  356. position: absolute;
  357. width: 60rpx;
  358. left: 0;
  359. right: 0;
  360. top: 0;
  361. bottom: 0;
  362. margin: auto;
  363. }
  364. .itemBox {
  365. overflow: hidden;
  366. margin: 0 50rpx 20rpx 50rpx;
  367. padding-bottom: 20rpx;
  368. position: relative;
  369. }
  370. .payStatus {
  371. text-align: right;
  372. }
  373. /* .payStatus .sucess {
  374. display: inline-block;
  375. width: 123rpx !important;
  376. font-family:PingFangSC-Regular;
  377. font-size: 28rpx;
  378. font-weight:400;
  379. color: #2C8DFF;
  380. letter-spacing: 0;
  381. text-align: right;
  382. line-height: 26px;
  383. } */
  384. .payStatus .sucess {
  385. display: inline-block;
  386. width: 123rpx !important;
  387. font-family: PingFangSC-Regular;
  388. font-size: 28rpx;
  389. font-weight: 400;
  390. color: #5cbb43;
  391. letter-spacing: 0;
  392. text-align: right;
  393. line-height: 26px;
  394. }
  395. .itemImg {
  396. float: left;
  397. display: block;
  398. width: 120rpx;
  399. height: 120rpx;
  400. border: 1px solid #f8f8f8;
  401. border-radius: 20rpx;
  402. }
  403. .itemImg image {
  404. display: block;
  405. width: 120rpx;
  406. height: 120rpx;
  407. border-radius: 20rpx;
  408. }
  409. .itemContent {
  410. float: left;
  411. width: 70%;
  412. }
  413. .face {
  414. font-size: 24rpx;
  415. color: #999;
  416. letter-spacing: 0;
  417. padding-left: 4%;
  418. line-height: 33rpx;
  419. }
  420. .face text {
  421. font-size: 24rpx;
  422. color: #333;
  423. letter-spacing: 0;
  424. line-height: 33rpx;
  425. }
  426. .date {
  427. /* margin-top: 16rpx; */
  428. font-size: 24rpx;
  429. color: #999;
  430. letter-spacing: 0;
  431. padding-left: 4%;
  432. line-height: 26rpx;
  433. }
  434. .yunfe {
  435. font-size: 24rpx;
  436. color: #999;
  437. letter-spacing: 0;
  438. padding-left: 4%;
  439. height: 33rpx;
  440. line-height: 33rpx;
  441. }
  442. .yunfeK {
  443. font-size: 24rpx;
  444. color: #999;
  445. letter-spacing: 0;
  446. padding-left: 4%;
  447. height: 25rpx;
  448. line-height: 33rpx;
  449. }