抖音c端
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

confirmation.ttss 2.6 KiB

vor 1 Jahr
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. .commodityBox {
  2. background-color: #fff;
  3. width: 96%;
  4. border-radius: 12rpx;
  5. overflow: hidden;
  6. margin: 10rpx auto;
  7. }
  8. .commodityImgBox {
  9. width: 160rpx;
  10. height: 160rpx;
  11. overflow: hidden;
  12. float: left;
  13. margin: 20rpx;
  14. border-radius: 8rpx;
  15. }
  16. .commodityImg {
  17. width: 100%;
  18. height: 100%;
  19. }
  20. .serviceBox {
  21. float: right;
  22. margin-top: 48rpx;
  23. margin-right: 14rpx;
  24. height: 40rpx;
  25. width: 40rpx;
  26. background-color: #fff;
  27. }
  28. .fuwuLogoBox {
  29. width: 40rpx;
  30. height: 40rpx;
  31. line-height: 0;
  32. }
  33. .itemLogo {
  34. width: 100%;
  35. height: 100%;
  36. }
  37. .contentBox {
  38. width: 500rpx;
  39. float: left;
  40. height: 100rpx;
  41. margin-top: 20rpx;
  42. }
  43. .topBox {
  44. overflow: hidden;
  45. }
  46. .title {
  47. height: 90rpx;
  48. font-size: 32rpx;
  49. width: 400rpx;
  50. float: left;
  51. text-overflow: ellipsis;
  52. display: -webkit-box;
  53. -webkit-box-orient: vertical;
  54. -webkit-line-clamp: 2;
  55. /* 这里是超出几行省略 */
  56. overflow: hidden;
  57. }
  58. .unit {
  59. float: right;
  60. font-size: 30rpx;
  61. }
  62. .subhead {
  63. margin-top: 4rpx;
  64. color: #a6a6a6;
  65. font-size: 24rpx;
  66. }
  67. .app-border-topX {
  68. width: 100%;
  69. height: 140rpx;
  70. background-color: #fff;
  71. overflow: hidden;
  72. position: fixed;
  73. left: 0;
  74. bottom: 0;
  75. }
  76. .actually {
  77. margin-left: 10%;
  78. font-size: 28rpx;
  79. color: #a6a6a6;
  80. line-height: 140rpx;
  81. float: left;
  82. }
  83. .payZ {
  84. margin-left: 6rpx;
  85. font-size: 24rpx;
  86. color: #d5af67;
  87. line-height: 144rpx;
  88. float: left;
  89. }
  90. .price {
  91. font-size: 30rpx;
  92. color: #d5af67;
  93. line-height: 140rpx;
  94. float: left;
  95. }
  96. .buyX {
  97. float: right;
  98. background: linear-gradient(270deg, #DDAB5A, #B8832D);
  99. /* width: 80rpx; */
  100. color: #fff;
  101. font-size: 30rpx;
  102. border-radius: 60rpx;
  103. margin: 30rpx 40rpx;
  104. padding: 20rpx 40rpx;
  105. }
  106. .go {
  107. height: 120rpx;
  108. width: 96%;
  109. border-radius: 6px;
  110. overflow: hidden;
  111. margin: 5px auto;
  112. background-color: #fff;
  113. }
  114. .goTitle {
  115. float: left;
  116. line-height: 120rpx;
  117. font-size: 30rpx;
  118. /* color: #a6a6a6; */
  119. margin-left: 20rpx;
  120. }
  121. .goImg {
  122. float: right;
  123. width: 20rpx;
  124. height: 40rpx;
  125. margin: 40rpx 20rpx;
  126. }
  127. .addressPicker {
  128. font-size: 30rpx;
  129. background-color: #fff;
  130. border-radius: 20rpx;
  131. padding: 30rpx;
  132. margin: 10rpx auto;
  133. }
  134. .addressPickerFlex {
  135. display: flex;
  136. justify-content: space-between;
  137. font-size: 30rpx;
  138. background-color: #fff;
  139. border-radius: 20rpx;
  140. padding: 30rpx;
  141. margin: 10rpx auto;
  142. }
  143. .pickerInside {
  144. color: #8a8a8a;
  145. }
  146. .distanceFoot {
  147. font-size: 25rpx;
  148. color: #3c89ff;
  149. }