抖音小程序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.

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