brand

 .brand-page {
 .brand-page {
+     
+
+     .newbrand-search {
+        width: 93.75%;
+        height: 30px;
+        padding: 7px 3.125%;
+        background-color: #f8f8f8;
+        left: 0;
+        z-index: 10;
+        .search-box {
+            position: relative;
+            height: 30px;
+            background-color: #FFF;
+            border-radius: 15px;
+            padding: 0 16px 0 26px;
+ 
+             .search-input {
+                 width: 100%;
+                 height: 30px;
+                 border: 0;       
+             }
+             
+            .search-icon {
+                position: absolute;
+                font-size: 12px;
+                top: 16px;
+                left: 24px;
+            }
     
     
+        }
+
+    }
+
     .hot-brand {
     .hot-brand {
         margin: (30rem / $pxConvertRem) 0 0;
         margin: (30rem / $pxConvertRem) 0 0;
  
  

@@ -43,11 +43,7 @@
             white-space: nowrap;
             white-space: nowrap;
         }
         }
     }
     }
-
-    .brand:nth-child(4n) {
-        border-right: none;
-    }
-
+ 
     .more {
     .more {
         float: left;
         float: left;
         width: 317rem / $pxConvertRem;
         width: 317rem / $pxConvertRem;

@@ -17,9 +17,6 @@
 	display: -webkit-flex;
 	display: -webkit-flex;
 	width: 98rem / $pxConvertRem;
 	width: 98rem / $pxConvertRem;
 	height: 98rem / $pxConvertRem;
 	height: 98rem / $pxConvertRem;
-	border-radius: 50%;
-	border: 2rem / $pxConvertRem solid #e0e0e0;
-	box-sizing: border-box;
 	overflow: hidden;
 	overflow: hidden;
 	align-items:center;
 	align-items:center;
 	justify-content: center;
 	justify-content: center;