diff --git a/css/common.css b/css/common.css
index abdc825..ece8f21 100644
--- a/css/common.css
+++ b/css/common.css
@@ -766,7 +766,8 @@ body {
   z-index: 10;
   overflow: auto;
   animation: hintShow 0.3s forwards;
-  border: 0px solid #ebebeb;
+  border: 0px solid #c4c7ce;
+  border-top: none;
   box-shadow: 0px 5px 5px #dfdfdf;
 }
 @keyframes hintShow {
diff --git a/css/common.less b/css/common.less
index 515727f..20918b2 100644
--- a/css/common.less
+++ b/css/common.less
@@ -868,8 +868,10 @@ body {
     z-index: 10;
     overflow: auto;
     animation: hintShow 0.3s forwards;
-    border: 0px solid rgba(235, 235, 235, 1);
+    border: 0px solid #c4c7ce;
+    border-top: none;
     box-shadow: 0px 5px 5px #dfdfdf;
+
     @keyframes hintShow {
         0% {
             height: 0;
diff --git a/css/search.css b/css/search.css
index 681f4bc..b1fc616 100644
--- a/css/search.css
+++ b/css/search.css
@@ -59,6 +59,11 @@
   position: relative;
   z-index: 10;
 }
+.boxbox .body .left .input-box.input-active {
+  border-radius: 183px 183px 0 0;
+  border: 2px solid #c4c7ce;
+  border-bottom: none;
+}
 .boxbox .body .left .input-box input {
   border: none;
   outline: none;
diff --git a/css/search.less b/css/search.less
index 973d0e5..ec6bdec 100644
--- a/css/search.less
+++ b/css/search.less
@@ -60,6 +60,13 @@
                 margin-bottom: 30px;
                 position: relative;
                 z-index: 10;
+
+                &.input-active {
+                    border-radius: 183px 183px 0 0;
+                    border: 2px solid #c4c7ce;
+                    border-bottom: none;
+                }
+
                 input {
                     border: none;
                     outline: none;
@@ -73,7 +80,6 @@
                     height: 18px;
                     cursor: pointer;
                 }
-
             }
 
             .total {