diff --git a/index.html b/index.html
index 9cc92ed..1bcdc42 100644
--- a/index.html
+++ b/index.html
@@ -1,179 +1,177 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 <head>
-  <head>
+  
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <title>只言片语网址导航</title>
-    <meta name="viewport"
-          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
-    <meta content="telephone=no,email=no" name="format-detection">
-    <!-- // 禁止自动识别电话号码和邮箱 -->
-    <meta content="yes" name="apple-mobile-web-app-capable">
-    <!-- // 苹果手机：会删除默认的工具栏和菜单栏，网站	开启对web app程序的支持 -->
-    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
-    <!-- // 苹果手机：在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。 -->
-    <meta name="apple-touch-fullscreen" content="yes"/>
-    <!-- // 苹果手机：如果把一个web app添加到了主屏幕中，那么从主屏幕中打开这个web app则全屏显示 -->
-    <meta name="keywords" content="只言片语导航,极简主义导航,实用网址,极速导航,简单网址导航">
+    <title>只言片语导航 &nbsp;- 不懂就搜，一搜就懂</title>
+    <meta name="keywords" content="只言片语导航,不懂就搜,实用网址,主页导航,简单网址导航">
     <meta name="description" content="只言片语，可寻万物！"/>
     <link rel="shortcut icon" href="static/img/favicon.ico">
     <link href="static/css/style.css" rel="stylesheet" type="text/css">
-    <!--源代码来自小呆导航 http://webjike.com，本站已获授权使用，请勿完全抄袭源码，请勿声明自己是原创-->
-  
-  </head>
+    <!-- 百度统计代码 -->
+    <script>
+        var _hmt = _hmt || [];
+        (function() {
+          var hm = document.createElement("script");
+          hm.src = "https://hm.baidu.com/hm.js?786a6208323fbecfb41d71bfda8daca6";
+          var s = document.getElementsByTagName("script")[0]; 
+          s.parentNode.insertBefore(hm, s);
+        })();
+      </script>
+</head>
 <body>
 <div class="inner-center main">
-  <!-- slogan start -->
-  <div class="logo-box">
-    <div class="logo-left">
-      <img src="./static/img/logo.gif" alt="logo">
-    </div>
-    <div class="logo-right">
-      <span>只言片语，可寻万物</span>
-    </div>
-  </div>
-  <!-- slogan end -->
-  
-  <!-- 搜索框 start -->
-  <div id="search_form" class="search-section"target="_blank">
-    <div class="search-left">
-      <div id="search_logo" data-type="google" class="search-logo"></div>
-      <div class="input-wrap">
-        <input id="search_keyword"
-               class="search-input"
-               name="keyword"
-               maxlength="100"
-               autocomplete="off"
-               type="text"
-               placeholder="搜，不会就搜，给老子搜！">
-        <div class="clear-keyword" id="clear_keyword" title="清空">x</div>
+  <div class="content-inside">
+    <!-- slogan start -->
+    <div class="logo-box">
+      <div class="logo-left">
+        <img src="./static/img/logo.gif" alt="logo">
+      </div>
+      <div class="logo-right">
+        <span>只言片语，可寻万物</span>
       </div>
-      <!--  搜索引擎 start  -->
-      <ul id="search_methods" class="search-methods">
-        <li data-type="google" class="search-item google">谷歌</li>
-        <li data-type="baidu" class="search-item baidu">百度</li>
-        <li data-type="bing" class="search-item bing">必应</li>
-        <li data-type="so" class="search-item so">360搜索</li>
-        <li data-type="sogou" class="search-item sogou">搜狗</li>
-        <li data-type="wangpan" class="search-item wangpan">网盘搜索</li>
-      </ul>
-      <!--  搜索引擎 end  -->
-      <!--  搜索结果 start -->
-      <ul id="search_result" class="search-result">
-        <!--<li class="result-item"></li>-->
-      </ul>
-      <!--  搜索结果 end -->
     </div>
