diff --git a/web/views/@default/servers/iplists/lists.css b/web/views/@default/servers/iplists/lists.css
new file mode 100644
index 00000000..f8441096
--- /dev/null
+++ b/web/views/@default/servers/iplists/lists.css
@@ -0,0 +1,9 @@
+.label.white {
+  background: white !important;
+  border: 1px #ccc solid;
+}
+.label.gray {
+  background: #999 !important;
+  color: white !important;
+}
+/*# sourceMappingURL=lists.css.map */
\ No newline at end of file
diff --git a/web/views/@default/servers/iplists/lists.css.map b/web/views/@default/servers/iplists/lists.css.map
new file mode 100644
index 00000000..2ec2810e
--- /dev/null
+++ b/web/views/@default/servers/iplists/lists.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["lists.less"],"names":[],"mappings":"AAAA,MAAM;EACL,4BAAA;EACA,sBAAA;;AAGD,MAAM;EACL,gBAAA;EACA,uBAAA","file":"lists.css"}
\ No newline at end of file
diff --git a/web/views/@default/servers/iplists/lists.html b/web/views/@default/servers/iplists/lists.html
index b73e31b3..47cc9045 100644
--- a/web/views/@default/servers/iplists/lists.html
+++ b/web/views/@default/servers/iplists/lists.html
@@ -8,7 +8,7 @@
     <input type="hidden" name="type" :value="type"/>
     <div class="ui fields inline">
         <div class="ui field">
-            <input type="text" placeholder="名称..." name="keyword" v-model="keyword"/>
+            <input type="text" placeholder="IP名单名称、代号..." name="keyword" v-model="keyword"/>
         </div>
         <div class="ui field">
             <button type="submit" class="ui button">搜索</button>
@@ -24,8 +24,8 @@
     <thead>
         <tr>
             <th class="one wide center">ID</th>
-            <th class="three wide">名称</th>
-            <th class="two wide">代号</th>
+            <th class="three wide">IP名单名称</th>
+            <th class="three wide">代号</th>
             <th class="two wide center">类型</th>
             <th>备注</th>
             <th class="two wide center">IP数量</th>
@@ -39,15 +39,18 @@
             <div v-if="list.isGlobal" style="margin-top: 0.3em"><grey-label>全局</grey-label></div>
         </td>
         <td>
-            <span v-if="list.code != null && list.code.length > 0">{{list.code}}</span>
+            <span v-if="list.code != null && list.code.length > 0"><keyword :v-word="keyword">{{list.code}}</keyword></span>
             <span v-else class="disabled">-</span>
         </td>
         <td class="center">
-            <span v-if="list.type == 'black'"><span class="red">黑名单</span></span>
-            <span v-if="list.type == 'white'"><span class="green">白名单</span></span>
-            <span v-if="list.type == 'grey'"><span class="grey">灰名单</span></span>
+            <span v-if="list.type == 'black'"><span class="ui label tiny black">黑名单</span></span>
+            <span v-if="list.type == 'white'"><span class="ui label tiny white">白名单</span></span>
+            <span v-if="list.type == 'grey'"><span class="ui label tiny gray">灰名单</span></span>
+        </td>
+        <td>
+            <span v-if="list.description.length > 0">{{list.description}}</span>
+            <span v-else class="disabled">-</span>
         </td>
-        <td>{{list.description}}</td>
         <td class="center">
             <a :href="'/servers/iplists/items?listId=' + list.id" v-if="list.countItems > 0">{{list.countItems}}</a>
             <span v-else class="disabled">0</span>
diff --git a/web/views/@default/servers/iplists/lists.less b/web/views/@default/servers/iplists/lists.less
new file mode 100644
index 00000000..1f3fc025
--- /dev/null
+++ b/web/views/@default/servers/iplists/lists.less
@@ -0,0 +1,9 @@
+.label.white {
+	background: white !important;
+	border: 1px #ccc solid;
+}
+
+.label.gray {
+	background: #999 !important;
+	color: white !important;
+}
\ No newline at end of file