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

178 lines
3.7 KiB

  1. .components {
  2. display: block;
  3. height: auto;
  4. margin-top: 15rpx;
  5. background-color: #fff;
  6. }
  7. .components .header {
  8. height: 70rpx;
  9. }
  10. .components .header .applyshop {
  11. float: left;
  12. font-size: 30rpx;
  13. line-height: 70rpx;
  14. text-indent: 1em;
  15. color: #333;
  16. background: #fff;
  17. font-weight: bold;
  18. }
  19. .components .header .goShop {
  20. float: left;
  21. font-size: 22rpx;
  22. height: 70rpx;
  23. line-height: 70rpx;
  24. text-indent: 1em;
  25. color: #a6a6a6;
  26. background: #fff;
  27. font-weight: bold;
  28. margin-right: 25rpx;
  29. }
  30. .components .header .rightArrow {
  31. float: right;
  32. display: block;
  33. width: 14rpx;
  34. margin: 24rpx 30rpx 0 10rpx;
  35. }
  36. .components .body {
  37. border-bottom: 10rpx solid #f4f5f9;
  38. }
  39. .components .body .mall {
  40. margin-top: 15rpx;
  41. margin-bottom: 15rpx;
  42. padding-left: 25rpx;
  43. padding-right: 65rpx;
  44. }
  45. .components .body .mall .img {
  46. display: inline-block;
  47. width: 75rpx;
  48. height: 75rpx;
  49. }
  50. .components .body .mall .mallItem {
  51. position: relative;
  52. top: -26rpx;
  53. display: inline-block;
  54. margin-left: 25rpx;
  55. }
  56. .components .body .mall .mallItem .title {
  57. font-size: 28rpx;
  58. }
  59. .components .body .goExpand {
  60. text-align: center;
  61. font-size: 25rpx;
  62. color: #a6a6a6;
  63. }
  64. .components .body .goExpand .rightArrowDown {
  65. position: relative;
  66. left: 50%;
  67. transform: translate(-50%);
  68. display: block;
  69. width: 14rpx;
  70. transform: rotate(90deg);
  71. }
  72. .components .body .goExpand .rightArrowUp {
  73. position: relative;
  74. left: 50%;
  75. transform: translate(-50%);
  76. display: block;
  77. width: 14rpx;
  78. transform: rotate(-90deg);
  79. }
  80. .components .body .shop .posi {
  81. /* position: relative; */
  82. width: 100%;
  83. background: #FFF;
  84. margin-bottom: 20rpx;
  85. }
  86. .components .body .shop .posi .posi_logo {
  87. position: relative;
  88. width: 92%;
  89. display: flex;
  90. padding: 20rpx 0;
  91. background: #fff;
  92. margin: 0 auto;
  93. }
  94. .components .body .shop .posi .posi_logo view:nth-child(1) image {
  95. display: block;
  96. width: 100rpx;
  97. height: 100rpx;
  98. border-radius: 16rpx;
  99. margin-right: 16rpx;
  100. border: 1px solid #e5e5e5;
  101. }
  102. .components .body .shop .posi .posi_logo .name {
  103. font-size: 32rpx;
  104. color: #333;
  105. letter-spacing: 0;
  106. width: 500rpx;
  107. white-space: nowrap;
  108. text-overflow: ellipsis;
  109. overflow: hidden;
  110. }
  111. .components .body .shop .posi .posi_logo .shopVoList {
  112. white-space: nowrap !important;
  113. overflow-y: scroll;
  114. height: 90rpx !important;
  115. width: 360rpx;
  116. font-size: 16px;
  117. color: #333;
  118. letter-spacing: 0;
  119. }
  120. .components .body .shop .posi .posi_logo .shopVoList text {
  121. font-size: 20rpx !important;
  122. color: #b8b8b8 !important;
  123. }
  124. .components .body .shop .posi .posi_logo .telBox {
  125. position: absolute;
  126. right: 0;
  127. top: 0;
  128. bottom: 0;
  129. margin: auto;
  130. }
  131. .components .body .shop .posi .posi_logo .telBox .telImg {
  132. width: 50rpx;
  133. height: 50rpx;
  134. margin-top: 20rpx;
  135. }
  136. .components .body .shop .posi .posi_logo .telBox .telText {
  137. text-align: center;
  138. color: #b8b8b8 !important;
  139. font-size: 20rpx;
  140. }
  141. .components .body .shop .posi .posi_logo .certificationBox {
  142. position: absolute;
  143. right: 30rpx;
  144. top: 0;
  145. bottom: 0;
  146. margin: auto;
  147. }
  148. .components .body .shop .posi .posi_logo .certificationBox .certificationImg {
  149. width: 50rpx;
  150. height: 50rpx;
  151. margin-top: 20rpx;
  152. }
  153. .components .body .shop .posi .posi_logo .certificationBox .telText {
  154. text-align: center;
  155. color: #b8b8b8 !important;
  156. font-size: 20rpx;
  157. }
  158. .components .body .shop .posi .siteBox {
  159. overflow: hidden;
  160. width: 92%;
  161. margin: 0 auto 1rpx auto;
  162. padding-bottom: 10rpx;
  163. }
  164. .components .body .shop .posi .siteBox .siteText {
  165. width: 90%;
  166. float: left;
  167. font-size: 24rpx;
  168. color: #333;
  169. overflow: hidden;
  170. white-space: nowrap;
  171. text-overflow: ellipsis;
  172. }
  173. .components .body .shop .posi .siteBox .siteImg {
  174. float: right;
  175. width: 40rpx;
  176. height: 40rpx;
  177. }