-    <input class="search-submit" value="" id="search_submit" type="submit">
-  </div>
-  <!-- 搜索框 end -->
-  
-  <!-- 导航地址 start -->
-  <div class="nav-content">
-    <div class="jj-list">
-      <div class="jj-list-tit">麦 · Mai</div>
-      <ul class="jj-list-con">
-        <li><a href="https://www.google.com/" class="jj-list-link" target="_blank">Google</a></li>
-        <li><a href="https://www.baidu.com/" class="jj-list-link" target="_blank">百度</a></li>
-        <li><a href="https://cn.bing.com/" class="jj-list-link" target="_blank">Bing</a></li>
-        <li><a href="https://www.sogou.com/" class="jj-list-link" target="_blank">搜狗搜索</a></li>
-        <li><a href="https://www.so.com/" class="jj-list-link" target="_blank">360搜索</a></li>
-        <li><a href="https://www.toutiao.com/search/?keyword=/" class="jj-list-link" target="_blank">头条搜索</a></li>
-        <li><a href="https://translate.google.cn/" class="jj-list-link" target="_blank">谷歌翻译</a></li>
-        <li><a href="https://fanyi.baidu.com/" class="jj-list-link" target="_blank">百度翻译</a></li>
-        <li><a href="http://fanyi.youdao.com/" class="jj-list-link" target="_blank">有道翻译</a></li>
-      </ul>
+    <!-- slogan end -->
+    
+    <!-- 搜索框 start -->
+    <div id="search_form" class="search-section"target="_blank">
+      <div class="search-left">
+        <div id="search_logo" data-type="google" class="search-logo"></div>
+        <div class="input-wrap">
+          <input id="search_keyword"
+                class="search-input"
+                name="keyword"
+                maxlength="100"
+                autocomplete="off"
+                type="text"
+                placeholder="不懂么？不懂就搜，给老子搜！">
+          <div class="clear-keyword" id="clear_keyword" title="清空">x</div>
+        </div>
+        <!--  搜索引擎 start  -->
+        <ul id="search_methods" class="search-methods">
+          <li data-type="google" class="search-item google">谷歌</li>
+          <li data-type="baidu" class="search-item baidu">百度</li>
+          <li data-type="bing" class="search-item bing">必应</li>
+          <li data-type="so" class="search-item so">360搜索</li>
+          <li data-type="sogou" class="search-item sogou">搜狗</li>
+          <li data-type="wangpan" class="search-item wangpan">网盘搜索</li>
+        </ul>
+        <!--  搜索引擎 end  -->
+        <!--  搜索结果 start -->
+        <ul id="search_result" class="search-result">
+          <!--<li class="result-item"></li>-->
+        </ul>
+        <!--  搜索结果 end -->
+      </div>
+      <input class="search-submit" value="" id="search_submit" type="submit">
     </div>
