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

191 рядки
3.0 KiB

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