diff --git a/css/index.css b/css/index.css
index e29b65e..0c78eb0 100644
--- a/css/index.css
+++ b/css/index.css
@@ -39,11 +39,17 @@
   cursor: pointer;
   position: relative;
   z-index: 10;
+  transform: all 0.3s;
 }
 .header-box .search.input-active {
+  border: 1px solid #c4c7ce;
+  background-color: #ffffff;
   border-radius: 10px 10px 0 0;
   border-bottom: none;
 }
+.header-box .search.input-active .input {
+  color: #333;
+}
 .header-box .search .input {
   height: 48px;
   line-height: 48px;
@@ -75,7 +81,6 @@
   animation: hintShow 0.3s forwards;
   border: 0px solid #c4c7ce;
   border-top: none;
-  box-shadow: 0px 5px 5px #dfdfdf;
 }
 @keyframes hintShow {
   0% {
diff --git a/css/index.less b/css/index.less
index 24bc785..2a1acfc 100644
--- a/css/index.less
+++ b/css/index.less
@@ -42,10 +42,16 @@
         cursor: pointer;
         position: relative;
         z-index: 10;
+        transform: all 0.3s;
 
         &.input-active {
+            border: 1px solid #c4c7ce;
+            background-color: #ffffff;
             border-radius: 10px 10px 0 0;
             border-bottom: none;
+            .input {
+                color: #333;
+            }
         }
 
         .input {
@@ -81,7 +87,7 @@
             animation: hintShow 0.3s forwards;
             border: 0px solid #c4c7ce;
             border-top: none;
-            box-shadow: 0px 5px 5px #dfdfdf;
+            // box-shadow: 0px 5px 5px #dfdfdf;
 
             @keyframes hintShow {
                 0% {