-    <div class="jj-list">
-      <div class="jj-list-tit">胖 · Pang</div>
-      <ul class="jj-list-con">
-        <li><a href="https://www.zhihu.com/" class="jj-list-link" target="_blank">知乎</a></li>
-        <li><a href="https://web.okjike.com/feed/" class="jj-list-link" target="_blank">即刻</a></li>
-        <li><a href="https://www.v2ex.com/" class="jj-list-link" target="_blank">V2EX</a></li>
-        <li><a href="https://weibo.com/" class="jj-list-link" target="_blank">微博</a></li>
-        <li><a href="https://www.jianshu.com/" class="jj-list-link" target="_blank">简书</a></li>
-        <li><a href="https://www.douban.com/" class="jj-list-link" target="_blank">豆瓣</a></li>
-        <li><a href="http://www.woshipm.com/" class="jj-list-link" target="_blank">产品经理</a></li>
-        <li><a href="http://www.chanpin100.com/" class="jj-list-link" target="_blank">产品壹佰</a></li>
-        <li><a href="http://someword.me/" class="jj-list-link" target="_blank">只言片语</a></li>
-      </ul>
-    </div>
-    <div class="jj-list">
-      <div class="jj-list-tit">皮 · Pi</div>
-      <ul class="jj-list-con">
-        <li><a href="https://ke.qq.com/" class="jj-list-link" target="_blank">腾讯课堂</a></li>
-        <li><a href="https://study.163.com/" class="jj-list-link" target="_blank">网页云课堂</a></li>
-        <li><a href="https://www.imooc.com/" class="jj-list-link" target="_blank">慕课网</a></li>
-        <li><a href="https://www.bilibili.com/" class="jj-list-link" target="_blank">哔哩哔哩</a></li>
-        <li><a href="https://www.iqiyi.com/" class="jj-list-link" target="_blank">爱奇艺</a></li>
-        <li><a href="https://v.qq.com/" class="jj-list-link" target="_blank">腾讯视频</a></li>
-        <li><a href="https://www.youku.com/" class="jj-list-link" target="_blank">优酷</a></li>
-        <li><a href="http://cpc.people.com.cn/" class="jj-list-link" target="_blank">1024</a></li>
-        <li><a href="http://www.zimuzu.tv/" class="jj-list-link" target="_blank">人人影视</a></li>
-      
-      </ul>
-    </div>
-    <div class="jj-list">
-      <div class="jj-list-tit">笑 · Xiao</div>
-      <ul class="jj-list-con">
-        <li><a href="https://www.36kr.com//" class="jj-list-link" target="_blank">36氪</a></li>
-        <li><a href="https://www.huxiu.com/" class="jj-list-link" target="_blank">虎嗅</a></li>
-        <li><a href="https://www.toutiao.com/" class="jj-list-link" target="_blank">今日头条</a></li>
-        <li><a href="https://minapp.com/" class="jj-list-link" target="_blank">知晓程序</a></li>
-        <li><a href="https://sspai.com/" class="jj-list-link" target="_blank">少数派</a></li>
-        <li><a href="http://ac.scmor.com/" class="jj-list-link" target="_blank">谷歌镜像</a></li>
-        <li><a href="https://youquhome.com/" class="jj-list-link" target="_blank">GitHub</a></li>
-        <li><a href="https://coding.net/" class="jj-list-link" target="_blank">Coding</a></li>
-        <li><a href="https://www.coolist.net/" class="jj-list-link" target="_blank">酷软清单</a></li>
-      </ul>
-    </div>
-    <div class="jj-list">
-      <div class="jj-list-tit">嘻 · Xi</div>
-      <ul class="jj-list-con">
-        <li><a href="https://map.baidu.com/" class="jj-list-link" target="_blank">百度地图</a></li>
-        <li><a href="http://www.google.cn/maps" class="jj-list-link" target="_blank">谷歌地图</a></li>
-        <li><a href="https://www.amap.com/" class="jj-list-link" target="_blank">高德地图</a></li>
-        <li><a href="https://sm.ms/" class="jj-list-link" target="_blank">SM图床</a></li>
-        <li><a href="https://tool.lu/" class="jj-list-link" target="_blank">程序员工具</a></li>
-        <li><a href="http://www.alloyteam.com/nav/" class="jj-list-link" target="_blank">前端工具</a></li>
-        <li><a href="http://www.panduoduo.net/" class="jj-list-link" target="_blank">网盘搜索</a></li>
-        <li><a href="https://cli.im/" class="jj-list-link" target="_blank">二维码</a></li>
-        <li><a href="http://www.qinms.com/webapp/barcode/index.aspx" class="jj-list-link" target="_blank">条形码</a></li>
-      
-      </ul>
-    </div>
-    <div class="jj-list">
-      <div class="jj-list-tit">嘻 · Xi</div>
-      <ul class="jj-list-con">
+    <!-- 搜索框 end -->
+    
+    <!-- 导航地址 start -->
+    <div class="nav-content">
+      <div class="jj-list">
+        <div class="jj-list-tit">麦 · Mai</div>
+        <ul class="jj-list-con">
+          <li><a href="https://www.google.com/" class="jj-list-link" target="_blank">Google</a></li>
+          <li><a href="https://www.baidu.com/" class="jj-list-link" target="_blank">百度</a></li>
+          <li><a href="https://cn.bing.com/" class="jj-list-link" target="_blank">Bing</a></li>
+          <li><a href="https://www.sogou.com/" class="jj-list-link" target="_blank">搜狗搜索</a></li>
+          <li><a href="https://www.so.com/" class="jj-list-link" target="_blank">360搜索</a></li>
+          <li><a href="https://www.toutiao.com/search/?keyword=/" class="jj-list-link" target="_blank">头条搜索</a></li>
+          <li><a href="https://translate.google.cn/" class="jj-list-link" target="_blank">谷歌翻译</a></li>
+          <li><a href="https://fanyi.baidu.com/" class="jj-list-link" target="_blank">百度翻译</a></li>
+          <li><a href="http://fanyi.youdao.com/" class="jj-list-link" target="_blank">有道翻译</a></li>
+        </ul>
+      </div>
+      <div class="jj-list">
+        <div class="jj-list-tit">胖 · Pang</div>
+        <ul class="jj-list-con">
+          <li><a href="https://www.zhihu.com/" class="jj-list-link" target="_blank">知乎</a></li>
+          <li><a href="https://web.okjike.com/feed/" class="jj-list-link" target="_blank">即刻</a></li>
+          <li><a href="https://www.v2ex.com/" class="jj-list-link" target="_blank">V2EX</a></li>
+          <li><a href="https://weibo.com/" class="jj-list-link" target="_blank">微博</a></li>
+          <li><a href="https://www.jianshu.com/" class="jj-list-link" target="_blank">简书</a></li>
+          <li><a href="https://www.douban.com/" class="jj-list-link" target="_blank">豆瓣</a></li>
+          <li><a href="http://www.woshipm.com/" class="jj-list-link" target="_blank">产品经理</a></li>
+          <li><a href="http://www.chanpin100.com/" class="jj-list-link" target="_blank">产品壹佰</a></li>
+          <li><a href="http://someword.me/" class="jj-list-link" target="_blank">只言片语</a></li>
+        </ul>
+      </div>
+      <div class="jj-list">
+        <div class="jj-list-tit">皮 · Pi</div>
+        <ul class="jj-list-con">
+          <li><a href="https://ke.qq.com/" class="jj-list-link" target="_blank">腾讯课堂</a></li>
+          <li><a href="https://study.163.com/" class="jj-list-link" target="_blank">网易云课堂</a></li>
+          <li><a href="https://www.imooc.com/" class="jj-list-link" target="_blank">慕课网</a></li>
+          <li><a href="https://www.bilibili.com/" class="jj-list-link" target="_blank">哔哩哔哩</a></li>
+          <li><a href="https://www.iqiyi.com/" class="jj-list-link" target="_blank">爱奇艺</a></li>
+          <li><a href="https://v.qq.com/" class="jj-list-link" target="_blank">腾讯视频</a></li>
+          <li><a href="https://www.youku.com/" class="jj-list-link" target="_blank">优酷</a></li>
+          <li><a href="http://cpc.people.com.cn/" class="jj-list-link" target="_blank">1024</a></li>
+          <li><a href="http://www.zimuzu.tv/" class="jj-list-link" target="_blank">人人影视</a></li>
         
