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.

173 lines
2.7 KiB

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