更改

rc-busness/assets/css/search.less

@@ -14,15 +14,6 @@ ul li ol li em strong i {
   position: relative;
   margin-top: 5.25rem;
 
-  .usersearch {
-    width: 100%;
-    margin: 0 auto;
-    overflow: hidden;
-    margin-top: 20px;
-    .rc-padding--md{
-      padding: 0;
-    }
-  }
   .active{
     border: 2px solid #E2001A;
     color: #E2001A;
@@ -38,6 +29,22 @@ ul li ol li em strong i {
 }
 //手机端
 @media screen and (max-width: 768px) {
+  .usersearch {
+    width: 100%;
+    margin: 0 auto;
+    overflow: hidden;
+    margin-top: 20px;
+    .ts-scrollable-container{
+      h2{
+  font-weight: bold;
+  color: #333333;
+
+}
+}
+    .rc-padding--md{
+      padding: 0;
+    }
+  }
   .rc-button
   {
     display: flex;
@@ -47,6 +54,9 @@ ul li ol li em strong i {
     box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
     height: 80px;
     align-items: center;
+    position: absolute;
+    bottom: 0;
+    padding:0 20px 0 20px;
     span
     {
       width: 160px;
@@ -129,8 +139,9 @@ strong{
   color: #333333;
   margin-top: 1.5rem;
   h2{
-    font-size: 18px;
+    font-size: 16px;
     font-weight: bold;
+    color: #333333;
   }
   span {
     font-size: 14px;
@@ -168,6 +179,9 @@ strong{
 //  我想搜
 .usercontentshow{
   position: relative;
+  .rc-column{
+    padding-bottom: 0;
+  }
   .rc-productcat {
     display: flex;
     align-items: center;
@@ -189,13 +203,15 @@ justify-content: center;
 margin-left: 1rem;
 color: #999999;
 img {
-width: 1.5rem;
 height: 1rem;
 }
 span {
 margin-left: 0.18rem;
 }
       }
+      li:first-child{
+        margin-left: 0;
+      }
     }
 //筛选
     .userselect{
@@ -220,7 +236,7 @@ margin-left: 0.18rem;
   
   }
   .ts-scrollable-container{
-    margin-top: 0.93rem;
+    margin-top: 1rem;
   }
 
 }
@@ -236,6 +252,7 @@ margin-left: 0.18rem;
   }
   h2{
     margin-left: 0;
+    font-weight: bold;
   }
 }
 
@@ -275,22 +292,10 @@ border-radius: 100px;
 .rc-bottom{
   position: fixed;
     background: white;
+    height: 617px;
     bottom: 0;
     left: 0;
     z-index: 9;
-  ol li{
-    background: none;
-    width: 7.87rem;
-      height: 2.25rem;
-      background: #FFFFFF;
-      border-radius: 6.25rem;
-      background: none;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-left: 1rem;
-  }
-
 }
   
 .rc-bottoma{
@@ -376,7 +381,25 @@ border-radius: 100px;
 }
 //pc端
 @media screen and (min-width: 768px){
+  .usersearch {
+    width: 100%;
+    margin: 0 auto;
+    overflow: hidden;
+    margin-top: 40px;
+    .ts-scrollable-container{
+      h2{
+  font-weight: bold;
+  color: #333333;
 
+}
+}
+    .rc-padding--md{
+      padding: 0;
+    }
+  }
+ .online{
+   margin-top: 47px;
+ }
   /deep/.el-dialog__header {
      padding: 0;
      margin: 0;
@@ -392,6 +415,7 @@ border-radius: 100px;
        display: flex;
        align-items: center;
        width: 6%;
+       color: #333333;
      }
     .ts-scrollable{
     //   overflow-y: hidden;
@@ -501,9 +525,10 @@ margin-left: 8px;
     color: #333333;
     margin-top: 12px;
     h2 {
-      font-size: 18px;
+      font-size: 26px;
+      font-weight: bold;
       color: #333333;
-      margin-left: 12px;
+      margin: 0;
     }
     span {
       font-size: 14px;
@@ -597,13 +622,16 @@ border-radius: 30px;
   /deep/.van-search__content--square{
    background: white;
   }
+  /deep/.van-search{
+    padding-left: 0;
+  }
   .van-search__content--square{
         display: flex;
         align-items: center;
         justify-content: center;
         background: white;
         border: 1px solid #D7D7D7;
-        height: 80px;
+        height: 50px;
         width: 1200px;
         border-radius: 200px;
   }
@@ -648,9 +676,11 @@ border-radius: 30px;
   }
   .rc-product {
     h2 {
-      font-size: 18px;
+      font-size: 26px;
+      font-weight: bold;
       color: #333333;
-      margin-left: 12px;
+      margin: 0;
+   
     }
   }
   .rc-productcat {