C端小程序
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

177 рядки
2.8 KiB

  1. @import "../iconfont.wxss";
  2. .searchicon{
  3. margin-right: 5rpx;
  4. }
  5. .search{
  6. z-index:5000;
  7. left:0;
  8. right: 0;
  9. margin: auto;
  10. width: 700rpx;
  11. height: 68rpx;
  12. line-height: 68rpx;
  13. border:1px solid #ccc;
  14. background: #F4F5F9;
  15. border-radius:10rpx;
  16. text-align: center;
  17. color: #999;
  18. font-size:30rpx;
  19. }
  20. .under_line{
  21. width: 100%;
  22. }
  23. .scrollY {
  24. width: 134rpx;
  25. position: fixed;
  26. left: 0;
  27. background:#F4F5F9;
  28. }
  29. .text-style {
  30. position: relative;
  31. width: 139rpx;
  32. height: 100rpx;
  33. line-height: 100rpx;
  34. text-align: center;
  35. font-size: 30rpx;
  36. font-family: PingFangSC-Semibold;
  37. color: #3C3C3C;
  38. background: #FFFFFF;
  39. font-weight:500;
  40. }
  41. .text-styleHover{
  42. position: relative;
  43. width: 139rpx;
  44. height: 100rpx;
  45. line-height: 100rpx;
  46. text-align: center;
  47. font-size: 26rpx;
  48. font-family: PingFangSC-Semibold;
  49. color: #A6A6A6;
  50. }
  51. .text-style text{
  52. font-size: 26rpx;
  53. }
  54. .active1 {
  55. font-size: 26rpx!important;
  56. }
  57. .active {
  58. position: absolute;
  59. left: 4rpx;
  60. bottom: 0rpx;
  61. top:0;
  62. margin: auto;
  63. width:12rpx;
  64. height:24rpx;
  65. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  66. border-radius:7rpx;
  67. }
  68. .posi {
  69. position: relative;
  70. width: 616rpx;
  71. float: right;
  72. }
  73. .posi>view:nth-child(2) {
  74. width: 100%;
  75. display: flex;
  76. justify-content: space-between;
  77. box-sizing: border-box;
  78. }
  79. .posi>view:nth-child(2) text:nth-child(1) {
  80. font-size: 30rpx;
  81. color: #a9a9a9;
  82. }
  83. .posi>view:nth-child(2) text:nth-child(2) {
  84. font-size: 30rpx;
  85. color: #a9a9a9;
  86. }
  87. .posi_logo {
  88. position: relative;
  89. width:576rpx!important;
  90. height:176rpx;
  91. background:rgba(255,255,255,1);
  92. box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.04);
  93. border-radius:16rpx;
  94. margin: 20rpx;
  95. overflow: hidden;
  96. }
  97. .tel {
  98. position: absolute;
  99. right: 3%;
  100. top: 0;
  101. bottom: 0;
  102. margin: auto;
  103. width: 50rpx;
  104. height: 50rpx;
  105. }
  106. .merchants{
  107. width: 90%;
  108. display: flex;
  109. background: #fff;
  110. padding-right:5%;
  111. overflow: hidden;
  112. }
  113. .position{
  114. text-align: center;
  115. margin-top: 100rpx;
  116. color: #999;
  117. }
  118. .leftBox{
  119. padding: 20rpx 0;
  120. }
  121. .merchants view:nth-child(1) image {
  122. display: block;
  123. width: 120rpx;
  124. height: 120rpx;
  125. border-radius: 16rpx;
  126. }
  127. .shopVo{
  128. margin-left: 20rpx;
  129. }
  130. .merchantName{
  131. color: #3C3C3C;
  132. font-size: 32rpx;
  133. margin-left: 20rpx;
  134. width: 60%;
  135. overflow: hidden;
  136. text-overflow:ellipsis;
  137. white-space: nowrap;
  138. margin-top: 10rpx;
  139. }
  140. .shopVo text{
  141. float: left;
  142. }
  143. page {
  144. padding: 0 0 30rpx;
  145. }
  146. .text{
  147. display: block;
  148. width: 25%;
  149. text-align: center;
  150. }
  151. .view view:nth-of-type(1) {
  152. font-size: 28rpx;
  153. color: #888;
  154. }
  155. .shopVoList{
  156. padding-left: 0!important;
  157. display: inline-block!important;
  158. width: 345rpx;
  159. white-space: nowrap;
  160. text-overflow: ellipsis;
  161. overflow: hidden;
  162. }
  163. .shopVoList text{
  164. font-size: 20rpx!important;
  165. color: #b8b8b8!important;
  166. margin-right: 10rpx;
  167. }