C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

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