-        <li><a href="http://www.dytt8.net/" class="jj-list-link" target="_blank">电影天堂</a></li>
-        <li><a href="https://zhuanlan.zhihu.com/p/36456284" class="jj-list-link" target="_blank">图片素材</a></li>
-        <li><a href="https://www.portablesoft.org/" class="jj-list-link" target="_blank">效率工具</a></li>
-        <li><a href="https://www.taobao.com/" class="jj-list-link" target="_blank">淘宝</a></li>
-        <li><a href="https://www.jd.com/" class="jj-list-link" target="_blank">京东</a></li>
-        <li><a href="https://www.suning.com/" class="jj-list-link" target="_blank">苏宁</a></li>
-        <li><a href="https://www.smzdm.com/" class="jj-list-link" target="_blank">什么值得买</a></li>
-        <li><a href="http://www.zealer.com/" class="jj-list-link" target="_blank">Zealer</a></li>
-        <li><a href="http://www.manmanbuy.com/" class="jj-list-link" target="_blank">慢慢买</a></li>
-      
-      
-      </ul>
+        </ul>
+      </div>
+      <div class="jj-list">
+        <div class="jj-list-tit">笑 · Xiao</div>
+        <ul class="jj-list-con">
+          <li><a href="https://www.36kr.com/" class="jj-list-link" target="_blank">36氪</a></li>
+          <li><a href="https://www.huxiu.com/" class="jj-list-link" target="_blank">虎嗅</a></li>
+          <li><a href="https://www.toutiao.com/" class="jj-list-link" target="_blank">今日头条</a></li>	
+          <li><a href="https://www.163.com/" class="jj-list-link" target="_blank">网易</a></li>						
+          <li><a href="https://sspai.com/" class="jj-list-link" target="_blank">少数派</a></li>
+          <li><a href="http://ac.scmor.com/" class="jj-list-link" target="_blank">谷歌镜像</a></li>
+          <li><a href="https://youquhome.com/" class="jj-list-link" target="_blank">GitHub</a></li>
+          <li><a href="https://coding.net/" class="jj-list-link" target="_blank">Coding</a></li>
+          <li><a href="https://www.coolist.net/" class="jj-list-link" target="_blank">酷软清单</a></li>
+        </ul>
+      </div>
+      <div class="jj-list">
+        <div class="jj-list-tit">嘻 · Xi</div>
+        <ul class="jj-list-con">
+          <li><a href="https://map.baidu.com/" class="jj-list-link" target="_blank">百度地图</a></li>
+          <li><a href="http://www.google.cn/maps" class="jj-list-link" target="_blank">谷歌地图</a></li>
+          <li><a href="https://www.amap.com/" class="jj-list-link" target="_blank">高德地图</a></li>
+          <li><a href="https://sm.ms/" class="jj-list-link" target="_blank">SM图床</a></li>
+          <li><a href="https://tool.lu/" class="jj-list-link" target="_blank">程序员工具</a></li>
+          <li><a href="http://www.alloyteam.com/nav/" class="jj-list-link" target="_blank">前端工具</a></li>
+          <li><a href="http://www.panduoduo.net/" class="jj-list-link" target="_blank">网盘搜索</a></li>
+          <li><a href="https://cli.im/" class="jj-list-link" target="_blank">二维码</a></li>
+          <li><a href="http://www.qinms.com/webapp/barcode/index.aspx" class="jj-list-link" target="_blank">条形码</a></li>
+        
+        </ul>
+      </div>
+      <div class="jj-list">
+        <div class="jj-list-tit">嘻 · Xi</div>
+        <ul class="jj-list-con">
+          
+          <li><a href="http://www.dytt8.net/" class="jj-list-link" target="_blank">电影天堂</a></li>
+          <li><a href="https://zhuanlan.zhihu.com/p/36456284" class="jj-list-link" target="_blank">图片素材</a></li>
+          <li><a href="https://www.portablesoft.org/" class="jj-list-link" target="_blank">效率工具</a></li>
+          <li><a href="https://www.taobao.com/" class="jj-list-link" target="_blank">淘宝</a></li>
+          <li><a href="https://www.jd.com/" class="jj-list-link" target="_blank">京东</a></li>
+          <li><a href="https://www.suning.com/" class="jj-list-link" target="_blank">苏宁</a></li>
+          <li><a href="https://www.smzdm.com/" class="jj-list-link" target="_blank">什么值得买</a></li>
+          <li><a href="http://www.zealer.com/" class="jj-list-link" target="_blank">Zealer</a></li>
+          <li><a href="http://www.manmanbuy.com/" class="jj-list-link" target="_blank">慢慢买</a></li>
+        
+        
+        </ul>
+      </div>
     </div>
