diff --git a/app/index/view/tops_nas/helper_detail.phtml b/app/index/view/tops_nas/helper_detail.phtml
index ebf21c1..2ce50d2 100644
--- a/app/index/view/tops_nas/helper_detail.phtml
+++ b/app/index/view/tops_nas/helper_detail.phtml
@@ -1,402 +1,452 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>帮助中心</title>
-    {include file='include/head-nas' /}
-    <style>
-        [class*=' icon-'] {
-     		color: #000;
-     	 }
-        .narshelpdetailPc {
-          display: flex;
-          flex-direction: column;
-          background: #f9f9f9;
-        }
-        .narshelpdetailPc .narsssmain {
-          width: 100%;
-          display: flex;
-          flex-direction: row;
-          border-top: 1px solid #ccc;
-          border-bottom: 1px solid #ccc;
-          padding: 21px 0;
-          top: 0;
-          align-items: center;
-          background: #fff;
-          z-index: 2;
-        }
-        .narshelpdetailPc .narsssmain .dropdown {
-          display: none;
-          position: absolute;
-          top: 124px;
-          left: 0;
-          width: 435px;
-          border-top: none;
-          background-color: #fff;
-          border-bottom-left-radius: 4px;
-          border-bottom-right-radius: 4px;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-          margin: 0 auto;
-          right: 0;
-          max-height: 18.75rem;
-          min-height: 3.125rem;
-          overflow-y: auto;
-        }
-        .narshelpdetailPc .narsssmain .dropdown ul {
-          list-style-type: none;
-          padding: 0;
-          margin: 0;
-        }
-        .narshelpdetailPc .narsssmain .dropdown ul li {
-          padding: 10px;
-          cursor: pointer;
-        }
-        .narshelpdetailPc .narsssmain .dropdown ul li:hover {
-          background-color: #f4f4f4;
-        }
-        .narshelpdetailPc .narsssmain .ml {
-          font-size: 14px;
-          padding-left: 25px;
-          padding-top: 37px;
-          padding-bottom: 31px;
-          color: #8f9099;
-          position: absolute;
-        }
-        .narshelpdetailPc .narsssmain .nars-hlp-search {
-          width: 440px;
-          height: 42px;
-          border-radius: 1.3125rem;
-          font-size: 14px;
-          display: flex;
-          flex-direction: row;
-          align-items: center;
-          color: #8f9099;
-          border: 1px solid #cdcedb;
-          margin: 0 auto;
-        }
-        .narshelpdetailPc .narsssmain .nars-hlp-search .ssimg {
-          width: 1.6rem;
-          height: 1.6rem;
-          margin-right: 3%;
-        }
-        .narshelpdetailPc .narsssmain .nars-hlp-search input {
-          font-size: 14px;
-          border: none;
-          padding: 0 15px;
-          outline: none;
-          flex: 1;
-          margin-right: 2%;
-          margin-left: 2%;
-        }
-        .narshelpdetailPc .narsssmain .nars-hlp-search input::placeholder {
-          color: #8f9099;
-          text-align: center;
-          font-size: 14px;
-        }
-        .narshelpdetailPc .nars-help-content {
-          display: flex;
-          flex-direction: row;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml {
-          width: 252px;
-          overflow-y: auto;
-          border-right: 1px solid #ccc;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .nav-tree {
-          max-height: 800px;
-          overflow-y: auto;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category {
-          margin-bottom: 5px;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category-title {
-          display: block;
-          padding: 10px;
-          cursor: pointer;
-          position: relative;
-          display: flex;
-          flex-direction: row;
-          align-items: center;
-          font-size: 14px;
-          font-weight: bold;
-          margin-left: 10px;
-          color: #1f2635;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow {
-          margin-right: 2px;
-          transform: rotate(0deg);
-          display: flex;
-          justify-content: center;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow .nars-jt {
-          width: 16px;
-          height: 16px;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .rotate {
-          transform: rotate(45deg);
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list {
-          display: none;
-          list-style: none;
-          padding: 0;
-          margin: 0;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a {
-          width: fit-content;
-          display: block;
-          margin: 0 10px;
-          padding-top: 22px;
-          text-decoration: none;
-          color: #333;
-          margin-left: 41px;
-          font-size: 12px;
-          color: #8f9099;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li:first a {
-          padding-top: 0;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a:hover,
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a.active {
-          color: #1f2635;
-          border-bottom: 1px solid #1f2635;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mm {
-          padding: 32px  150px;
-          max-height: 920px;
-          min-height: 700px;
-          height: auto;
-          flex: 1;
-          overflow-y: auto;
-          position: relative;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{
-            max-width: 100%;
-        }
-  /*      .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{*/
-		/*	width: -webkit-fill-available;*/
-		/*}*/
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr {
-          width: 252px;
-          overflow-y: auto;
-          border-left: 1px solid #ccc;
-          overflow-y: auto;
-          display: flex;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list {
-          padding: 0 20px;
-          float: right;
-          max-height: 800px;
-          min-height: 700px;
-          overflow-y: auto;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list .tt {
-          font-size: 14px;
-          padding-top: 33px;
-          padding-bottom: 1rem;
-          margin: 0;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul {
-          list-style-type: none;
-          padding: 0;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li {
-          margin-bottom: 23px;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a {
-          text-decoration: none;
-          font-size: 12px;
-          color: #1f2635;
-        }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a:hover {
-          color: #1f2635;
-          border-bottom: 1px solid #1f2635;
-        }
-        
-        .nav-tree .category:nth-child(1) .category-title {
-          padding-top: 33px;
-        }
-        
-        /* 修改垂直滚动条 */
-        ::-webkit-scrollbar {
-          width: 6px; /* 修改宽度 */
-        }
-        
-        /* 修改滚动条轨道背景色 */
-        ::-webkit-scrollbar-track {
-          background-color: transparent;
-        }
-        
-        /* 修改滚动条滑块颜色 */
-        ::-webkit-scrollbar-thumb {
-          background-color: #ccc;
-        }
-        
-        /* 修改滚动条滑块悬停时的颜色 */
-        ::-webkit-scrollbar-thumb:hover {
-          background-color: #D8DFE8;
-        }
-        
-        /* 修改滚动条滑块移动时的颜色 */
-        ::-webkit-scrollbar-thumb:active {
-          background-color: #D8DFE8;
-        }
-        
-        /* 修改滚动条滑块的圆角 */
-        ::-webkit-scrollbar-thumb {
-          border-radius: 5px;
-        }
-        /* 整体滚动条 */
-        * {
-            scrollbar-width: thin; /* 滚动条宽度 */
-            scrollbar-color: #D8DBE6 transparent; /* 滚动条颜色（滑块颜色 轨道颜色） */
-        }
-        
-        /* 滚动条轨道 */
-        *::-moz-scrollbar-track {
-            background-color: #f0f0f0;
-        }
-        
-        /* 滚动条滑块 */
-        *::-moz-scrollbar-thumb {
-            background-color: #D8DBE6;
-            border-radius: 5px; /* 滑块的圆角 */
-        }
-        
-        /* 滚动条的上下箭头 */
-        *::-moz-scrollbar-button {
-            display: none; /* 隐藏上下箭头 */
-        }
-        
-        /* 滚动条的上下箭头：向上箭头 */
-        *::-moz-scrollbar-button:vertical:decrement {
-            display: none;
-        }
-        
-        /* 滚动条的上下箭头：向下箭头 */
-        *::-moz-scrollbar-button:vertical:increment {
-            display: none;
-        }
-        h1, h2, h3, h4, h5, h6 {
-            margin: 0;
-            all: revert; /* 将所有属性设置为初始值 */
-            /* 或者使用 all: revert; 恢复到浏览器默认样式，但该属性兼容性不如 initial */
-        }
-    </style>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>帮助中心</title>
+  {include file='include/head-nas' /}
+  <style>
+    [class*=' icon-'] {
+      color: #000;
+    }
+
+    .narshelpdetailPc {
+      display: flex;
+      flex-direction: column;
+      background: #f9f9f9;
+    }
+
+    .narshelpdetailPc .narsssmain {
+      width: 100%;
+      display: flex;
+      flex-direction: row;
+      border-top: 1px solid #ccc;
+      border-bottom: 1px solid #ccc;
+      padding: 21px 0;
+      top: 0;
+      align-items: center;
+      background: #fff;
+      z-index: 2;
+    }
+
+    .narshelpdetailPc .narsssmain .dropdown {
+      display: none;
+      position: absolute;
+      top: 124px;
+      left: 0;
+      width: 435px;
+      border-top: none;
+      background-color: #fff;
+      border-bottom-left-radius: 4px;
+      border-bottom-right-radius: 4px;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+      margin: 0 auto;
+      right: 0;
+      max-height: 18.75rem;
+      min-height: 3.125rem;
+      overflow-y: auto;
+    }
+
+    .narshelpdetailPc .narsssmain .dropdown ul {
+      list-style-type: none;
+      padding: 0;
+      margin: 0;
+    }
+
+    .narshelpdetailPc .narsssmain .dropdown ul li {
+      padding: 10px;
+      cursor: pointer;
+    }
+
+    .narshelpdetailPc .narsssmain .dropdown ul li:hover {
+      background-color: #f4f4f4;
+    }
+
+    .narshelpdetailPc .narsssmain .ml {
+      font-size: 14px;
+      padding-left: 25px;
+      padding-top: 37px;
+      padding-bottom: 31px;
+      color: #8f9099;
+      position: absolute;
+    }
+
+    .narshelpdetailPc .narsssmain .nars-hlp-search {
+      width: 440px;
+      height: 42px;
+      border-radius: 1.3125rem;
+      font-size: 14px;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      color: #8f9099;
+      border: 1px solid #cdcedb;
+      margin: 0 auto;
+    }
+
+    .narshelpdetailPc .narsssmain .nars-hlp-search .ssimg {
+      width: 1.6rem;
+      height: 1.6rem;
+      margin-right: 3%;
+    }
+
+    .narshelpdetailPc .narsssmain .nars-hlp-search input {
+      font-size: 14px;
+      border: none;
+      padding: 0 15px;
+      outline: none;
+      flex: 1;
+      margin-right: 2%;
+      margin-left: 2%;
+    }
+
+    .narshelpdetailPc .narsssmain .nars-hlp-search input::placeholder {
+      color: #8f9099;
+      text-align: center;
+      font-size: 14px;
+    }
+
+    .narshelpdetailPc .nars-help-content {
+      display: flex;
+      flex-direction: row;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml {
+      width: 252px;
+      overflow-y: auto;
+      border-right: 1px solid #ccc;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .nav-tree {
+      max-height: 800px;
+      overflow-y: auto;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category {
+      margin-bottom: 5px;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category-title {
+      display: block;
+      padding: 10px;
+      cursor: pointer;
+      position: relative;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      font-size: 14px;
+      font-weight: bold;
+      margin-left: 10px;
+      color: #1f2635;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow {
+      margin-right: 2px;
+      transform: rotate(0deg);
+      display: flex;
+      justify-content: center;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow .nars-jt {
+      width: 16px;
+      height: 16px;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .rotate {
+      transform: rotate(45deg);
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list {
+      display: none;
+      list-style: none;
+      padding: 0;
+      margin: 0;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a {
+      width: fit-content;
+      display: block;
+      margin: 0 10px;
+      padding-top: 22px;
+      text-decoration: none;
+      color: #333;
+      margin-left: 41px;
+      font-size: 12px;
+      color: #8f9099;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li:first a {
+      padding-top: 0;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a:hover,
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a.active {
+      color: #1f2635;
+      border-bottom: 1px solid #1f2635;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mm {
+      padding: 32px 150px;
+      max-height: 920px;
+      min-height: 700px;
+      height: auto;
+      flex: 1;
+      overflow-y: auto;
+      position: relative;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img {
+      max-width: 100%;
+    }
+
+    /*      .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{*/
+    /*	width: -webkit-fill-available;*/
+    /*}*/
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mr {
+      width: 252px;
+      overflow-y: auto;
+      border-left: 1px solid #ccc;
+      overflow-y: auto;
+      display: flex;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list {
+      padding: 0 20px;
+      float: right;
+      max-height: 800px;
+      min-height: 700px;
+      overflow-y: auto;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list .tt {
+      font-size: 14px;
+      padding-top: 33px;
+      padding-bottom: 1rem;
+      margin: 0;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul {
+      list-style-type: none;
+      padding: 0;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li {
+      margin-bottom: 23px;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a {
+      text-decoration: none;
+      font-size: 12px;
+      color: #1f2635;
+    }
+
+    .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a:hover {
+      color: #1f2635;
+      border-bottom: 1px solid #1f2635;
+    }
+
+    .nav-tree .category:nth-child(1) .category-title {
+      padding-top: 33px;
+    }
+
+    /* 修改垂直滚动条 */
+    ::-webkit-scrollbar {
+      width: 6px;
+      /* 修改宽度 */
+    }
+
+    /* 修改滚动条轨道背景色 */
+    ::-webkit-scrollbar-track {
+      background-color: transparent;
+    }
+
+    /* 修改滚动条滑块颜色 */
+    ::-webkit-scrollbar-thumb {
+      background-color: #ccc;
+    }
+
+    /* 修改滚动条滑块悬停时的颜色 */
+    ::-webkit-scrollbar-thumb:hover {
+      background-color: #D8DFE8;
+    }
+
+    /* 修改滚动条滑块移动时的颜色 */
+    ::-webkit-scrollbar-thumb:active {
+      background-color: #D8DFE8;
+    }
+
+    /* 修改滚动条滑块的圆角 */
+    ::-webkit-scrollbar-thumb {
+      border-radius: 5px;
+    }
+
+    /* 整体滚动条 */
+    * {
+      scrollbar-width: thin;
+      /* 滚动条宽度 */
+      scrollbar-color: #D8DBE6 transparent;
+      /* 滚动条颜色（滑块颜色 轨道颜色） */
+    }
+
+    /* 滚动条轨道 */
+    *::-moz-scrollbar-track {
+      background-color: #f0f0f0;
+    }
+
+    /* 滚动条滑块 */
+    *::-moz-scrollbar-thumb {
+      background-color: #D8DBE6;
+      border-radius: 5px;
+      /* 滑块的圆角 */
+    }
+
+    /* 滚动条的上下箭头 */
+    *::-moz-scrollbar-button {
+      display: none;
+      /* 隐藏上下箭头 */
+    }
+
+    /* 滚动条的上下箭头：向上箭头 */
+    *::-moz-scrollbar-button:vertical:decrement {
+      display: none;
+    }
+
+    /* 滚动条的上下箭头：向下箭头 */
+    *::-moz-scrollbar-button:vertical:increment {
+      display: none;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin: 0;
+      all: revert;
+      /* 将所有属性设置为初始值 */
+      /* 或者使用 all: revert; 恢复到浏览器默认样式，但该属性兼容性不如 initial */
+    }
+  </style>
 </head>
+
 <body>
-    	<!-- 顶部导航 -->
-	    {include file='include/top-header-nas'/}
-        <div class="narshelpdetailPc">
-			<!-- top 搜索-->
-			<div class="narsssmain">
-				<div class="ml">帮助中心 / 使用教程</div>
-				<div class="nars-hlp-search">
-					<input placeholder="请输入搜索关键字，如安装赛博云空间、影视库" />
-					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-ssico.png" class="ssimg">
-				</div>
-				<!-- 下拉搜索框 -->
-				<div class="dropdown" id="dropdown"></div>
-			</div>
-			<!-- 目录-文章详情-锚点定位--->
-			<div class="nars-help-content">
-				<!--目录 -->
-				<div class="nars-hlpdt-ml">
-					<div class="nav-tree">
-            {volist name="categorys" id="vo"}
-						<div class="category">
-							<div class="category-title">
-								<div class="arrow {if condition='$cid == $vo.id'}rotate{/if}"><img src="__PUBLIC__/m_web/images/nas/help/nars-jt.png" class="arrow {if condition='$cid == $vo.id'}rotate{/if}"/></div>
-								<span>{$vo.name}</span>
-							</div>
-							<ul class="sub-list" {if condition="$cid == $vo.id"}style="display: block;"{/if}>
-                {volist name="vo.articles" id="va"}
-								<li>
-                  <a href="{:url('tops_nas/helper_detail', ['id' => $va.id])}" class="{if condition='$Request.param.id == $va.id'}active{/if}" style="{if condition='$key==0'}padding-top: 6px;{/if}">{$va.name}</a>
-                </li>
-                {/volist}
-							</ul>
-						</div>
-            {/volist}
-					</div>
-				</div>
-				<!--文章详情 -->
-				<div class="nars-hlpdt-mm" id="rendered-content">
-					<div>{$article.content|default=''}</div>
-				</div>
-				<!--锚点定位 -->
-				<div class="nars-hlpdt-mr">
-					<div id="title-list">
-						<h2 class="tt">目录</h2>
-						<ul></ul>
-					</div>
-				</div>
-			</div>
-		</div>
-		{include file='include/bottom2023'/}
-		<script>
-			$(document).ready(function() {
-        $('.category-title').click(function() {
-					$(this).next('.sub-list').slideToggle();
-					$(this).find('.arrow').toggleClass('rotate');
-				});
+  <!-- 顶部导航 -->
+  {include file='include/top-header-nas'/}
+  <div class="narshelpdetailPc">
+    <!-- top 搜索-->
+    <div class="narsssmain">
+      <div class="ml">帮助中心 / 使用教程</div>
+      <div class="nars-hlp-search">
+        <input placeholder="请输入搜索关键字，如安装赛博云空间、影视库" />
+        <img src="__PUBLIC__/m_web/images/nas/help/nhlp-ssico.png" class="ssimg">
+      </div>
+      <!-- 下拉搜索框 -->
+      <div class="dropdown" id="dropdown"></div>
+    </div>
+    <!-- 目录-文章详情-锚点定位--->
+    <div class="nars-help-content">
+      <!--目录 -->
+      <div class="nars-hlpdt-ml">
+        <div class="nav-tree">
+          {volist name="categorys" id="vo"}
+          <div class="category">
+            <div class="category-title">
+              <div class="arrow {if condition='$cid == $vo.id'}rotate{/if}"><img src="__PUBLIC__/m_web/images/nas/help/nars-jt.png" class="arrow {if condition='$cid == $vo.id'}rotate{/if}" /></div>
+              <span>{$vo.name}</span>
+            </div>
+            <ul class="sub-list" {if condition="$cid == $vo.id" }style="display: block;" {/if}>
+              {volist name="vo.articles" id="va"}
+              <li>
+                <a href="{:url('tops_nas/helper_detail', ['id' => $va.id])}" class="{if condition='$Request.param.id == $va.id'}active{/if}" {if condition='$key==0' }style="padding-top: 6px;"{/if}>{$va.name}</a>
+              </li>
+              {/volist}
+            </ul>
+          </div>
+          {/volist}
+        </div>
+      </div>
+      <!--文章详情 -->
+      <div class="nars-hlpdt-mm" id="rendered-content">
+        <div>{$article.content|default=''}</div>
+      </div>
+      <!--锚点定位 -->
+      <div class="nars-hlpdt-mr">
+        <div id="title-list">
+          <h2 class="tt">目录</h2>
+          <ul></ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  {include file='include/bottom2023'/}
+  <script>
+    $(document).ready(function() {
+      $('.category-title').click(function() {
+        $(this).next('.sub-list').slideToggle();
+        $(this).find('.arrow').toggleClass('rotate');
+      });
 
-			  // 搜索
-				$(document).on('click', function(e) {
-					var target = $(e.target);
-					if (!target.closest('.nhlp-search').length) {
-						$('#dropdown').hide();
-					}
-				});
+      // 搜索
+      $(document).on('click', function(e) {
+        var target = $(e.target);
+        if (!target.closest('.nhlp-search').length) {
+          $('#dropdown').hide();
+        }
+      });
 
-        var timeout = null;
-        $('.nars-hlp-search input').on('focus input', function() {
-          clearTimeout(timeout);
-          var _this = this;
-          timeout = setTimeout(function () {
-            var keywords = $(_this).val();
-            if (keywords == '') {
-              $('#dropdown').hide().html('');
-              return;
-            }
-            $.ajax({
-              url: "{:url('tops_nas/helper_search')}",
-              type: 'POST',
-              data: {keywords: keywords},
-              dataType: 'JSON',
-              success: function(r) {
-                var html = '';
-                if (r.code == 0) {
-                  html = '<ul>'
-                  $.each(r.data, function(k, v) {
-                    html += '<li><a href="{:url(\'tops_nas/helper_detail\')}?id=' + v.id + '">' + v.name + '</a></li>'
-                  })
-                  html += '</ul>'
-                }
-                $('#dropdown').show().html(html);
+      var timeout = null;
+      $('.nars-hlp-search input').on('focus input', function() {
+        clearTimeout(timeout);
+        var _this = this;
+        timeout = setTimeout(function() {
+          var keywords = $(_this).val();
+          if (keywords == '') {
+            $('#dropdown').hide().html('');
+            return;
+          }
+          $.ajax({
+            url: "{:url('tops_nas/helper_search')}",
+            type: 'POST',
+            data: {
+              keywords: keywords
+            },
+            dataType: 'JSON',
+            success: function(r) {
+              var html = '';
+              if (r.code == 0) {
+                html = '<ul>'
+                $.each(r.data, function(k, v) {
+                  html += '<li><a href="{:url(\'tops_nas/helper_detail\')}?id=' + v.id + '">' + v.name + '</a></li>'
+                })
+                html += '</ul>'
               }
-            })
-          }, 300);
-        })
-        // 内容
-				// 清空标题列表
-				$("#title-list ul").empty();
-				// 提取 h1 标题
-				var h1Titles = $("#rendered-content").find("h3");
-				h1Titles.each(function(index) {
-					var title = $(this);
-					var titleText = title.text();
-					var titleId = "title-" + index;
-					title.attr("id", titleId);
-					var listItem = $("<li>");
-					var link = $("<a>", {
-						href: "#" + titleId,
-						text: titleText
-					});
-					listItem.append(link);
-					$("#title-list ul").append(listItem);
-				});
-			});
-		</script>
-	</body>
+              $('#dropdown').show().html(html);
+            }
+          })
+        }, 300);
+      })
+      // 内容
+      // 清空标题列表
+      $("#title-list ul").empty();
+      // 提取 h1 标题
+      var h1Titles = $("#rendered-content").find("h3");
+      h1Titles.each(function(index) {
+        var title = $(this);
+        var titleText = title.text();
+        var titleId = "title-" + index;
+        title.attr("id", titleId);
+        var listItem = $("<li>");
+        var link = $("<a>", {
+          href: "#" + titleId,
+          text: titleText
+        });
+        listItem.append(link);
+        $("#title-list ul").append(listItem);
+      });
+    });
+  </script>
+</body>
+
 </html>
\ No newline at end of file
