抖音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.

257 lines
4.2 KiB

  1. @import "../iconfont.ttss";
  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. .bgBox{
  14. background-image: linear-gradient(#ffffff, #F4F5F9);
  15. height: 500rpx;
  16. }
  17. .goSqunar1 {
  18. display: flex;
  19. justify-content: center;
  20. background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin_ifomall/imgData/topback_1.png');
  21. background-size: 100% 100%;
  22. background-repeat: no-repeat;
  23. position: relative;
  24. height: 190rpx;
  25. }
  26. .squareLogo{
  27. width: 94rpx;
  28. height: 40rpx;
  29. position: absolute;
  30. left: 30rpx;
  31. /* top: 44%; */
  32. }
  33. .title1 {
  34. max-width:320rpx;
  35. color: #402e1e;
  36. font-family: "PingFangSC-Medium";
  37. font-size: 28rpx;
  38. font-weight: 400;
  39. text-overflow: ellipsis;
  40. white-space: nowrap;
  41. overflow: hidden;
  42. }
  43. .xia {
  44. width: 24rpx;
  45. height: 14rpx;
  46. margin: auto 10rpx;
  47. display: block;
  48. position: absolute;
  49. top: 0;
  50. left: 0;
  51. right: 0;
  52. bottom: 0;
  53. /* margin: auto; */
  54. }
  55. .search{
  56. z-index:5000;
  57. left:0;
  58. right: 0;
  59. margin: auto;
  60. width: 700rpx;
  61. height: 68rpx;
  62. line-height: 68rpx;
  63. border:1px solid #ccc;
  64. background: #F4F5F9;
  65. border-radius:10rpx;
  66. text-align: center;
  67. color: #999;
  68. font-size:30rpx;
  69. }
  70. .under_line{
  71. width: 100%;
  72. }
  73. .scrollY {
  74. width: 134rpx;
  75. position: fixed;
  76. left: 0;
  77. background:#F4F5F9;
  78. /* top:240rpx; */
  79. margin-top: 40rpx;
  80. overflow: scroll;
  81. }
  82. .text-style {
  83. position: relative;
  84. width: 139rpx;
  85. height: 100rpx;
  86. line-height: 100rpx;
  87. text-align: center;
  88. font-size: 30rpx;
  89. font-family: PingFangSC-Semibold;
  90. color: #3C3C3C;
  91. background: #FFFFFF;
  92. font-weight:500;
  93. }
  94. .text-styleHover{
  95. position: relative;
  96. width: 139rpx;
  97. height: 100rpx;
  98. line-height: 100rpx;
  99. text-align: center;
  100. font-size: 26rpx;
  101. font-family: PingFangSC-Semibold;
  102. color: #A6A6A6;
  103. }
  104. .text-style text{
  105. font-size: 26rpx;
  106. }
  107. .active1 {
  108. font-size: 26rpx!important;
  109. }
  110. .active {
  111. position: absolute;
  112. left: 4rpx;
  113. bottom: 0rpx;
  114. top:0;
  115. margin: auto;
  116. width:12rpx;
  117. height:24rpx;
  118. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  119. border-radius:7rpx;
  120. }
  121. .lists{
  122. overflow: scroll;
  123. margin-bottom: 200rpx;
  124. }
  125. .posi {
  126. position: relative;
  127. width: 616rpx;
  128. float: right;
  129. margin-top: 20rpx;
  130. margin-bottom: 200rpx;
  131. }
  132. .posi>view:nth-child(2) {
  133. width: 100%;
  134. display: flex;
  135. justify-content: space-between;
  136. box-sizing: border-box;
  137. }
  138. .posi>view:nth-child(2) text:nth-child(1) {
  139. font-size: 30rpx;
  140. color: #a9a9a9;
  141. }
  142. .posi>view:nth-child(2) text:nth-child(2) {
  143. font-size: 30rpx;
  144. color: #a9a9a9;
  145. }
  146. .posi_logo {
  147. position: relative;
  148. width:576rpx!important;
  149. height:176rpx;
  150. background:rgba(255,255,255,1);
  151. box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.04);
  152. border-radius:16rpx;
  153. margin: 20rpx;
  154. overflow: hidden;
  155. }
  156. .floor{
  157. width: 80rpx;
  158. height: 40rpx;
  159. line-height: 40rpx;
  160. position: absolute;
  161. top: 0;
  162. right: 0;
  163. border-radius:0 16rpx 0 0;
  164. background-color: #d5af67;
  165. color: #fff;
  166. font-size: 22rpx;
  167. text-align: center;
  168. }
  169. .tel {
  170. position: absolute;
  171. right: 3%;
  172. top: 0;
  173. bottom: 0;
  174. margin: auto;
  175. width: 50rpx;
  176. height: 50rpx;
  177. }
  178. .merchants{
  179. width: 90%;
  180. display: flex;
  181. background: #fff;
  182. padding-right:5%;
  183. overflow: hidden;
  184. }
  185. .merchants view:nth-child(1) image {
  186. display: block;
  187. width: 120rpx;
  188. height: 120rpx;
  189. border-radius: 16rpx;
  190. }
  191. .position{
  192. text-align: center;
  193. margin-top: 100rpx;
  194. color: #999;
  195. }
  196. .leftBox{
  197. padding: 20rpx 0;
  198. }
  199. .shopVo{
  200. margin-left: 20rpx;
  201. }
  202. .merchantName{
  203. color: #3C3C3C;
  204. font-size: 32rpx;
  205. margin-left: 20rpx;
  206. width: 60%;
  207. overflow: hidden;
  208. text-overflow:ellipsis;
  209. white-space: nowrap;
  210. margin-top: 10rpx;
  211. }
  212. .shopVo text{
  213. float: left;
  214. }
  215. page {
  216. padding: 0 0 30rpx;
  217. }
  218. .text{
  219. display: block;
  220. width: 25%;
  221. text-align: center;
  222. }
  223. .view view:nth-of-type(1) {
  224. font-size: 28rpx;
  225. color: #888;
  226. }
  227. .shopVoList{
  228. padding-left: 0!important;
  229. display: inline-block!important;
  230. width: 345rpx;
  231. white-space: nowrap;
  232. text-overflow: ellipsis;
  233. overflow: hidden;
  234. white-space: nowrap;
  235. height: 80rpx;
  236. }
  237. .shopVoList text{
  238. font-size: 20rpx!important;
  239. color: #b8b8b8!important;
  240. margin-right: 10rpx;
  241. }