+    <!-- 导航地址 end -->
   </div>
-  <!-- 导航地址 end -->
 </div>
-<footer class="inner-center footer">Copyright © 2019 Hosted by
-  <a href="http://someword.me" style="color:#05050573;text-decoration:underline" target="_blank">只言片语</a>
+<footer class="inner-center footer">
+  <p>
+   <a href="https://github.com/TopVitamin/static-nav"> <img src="./static/css/img/github.png" alt="" height="20" width="20"></a>
+  </p>
+  <p style="margin-top:8px;"> <a href="http://someword.me" style="color:#8C8C8C;" target="_blank">Copyright © 2019 Hosted by 只言片语</a></p>
+ 
 </footer>
 <script src="./static/js/jquery.min.js"></script>
-<script src="https://cdn.bootcss.com/vue/2.5.21/vue.min.js"></script>
 <script src="./static/js/keyword.js"></script>
 
 
-<!-- livereloadd 调试工具 -->
-<script>
-  document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] +
-    ':35729/livereload.js?snipver=1"></' + 'script>');
-</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/static/css/img/github.png b/static/css/img/github.png
new file mode 100644
index 0000000..2c6dd8d
Binary files /dev/null and b/static/css/img/github.png differ
diff --git a/static/css/style.css b/static/css/style.css
index 638b38f..d2c6b9b 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -22,11 +22,13 @@ li {
 a {
     text-decoration: none
 }
-body {
+html, body {
     background: #fff;
+    height: 100%;
 
 }
 
+
 input[type="button"], input[type="submit"], input[type="reset"] {
     -webkit-appearance: none;
     outline: 0;
@@ -42,11 +44,24 @@ textarea {
 .inner-center {
     width: 1000px;
     margin: 0 auto;
+ 
 }
 
-
 .main {
-    margin-top: 130px;
+    padding-top: 5%;
+    min-height: 100%;
+   
+}
+.content-inside{
+   padding-bottom: 60px;
+}
+.footer {
+    height: 60px;
+    text-align: center;
+    margin-top: -60px; 
+    /* position: relative;
+    margin-top: -100px; 
+    clear:both; */
 }
 /* logo start  */
 .logo-box {
@@ -73,7 +88,7 @@ textarea {
 /* 搜索框 start */
 .search-section {
     margin-top: 14px;
-    margin-bottom: 67px;
+    margin-bottom: 40px;
 }
 .search-section {
     position: relative;
@@ -183,6 +198,16 @@ textarea {
     font-size: 16px;
     padding-left: 15px;
 }
+/* .input-wrap .search-input:focus{
+	border-style:solid;
+	border-color: #FDA31E 96%;
+	box-shadow: 0 0 10px #FDA31E;
+    } */
+/* .search-left:focus{
+    border-style:solid;
+    border-color: #FDA31E 96%;
+    box-shadow: 0 0 10px #FDA31E;
+    } */
 .input-wrap .clear-keyword {
     display: none;
     position: absolute;
@@ -198,14 +223,14 @@ textarea {
     width: 123px;
     height: 54px;
     line-height: 26px;
-    background: url("./img/search.png") #1890ff 60px center no-repeat;
+    background: url("./img/search.png") #1890ff 48px center no-repeat;
     -webkit-background-size: 35px 35px;
     background-size: 35px 35px;
     color: #fff;
     font-size: 18px;
     text-align: center;
     font-family: Roboto;
-    border: 0;
+    border: 1px solid #1890ff;
     cursor: pointer;
 }
 
@@ -216,11 +241,7 @@ textarea {
 }
 /*  导航内容 end  */
 
-.footer {
-    margin-top: 210px;
-    text-align: center;
-    padding-bottom: 14px;
-}
+
 /*内容区域*/
 
 /*-----------------------------简洁版样式定义- 开始---------------------------------------------------*/
@@ -228,7 +249,7 @@ textarea {
 .jj-list {
     width: 33.33%;
     float: left;
-    margin-bottom: 40px;
+    margin-bottom: 30px;
     padding-right: 16px;
 }
 .jj-list:nth-of-type(3n) {
@@ -237,7 +258,7 @@ textarea {
 .jj-list-tit {
     font-size: 16px;
     line-height: 25px;
-    color: #333;
+    color: rgba(49, 70, 89, 1);
     font-weight: bold;
 }
 .jj-list-con {
@@ -255,8 +276,8 @@ textarea {
 
 .jj-list-link {
     display: block;
-    background: #ece8e2 96%;
-    color: #333;
+    background: rgba(230, 247, 255, 0.96);
+    color:rgba(49, 70, 89, 1);
     font-size: 13px;
     text-align: center;
     line-height: 44px;
@@ -264,7 +285,7 @@ textarea {
     border-radius: 2px;
 }
 .jj-list-link:hover {
-    background: #1890ff;
+    background: #1890FF 100%;
     font-size: 18px;
     font-weight: bold;
     color: #fff;
diff --git a/static/js/keyword.js b/static/js/keyword.js
index 3bb2b4d..9e8224f 100644
--- a/static/js/keyword.js
+++ b/static/js/keyword.js
@@ -78,6 +78,18 @@ $(function () {
     $(document).trigger(EVENT_CLEAR_KEYWORD);
   });
 
+  // 点击高亮显示
+  $('#search_keyword').on('focus',  function () {
+    $('.search-left').css(
+      {
+        "border-style":"solid",
+        "border-color": "rgba(24, 144, 255, 1)",
+        "box-shadow": "0px 0px 2px 1px rgba(145, 213, 255, 0.96)",
+      }
+    );
+  }).on('blur',  function () {
+    $('.search-left').prop('style','');
+  });
   // 搜索
   $('#search_submit').on('click', function () {
     var keyword = $('#search_keyword').val();
@@ -90,6 +102,7 @@ $(function () {
     }
   });
 
+ 
   // 推荐结果跳转
   $('#search_result').on('click', 'li', function () {
     var word = $(this).text();
