C端小程序
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

222 linhas
4.0 KiB

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