diff --git a/css/index.css b/css/index.css
index d0703e0..53ed700 100644
--- a/css/index.css
+++ b/css/index.css
@@ -57,6 +57,42 @@
   width: 22px;
   height: 22px;
 }
+.header-box .search .hint-list {
+  position: absolute;
+  width: 750px;
+  height: 0;
+  max-height: 400px;
+  top: 46px;
+  left: -1px;
+  background-color: #ffffff;
+  border-radius: 0 0 10px 10px;
+  z-index: 10;
+  overflow: auto;
+  animation: hintShow 0.3s forwards;
+  border: 0px solid #c4c7ce;
+  border-top: none;
+  box-shadow: 0px 5px 5px #dfdfdf;
+}
+@keyframes hintShow {
+  0% {
+    height: 0;
+  }
+  100% {
+    border-width: 1px;
+    height: auto;
+  }
+}
+.header-box .search .hint-list .item {
+  color: #333333;
+  font-size: 14px;
+  padding: 10px 20px;
+  cursor: pointer;
+  line-height: 30px;
+  display: block;
+}
+.header-box .search .hint-list .item:not(:last-of-type) {
+  border-bottom: 1px #e6e4e4 dotted;
+}
 .header-box .btn .item {
   width: 160px;
   height: 40px;
diff --git a/css/index.less b/css/index.less
index 2c3d498..adadd78 100644
--- a/css/index.less
+++ b/css/index.less
@@ -61,6 +61,47 @@
             width: 22px;
             height: 22px;
         }
+
+        .hint-list {
+            position: absolute;
+            width: 750px;
+            height: 0;
+            max-height: 400px;
+            top: 46px;
+            left: -1px;
+            background-color: rgba(255, 255, 255, 1);
+            border-radius: 0 0 10px 10px;
+            z-index: 10;
+            overflow: auto;
+            animation: hintShow 0.3s forwards;
+            border: 0px solid #c4c7ce;
+            border-top: none;
+            box-shadow: 0px 5px 5px #dfdfdf;
+
+            @keyframes hintShow {
+                0% {
+                    height: 0;
+                }
+
+                100% {
+                    border-width: 1px;
+                    height: auto;
+                }
+            }
+
+            .item {
+                color: #333333;
+                font-size: 14px;
+                padding: 10px 20px;
+                cursor: pointer;
+                line-height: 30px;
+                display: block;
+
+                &:not(:last-of-type) {
+                    border-bottom: 1px #e6e4e4 dotted;
+                }
+            }
+        }
     }
 
     .btn {