fix: 更新icon

src/assets/iconfont/font_3806176_znq0fsknstf/demo.css

@@ -1,539 +0,0 @@
-/* Logo 字体 */
-@font-face {
-  font-family: "iconfont logo";
-  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
-  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
-}
-
-.logo {
-  font-family: "iconfont logo";
-  font-size: 160px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* tabs */
-.nav-tabs {
-  position: relative;
-}
-
-.nav-tabs .nav-more {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  height: 42px;
-  line-height: 42px;
-  color: #666;
-}
-
-#tabs {
-  border-bottom: 1px solid #eee;
-}
-
-#tabs li {
-  cursor: pointer;
-  width: 100px;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  font-size: 16px;
-  border-bottom: 2px solid transparent;
-  position: relative;
-  z-index: 1;
-  margin-bottom: -1px;
-  color: #666;
-}
-
-
-#tabs .active {
-  border-bottom-color: #f00;
-  color: #222;
-}
-
-.tab-container .content {
-  display: none;
-}
-
-/* 页面布局 */
-.main {
-  padding: 30px 100px;
-  width: 960px;
-  margin: 0 auto;
-}
-
-.main .logo {
-  color: #333;
-  text-align: left;
-  margin-bottom: 30px;
-  line-height: 1;
-  height: 110px;
-  margin-top: -50px;
-  overflow: hidden;
-  *zoom: 1;
-}
-
-.main .logo a {
-  font-size: 160px;
-  color: #333;
-}
-
-.helps {
-  margin-top: 40px;
-}
-
-.helps pre {
-  padding: 20px;
-  margin: 10px 0;
-  border: solid 1px #e7e1cd;
-  background-color: #fffdef;
-  overflow: auto;
-}
-
-.icon_lists {
-  width: 100% !important;
-  overflow: hidden;
-  *zoom: 1;
-}
-
-.icon_lists li {
-  width: 100px;
-  margin-bottom: 10px;
-  margin-right: 20px;
-  text-align: center;
-  list-style: none !important;
-  cursor: default;
-}
-
-.icon_lists li .code-name {
-  line-height: 1.2;
-}
-
-.icon_lists .icon {
-  display: block;
-  height: 100px;
-  line-height: 100px;
-  font-size: 42px;
-  margin: 10px auto;
-  color: #333;
-  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
-  -moz-transition: font-size 0.25s linear, width 0.25s linear;
-  transition: font-size 0.25s linear, width 0.25s linear;
-}
-
-.icon_lists .icon:hover {
-  font-size: 100px;
-}
-
-.icon_lists .svg-icon {
-  /* 通过设置 font-size 来改变图标大小 */
-  width: 1em;
-  /* 图标和文字相邻时，垂直对齐 */
-  vertical-align: -0.15em;
-  /* 通过设置 color 来改变 SVG 的颜色/fill */
-  fill: currentColor;
-  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
-      normalize.css 中也包含这行 */
-  overflow: hidden;
-}
-
-.icon_lists li .name,
-.icon_lists li .code-name {
-  color: #666;
-}
-
-/* markdown 样式 */
-.markdown {
-  color: #666;
-  font-size: 14px;
-  line-height: 1.8;
-}
-
-.highlight {
-  line-height: 1.5;
-}
-
-.markdown img {
-  vertical-align: middle;
-  max-width: 100%;
-}
-
-.markdown h1 {
-  color: #404040;
-  font-weight: 500;
-  line-height: 40px;
-  margin-bottom: 24px;
-}
-
-.markdown h2,
-.markdown h3,
-.markdown h4,
-.markdown h5,
-.markdown h6 {
-  color: #404040;
-  margin: 1.6em 0 0.6em 0;
-  font-weight: 500;
-  clear: both;
-}
-
-.markdown h1 {
-  font-size: 28px;
-}
-
-.markdown h2 {
-  font-size: 22px;
-}
-
-.markdown h3 {
-  font-size: 16px;
-}
-
-.markdown h4 {
-  font-size: 14px;
-}
-
-.markdown h5 {
-  font-size: 12px;
-}
-
-.markdown h6 {
-  font-size: 12px;
-}
-
-.markdown hr {
-  height: 1px;
-  border: 0;
-  background: #e9e9e9;
-  margin: 16px 0;
-  clear: both;
-}
-
-.markdown p {
-  margin: 1em 0;
-}
-
-.markdown>p,
-.markdown>blockquote,
-.markdown>.highlight,
-.markdown>ol,
-.markdown>ul {
-  width: 80%;
-}
-
-.markdown ul>li {
-  list-style: circle;
-}
-
-.markdown>ul li,
-.markdown blockquote ul>li {
-  margin-left: 20px;
-  padding-left: 4px;
-}
-
-.markdown>ul li p,
-.markdown>ol li p {
-  margin: 0.6em 0;
-}
-
-.markdown ol>li {
-  list-style: decimal;
-}
-
-.markdown>ol li,
-.markdown blockquote ol>li {
-  margin-left: 20px;
-  padding-left: 4px;
-}
-
-.markdown code {
-  margin: 0 3px;
-  padding: 0 5px;
-  background: #eee;
-  border-radius: 3px;
-}
-
-.markdown strong,
-.markdown b {
-  font-weight: 600;
-}
-
-.markdown>table {
-  border-collapse: collapse;
-  border-spacing: 0px;
-  empty-cells: show;
-  border: 1px solid #e9e9e9;
-  width: 95%;
-  margin-bottom: 24px;
-}
-
-.markdown>table th {
-  white-space: nowrap;
-  color: #333;
-  font-weight: 600;
-}
-
-.markdown>table th,
-.markdown>table td {
-  border: 1px solid #e9e9e9;
-  padding: 8px 16px;
-  text-align: left;
-}
-
-.markdown>table th {
-  background: #F7F7F7;
-}
-
-.markdown blockquote {
-  font-size: 90%;
-  color: #999;
-  border-left: 4px solid #e9e9e9;
-  padding-left: 0.8em;
-  margin: 1em 0;
-}
-
-.markdown blockquote p {
-  margin: 0;
-}
-
-.markdown .anchor {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  margin-left: 8px;
-}
-
-.markdown .waiting {
-  color: #ccc;
-}
-
-.markdown h1:hover .anchor,
-.markdown h2:hover .anchor,
-.markdown h3:hover .anchor,
-.markdown h4:hover .anchor,
-.markdown h5:hover .anchor,
-.markdown h6:hover .anchor {
-  opacity: 1;
-  display: inline-block;
-}
-
-.markdown>br,
-.markdown>p>br {
-  clear: both;
-}
-
-
-.hljs {
-  display: block;
-  background: white;
-  padding: 0.5em;
-  color: #333333;
-  overflow-x: auto;
-}
-
-.hljs-comment,
-.hljs-meta {
-  color: #969896;
-}
-
-.hljs-string,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-strong,
-.hljs-emphasis,
-.hljs-quote {
-  color: #df5000;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-type {
-  color: #a71d5d;
-}
-
-.hljs-literal,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-attribute {
-  color: #0086b3;
-}
-
-.hljs-section,
-.hljs-name {
-  color: #63a35c;
-}
-
-.hljs-tag {
-  color: #333333;
-}
-
-.hljs-title,
-.hljs-attr,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #795da3;
-}
-
-.hljs-addition {
-  color: #55a532;
-  background-color: #eaffea;
-}
-
-.hljs-deletion {
-  color: #bd2c00;
-  background-color: #ffecec;
-}
-
-.hljs-link {
-  text-decoration: underline;
-}
-
-/* 代码高亮 */
-/* PrismJS 1.15.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-code[class*="language-"],
-pre[class*="language-"] {
-  color: black;
-  background: none;
-  text-shadow: 0 1px white;
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection,
-pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection,
-code[class*="language-"] ::-moz-selection {
-  text-shadow: none;
-  background: #b3d4fc;
-}
-
-pre[class*="language-"]::selection,
-pre[class*="language-"] ::selection,
-code[class*="language-"]::selection,
-code[class*="language-"] ::selection {
-  text-shadow: none;
-  background: #b3d4fc;
-}
-
-@media print {
-
-  code[class*="language-"],
-  pre[class*="language-"] {
-    text-shadow: none;
-  }
-}
-
-/* Code blocks */
-pre[class*="language-"] {
-  padding: 1em;
-  margin: .5em 0;
-  overflow: auto;
-}
-
-:not(pre)>code[class*="language-"],
-pre[class*="language-"] {
-  background: #f5f2f0;
-}
-
-/* Inline code */
-:not(pre)>code[class*="language-"] {
-  padding: .1em;
-  border-radius: .3em;
-  white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: slategray;
-}
-
-.token.punctuation {
-  color: #999;
-}
-
-.namespace {
-  opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
-  color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-  color: #9a6e3a;
-  background: hsla(0, 0%, 100%, .5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-  color: #07a;
-}
-
-.token.function,
-.token.class-name {
-  color: #DD4A68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
-  color: #e90;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.entity {
-  cursor: help;
-}

src/assets/iconfont/font_3806176_znq0fsknstf/demo_index.html

@@ -1,6352 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8"/>
-  <title>iconfont Demo</title>
-  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
-  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
-  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
-  <link rel="stylesheet" href="demo.css">
-  <link rel="stylesheet" href="iconfont.css">
-  <script src="iconfont.js"></script>
-  <!-- jQuery -->
-  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
-  <!-- 代码高亮 -->
-  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
-  <style>
-    .main .logo {
-      margin-top: 0;
-      height: auto;
-    }
-
-    .main .logo a {
-      display: flex;
-      align-items: center;
-    }
-
-    .main .logo .sub-title {
-      margin-left: 0.5em;
-      font-size: 22px;
-      color: #fff;
-      background: linear-gradient(-45deg, #3967FF, #B500FE);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-  </style>
-</head>
-<body>
-  <div class="main">
-    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
-      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
-      
-    </a></h1>
-    <div class="nav-tabs">
-      <ul id="tabs" class="dib-box">
-        <li class="dib active"><span>Unicode</span></li>
-        <li class="dib"><span>Font class</span></li>
-        <li class="dib"><span>Symbol</span></li>
-      </ul>
-      
-      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3806176" target="_blank" class="nav-more">查看项目</a>
-      
-    </div>
-    <div class="tab-container">
-      <div class="content unicode" style="display: block;">
-          <ul class="icon_lists dib-box">
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe808;</span>
-                <div class="name">unlock</div>
-                <div class="code-name">&amp;#xe808;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe809;</span>
-                <div class="name">lock</div>
-                <div class="code-name">&amp;#xe809;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe80a;</span>
-                <div class="name">customerservice</div>
-                <div class="code-name">&amp;#xe80a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe80b;</span>
-                <div class="name">medicinebox</div>
-                <div class="code-name">&amp;#xe80b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe80c;</span>
-                <div class="name">shop</div>
-                <div class="code-name">&amp;#xe80c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe80d;</span>
-                <div class="name">rocket</div>
-                <div class="code-name">&amp;#xe80d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe80e;</span>
-                <div class="name">shopping</div>
-                <div class="code-name">&amp;#xe80e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe80f;</span>
-                <div class="name">folder</div>
-                <div class="code-name">&amp;#xe80f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe810;</span>
-                <div class="name">folder-open</div>
-                <div class="code-name">&amp;#xe810;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe811;</span>
-                <div class="name">folder-add</div>
-                <div class="code-name">&amp;#xe811;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe812;</span>
-                <div class="name">account book</div>
-                <div class="code-name">&amp;#xe812;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe813;</span>
-                <div class="name">contacts</div>
-                <div class="code-name">&amp;#xe813;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe814;</span>
-                <div class="name">carry out</div>
-                <div class="code-name">&amp;#xe814;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe815;</span>
-                <div class="name">calendar-check</div>
-                <div class="code-name">&amp;#xe815;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe816;</span>
-                <div class="name">calendar</div>
-                <div class="code-name">&amp;#xe816;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe817;</span>
-                <div class="name">scan</div>
-                <div class="code-name">&amp;#xe817;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe818;</span>
-                <div class="name">select</div>
-                <div class="code-name">&amp;#xe818;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe819;</span>
-                <div class="name">laptop</div>
-                <div class="code-name">&amp;#xe819;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe81a;</span>
-                <div class="name">barcode</div>
-                <div class="code-name">&amp;#xe81a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe81b;</span>
-                <div class="name">camera</div>
-                <div class="code-name">&amp;#xe81b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe81c;</span>
-                <div class="name">cluster</div>
-                <div class="code-name">&amp;#xe81c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe81d;</span>
-                <div class="name">gateway</div>
-                <div class="code-name">&amp;#xe81d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe81e;</span>
-                <div class="name">car</div>
-                <div class="code-name">&amp;#xe81e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe81f;</span>
-                <div class="name">printer</div>
-                <div class="code-name">&amp;#xe81f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe820;</span>
-                <div class="name">read</div>
-                <div class="code-name">&amp;#xe820;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe821;</span>
-                <div class="name">cloud-server</div>
-                <div class="code-name">&amp;#xe821;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe822;</span>
-                <div class="name">cloud-upload</div>
-                <div class="code-name">&amp;#xe822;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe823;</span>
-                <div class="name">cloud</div>
-                <div class="code-name">&amp;#xe823;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe824;</span>
-                <div class="name">cloud-download</div>
-                <div class="code-name">&amp;#xe824;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe825;</span>
-                <div class="name">cloud-sync</div>
-                <div class="code-name">&amp;#xe825;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe826;</span>
-                <div class="name">video</div>
-                <div class="code-name">&amp;#xe826;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe827;</span>
-                <div class="name">notification</div>
-                <div class="code-name">&amp;#xe827;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe828;</span>
-                <div class="name">sound</div>
-                <div class="code-name">&amp;#xe828;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe829;</span>
-                <div class="name">radar chart</div>
-                <div class="code-name">&amp;#xe829;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe82a;</span>
-                <div class="name">qrcode</div>
-                <div class="code-name">&amp;#xe82a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe82b;</span>
-                <div class="name">fund</div>
-                <div class="code-name">&amp;#xe82b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe82c;</span>
-                <div class="name">image</div>
-                <div class="code-name">&amp;#xe82c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe82d;</span>
-                <div class="name">mail</div>
-                <div class="code-name">&amp;#xe82d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe82e;</span>
-                <div class="name">table</div>
-                <div class="code-name">&amp;#xe82e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe82f;</span>
-                <div class="name">id card</div>
-                <div class="code-name">&amp;#xe82f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe830;</span>
-                <div class="name">credit card</div>
-                <div class="code-name">&amp;#xe830;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe831;</span>
-                <div class="name">heart</div>
-                <div class="code-name">&amp;#xe831;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe832;</span>
-                <div class="name">block</div>
-                <div class="code-name">&amp;#xe832;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe833;</span>
-                <div class="name">error</div>
-                <div class="code-name">&amp;#xe833;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe834;</span>
-                <div class="name">star</div>
-                <div class="code-name">&amp;#xe834;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe835;</span>
-                <div class="name">gold</div>
-                <div class="code-name">&amp;#xe835;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe836;</span>
-                <div class="name">heat map</div>
-                <div class="code-name">&amp;#xe836;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe837;</span>
-                <div class="name">wifi</div>
-                <div class="code-name">&amp;#xe837;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe838;</span>
-                <div class="name">attachment</div>
-                <div class="code-name">&amp;#xe838;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe839;</span>
-                <div class="name">edit</div>
-                <div class="code-name">&amp;#xe839;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe83a;</span>
-                <div class="name">key</div>
-                <div class="code-name">&amp;#xe83a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe83b;</span>
-                <div class="name">api</div>
-                <div class="code-name">&amp;#xe83b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe83c;</span>
-                <div class="name">highlight</div>
-                <div class="code-name">&amp;#xe83c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe83d;</span>
-                <div class="name">monitor</div>
-                <div class="code-name">&amp;#xe83d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe83e;</span>
-                <div class="name">link</div>
-                <div class="code-name">&amp;#xe83e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe83f;</span>
-                <div class="name">man</div>
-                <div class="code-name">&amp;#xe83f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe840;</span>
-                <div class="name">percentage</div>
-                <div class="code-name">&amp;#xe840;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe841;</span>
-                <div class="name">pushpin</div>
-                <div class="code-name">&amp;#xe841;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe842;</span>
-                <div class="name">phone</div>
-                <div class="code-name">&amp;#xe842;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe843;</span>
-                <div class="name">shake</div>
-                <div class="code-name">&amp;#xe843;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe844;</span>
-                <div class="name">tag</div>
-                <div class="code-name">&amp;#xe844;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe845;</span>
-                <div class="name">wrench</div>
-                <div class="code-name">&amp;#xe845;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe846;</span>
-                <div class="name">tags</div>
-                <div class="code-name">&amp;#xe846;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe847;</span>
-                <div class="name">scissor</div>
-                <div class="code-name">&amp;#xe847;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe848;</span>
-                <div class="name">mr</div>
-                <div class="code-name">&amp;#xe848;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe849;</span>
-                <div class="name">share</div>
-                <div class="code-name">&amp;#xe849;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe84a;</span>
-                <div class="name">branches</div>
-                <div class="code-name">&amp;#xe84a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe84b;</span>
-                <div class="name">fork</div>
-                <div class="code-name">&amp;#xe84b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe84c;</span>
-                <div class="name">shrink</div>
-                <div class="code-name">&amp;#xe84c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe84d;</span>
-                <div class="name">arrawsalt</div>
-                <div class="code-name">&amp;#xe84d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe84e;</span>
-                <div class="name">vertical right</div>
-                <div class="code-name">&amp;#xe84e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe84f;</span>
-                <div class="name">right</div>
-                <div class="code-name">&amp;#xe84f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe850;</span>
-                <div class="name">left</div>
-                <div class="code-name">&amp;#xe850;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe851;</span>
-                <div class="name">up</div>
-                <div class="code-name">&amp;#xe851;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe852;</span>
-                <div class="name">down</div>
-                <div class="code-name">&amp;#xe852;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe853;</span>
-                <div class="name">fullscreen</div>
-                <div class="code-name">&amp;#xe853;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe854;</span>
-                <div class="name">fullscreen-exit</div>
-                <div class="code-name">&amp;#xe854;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe855;</span>
-                <div class="name">doubleleft</div>
-                <div class="code-name">&amp;#xe855;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe856;</span>
-                <div class="name">double right</div>
-                <div class="code-name">&amp;#xe856;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe857;</span>
-                <div class="name">arrowright</div>
-                <div class="code-name">&amp;#xe857;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe858;</span>
-                <div class="name">arrowup</div>
-                <div class="code-name">&amp;#xe858;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe859;</span>
-                <div class="name">arrowleft</div>
-                <div class="code-name">&amp;#xe859;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe85a;</span>
-                <div class="name">arrowdown</div>
-                <div class="code-name">&amp;#xe85a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe85b;</span>
-                <div class="name">upload</div>
-                <div class="code-name">&amp;#xe85b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe85c;</span>
-                <div class="name">unordered list</div>
-                <div class="code-name">&amp;#xe85c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe85d;</span>
-                <div class="name">check</div>
-                <div class="code-name">&amp;#xe85d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe85e;</span>
-                <div class="name">ellipsis</div>
-                <div class="code-name">&amp;#xe85e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe85f;</span>
-                <div class="name">close</div>
-                <div class="code-name">&amp;#xe85f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe860;</span>
-                <div class="name">pause</div>
-                <div class="code-name">&amp;#xe860;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe861;</span>
-                <div class="name">crown</div>
-                <div class="code-name">&amp;#xe861;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe862;</span>
-                <div class="name">drag</div>
-                <div class="code-name">&amp;#xe862;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe863;</span>
-                <div class="name">desktop</div>
-                <div class="code-name">&amp;#xe863;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe864;</span>
-                <div class="name">gift</div>
-                <div class="code-name">&amp;#xe864;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe865;</span>
-                <div class="name">stop</div>
-                <div class="code-name">&amp;#xe865;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe866;</span>
-                <div class="name">fire</div>
-                <div class="code-name">&amp;#xe866;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe867;</span>
-                <div class="name">thunderbolt</div>
-                <div class="code-name">&amp;#xe867;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe86f;</span>
-                <div class="name">mail-fill</div>
-                <div class="code-name">&amp;#xe86f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe870;</span>
-                <div class="name">printer-fill</div>
-                <div class="code-name">&amp;#xe870;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe871;</span>
-                <div class="name">setting-fill</div>
-                <div class="code-name">&amp;#xe871;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe872;</span>
-                <div class="name">USB-fill</div>
-                <div class="code-name">&amp;#xe872;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe879;</span>
-                <div class="name">ant design</div>
-                <div class="code-name">&amp;#xe879;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe87a;</span>
-                <div class="name">IE</div>
-                <div class="code-name">&amp;#xe87a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe87d;</span>
-                <div class="name">HTML5</div>
-                <div class="code-name">&amp;#xe87d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe87e;</span>
-                <div class="name">apple</div>
-                <div class="code-name">&amp;#xe87e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe87f;</span>
-                <div class="name">android</div>
-                <div class="code-name">&amp;#xe87f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe880;</span>
-                <div class="name">windows</div>
-                <div class="code-name">&amp;#xe880;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe897;</span>
-                <div class="name">zoom out</div>
-                <div class="code-name">&amp;#xe897;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe898;</span>
-                <div class="name">apartment</div>
-                <div class="code-name">&amp;#xe898;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe899;</span>
-                <div class="name">audio</div>
-                <div class="code-name">&amp;#xe899;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe89a;</span>
-                <div class="name">robot</div>
-                <div class="code-name">&amp;#xe89a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe89b;</span>
-                <div class="name">zoom in</div>
-                <div class="code-name">&amp;#xe89b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8e8;</span>
-                <div class="name">robot-fill</div>
-                <div class="code-name">&amp;#xe8e8;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8e9;</span>
-                <div class="name">bug-fill</div>
-                <div class="code-name">&amp;#xe8e9;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8ea;</span>
-                <div class="name">bug</div>
-                <div class="code-name">&amp;#xe8ea;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8eb;</span>
-                <div class="name">audio static</div>
-                <div class="code-name">&amp;#xe8eb;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8ec;</span>
-                <div class="name">comment</div>
-                <div class="code-name">&amp;#xe8ec;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8ed;</span>
-                <div class="name">signal-fill</div>
-                <div class="code-name">&amp;#xe8ed;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8ee;</span>
-                <div class="name">videocamera add</div>
-                <div class="code-name">&amp;#xe8ee;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8ef;</span>
-                <div class="name">switch user</div>
-                <div class="code-name">&amp;#xe8ef;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8f0;</span>
-                <div class="name">appstore add</div>
-                <div class="code-name">&amp;#xe8f0;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8f1;</span>
-                <div class="name">search</div>
-                <div class="code-name">&amp;#xe8f1;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8f2;</span>
-                <div class="name">woman</div>
-                <div class="code-name">&amp;#xe8f2;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8fe;</span>
-                <div class="name">plus</div>
-                <div class="code-name">&amp;#xe8fe;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8ff;</span>
-                <div class="name">eye close-fill</div>
-                <div class="code-name">&amp;#xe8ff;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe900;</span>
-                <div class="name">eye-close</div>
-                <div class="code-name">&amp;#xe900;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe901;</span>
-                <div class="name">clear</div>
-                <div class="code-name">&amp;#xe901;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe902;</span>
-                <div class="name">rotate-left</div>
-                <div class="code-name">&amp;#xe902;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe903;</span>
-                <div class="name">rotate-right</div>
-                <div class="code-name">&amp;#xe903;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe904;</span>
-                <div class="name">insert row below</div>
-                <div class="code-name">&amp;#xe904;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe905;</span>
-                <div class="name">insert row above</div>
-                <div class="code-name">&amp;#xe905;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe906;</span>
-                <div class="name">table</div>
-                <div class="code-name">&amp;#xe906;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe907;</span>
-                <div class="name">solit-cells</div>
-                <div class="code-name">&amp;#xe907;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe908;</span>
-                <div class="name">format painter</div>
-                <div class="code-name">&amp;#xe908;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe909;</span>
-                <div class="name">insert row right</div>
-                <div class="code-name">&amp;#xe909;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe90a;</span>
-                <div class="name">format painter-fill</div>
-                <div class="code-name">&amp;#xe90a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe90b;</span>
-                <div class="name">insert row left</div>
-                <div class="code-name">&amp;#xe90b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe90c;</span>
-                <div class="name">translate</div>
-                <div class="code-name">&amp;#xe90c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe90d;</span>
-                <div class="name">delete row</div>
-                <div class="code-name">&amp;#xe90d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe90e;</span>
-                <div class="name">sisternode</div>
-                <div class="code-name">&amp;#xe90e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe90f;</span>
-                <div class="name">Field-number</div>
-                <div class="code-name">&amp;#xe90f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe910;</span>
-                <div class="name">Field-String</div>
-                <div class="code-name">&amp;#xe910;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe911;</span>
-                <div class="name">Function</div>
-                <div class="code-name">&amp;#xe911;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe912;</span>
-                <div class="name">Field-time</div>
-                <div class="code-name">&amp;#xe912;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe913;</span>
-                <div class="name">GIF</div>
-                <div class="code-name">&amp;#xe913;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe914;</span>
-                <div class="name">Partition</div>
-                <div class="code-name">&amp;#xe914;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe915;</span>
-                <div class="name">index</div>
-                <div class="code-name">&amp;#xe915;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe916;</span>
-                <div class="name">Stored procedure</div>
-                <div class="code-name">&amp;#xe916;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe917;</span>
-                <div class="name">Field-Binary</div>
-                <div class="code-name">&amp;#xe917;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe918;</span>
-                <div class="name">Console-SQL</div>
-                <div class="code-name">&amp;#xe918;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe919;</span>
-                <div class="name">1:1</div>
-                <div class="code-name">&amp;#xe919;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe91a;</span>
-                <div class="name">aim</div>
-                <div class="code-name">&amp;#xe91a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe91b;</span>
-                <div class="name">compress</div>
-                <div class="code-name">&amp;#xe91b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe91c;</span>
-                <div class="name">expend</div>
-                <div class="code-name">&amp;#xe91c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe91d;</span>
-                <div class="name">folder-view</div>
-                <div class="code-name">&amp;#xe91d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe91e;</span>
-                <div class="name">file-GIF</div>
-                <div class="code-name">&amp;#xe91e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe91f;</span>
-                <div class="name">group</div>
-                <div class="code-name">&amp;#xe91f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe920;</span>
-                <div class="name">send</div>
-                <div class="code-name">&amp;#xe920;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe921;</span>
-                <div class="name">Report</div>
-                <div class="code-name">&amp;#xe921;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe922;</span>
-                <div class="name">View</div>
-                <div class="code-name">&amp;#xe922;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe923;</span>
-                <div class="name">shortcut</div>
-                <div class="code-name">&amp;#xe923;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe924;</span>
-                <div class="name">ungroup</div>
-                <div class="code-name">&amp;#xe924;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c6;</span>
-                <div class="name">edit-square</div>
-                <div class="code-name">&amp;#xe7c6;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c7;</span>
-                <div class="name">export</div>
-                <div class="code-name">&amp;#xe7c7;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c8;</span>
-                <div class="name">save</div>
-                <div class="code-name">&amp;#xe7c8;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c9;</span>
-                <div class="name">app store</div>
-                <div class="code-name">&amp;#xe7c9;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ca;</span>
-                <div class="name">minus-square</div>
-                <div class="code-name">&amp;#xe7ca;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7cb;</span>
-                <div class="name">plus-square</div>
-                <div class="code-name">&amp;#xe7cb;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7cc;</span>
-                <div class="name">right-square</div>
-                <div class="code-name">&amp;#xe7cc;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7cd;</span>
-                <div class="name">wallet</div>
-                <div class="code-name">&amp;#xe7cd;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ce;</span>
-                <div class="name">add user</div>
-                <div class="code-name">&amp;#xe7ce;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7cf;</span>
-                <div class="name">delete team</div>
-                <div class="code-name">&amp;#xe7cf;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d0;</span>
-                <div class="name">delete user</div>
-                <div class="code-name">&amp;#xe7d0;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d1;</span>
-                <div class="name">addteam</div>
-                <div class="code-name">&amp;#xe7d1;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d2;</span>
-                <div class="name">user</div>
-                <div class="code-name">&amp;#xe7d2;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d3;</span>
-                <div class="name">team</div>
-                <div class="code-name">&amp;#xe7d3;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d4;</span>
-                <div class="name">area chart</div>
-                <div class="code-name">&amp;#xe7d4;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d5;</span>
-                <div class="name">line chart</div>
-                <div class="code-name">&amp;#xe7d5;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d6;</span>
-                <div class="name">bar chart</div>
-                <div class="code-name">&amp;#xe7d6;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d7;</span>
-                <div class="name">point map</div>
-                <div class="code-name">&amp;#xe7d7;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d8;</span>
-                <div class="name">container</div>
-                <div class="code-name">&amp;#xe7d8;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7d9;</span>
-                <div class="name">database</div>
-                <div class="code-name">&amp;#xe7d9;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7da;</span>
-                <div class="name">sever</div>
-                <div class="code-name">&amp;#xe7da;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7db;</span>
-                <div class="name">mobile</div>
-                <div class="code-name">&amp;#xe7db;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7dc;</span>
-                <div class="name">tablet</div>
-                <div class="code-name">&amp;#xe7dc;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7dd;</span>
-                <div class="name">red envelope</div>
-                <div class="code-name">&amp;#xe7dd;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7de;</span>
-                <div class="name">book</div>
-                <div class="code-name">&amp;#xe7de;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7df;</span>
-                <div class="name">file done</div>
-                <div class="code-name">&amp;#xe7df;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e0;</span>
-                <div class="name">reconciliation</div>
-                <div class="code-name">&amp;#xe7e0;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e1;</span>
-                <div class="name">file -exception</div>
-                <div class="code-name">&amp;#xe7e1;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e2;</span>
-                <div class="name">file sync</div>
-                <div class="code-name">&amp;#xe7e2;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e3;</span>
-                <div class="name">file search</div>
-                <div class="code-name">&amp;#xe7e3;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e4;</span>
-                <div class="name">solution</div>
-                <div class="code-name">&amp;#xe7e4;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e5;</span>
-                <div class="name">file protect</div>
-                <div class="code-name">&amp;#xe7e5;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e6;</span>
-                <div class="name">file-add</div>
-                <div class="code-name">&amp;#xe7e6;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e7;</span>
-                <div class="name">file-excel</div>
-                <div class="code-name">&amp;#xe7e7;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e8;</span>
-                <div class="name">file-exclamation</div>
-                <div class="code-name">&amp;#xe7e8;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7e9;</span>
-                <div class="name">file-pdf</div>
-                <div class="code-name">&amp;#xe7e9;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ea;</span>
-                <div class="name">file-image</div>
-                <div class="code-name">&amp;#xe7ea;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7eb;</span>
-                <div class="name">file-markdown</div>
-                <div class="code-name">&amp;#xe7eb;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ec;</span>
-                <div class="name">file-ppt</div>
-                <div class="code-name">&amp;#xe7ec;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ed;</span>
-                <div class="name">file-word</div>
-                <div class="code-name">&amp;#xe7ed;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ee;</span>
-                <div class="name">file</div>
-                <div class="code-name">&amp;#xe7ee;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ef;</span>
-                <div class="name">file-zip</div>
-                <div class="code-name">&amp;#xe7ef;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f0;</span>
-                <div class="name">file-text</div>
-                <div class="code-name">&amp;#xe7f0;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f1;</span>
-                <div class="name">file-copy</div>
-                <div class="code-name">&amp;#xe7f1;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f2;</span>
-                <div class="name">snippets</div>
-                <div class="code-name">&amp;#xe7f2;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f3;</span>
-                <div class="name">audit</div>
-                <div class="code-name">&amp;#xe7f3;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f4;</span>
-                <div class="name">diff</div>
-                <div class="code-name">&amp;#xe7f4;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f5;</span>
-                <div class="name">Batch folding</div>
-                <div class="code-name">&amp;#xe7f5;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f6;</span>
-                <div class="name">security scan</div>
-                <div class="code-name">&amp;#xe7f6;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f7;</span>
-                <div class="name">property safety</div>
-                <div class="code-name">&amp;#xe7f7;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f8;</span>
-                <div class="name">safety certificate</div>
-                <div class="code-name">&amp;#xe7f8;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f9;</span>
-                <div class="name">insurance </div>
-                <div class="code-name">&amp;#xe7f9;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7fa;</span>
-                <div class="name">alert</div>
-                <div class="code-name">&amp;#xe7fa;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7fb;</span>
-                <div class="name">delete</div>
-                <div class="code-name">&amp;#xe7fb;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7fc;</span>
-                <div class="name">hourglass</div>
-                <div class="code-name">&amp;#xe7fc;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7fd;</span>
-                <div class="name">bulb</div>
-                <div class="code-name">&amp;#xe7fd;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7fe;</span>
-                <div class="name">bell</div>
-                <div class="code-name">&amp;#xe7fe;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ff;</span>
-                <div class="name">trophy</div>
-                <div class="code-name">&amp;#xe7ff;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe800;</span>
-                <div class="name">rest</div>
-                <div class="code-name">&amp;#xe800;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe801;</span>
-                <div class="name">USB</div>
-                <div class="code-name">&amp;#xe801;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe802;</span>
-                <div class="name">skin</div>
-                <div class="code-name">&amp;#xe802;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe803;</span>
-                <div class="name">home</div>
-                <div class="code-name">&amp;#xe803;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe804;</span>
-                <div class="name">bank</div>
-                <div class="code-name">&amp;#xe804;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe805;</span>
-                <div class="name">filter</div>
-                <div class="code-name">&amp;#xe805;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe806;</span>
-                <div class="name">like</div>
-                <div class="code-name">&amp;#xe806;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe807;</span>
-                <div class="name">unlike</div>
-                <div class="code-name">&amp;#xe807;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe782;</span>
-                <div class="name">close-circle</div>
-                <div class="code-name">&amp;#xe782;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe783;</span>
-                <div class="name">frown</div>
-                <div class="code-name">&amp;#xe783;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe784;</span>
-                <div class="name">info-circle</div>
-                <div class="code-name">&amp;#xe784;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe785;</span>
-                <div class="name">left-circle</div>
-                <div class="code-name">&amp;#xe785;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe786;</span>
-                <div class="name">down-circle</div>
-                <div class="code-name">&amp;#xe786;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe787;</span>
-                <div class="name">EURO</div>
-                <div class="code-name">&amp;#xe787;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe788;</span>
-                <div class="name">copyright</div>
-                <div class="code-name">&amp;#xe788;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe789;</span>
-                <div class="name">minus-circle</div>
-                <div class="code-name">&amp;#xe789;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe78a;</span>
-                <div class="name">meh</div>
-                <div class="code-name">&amp;#xe78a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe78b;</span>
-                <div class="name">plus-circle</div>
-                <div class="code-name">&amp;#xe78b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe78c;</span>
-                <div class="name">play-circle</div>
-                <div class="code-name">&amp;#xe78c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe78d;</span>
-                <div class="name">question-circle</div>
-                <div class="code-name">&amp;#xe78d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe78e;</span>
-                <div class="name">Pound</div>
-                <div class="code-name">&amp;#xe78e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe78f;</span>
-                <div class="name">right-circle</div>
-                <div class="code-name">&amp;#xe78f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe790;</span>
-                <div class="name">smile</div>
-                <div class="code-name">&amp;#xe790;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe791;</span>
-                <div class="name">trademark</div>
-                <div class="code-name">&amp;#xe791;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe792;</span>
-                <div class="name">time-circle</div>
-                <div class="code-name">&amp;#xe792;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe793;</span>
-                <div class="name">time out</div>
-                <div class="code-name">&amp;#xe793;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe794;</span>
-                <div class="name">earth</div>
-                <div class="code-name">&amp;#xe794;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe795;</span>
-                <div class="name">YUAN</div>
-                <div class="code-name">&amp;#xe795;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe796;</span>
-                <div class="name">up-circle</div>
-                <div class="code-name">&amp;#xe796;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe797;</span>
-                <div class="name">warning-circle</div>
-                <div class="code-name">&amp;#xe797;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe798;</span>
-                <div class="name">sync</div>
-                <div class="code-name">&amp;#xe798;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe799;</span>
-                <div class="name">transaction</div>
-                <div class="code-name">&amp;#xe799;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe79a;</span>
-                <div class="name">undo</div>
-                <div class="code-name">&amp;#xe79a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe79b;</span>
-                <div class="name">redo</div>
-                <div class="code-name">&amp;#xe79b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe79c;</span>
-                <div class="name">reload</div>
-                <div class="code-name">&amp;#xe79c;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe79d;</span>
-                <div class="name">reload time</div>
-                <div class="code-name">&amp;#xe79d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe79e;</span>
-                <div class="name">message</div>
-                <div class="code-name">&amp;#xe79e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe79f;</span>
-                <div class="name">dashboard</div>
-                <div class="code-name">&amp;#xe79f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7a0;</span>
-                <div class="name">issues close</div>
-                <div class="code-name">&amp;#xe7a0;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7a1;</span>
-                <div class="name">poweroff</div>
-                <div class="code-name">&amp;#xe7a1;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7a2;</span>
-                <div class="name">logout</div>
-                <div class="code-name">&amp;#xe7a2;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7a3;</span>
-                <div class="name">pie chart</div>
-                <div class="code-name">&amp;#xe7a3;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7a4;</span>
-                <div class="name">setting</div>
-                <div class="code-name">&amp;#xe7a4;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7a5;</span>
-                <div class="name">eye</div>
-                <div class="code-name">&amp;#xe7a5;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7a6;</span>
-                <div class="name">location</div>
-                <div class="code-name">&amp;#xe7a6;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe77d;</span>
-                <div class="name">check-circle</div>
-                <div class="code-name">&amp;#xe77d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe77e;</span>
-                <div class="name">CI</div>
-                <div class="code-name">&amp;#xe77e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe77f;</span>
-                <div class="name">Dollar</div>
-                <div class="code-name">&amp;#xe77f;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe780;</span>
-                <div class="name">compass</div>
-                <div class="code-name">&amp;#xe780;</div>
-              </li>
-          
-          </ul>
-          <div class="article markdown">
-          <h2 id="unicode-">Unicode 引用</h2>
-          <hr>
-
-          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
-          <ul>
-            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
-            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
-          </ul>
-          <blockquote>
-            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
-          </blockquote>
-          <p>Unicode 使用步骤如下：</p>
-          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
-<pre><code class="language-css"
->@font-face {
-  font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1678070090615') format('woff2'),
-       url('iconfont.woff?t=1678070090615') format('woff'),
-       url('iconfont.ttf?t=1678070090615') format('truetype');
-}
-</code></pre>
-          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
-<pre><code class="language-css"
->.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-</code></pre>
-          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
-<pre>
-<code class="language-html"
->&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
-</code></pre>
-          <blockquote>
-            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
-          </blockquote>
-          </div>
-      </div>
-      <div class="content font-class">
-        <ul class="icon_lists dib-box">
-          
-          <li class="dib">
-            <span class="icon iconfont icon-unlock"></span>
-            <div class="name">
-              unlock
-            </div>
-            <div class="code-name">.icon-unlock
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-lock"></span>
-            <div class="name">
-              lock
-            </div>
-            <div class="code-name">.icon-lock
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-customerservice"></span>
-            <div class="name">
-              customerservice
-            </div>
-            <div class="code-name">.icon-customerservice
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-medicinebox"></span>
-            <div class="name">
-              medicinebox
-            </div>
-            <div class="code-name">.icon-medicinebox
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-shop"></span>
-            <div class="name">
-              shop
-            </div>
-            <div class="code-name">.icon-shop
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-rocket"></span>
-            <div class="name">
-              rocket
-            </div>
-            <div class="code-name">.icon-rocket
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-shopping"></span>
-            <div class="name">
-              shopping
-            </div>
-            <div class="code-name">.icon-shopping
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-folder"></span>
-            <div class="name">
-              folder
-            </div>
-            <div class="code-name">.icon-folder
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-folder-open"></span>
-            <div class="name">
-              folder-open
-            </div>
-            <div class="code-name">.icon-folder-open
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-folder-add"></span>
-            <div class="name">
-              folder-add
-            </div>
-            <div class="code-name">.icon-folder-add
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-accountbook"></span>
-            <div class="name">
-              account book
-            </div>
-            <div class="code-name">.icon-accountbook
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-contacts"></span>
-            <div class="name">
-              contacts
-            </div>
-            <div class="code-name">.icon-contacts
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-carryout"></span>
-            <div class="name">
-              carry out
-            </div>
-            <div class="code-name">.icon-carryout
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-calendar-check"></span>
-            <div class="name">
-              calendar-check
-            </div>
-            <div class="code-name">.icon-calendar-check
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-calendar"></span>
-            <div class="name">
-              calendar
-            </div>
-            <div class="code-name">.icon-calendar
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-scan"></span>
-            <div class="name">
-              scan
-            </div>
-            <div class="code-name">.icon-scan
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-select"></span>
-            <div class="name">
-              select
-            </div>
-            <div class="code-name">.icon-select
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-laptop"></span>
-            <div class="name">
-              laptop
-            </div>
-            <div class="code-name">.icon-laptop
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-barcode"></span>
-            <div class="name">
-              barcode
-            </div>
-            <div class="code-name">.icon-barcode
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-camera"></span>
-            <div class="name">
-              camera
-            </div>
-            <div class="code-name">.icon-camera
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-cluster"></span>
-            <div class="name">
-              cluster
-            </div>
-            <div class="code-name">.icon-cluster
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-gateway"></span>
-            <div class="name">
-              gateway
-            </div>
-            <div class="code-name">.icon-gateway
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-car"></span>
-            <div class="name">
-              car
-            </div>
-            <div class="code-name">.icon-car
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-printer"></span>
-            <div class="name">
-              printer
-            </div>
-            <div class="code-name">.icon-printer
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-read"></span>
-            <div class="name">
-              read
-            </div>
-            <div class="code-name">.icon-read
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-cloud-server"></span>
-            <div class="name">
-              cloud-server
-            </div>
-            <div class="code-name">.icon-cloud-server
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-cloud-upload"></span>
-            <div class="name">
-              cloud-upload
-            </div>
-            <div class="code-name">.icon-cloud-upload
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-cloud"></span>
-            <div class="name">
-              cloud
-            </div>
-            <div class="code-name">.icon-cloud
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-cloud-download"></span>
-            <div class="name">
-              cloud-download
-            </div>
-            <div class="code-name">.icon-cloud-download
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-cloud-sync"></span>
-            <div class="name">
-              cloud-sync
-            </div>
-            <div class="code-name">.icon-cloud-sync
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-video"></span>
-            <div class="name">
-              video
-            </div>
-            <div class="code-name">.icon-video
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-notification"></span>
-            <div class="name">
-              notification
-            </div>
-            <div class="code-name">.icon-notification
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-sound"></span>
-            <div class="name">
-              sound
-            </div>
-            <div class="code-name">.icon-sound
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-radarchart"></span>
-            <div class="name">
-              radar chart
-            </div>
-            <div class="code-name">.icon-radarchart
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-qrcode"></span>
-            <div class="name">
-              qrcode
-            </div>
-            <div class="code-name">.icon-qrcode
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-fund"></span>
-            <div class="name">
-              fund
-            </div>
-            <div class="code-name">.icon-fund
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-image"></span>
-            <div class="name">
-              image
-            </div>
-            <div class="code-name">.icon-image
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-mail"></span>
-            <div class="name">
-              mail
-            </div>
-            <div class="code-name">.icon-mail
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-table"></span>
-            <div class="name">
-              table
-            </div>
-            <div class="code-name">.icon-table
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-idcard"></span>
-            <div class="name">
-              id card
-            </div>
-            <div class="code-name">.icon-idcard
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-creditcard"></span>
-            <div class="name">
-              credit card
-            </div>
-            <div class="code-name">.icon-creditcard
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-heart"></span>
-            <div class="name">
-              heart
-            </div>
-            <div class="code-name">.icon-heart
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-block"></span>
-            <div class="name">
-              block
-            </div>
-            <div class="code-name">.icon-block
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-error"></span>
-            <div class="name">
-              error
-            </div>
-            <div class="code-name">.icon-error
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-star"></span>
-            <div class="name">
-              star
-            </div>
-            <div class="code-name">.icon-star
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-gold"></span>
-            <div class="name">
-              gold
-            </div>
-            <div class="code-name">.icon-gold
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-heatmap"></span>
-            <div class="name">
-              heat map
-            </div>
-            <div class="code-name">.icon-heatmap
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-wifi"></span>
-            <div class="name">
-              wifi
-            </div>
-            <div class="code-name">.icon-wifi
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-attachment"></span>
-            <div class="name">
-              attachment
-            </div>
-            <div class="code-name">.icon-attachment
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-edit"></span>
-            <div class="name">
-              edit
-            </div>
-            <div class="code-name">.icon-edit
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-key"></span>
-            <div class="name">
-              key
-            </div>
-            <div class="code-name">.icon-key
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-api"></span>
-            <div class="name">
-              api
-            </div>
-            <div class="code-name">.icon-api
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-highlight"></span>
-            <div class="name">
-              highlight
-            </div>
-            <div class="code-name">.icon-highlight
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-monitor"></span>
-            <div class="name">
-              monitor
-            </div>
-            <div class="code-name">.icon-monitor
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-link"></span>
-            <div class="name">
-              link
-            </div>
-            <div class="code-name">.icon-link
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-man"></span>
-            <div class="name">
-              man
-            </div>
-            <div class="code-name">.icon-man
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-percentage"></span>
-            <div class="name">
-              percentage
-            </div>
-            <div class="code-name">.icon-percentage
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-pushpin"></span>
-            <div class="name">
-              pushpin
-            </div>
-            <div class="code-name">.icon-pushpin
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-phone"></span>
-            <div class="name">
-              phone
-            </div>
-            <div class="code-name">.icon-phone
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-shake"></span>
-            <div class="name">
-              shake
-            </div>
-            <div class="code-name">.icon-shake
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-tag"></span>
-            <div class="name">
-              tag
-            </div>
-            <div class="code-name">.icon-tag
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-wrench"></span>
-            <div class="name">
-              wrench
-            </div>
-            <div class="code-name">.icon-wrench
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-tags"></span>
-            <div class="name">
-              tags
-            </div>
-            <div class="code-name">.icon-tags
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-scissor"></span>
-            <div class="name">
-              scissor
-            </div>
-            <div class="code-name">.icon-scissor
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-mr"></span>
-            <div class="name">
-              mr
-            </div>
-            <div class="code-name">.icon-mr
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-share"></span>
-            <div class="name">
-              share
-            </div>
-            <div class="code-name">.icon-share
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-branches"></span>
-            <div class="name">
-              branches
-            </div>
-            <div class="code-name">.icon-branches
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-fork"></span>
-            <div class="name">
-              fork
-            </div>
-            <div class="code-name">.icon-fork
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-shrink"></span>
-            <div class="name">
-              shrink
-            </div>
-            <div class="code-name">.icon-shrink
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-arrawsalt"></span>
-            <div class="name">
-              arrawsalt
-            </div>
-            <div class="code-name">.icon-arrawsalt
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-verticalright"></span>
-            <div class="name">
-              vertical right
-            </div>
-            <div class="code-name">.icon-verticalright
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-right"></span>
-            <div class="name">
-              right
-            </div>
-            <div class="code-name">.icon-right
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-left"></span>
-            <div class="name">
-              left
-            </div>
-            <div class="code-name">.icon-left
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-up"></span>
-            <div class="name">
-              up
-            </div>
-            <div class="code-name">.icon-up
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-down"></span>
-            <div class="name">
-              down
-            </div>
-            <div class="code-name">.icon-down
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-fullscreen"></span>
-            <div class="name">
-              fullscreen
-            </div>
-            <div class="code-name">.icon-fullscreen
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-fullscreen-exit"></span>
-            <div class="name">
-              fullscreen-exit
-            </div>
-            <div class="code-name">.icon-fullscreen-exit
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-doubleleft"></span>
-            <div class="name">
-              doubleleft
-            </div>
-            <div class="code-name">.icon-doubleleft
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-doubleright"></span>
-            <div class="name">
-              double right
-            </div>
-            <div class="code-name">.icon-doubleright
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-arrowright"></span>
-            <div class="name">
-              arrowright
-            </div>
-            <div class="code-name">.icon-arrowright
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-arrowup"></span>
-            <div class="name">
-              arrowup
-            </div>
-            <div class="code-name">.icon-arrowup
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-arrowleft"></span>
-            <div class="name">
-              arrowleft
-            </div>
-            <div class="code-name">.icon-arrowleft
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-arrowdown"></span>
-            <div class="name">
-              arrowdown
-            </div>
-            <div class="code-name">.icon-arrowdown
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-upload"></span>
-            <div class="name">
-              upload
-            </div>
-            <div class="code-name">.icon-upload
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-unorderedlist"></span>
-            <div class="name">
-              unordered list
-            </div>
-            <div class="code-name">.icon-unorderedlist
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-check"></span>
-            <div class="name">
-              check
-            </div>
-            <div class="code-name">.icon-check
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-ellipsis"></span>
-            <div class="name">
-              ellipsis
-            </div>
-            <div class="code-name">.icon-ellipsis
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-close"></span>
-            <div class="name">
-              close
-            </div>
-            <div class="code-name">.icon-close
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-pause"></span>
-            <div class="name">
-              pause
-            </div>
-            <div class="code-name">.icon-pause
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-crown"></span>
-            <div class="name">
-              crown
-            </div>
-            <div class="code-name">.icon-crown
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-drag"></span>
-            <div class="name">
-              drag
-            </div>
-            <div class="code-name">.icon-drag
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-desktop"></span>
-            <div class="name">
-              desktop
-            </div>
-            <div class="code-name">.icon-desktop
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-gift"></span>
-            <div class="name">
-              gift
-            </div>
-            <div class="code-name">.icon-gift
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-stop"></span>
-            <div class="name">
-              stop
-            </div>
-            <div class="code-name">.icon-stop
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-fire"></span>
-            <div class="name">
-              fire
-            </div>
-            <div class="code-name">.icon-fire
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-thunderbolt"></span>
-            <div class="name">
-              thunderbolt
-            </div>
-            <div class="code-name">.icon-thunderbolt
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-mail-fill"></span>
-            <div class="name">
-              mail-fill
-            </div>
-            <div class="code-name">.icon-mail-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-printer-fill"></span>
-            <div class="name">
-              printer-fill
-            </div>
-            <div class="code-name">.icon-printer-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-setting-fill"></span>
-            <div class="name">
-              setting-fill
-            </div>
-            <div class="code-name">.icon-setting-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-USB-fill"></span>
-            <div class="name">
-              USB-fill
-            </div>
-            <div class="code-name">.icon-USB-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-antdesign"></span>
-            <div class="name">
-              ant design
-            </div>
-            <div class="code-name">.icon-antdesign
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-IE"></span>
-            <div class="name">
-              IE
-            </div>
-            <div class="code-name">.icon-IE
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-HTML"></span>
-            <div class="name">
-              HTML5
-            </div>
-            <div class="code-name">.icon-HTML
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-apple"></span>
-            <div class="name">
-              apple
-            </div>
-            <div class="code-name">.icon-apple
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-android"></span>
-            <div class="name">
-              android
-            </div>
-            <div class="code-name">.icon-android
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-windows"></span>
-            <div class="name">
-              windows
-            </div>
-            <div class="code-name">.icon-windows
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-zoomout"></span>
-            <div class="name">
-              zoom out
-            </div>
-            <div class="code-name">.icon-zoomout
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-apartment"></span>
-            <div class="name">
-              apartment
-            </div>
-            <div class="code-name">.icon-apartment
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-audio"></span>
-            <div class="name">
-              audio
-            </div>
-            <div class="code-name">.icon-audio
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-robot"></span>
-            <div class="name">
-              robot
-            </div>
-            <div class="code-name">.icon-robot
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-zoomin"></span>
-            <div class="name">
-              zoom in
-            </div>
-            <div class="code-name">.icon-zoomin
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-robot-fill"></span>
-            <div class="name">
-              robot-fill
-            </div>
-            <div class="code-name">.icon-robot-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-bug-fill"></span>
-            <div class="name">
-              bug-fill
-            </div>
-            <div class="code-name">.icon-bug-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-bug"></span>
-            <div class="name">
-              bug
-            </div>
-            <div class="code-name">.icon-bug
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-audiostatic"></span>
-            <div class="name">
-              audio static
-            </div>
-            <div class="code-name">.icon-audiostatic
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-comment"></span>
-            <div class="name">
-              comment
-            </div>
-            <div class="code-name">.icon-comment
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-signal-fill"></span>
-            <div class="name">
-              signal-fill
-            </div>
-            <div class="code-name">.icon-signal-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-videocameraadd"></span>
-            <div class="name">
-              videocamera add
-            </div>
-            <div class="code-name">.icon-videocameraadd
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-switchuser"></span>
-            <div class="name">
-              switch user
-            </div>
-            <div class="code-name">.icon-switchuser
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-appstoreadd"></span>
-            <div class="name">
-              appstore add
-            </div>
-            <div class="code-name">.icon-appstoreadd
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-search"></span>
-            <div class="name">
-              search
-            </div>
-            <div class="code-name">.icon-search
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-woman"></span>
-            <div class="name">
-              woman
-            </div>
-            <div class="code-name">.icon-woman
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-plus"></span>
-            <div class="name">
-              plus
-            </div>
-            <div class="code-name">.icon-plus
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-eyeclose-fill"></span>
-            <div class="name">
-              eye close-fill
-            </div>
-            <div class="code-name">.icon-eyeclose-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-eye-close"></span>
-            <div class="name">
-              eye-close
-            </div>
-            <div class="code-name">.icon-eye-close
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-clear"></span>
-            <div class="name">
-              clear
-            </div>
-            <div class="code-name">.icon-clear
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-rotate-left"></span>
-            <div class="name">
-              rotate-left
-            </div>
-            <div class="code-name">.icon-rotate-left
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-rotate-right"></span>
-            <div class="name">
-              rotate-right
-            </div>
-            <div class="code-name">.icon-rotate-right
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-insertrowbelow"></span>
-            <div class="name">
-              insert row below
-            </div>
-            <div class="code-name">.icon-insertrowbelow
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-insertrowabove"></span>
-            <div class="name">
-              insert row above
-            </div>
-            <div class="code-name">.icon-insertrowabove
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-table1"></span>
-            <div class="name">
-              table
-            </div>
-            <div class="code-name">.icon-table1
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-solit-cells"></span>
-            <div class="name">
-              solit-cells
-            </div>
-            <div class="code-name">.icon-solit-cells
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-formatpainter"></span>
-            <div class="name">
-              format painter
-            </div>
-            <div class="code-name">.icon-formatpainter
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-insertrowright"></span>
-            <div class="name">
-              insert row right
-            </div>
-            <div class="code-name">.icon-insertrowright
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-formatpainter-fill"></span>
-            <div class="name">
-              format painter-fill
-            </div>
-            <div class="code-name">.icon-formatpainter-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-insertrowleft"></span>
-            <div class="name">
-              insert row left
-            </div>
-            <div class="code-name">.icon-insertrowleft
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-translate"></span>
-            <div class="name">
-              translate
-            </div>
-            <div class="code-name">.icon-translate
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-deleterow"></span>
-            <div class="name">
-              delete row
-            </div>
-            <div class="code-name">.icon-deleterow
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-sisternode"></span>
-            <div class="name">
-              sisternode
-            </div>
-            <div class="code-name">.icon-sisternode
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Field-number"></span>
-            <div class="name">
-              Field-number
-            </div>
-            <div class="code-name">.icon-Field-number
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Field-String"></span>
-            <div class="name">
-              Field-String
-            </div>
-            <div class="code-name">.icon-Field-String
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Function"></span>
-            <div class="name">
-              Function
-            </div>
-            <div class="code-name">.icon-Function
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Field-time"></span>
-            <div class="name">
-              Field-time
-            </div>
-            <div class="code-name">.icon-Field-time
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-GIF"></span>
-            <div class="name">
-              GIF
-            </div>
-            <div class="code-name">.icon-GIF
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Partition"></span>
-            <div class="name">
-              Partition
-            </div>
-            <div class="code-name">.icon-Partition
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-index"></span>
-            <div class="name">
-              index
-            </div>
-            <div class="code-name">.icon-index
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Storedprocedure"></span>
-            <div class="name">
-              Stored procedure
-            </div>
-            <div class="code-name">.icon-Storedprocedure
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Field-Binary"></span>
-            <div class="name">
-              Field-Binary
-            </div>
-            <div class="code-name">.icon-Field-Binary
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Console-SQL"></span>
-            <div class="name">
-              Console-SQL
-            </div>
-            <div class="code-name">.icon-Console-SQL
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-icon-test"></span>
-            <div class="name">
-              1:1
-            </div>
-            <div class="code-name">.icon-icon-test
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-aim"></span>
-            <div class="name">
-              aim
-            </div>
-            <div class="code-name">.icon-aim
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-compress"></span>
-            <div class="name">
-              compress
-            </div>
-            <div class="code-name">.icon-compress
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-expend"></span>
-            <div class="name">
-              expend
-            </div>
-            <div class="code-name">.icon-expend
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-folder-view"></span>
-            <div class="name">
-              folder-view
-            </div>
-            <div class="code-name">.icon-folder-view
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-GIF"></span>
-            <div class="name">
-              file-GIF
-            </div>
-            <div class="code-name">.icon-file-GIF
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-group"></span>
-            <div class="name">
-              group
-            </div>
-            <div class="code-name">.icon-group
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-send"></span>
-            <div class="name">
-              send
-            </div>
-            <div class="code-name">.icon-send
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Report"></span>
-            <div class="name">
-              Report
-            </div>
-            <div class="code-name">.icon-Report
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-View"></span>
-            <div class="name">
-              View
-            </div>
-            <div class="code-name">.icon-View
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-shortcut"></span>
-            <div class="name">
-              shortcut
-            </div>
-            <div class="code-name">.icon-shortcut
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-ungroup"></span>
-            <div class="name">
-              ungroup
-            </div>
-            <div class="code-name">.icon-ungroup
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-edit-square"></span>
-            <div class="name">
-              edit-square
-            </div>
-            <div class="code-name">.icon-edit-square
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-export"></span>
-            <div class="name">
-              export
-            </div>
-            <div class="code-name">.icon-export
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-save"></span>
-            <div class="name">
-              save
-            </div>
-            <div class="code-name">.icon-save
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-appstore"></span>
-            <div class="name">
-              app store
-            </div>
-            <div class="code-name">.icon-appstore
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-minus-square"></span>
-            <div class="name">
-              minus-square
-            </div>
-            <div class="code-name">.icon-minus-square
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-plus-square"></span>
-            <div class="name">
-              plus-square
-            </div>
-            <div class="code-name">.icon-plus-square
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-right-square"></span>
-            <div class="name">
-              right-square
-            </div>
-            <div class="code-name">.icon-right-square
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-wallet"></span>
-            <div class="name">
-              wallet
-            </div>
-            <div class="code-name">.icon-wallet
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-adduser"></span>
-            <div class="name">
-              add user
-            </div>
-            <div class="code-name">.icon-adduser
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-deleteteam"></span>
-            <div class="name">
-              delete team
-            </div>
-            <div class="code-name">.icon-deleteteam
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-deleteuser"></span>
-            <div class="name">
-              delete user
-            </div>
-            <div class="code-name">.icon-deleteuser
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-addteam"></span>
-            <div class="name">
-              addteam
-            </div>
-            <div class="code-name">.icon-addteam
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-user"></span>
-            <div class="name">
-              user
-            </div>
-            <div class="code-name">.icon-user
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-team"></span>
-            <div class="name">
-              team
-            </div>
-            <div class="code-name">.icon-team
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-areachart"></span>
-            <div class="name">
-              area chart
-            </div>
-            <div class="code-name">.icon-areachart
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-linechart"></span>
-            <div class="name">
-              line chart
-            </div>
-            <div class="code-name">.icon-linechart
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-barchart"></span>
-            <div class="name">
-              bar chart
-            </div>
-            <div class="code-name">.icon-barchart
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-pointmap"></span>
-            <div class="name">
-              point map
-            </div>
-            <div class="code-name">.icon-pointmap
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-container"></span>
-            <div class="name">
-              container
-            </div>
-            <div class="code-name">.icon-container
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-database"></span>
-            <div class="name">
-              database
-            </div>
-            <div class="code-name">.icon-database
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-sever"></span>
-            <div class="name">
-              sever
-            </div>
-            <div class="code-name">.icon-sever
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-mobile"></span>
-            <div class="name">
-              mobile
-            </div>
-            <div class="code-name">.icon-mobile
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-tablet"></span>
-            <div class="name">
-              tablet
-            </div>
-            <div class="code-name">.icon-tablet
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-redenvelope"></span>
-            <div class="name">
-              red envelope
-            </div>
-            <div class="code-name">.icon-redenvelope
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-book"></span>
-            <div class="name">
-              book
-            </div>
-            <div class="code-name">.icon-book
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-filedone"></span>
-            <div class="name">
-              file done
-            </div>
-            <div class="code-name">.icon-filedone
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-reconciliation"></span>
-            <div class="name">
-              reconciliation
-            </div>
-            <div class="code-name">.icon-reconciliation
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-exception"></span>
-            <div class="name">
-              file -exception
-            </div>
-            <div class="code-name">.icon-file-exception
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-filesync"></span>
-            <div class="name">
-              file sync
-            </div>
-            <div class="code-name">.icon-filesync
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-filesearch"></span>
-            <div class="name">
-              file search
-            </div>
-            <div class="code-name">.icon-filesearch
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-solution"></span>
-            <div class="name">
-              solution
-            </div>
-            <div class="code-name">.icon-solution
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-fileprotect"></span>
-            <div class="name">
-              file protect
-            </div>
-            <div class="code-name">.icon-fileprotect
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-add"></span>
-            <div class="name">
-              file-add
-            </div>
-            <div class="code-name">.icon-file-add
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-excel"></span>
-            <div class="name">
-              file-excel
-            </div>
-            <div class="code-name">.icon-file-excel
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-exclamation"></span>
-            <div class="name">
-              file-exclamation
-            </div>
-            <div class="code-name">.icon-file-exclamation
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-pdf"></span>
-            <div class="name">
-              file-pdf
-            </div>
-            <div class="code-name">.icon-file-pdf
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-image"></span>
-            <div class="name">
-              file-image
-            </div>
-            <div class="code-name">.icon-file-image
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-markdown"></span>
-            <div class="name">
-              file-markdown
-            </div>
-            <div class="code-name">.icon-file-markdown
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-ppt"></span>
-            <div class="name">
-              file-ppt
-            </div>
-            <div class="code-name">.icon-file-ppt
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-word"></span>
-            <div class="name">
-              file-word
-            </div>
-            <div class="code-name">.icon-file-word
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file"></span>
-            <div class="name">
-              file
-            </div>
-            <div class="code-name">.icon-file
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-zip"></span>
-            <div class="name">
-              file-zip
-            </div>
-            <div class="code-name">.icon-file-zip
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-text"></span>
-            <div class="name">
-              file-text
-            </div>
-            <div class="code-name">.icon-file-text
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-file-copy"></span>
-            <div class="name">
-              file-copy
-            </div>
-            <div class="code-name">.icon-file-copy
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-snippets"></span>
-            <div class="name">
-              snippets
-            </div>
-            <div class="code-name">.icon-snippets
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-audit"></span>
-            <div class="name">
-              audit
-            </div>
-            <div class="code-name">.icon-audit
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-diff"></span>
-            <div class="name">
-              diff
-            </div>
-            <div class="code-name">.icon-diff
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Batchfolding"></span>
-            <div class="name">
-              Batch folding
-            </div>
-            <div class="code-name">.icon-Batchfolding
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-securityscan"></span>
-            <div class="name">
-              security scan
-            </div>
-            <div class="code-name">.icon-securityscan
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-propertysafety"></span>
-            <div class="name">
-              property safety
-            </div>
-            <div class="code-name">.icon-propertysafety
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-safetycertificate"></span>
-            <div class="name">
-              safety certificate
-            </div>
-            <div class="code-name">.icon-safetycertificate
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-insurance"></span>
-            <div class="name">
-              insurance 
-            </div>
-            <div class="code-name">.icon-insurance
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-alert"></span>
-            <div class="name">
-              alert
-            </div>
-            <div class="code-name">.icon-alert
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-delete"></span>
-            <div class="name">
-              delete
-            </div>
-            <div class="code-name">.icon-delete
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-hourglass"></span>
-            <div class="name">
-              hourglass
-            </div>
-            <div class="code-name">.icon-hourglass
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-bulb"></span>
-            <div class="name">
-              bulb
-            </div>
-            <div class="code-name">.icon-bulb
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-bell"></span>
-            <div class="name">
-              bell
-            </div>
-            <div class="code-name">.icon-bell
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-trophy"></span>
-            <div class="name">
-              trophy
-            </div>
-            <div class="code-name">.icon-trophy
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-rest"></span>
-            <div class="name">
-              rest
-            </div>
-            <div class="code-name">.icon-rest
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-USB"></span>
-            <div class="name">
-              USB
-            </div>
-            <div class="code-name">.icon-USB
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-skin"></span>
-            <div class="name">
-              skin
-            </div>
-            <div class="code-name">.icon-skin
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-home"></span>
-            <div class="name">
-              home
-            </div>
-            <div class="code-name">.icon-home
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-bank"></span>
-            <div class="name">
-              bank
-            </div>
-            <div class="code-name">.icon-bank
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-filter"></span>
-            <div class="name">
-              filter
-            </div>
-            <div class="code-name">.icon-filter
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-like"></span>
-            <div class="name">
-              like
-            </div>
-            <div class="code-name">.icon-like
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-unlike"></span>
-            <div class="name">
-              unlike
-            </div>
-            <div class="code-name">.icon-unlike
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-close-circle"></span>
-            <div class="name">
-              close-circle
-            </div>
-            <div class="code-name">.icon-close-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-frown"></span>
-            <div class="name">
-              frown
-            </div>
-            <div class="code-name">.icon-frown
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-info-circle"></span>
-            <div class="name">
-              info-circle
-            </div>
-            <div class="code-name">.icon-info-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-left-circle"></span>
-            <div class="name">
-              left-circle
-            </div>
-            <div class="code-name">.icon-left-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-down-circle"></span>
-            <div class="name">
-              down-circle
-            </div>
-            <div class="code-name">.icon-down-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-EURO"></span>
-            <div class="name">
-              EURO
-            </div>
-            <div class="code-name">.icon-EURO
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-copyright"></span>
-            <div class="name">
-              copyright
-            </div>
-            <div class="code-name">.icon-copyright
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-minus-circle"></span>
-            <div class="name">
-              minus-circle
-            </div>
-            <div class="code-name">.icon-minus-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-meh"></span>
-            <div class="name">
-              meh
-            </div>
-            <div class="code-name">.icon-meh
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-plus-circle"></span>
-            <div class="name">
-              plus-circle
-            </div>
-            <div class="code-name">.icon-plus-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-play-circle"></span>
-            <div class="name">
-              play-circle
-            </div>
-            <div class="code-name">.icon-play-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-question-circle"></span>
-            <div class="name">
-              question-circle
-            </div>
-            <div class="code-name">.icon-question-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Pound"></span>
-            <div class="name">
-              Pound
-            </div>
-            <div class="code-name">.icon-Pound
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-right-circle"></span>
-            <div class="name">
-              right-circle
-            </div>
-            <div class="code-name">.icon-right-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-smile"></span>
-            <div class="name">
-              smile
-            </div>
-            <div class="code-name">.icon-smile
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-trademark"></span>
-            <div class="name">
-              trademark
-            </div>
-            <div class="code-name">.icon-trademark
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-time-circle"></span>
-            <div class="name">
-              time-circle
-            </div>
-            <div class="code-name">.icon-time-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-timeout"></span>
-            <div class="name">
-              time out
-            </div>
-            <div class="code-name">.icon-timeout
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-earth"></span>
-            <div class="name">
-              earth
-            </div>
-            <div class="code-name">.icon-earth
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-YUAN"></span>
-            <div class="name">
-              YUAN
-            </div>
-            <div class="code-name">.icon-YUAN
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-up-circle"></span>
-            <div class="name">
-              up-circle
-            </div>
-            <div class="code-name">.icon-up-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-warning-circle"></span>
-            <div class="name">
-              warning-circle
-            </div>
-            <div class="code-name">.icon-warning-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-sync"></span>
-            <div class="name">
-              sync
-            </div>
-            <div class="code-name">.icon-sync
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-transaction"></span>
-            <div class="name">
-              transaction
-            </div>
-            <div class="code-name">.icon-transaction
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-undo"></span>
-            <div class="name">
-              undo
-            </div>
-            <div class="code-name">.icon-undo
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-redo"></span>
-            <div class="name">
-              redo
-            </div>
-            <div class="code-name">.icon-redo
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-reload"></span>
-            <div class="name">
-              reload
-            </div>
-            <div class="code-name">.icon-reload
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-reloadtime"></span>
-            <div class="name">
-              reload time
-            </div>
-            <div class="code-name">.icon-reloadtime
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-message"></span>
-            <div class="name">
-              message
-            </div>
-            <div class="code-name">.icon-message
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-dashboard"></span>
-            <div class="name">
-              dashboard
-            </div>
-            <div class="code-name">.icon-dashboard
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-issuesclose"></span>
-            <div class="name">
-              issues close
-            </div>
-            <div class="code-name">.icon-issuesclose
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-poweroff"></span>
-            <div class="name">
-              poweroff
-            </div>
-            <div class="code-name">.icon-poweroff
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-logout"></span>
-            <div class="name">
-              logout
-            </div>
-            <div class="code-name">.icon-logout
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-piechart"></span>
-            <div class="name">
-              pie chart
-            </div>
-            <div class="code-name">.icon-piechart
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-setting"></span>
-            <div class="name">
-              setting
-            </div>
-            <div class="code-name">.icon-setting
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-eye"></span>
-            <div class="name">
-              eye
-            </div>
-            <div class="code-name">.icon-eye
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-location"></span>
-            <div class="name">
-              location
-            </div>
-            <div class="code-name">.icon-location
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-check-circle"></span>
-            <div class="name">
-              check-circle
-            </div>
-            <div class="code-name">.icon-check-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-CI"></span>
-            <div class="name">
-              CI
-            </div>
-            <div class="code-name">.icon-CI
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-Dollar"></span>
-            <div class="name">
-              Dollar
-            </div>
-            <div class="code-name">.icon-Dollar
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-compass"></span>
-            <div class="name">
-              compass
-            </div>
-            <div class="code-name">.icon-compass
-            </div>
-          </li>
-          
-        </ul>
-        <div class="article markdown">
-        <h2 id="font-class-">font-class 引用</h2>
-        <hr>
-
-        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
-        <p>与 Unicode 使用方式相比，具有如下特点：</p>
-        <ul>
-          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
-          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
-        </ul>
-        <p>使用步骤如下：</p>
-        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
-<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
-</code></pre>
-        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
-<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
-</code></pre>
-        <blockquote>
-          <p>"
-            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
-        </blockquote>
-      </div>
-      </div>
-      <div class="content symbol">
-          <ul class="icon_lists dib-box">
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-unlock"></use>
-                </svg>
-                <div class="name">unlock</div>
-                <div class="code-name">#icon-unlock</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-lock"></use>
-                </svg>
-                <div class="name">lock</div>
-                <div class="code-name">#icon-lock</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-customerservice"></use>
-                </svg>
-                <div class="name">customerservice</div>
-                <div class="code-name">#icon-customerservice</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-medicinebox"></use>
-                </svg>
-                <div class="name">medicinebox</div>
-                <div class="code-name">#icon-medicinebox</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-shop"></use>
-                </svg>
-                <div class="name">shop</div>
-                <div class="code-name">#icon-shop</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-rocket"></use>
-                </svg>
-                <div class="name">rocket</div>
-                <div class="code-name">#icon-rocket</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-shopping"></use>
-                </svg>
-                <div class="name">shopping</div>
-                <div class="code-name">#icon-shopping</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-folder"></use>
-                </svg>
-                <div class="name">folder</div>
-                <div class="code-name">#icon-folder</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-folder-open"></use>
-                </svg>
-                <div class="name">folder-open</div>
-                <div class="code-name">#icon-folder-open</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-folder-add"></use>
-                </svg>
-                <div class="name">folder-add</div>
-                <div class="code-name">#icon-folder-add</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-accountbook"></use>
-                </svg>
-                <div class="name">account book</div>
-                <div class="code-name">#icon-accountbook</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-contacts"></use>
-                </svg>
-                <div class="name">contacts</div>
-                <div class="code-name">#icon-contacts</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-carryout"></use>
-                </svg>
-                <div class="name">carry out</div>
-                <div class="code-name">#icon-carryout</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-calendar-check"></use>
-                </svg>
-                <div class="name">calendar-check</div>
-                <div class="code-name">#icon-calendar-check</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-calendar"></use>
-                </svg>
-                <div class="name">calendar</div>
-                <div class="code-name">#icon-calendar</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-scan"></use>
-                </svg>
-                <div class="name">scan</div>
-                <div class="code-name">#icon-scan</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-select"></use>
-                </svg>
-                <div class="name">select</div>
-                <div class="code-name">#icon-select</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-laptop"></use>
-                </svg>
-                <div class="name">laptop</div>
-                <div class="code-name">#icon-laptop</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-barcode"></use>
-                </svg>
-                <div class="name">barcode</div>
-                <div class="code-name">#icon-barcode</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-camera"></use>
-                </svg>
-                <div class="name">camera</div>
-                <div class="code-name">#icon-camera</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-cluster"></use>
-                </svg>
-                <div class="name">cluster</div>
-                <div class="code-name">#icon-cluster</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-gateway"></use>
-                </svg>
-                <div class="name">gateway</div>
-                <div class="code-name">#icon-gateway</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-car"></use>
-                </svg>
-                <div class="name">car</div>
-                <div class="code-name">#icon-car</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-printer"></use>
-                </svg>
-                <div class="name">printer</div>
-                <div class="code-name">#icon-printer</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-read"></use>
-                </svg>
-                <div class="name">read</div>
-                <div class="code-name">#icon-read</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-cloud-server"></use>
-                </svg>
-                <div class="name">cloud-server</div>
-                <div class="code-name">#icon-cloud-server</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-cloud-upload"></use>
-                </svg>
-                <div class="name">cloud-upload</div>
-                <div class="code-name">#icon-cloud-upload</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-cloud"></use>
-                </svg>
-                <div class="name">cloud</div>
-                <div class="code-name">#icon-cloud</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-cloud-download"></use>
-                </svg>
-                <div class="name">cloud-download</div>
-                <div class="code-name">#icon-cloud-download</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-cloud-sync"></use>
-                </svg>
-                <div class="name">cloud-sync</div>
-                <div class="code-name">#icon-cloud-sync</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-video"></use>
-                </svg>
-                <div class="name">video</div>
-                <div class="code-name">#icon-video</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-notification"></use>
-                </svg>
-                <div class="name">notification</div>
-                <div class="code-name">#icon-notification</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-sound"></use>
-                </svg>
-                <div class="name">sound</div>
-                <div class="code-name">#icon-sound</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-radarchart"></use>
-                </svg>
-                <div class="name">radar chart</div>
-                <div class="code-name">#icon-radarchart</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-qrcode"></use>
-                </svg>
-                <div class="name">qrcode</div>
-                <div class="code-name">#icon-qrcode</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fund"></use>
-                </svg>
-                <div class="name">fund</div>
-                <div class="code-name">#icon-fund</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-image"></use>
-                </svg>
-                <div class="name">image</div>
-                <div class="code-name">#icon-image</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-mail"></use>
-                </svg>
-                <div class="name">mail</div>
-                <div class="code-name">#icon-mail</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-table"></use>
-                </svg>
-                <div class="name">table</div>
-                <div class="code-name">#icon-table</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-idcard"></use>
-                </svg>
-                <div class="name">id card</div>
-                <div class="code-name">#icon-idcard</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-creditcard"></use>
-                </svg>
-                <div class="name">credit card</div>
-                <div class="code-name">#icon-creditcard</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-heart"></use>
-                </svg>
-                <div class="name">heart</div>
-                <div class="code-name">#icon-heart</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-block"></use>
-                </svg>
-                <div class="name">block</div>
-                <div class="code-name">#icon-block</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-error"></use>
-                </svg>
-                <div class="name">error</div>
-                <div class="code-name">#icon-error</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-star"></use>
-                </svg>
-                <div class="name">star</div>
-                <div class="code-name">#icon-star</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-gold"></use>
-                </svg>
-                <div class="name">gold</div>
-                <div class="code-name">#icon-gold</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-heatmap"></use>
-                </svg>
-                <div class="name">heat map</div>
-                <div class="code-name">#icon-heatmap</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-wifi"></use>
-                </svg>
-                <div class="name">wifi</div>
-                <div class="code-name">#icon-wifi</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-attachment"></use>
-                </svg>
-                <div class="name">attachment</div>
-                <div class="code-name">#icon-attachment</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-edit"></use>
-                </svg>
-                <div class="name">edit</div>
-                <div class="code-name">#icon-edit</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-key"></use>
-                </svg>
-                <div class="name">key</div>
-                <div class="code-name">#icon-key</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-api"></use>
-                </svg>
-                <div class="name">api</div>
-                <div class="code-name">#icon-api</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-highlight"></use>
-                </svg>
-                <div class="name">highlight</div>
-                <div class="code-name">#icon-highlight</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-monitor"></use>
-                </svg>
-                <div class="name">monitor</div>
-                <div class="code-name">#icon-monitor</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-link"></use>
-                </svg>
-                <div class="name">link</div>
-                <div class="code-name">#icon-link</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-man"></use>
-                </svg>
-                <div class="name">man</div>
-                <div class="code-name">#icon-man</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-percentage"></use>
-                </svg>
-                <div class="name">percentage</div>
-                <div class="code-name">#icon-percentage</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-pushpin"></use>
-                </svg>
-                <div class="name">pushpin</div>
-                <div class="code-name">#icon-pushpin</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-phone"></use>
-                </svg>
-                <div class="name">phone</div>
-                <div class="code-name">#icon-phone</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-shake"></use>
-                </svg>
-                <div class="name">shake</div>
-                <div class="code-name">#icon-shake</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-tag"></use>
-                </svg>
-                <div class="name">tag</div>
-                <div class="code-name">#icon-tag</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-wrench"></use>
-                </svg>
-                <div class="name">wrench</div>
-                <div class="code-name">#icon-wrench</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-tags"></use>
-                </svg>
-                <div class="name">tags</div>
-                <div class="code-name">#icon-tags</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-scissor"></use>
-                </svg>
-                <div class="name">scissor</div>
-                <div class="code-name">#icon-scissor</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-mr"></use>
-                </svg>
-                <div class="name">mr</div>
-                <div class="code-name">#icon-mr</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-share"></use>
-                </svg>
-                <div class="name">share</div>
-                <div class="code-name">#icon-share</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-branches"></use>
-                </svg>
-                <div class="name">branches</div>
-                <div class="code-name">#icon-branches</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fork"></use>
-                </svg>
-                <div class="name">fork</div>
-                <div class="code-name">#icon-fork</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-shrink"></use>
-                </svg>
-                <div class="name">shrink</div>
-                <div class="code-name">#icon-shrink</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-arrawsalt"></use>
-                </svg>
-                <div class="name">arrawsalt</div>
-                <div class="code-name">#icon-arrawsalt</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-verticalright"></use>
-                </svg>
-                <div class="name">vertical right</div>
-                <div class="code-name">#icon-verticalright</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-right"></use>
-                </svg>
-                <div class="name">right</div>
-                <div class="code-name">#icon-right</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-left"></use>
-                </svg>
-                <div class="name">left</div>
-                <div class="code-name">#icon-left</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-up"></use>
-                </svg>
-                <div class="name">up</div>
-                <div class="code-name">#icon-up</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-down"></use>
-                </svg>
-                <div class="name">down</div>
-                <div class="code-name">#icon-down</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fullscreen"></use>
-                </svg>
-                <div class="name">fullscreen</div>
-                <div class="code-name">#icon-fullscreen</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fullscreen-exit"></use>
-                </svg>
-                <div class="name">fullscreen-exit</div>
-                <div class="code-name">#icon-fullscreen-exit</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-doubleleft"></use>
-                </svg>
-                <div class="name">doubleleft</div>
-                <div class="code-name">#icon-doubleleft</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-doubleright"></use>
-                </svg>
-                <div class="name">double right</div>
-                <div class="code-name">#icon-doubleright</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-arrowright"></use>
-                </svg>
-                <div class="name">arrowright</div>
-                <div class="code-name">#icon-arrowright</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-arrowup"></use>
-                </svg>
-                <div class="name">arrowup</div>
-                <div class="code-name">#icon-arrowup</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-arrowleft"></use>
-                </svg>
-                <div class="name">arrowleft</div>
-                <div class="code-name">#icon-arrowleft</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-arrowdown"></use>
-                </svg>
-                <div class="name">arrowdown</div>
-                <div class="code-name">#icon-arrowdown</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-upload"></use>
-                </svg>
-                <div class="name">upload</div>
-                <div class="code-name">#icon-upload</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-unorderedlist"></use>
-                </svg>
-                <div class="name">unordered list</div>
-                <div class="code-name">#icon-unorderedlist</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-check"></use>
-                </svg>
-                <div class="name">check</div>
-                <div class="code-name">#icon-check</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-ellipsis"></use>
-                </svg>
-                <div class="name">ellipsis</div>
-                <div class="code-name">#icon-ellipsis</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-close"></use>
-                </svg>
-                <div class="name">close</div>
-                <div class="code-name">#icon-close</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-pause"></use>
-                </svg>
-                <div class="name">pause</div>
-                <div class="code-name">#icon-pause</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-crown"></use>
-                </svg>
-                <div class="name">crown</div>
-                <div class="code-name">#icon-crown</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-drag"></use>
-                </svg>
-                <div class="name">drag</div>
-                <div class="code-name">#icon-drag</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-desktop"></use>
-                </svg>
-                <div class="name">desktop</div>
-                <div class="code-name">#icon-desktop</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-gift"></use>
-                </svg>
-                <div class="name">gift</div>
-                <div class="code-name">#icon-gift</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-stop"></use>
-                </svg>
-                <div class="name">stop</div>
-                <div class="code-name">#icon-stop</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fire"></use>
-                </svg>
-                <div class="name">fire</div>
-                <div class="code-name">#icon-fire</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-thunderbolt"></use>
-                </svg>
-                <div class="name">thunderbolt</div>
-                <div class="code-name">#icon-thunderbolt</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-mail-fill"></use>
-                </svg>
-                <div class="name">mail-fill</div>
-                <div class="code-name">#icon-mail-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-printer-fill"></use>
-                </svg>
-                <div class="name">printer-fill</div>
-                <div class="code-name">#icon-printer-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-setting-fill"></use>
-                </svg>
-                <div class="name">setting-fill</div>
-                <div class="code-name">#icon-setting-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-USB-fill"></use>
-                </svg>
-                <div class="name">USB-fill</div>
-                <div class="code-name">#icon-USB-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-antdesign"></use>
-                </svg>
-                <div class="name">ant design</div>
-                <div class="code-name">#icon-antdesign</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-IE"></use>
-                </svg>
-                <div class="name">IE</div>
-                <div class="code-name">#icon-IE</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-HTML"></use>
-                </svg>
-                <div class="name">HTML5</div>
-                <div class="code-name">#icon-HTML</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-apple"></use>
-                </svg>
-                <div class="name">apple</div>
-                <div class="code-name">#icon-apple</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-android"></use>
-                </svg>
-                <div class="name">android</div>
-                <div class="code-name">#icon-android</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-windows"></use>
-                </svg>
-                <div class="name">windows</div>
-                <div class="code-name">#icon-windows</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-zoomout"></use>
-                </svg>
-                <div class="name">zoom out</div>
-                <div class="code-name">#icon-zoomout</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-apartment"></use>
-                </svg>
-                <div class="name">apartment</div>
-                <div class="code-name">#icon-apartment</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-audio"></use>
-                </svg>
-                <div class="name">audio</div>
-                <div class="code-name">#icon-audio</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-robot"></use>
-                </svg>
-                <div class="name">robot</div>
-                <div class="code-name">#icon-robot</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-zoomin"></use>
-                </svg>
-                <div class="name">zoom in</div>
-                <div class="code-name">#icon-zoomin</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-robot-fill"></use>
-                </svg>
-                <div class="name">robot-fill</div>
-                <div class="code-name">#icon-robot-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-bug-fill"></use>
-                </svg>
-                <div class="name">bug-fill</div>
-                <div class="code-name">#icon-bug-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-bug"></use>
-                </svg>
-                <div class="name">bug</div>
-                <div class="code-name">#icon-bug</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-audiostatic"></use>
-                </svg>
-                <div class="name">audio static</div>
-                <div class="code-name">#icon-audiostatic</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-comment"></use>
-                </svg>
-                <div class="name">comment</div>
-                <div class="code-name">#icon-comment</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-signal-fill"></use>
-                </svg>
-                <div class="name">signal-fill</div>
-                <div class="code-name">#icon-signal-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-videocameraadd"></use>
-                </svg>
-                <div class="name">videocamera add</div>
-                <div class="code-name">#icon-videocameraadd</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-switchuser"></use>
-                </svg>
-                <div class="name">switch user</div>
-                <div class="code-name">#icon-switchuser</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-appstoreadd"></use>
-                </svg>
-                <div class="name">appstore add</div>
-                <div class="code-name">#icon-appstoreadd</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-search"></use>
-                </svg>
-                <div class="name">search</div>
-                <div class="code-name">#icon-search</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-woman"></use>
-                </svg>
-                <div class="name">woman</div>
-                <div class="code-name">#icon-woman</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-plus"></use>
-                </svg>
-                <div class="name">plus</div>
-                <div class="code-name">#icon-plus</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-eyeclose-fill"></use>
-                </svg>
-                <div class="name">eye close-fill</div>
-                <div class="code-name">#icon-eyeclose-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-eye-close"></use>
-                </svg>
-                <div class="name">eye-close</div>
-                <div class="code-name">#icon-eye-close</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-clear"></use>
-                </svg>
-                <div class="name">clear</div>
-                <div class="code-name">#icon-clear</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-rotate-left"></use>
-                </svg>
-                <div class="name">rotate-left</div>
-                <div class="code-name">#icon-rotate-left</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-rotate-right"></use>
-                </svg>
-                <div class="name">rotate-right</div>
-                <div class="code-name">#icon-rotate-right</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-insertrowbelow"></use>
-                </svg>
-                <div class="name">insert row below</div>
-                <div class="code-name">#icon-insertrowbelow</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-insertrowabove"></use>
-                </svg>
-                <div class="name">insert row above</div>
-                <div class="code-name">#icon-insertrowabove</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-table1"></use>
-                </svg>
-                <div class="name">table</div>
-                <div class="code-name">#icon-table1</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-solit-cells"></use>
-                </svg>
-                <div class="name">solit-cells</div>
-                <div class="code-name">#icon-solit-cells</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-formatpainter"></use>
-                </svg>
-                <div class="name">format painter</div>
-                <div class="code-name">#icon-formatpainter</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-insertrowright"></use>
-                </svg>
-                <div class="name">insert row right</div>
-                <div class="code-name">#icon-insertrowright</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-formatpainter-fill"></use>
-                </svg>
-                <div class="name">format painter-fill</div>
-                <div class="code-name">#icon-formatpainter-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-insertrowleft"></use>
-                </svg>
-                <div class="name">insert row left</div>
-                <div class="code-name">#icon-insertrowleft</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-translate"></use>
-                </svg>
-                <div class="name">translate</div>
-                <div class="code-name">#icon-translate</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-deleterow"></use>
-                </svg>
-                <div class="name">delete row</div>
-                <div class="code-name">#icon-deleterow</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-sisternode"></use>
-                </svg>
-                <div class="name">sisternode</div>
-                <div class="code-name">#icon-sisternode</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Field-number"></use>
-                </svg>
-                <div class="name">Field-number</div>
-                <div class="code-name">#icon-Field-number</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Field-String"></use>
-                </svg>
-                <div class="name">Field-String</div>
-                <div class="code-name">#icon-Field-String</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Function"></use>
-                </svg>
-                <div class="name">Function</div>
-                <div class="code-name">#icon-Function</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Field-time"></use>
-                </svg>
-                <div class="name">Field-time</div>
-                <div class="code-name">#icon-Field-time</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-GIF"></use>
-                </svg>
-                <div class="name">GIF</div>
-                <div class="code-name">#icon-GIF</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Partition"></use>
-                </svg>
-                <div class="name">Partition</div>
-                <div class="code-name">#icon-Partition</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-index"></use>
-                </svg>
-                <div class="name">index</div>
-                <div class="code-name">#icon-index</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Storedprocedure"></use>
-                </svg>
-                <div class="name">Stored procedure</div>
-                <div class="code-name">#icon-Storedprocedure</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Field-Binary"></use>
-                </svg>
-                <div class="name">Field-Binary</div>
-                <div class="code-name">#icon-Field-Binary</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Console-SQL"></use>
-                </svg>
-                <div class="name">Console-SQL</div>
-                <div class="code-name">#icon-Console-SQL</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-icon-test"></use>
-                </svg>
-                <div class="name">1:1</div>
-                <div class="code-name">#icon-icon-test</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-aim"></use>
-                </svg>
-                <div class="name">aim</div>
-                <div class="code-name">#icon-aim</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-compress"></use>
-                </svg>
-                <div class="name">compress</div>
-                <div class="code-name">#icon-compress</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-expend"></use>
-                </svg>
-                <div class="name">expend</div>
-                <div class="code-name">#icon-expend</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-folder-view"></use>
-                </svg>
-                <div class="name">folder-view</div>
-                <div class="code-name">#icon-folder-view</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-GIF"></use>
-                </svg>
-                <div class="name">file-GIF</div>
-                <div class="code-name">#icon-file-GIF</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-group"></use>
-                </svg>
-                <div class="name">group</div>
-                <div class="code-name">#icon-group</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-send"></use>
-                </svg>
-                <div class="name">send</div>
-                <div class="code-name">#icon-send</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Report"></use>
-                </svg>
-                <div class="name">Report</div>
-                <div class="code-name">#icon-Report</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-View"></use>
-                </svg>
-                <div class="name">View</div>
-                <div class="code-name">#icon-View</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-shortcut"></use>
-                </svg>
-                <div class="name">shortcut</div>
-                <div class="code-name">#icon-shortcut</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-ungroup"></use>
-                </svg>
-                <div class="name">ungroup</div>
-                <div class="code-name">#icon-ungroup</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-edit-square"></use>
-                </svg>
-                <div class="name">edit-square</div>
-                <div class="code-name">#icon-edit-square</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-export"></use>
-                </svg>
-                <div class="name">export</div>
-                <div class="code-name">#icon-export</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-save"></use>
-                </svg>
-                <div class="name">save</div>
-                <div class="code-name">#icon-save</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-appstore"></use>
-                </svg>
-                <div class="name">app store</div>
-                <div class="code-name">#icon-appstore</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-minus-square"></use>
-                </svg>
-                <div class="name">minus-square</div>
-                <div class="code-name">#icon-minus-square</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-plus-square"></use>
-                </svg>
-                <div class="name">plus-square</div>
-                <div class="code-name">#icon-plus-square</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-right-square"></use>
-                </svg>
-                <div class="name">right-square</div>
-                <div class="code-name">#icon-right-square</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-wallet"></use>
-                </svg>
-                <div class="name">wallet</div>
-                <div class="code-name">#icon-wallet</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-adduser"></use>
-                </svg>
-                <div class="name">add user</div>
-                <div class="code-name">#icon-adduser</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-deleteteam"></use>
-                </svg>
-                <div class="name">delete team</div>
-                <div class="code-name">#icon-deleteteam</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-deleteuser"></use>
-                </svg>
-                <div class="name">delete user</div>
-                <div class="code-name">#icon-deleteuser</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-addteam"></use>
-                </svg>
-                <div class="name">addteam</div>
-                <div class="code-name">#icon-addteam</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-user"></use>
-                </svg>
-                <div class="name">user</div>
-                <div class="code-name">#icon-user</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-team"></use>
-                </svg>
-                <div class="name">team</div>
-                <div class="code-name">#icon-team</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-areachart"></use>
-                </svg>
-                <div class="name">area chart</div>
-                <div class="code-name">#icon-areachart</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-linechart"></use>
-                </svg>
-                <div class="name">line chart</div>
-                <div class="code-name">#icon-linechart</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-barchart"></use>
-                </svg>
-                <div class="name">bar chart</div>
-                <div class="code-name">#icon-barchart</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-pointmap"></use>
-                </svg>
-                <div class="name">point map</div>
-                <div class="code-name">#icon-pointmap</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-container"></use>
-                </svg>
-                <div class="name">container</div>
-                <div class="code-name">#icon-container</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-database"></use>
-                </svg>
-                <div class="name">database</div>
-                <div class="code-name">#icon-database</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-sever"></use>
-                </svg>
-                <div class="name">sever</div>
-                <div class="code-name">#icon-sever</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-mobile"></use>
-                </svg>
-                <div class="name">mobile</div>
-                <div class="code-name">#icon-mobile</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-tablet"></use>
-                </svg>
-                <div class="name">tablet</div>
-                <div class="code-name">#icon-tablet</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-redenvelope"></use>
-                </svg>
-                <div class="name">red envelope</div>
-                <div class="code-name">#icon-redenvelope</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-book"></use>
-                </svg>
-                <div class="name">book</div>
-                <div class="code-name">#icon-book</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-filedone"></use>
-                </svg>
-                <div class="name">file done</div>
-                <div class="code-name">#icon-filedone</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-reconciliation"></use>
-                </svg>
-                <div class="name">reconciliation</div>
-                <div class="code-name">#icon-reconciliation</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-exception"></use>
-                </svg>
-                <div class="name">file -exception</div>
-                <div class="code-name">#icon-file-exception</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-filesync"></use>
-                </svg>
-                <div class="name">file sync</div>
-                <div class="code-name">#icon-filesync</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-filesearch"></use>
-                </svg>
-                <div class="name">file search</div>
-                <div class="code-name">#icon-filesearch</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-solution"></use>
-                </svg>
-                <div class="name">solution</div>
-                <div class="code-name">#icon-solution</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fileprotect"></use>
-                </svg>
-                <div class="name">file protect</div>
-                <div class="code-name">#icon-fileprotect</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-add"></use>
-                </svg>
-                <div class="name">file-add</div>
-                <div class="code-name">#icon-file-add</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-excel"></use>
-                </svg>
-                <div class="name">file-excel</div>
-                <div class="code-name">#icon-file-excel</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-exclamation"></use>
-                </svg>
-                <div class="name">file-exclamation</div>
-                <div class="code-name">#icon-file-exclamation</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-pdf"></use>
-                </svg>
-                <div class="name">file-pdf</div>
-                <div class="code-name">#icon-file-pdf</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-image"></use>
-                </svg>
-                <div class="name">file-image</div>
-                <div class="code-name">#icon-file-image</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-markdown"></use>
-                </svg>
-                <div class="name">file-markdown</div>
-                <div class="code-name">#icon-file-markdown</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-ppt"></use>
-                </svg>
-                <div class="name">file-ppt</div>
-                <div class="code-name">#icon-file-ppt</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-word"></use>
-                </svg>
-                <div class="name">file-word</div>
-                <div class="code-name">#icon-file-word</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file"></use>
-                </svg>
-                <div class="name">file</div>
-                <div class="code-name">#icon-file</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-zip"></use>
-                </svg>
-                <div class="name">file-zip</div>
-                <div class="code-name">#icon-file-zip</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-text"></use>
-                </svg>
-                <div class="name">file-text</div>
-                <div class="code-name">#icon-file-text</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-file-copy"></use>
-                </svg>
-                <div class="name">file-copy</div>
-                <div class="code-name">#icon-file-copy</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-snippets"></use>
-                </svg>
-                <div class="name">snippets</div>
-                <div class="code-name">#icon-snippets</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-audit"></use>
-                </svg>
-                <div class="name">audit</div>
-                <div class="code-name">#icon-audit</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-diff"></use>
-                </svg>
-                <div class="name">diff</div>
-                <div class="code-name">#icon-diff</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Batchfolding"></use>
-                </svg>
-                <div class="name">Batch folding</div>
-                <div class="code-name">#icon-Batchfolding</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-securityscan"></use>
-                </svg>
-                <div class="name">security scan</div>
-                <div class="code-name">#icon-securityscan</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-propertysafety"></use>
-                </svg>
-                <div class="name">property safety</div>
-                <div class="code-name">#icon-propertysafety</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-safetycertificate"></use>
-                </svg>
-                <div class="name">safety certificate</div>
-                <div class="code-name">#icon-safetycertificate</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-insurance"></use>
-                </svg>
-                <div class="name">insurance </div>
-                <div class="code-name">#icon-insurance</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-alert"></use>
-                </svg>
-                <div class="name">alert</div>
-                <div class="code-name">#icon-alert</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-delete"></use>
-                </svg>
-                <div class="name">delete</div>
-                <div class="code-name">#icon-delete</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-hourglass"></use>
-                </svg>
-                <div class="name">hourglass</div>
-                <div class="code-name">#icon-hourglass</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-bulb"></use>
-                </svg>
-                <div class="name">bulb</div>
-                <div class="code-name">#icon-bulb</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-bell"></use>
-                </svg>
-                <div class="name">bell</div>
-                <div class="code-name">#icon-bell</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-trophy"></use>
-                </svg>
-                <div class="name">trophy</div>
-                <div class="code-name">#icon-trophy</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-rest"></use>
-                </svg>
-                <div class="name">rest</div>
-                <div class="code-name">#icon-rest</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-USB"></use>
-                </svg>
-                <div class="name">USB</div>
-                <div class="code-name">#icon-USB</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-skin"></use>
-                </svg>
-                <div class="name">skin</div>
-                <div class="code-name">#icon-skin</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-home"></use>
-                </svg>
-                <div class="name">home</div>
-                <div class="code-name">#icon-home</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-bank"></use>
-                </svg>
-                <div class="name">bank</div>
-                <div class="code-name">#icon-bank</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-filter"></use>
-                </svg>
-                <div class="name">filter</div>
-                <div class="code-name">#icon-filter</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-like"></use>
-                </svg>
-                <div class="name">like</div>
-                <div class="code-name">#icon-like</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-unlike"></use>
-                </svg>
-                <div class="name">unlike</div>
-                <div class="code-name">#icon-unlike</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-close-circle"></use>
-                </svg>
-                <div class="name">close-circle</div>
-                <div class="code-name">#icon-close-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-frown"></use>
-                </svg>
-                <div class="name">frown</div>
-                <div class="code-name">#icon-frown</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-info-circle"></use>
-                </svg>
-                <div class="name">info-circle</div>
-                <div class="code-name">#icon-info-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-left-circle"></use>
-                </svg>
-                <div class="name">left-circle</div>
-                <div class="code-name">#icon-left-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-down-circle"></use>
-                </svg>
-                <div class="name">down-circle</div>
-                <div class="code-name">#icon-down-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-EURO"></use>
-                </svg>
-                <div class="name">EURO</div>
-                <div class="code-name">#icon-EURO</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-copyright"></use>
-                </svg>
-                <div class="name">copyright</div>
-                <div class="code-name">#icon-copyright</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-minus-circle"></use>
-                </svg>
-                <div class="name">minus-circle</div>
-                <div class="code-name">#icon-minus-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-meh"></use>
-                </svg>
-                <div class="name">meh</div>
-                <div class="code-name">#icon-meh</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-plus-circle"></use>
-                </svg>
-                <div class="name">plus-circle</div>
-                <div class="code-name">#icon-plus-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-play-circle"></use>
-                </svg>
-                <div class="name">play-circle</div>
-                <div class="code-name">#icon-play-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-question-circle"></use>
-                </svg>
-                <div class="name">question-circle</div>
-                <div class="code-name">#icon-question-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Pound"></use>
-                </svg>
-                <div class="name">Pound</div>
-                <div class="code-name">#icon-Pound</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-right-circle"></use>
-                </svg>
-                <div class="name">right-circle</div>
-                <div class="code-name">#icon-right-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-smile"></use>
-                </svg>
-                <div class="name">smile</div>
-                <div class="code-name">#icon-smile</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-trademark"></use>
-                </svg>
-                <div class="name">trademark</div>
-                <div class="code-name">#icon-trademark</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-time-circle"></use>
-                </svg>
-                <div class="name">time-circle</div>
-                <div class="code-name">#icon-time-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-timeout"></use>
-                </svg>
-                <div class="name">time out</div>
-                <div class="code-name">#icon-timeout</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-earth"></use>
-                </svg>
-                <div class="name">earth</div>
-                <div class="code-name">#icon-earth</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-YUAN"></use>
-                </svg>
-                <div class="name">YUAN</div>
-                <div class="code-name">#icon-YUAN</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-up-circle"></use>
-                </svg>
-                <div class="name">up-circle</div>
-                <div class="code-name">#icon-up-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-warning-circle"></use>
-                </svg>
-                <div class="name">warning-circle</div>
-                <div class="code-name">#icon-warning-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-sync"></use>
-                </svg>
-                <div class="name">sync</div>
-                <div class="code-name">#icon-sync</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-transaction"></use>
-                </svg>
-                <div class="name">transaction</div>
-                <div class="code-name">#icon-transaction</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-undo"></use>
-                </svg>
-                <div class="name">undo</div>
-                <div class="code-name">#icon-undo</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-redo"></use>
-                </svg>
-                <div class="name">redo</div>
-                <div class="code-name">#icon-redo</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-reload"></use>
-                </svg>
-                <div class="name">reload</div>
-                <div class="code-name">#icon-reload</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-reloadtime"></use>
-                </svg>
-                <div class="name">reload time</div>
-                <div class="code-name">#icon-reloadtime</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-message"></use>
-                </svg>
-                <div class="name">message</div>
-                <div class="code-name">#icon-message</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-dashboard"></use>
-                </svg>
-                <div class="name">dashboard</div>
-                <div class="code-name">#icon-dashboard</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-issuesclose"></use>
-                </svg>
-                <div class="name">issues close</div>
-                <div class="code-name">#icon-issuesclose</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-poweroff"></use>
-                </svg>
-                <div class="name">poweroff</div>
-                <div class="code-name">#icon-poweroff</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-logout"></use>
-                </svg>
-                <div class="name">logout</div>
-                <div class="code-name">#icon-logout</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-piechart"></use>
-                </svg>
-                <div class="name">pie chart</div>
-                <div class="code-name">#icon-piechart</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-setting"></use>
-                </svg>
-                <div class="name">setting</div>
-                <div class="code-name">#icon-setting</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-eye"></use>
-                </svg>
-                <div class="name">eye</div>
-                <div class="code-name">#icon-eye</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-location"></use>
-                </svg>
-                <div class="name">location</div>
-                <div class="code-name">#icon-location</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-check-circle"></use>
-                </svg>
-                <div class="name">check-circle</div>
-                <div class="code-name">#icon-check-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-CI"></use>
-                </svg>
-                <div class="name">CI</div>
-                <div class="code-name">#icon-CI</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-Dollar"></use>
-                </svg>
-                <div class="name">Dollar</div>
-                <div class="code-name">#icon-Dollar</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-compass"></use>
-                </svg>
-                <div class="name">compass</div>
-                <div class="code-name">#icon-compass</div>
-            </li>
-          
-          </ul>
-          <div class="article markdown">
-          <h2 id="symbol-">Symbol 引用</h2>
-          <hr>
-
-          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
-            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
-          <ul>
-            <li>支持多色图标了，不再受单色限制。</li>
-            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
-            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
-            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
-          </ul>
-          <p>使用步骤如下：</p>
-          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
-<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
-</code></pre>
-          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
-<pre><code class="language-html">&lt;style&gt;
-.icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-&lt;/style&gt;
-</code></pre>
-          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
-<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
-  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
-&lt;/svg&gt;
-</code></pre>
-          </div>
-      </div>
-
-    </div>
-  </div>
-  <script>
-  $(document).ready(function () {
-      $('.tab-container .content:first').show()
-
-      $('#tabs li').click(function (e) {
-        var tabContent = $('.tab-container .content')
-        var index = $(this).index()
-
-        if ($(this).hasClass('active')) {
-          return
-        } else {
-          $('#tabs li').removeClass('active')
-          $(this).addClass('active')
-
-          tabContent.hide().eq(index).fadeIn()
-        }
-      })
-    })
-  </script>
-</body>
-</html>

src/assets/iconfont/font_3806176_znq0fsknstf/iconfont.css

@@ -1,1087 +0,0 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 3806176 */
-  src: url('iconfont.woff2?t=1678070090615') format('woff2'),
-       url('iconfont.woff?t=1678070090615') format('woff'),
-       url('iconfont.ttf?t=1678070090615') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-unlock:before {
-  content: "\e808";
-}
-
-.icon-lock:before {
-  content: "\e809";
-}
-
-.icon-customerservice:before {
-  content: "\e80a";
-}
-
-.icon-medicinebox:before {
-  content: "\e80b";
-}
-
-.icon-shop:before {
-  content: "\e80c";
-}
-
-.icon-rocket:before {
-  content: "\e80d";
-}
-
-.icon-shopping:before {
-  content: "\e80e";
-}
-
-.icon-folder:before {
-  content: "\e80f";
-}
-
-.icon-folder-open:before {
-  content: "\e810";
-}
-
-.icon-folder-add:before {
-  content: "\e811";
-}
-
-.icon-accountbook:before {
-  content: "\e812";
-}
-
-.icon-contacts:before {
-  content: "\e813";
-}
-
-.icon-carryout:before {
-  content: "\e814";
-}
-
-.icon-calendar-check:before {
-  content: "\e815";
-}
-
-.icon-calendar:before {
-  content: "\e816";
-}
-
-.icon-scan:before {
-  content: "\e817";
-}
-
-.icon-select:before {
-  content: "\e818";
-}
-
-.icon-laptop:before {
-  content: "\e819";
-}
-
-.icon-barcode:before {
-  content: "\e81a";
-}
-
-.icon-camera:before {
-  content: "\e81b";
-}
-
-.icon-cluster:before {
-  content: "\e81c";
-}
-
-.icon-gateway:before {
-  content: "\e81d";
-}
-
-.icon-car:before {
-  content: "\e81e";
-}
-
-.icon-printer:before {
-  content: "\e81f";
-}
-
-.icon-read:before {
-  content: "\e820";
-}
-
-.icon-cloud-server:before {
-  content: "\e821";
-}
-
-.icon-cloud-upload:before {
-  content: "\e822";
-}
-
-.icon-cloud:before {
-  content: "\e823";
-}
-
-.icon-cloud-download:before {
-  content: "\e824";
-}
-
-.icon-cloud-sync:before {
-  content: "\e825";
-}
-
-.icon-video:before {
-  content: "\e826";
-}
-
-.icon-notification:before {
-  content: "\e827";
-}
-
-.icon-sound:before {
-  content: "\e828";
-}
-
-.icon-radarchart:before {
-  content: "\e829";
-}
-
-.icon-qrcode:before {
-  content: "\e82a";
-}
-
-.icon-fund:before {
-  content: "\e82b";
-}
-
-.icon-image:before {
-  content: "\e82c";
-}
-
-.icon-mail:before {
-  content: "\e82d";
-}
-
-.icon-table:before {
-  content: "\e82e";
-}
-
-.icon-idcard:before {
-  content: "\e82f";
-}
-
-.icon-creditcard:before {
-  content: "\e830";
-}
-
-.icon-heart:before {
-  content: "\e831";
-}
-
-.icon-block:before {
-  content: "\e832";
-}
-
-.icon-error:before {
-  content: "\e833";
-}
-
-.icon-star:before {
-  content: "\e834";
-}
-
-.icon-gold:before {
-  content: "\e835";
-}
-
-.icon-heatmap:before {
-  content: "\e836";
-}
-
-.icon-wifi:before {
-  content: "\e837";
-}
-
-.icon-attachment:before {
-  content: "\e838";
-}
-
-.icon-edit:before {
-  content: "\e839";
-}
-
-.icon-key:before {
-  content: "\e83a";
-}
-
-.icon-api:before {
-  content: "\e83b";
-}
-
-.icon-highlight:before {
-  content: "\e83c";
-}
-
-.icon-monitor:before {
-  content: "\e83d";
-}
-
-.icon-link:before {
-  content: "\e83e";
-}
-
-.icon-man:before {
-  content: "\e83f";
-}
-
-.icon-percentage:before {
-  content: "\e840";
-}
-
-.icon-pushpin:before {
-  content: "\e841";
-}
-
-.icon-phone:before {
-  content: "\e842";
-}
-
-.icon-shake:before {
-  content: "\e843";
-}
-
-.icon-tag:before {
-  content: "\e844";
-}
-
-.icon-wrench:before {
-  content: "\e845";
-}
-
-.icon-tags:before {
-  content: "\e846";
-}
-
-.icon-scissor:before {
-  content: "\e847";
-}
-
-.icon-mr:before {
-  content: "\e848";
-}
-
-.icon-share:before {
-  content: "\e849";
-}
-
-.icon-branches:before {
-  content: "\e84a";
-}
-
-.icon-fork:before {
-  content: "\e84b";
-}
-
-.icon-shrink:before {
-  content: "\e84c";
-}
-
-.icon-arrawsalt:before {
-  content: "\e84d";
-}
-
-.icon-verticalright:before {
-  content: "\e84e";
-}
-
-.icon-right:before {
-  content: "\e84f";
-}
-
-.icon-left:before {
-  content: "\e850";
-}
-
-.icon-up:before {
-  content: "\e851";
-}
-
-.icon-down:before {
-  content: "\e852";
-}
-
-.icon-fullscreen:before {
-  content: "\e853";
-}
-
-.icon-fullscreen-exit:before {
-  content: "\e854";
-}
-
-.icon-doubleleft:before {
-  content: "\e855";
-}
-
-.icon-doubleright:before {
-  content: "\e856";
-}
-
-.icon-arrowright:before {
-  content: "\e857";
-}
-
-.icon-arrowup:before {
-  content: "\e858";
-}
-
-.icon-arrowleft:before {
-  content: "\e859";
-}
-
-.icon-arrowdown:before {
-  content: "\e85a";
-}
-
-.icon-upload:before {
-  content: "\e85b";
-}
-
-.icon-unorderedlist:before {
-  content: "\e85c";
-}
-
-.icon-check:before {
-  content: "\e85d";
-}
-
-.icon-ellipsis:before {
-  content: "\e85e";
-}
-
-.icon-close:before {
-  content: "\e85f";
-}
-
-.icon-pause:before {
-  content: "\e860";
-}
-
-.icon-crown:before {
-  content: "\e861";
-}
-
-.icon-drag:before {
-  content: "\e862";
-}
-
-.icon-desktop:before {
-  content: "\e863";
-}
-
-.icon-gift:before {
-  content: "\e864";
-}
-
-.icon-stop:before {
-  content: "\e865";
-}
-
-.icon-fire:before {
-  content: "\e866";
-}
-
-.icon-thunderbolt:before {
-  content: "\e867";
-}
-
-.icon-mail-fill:before {
-  content: "\e86f";
-}
-
-.icon-printer-fill:before {
-  content: "\e870";
-}
-
-.icon-setting-fill:before {
-  content: "\e871";
-}
-
-.icon-USB-fill:before {
-  content: "\e872";
-}
-
-.icon-antdesign:before {
-  content: "\e879";
-}
-
-.icon-IE:before {
-  content: "\e87a";
-}
-
-.icon-HTML:before {
-  content: "\e87d";
-}
-
-.icon-apple:before {
-  content: "\e87e";
-}
-
-.icon-android:before {
-  content: "\e87f";
-}
-
-.icon-windows:before {
-  content: "\e880";
-}
-
-.icon-zoomout:before {
-  content: "\e897";
-}
-
-.icon-apartment:before {
-  content: "\e898";
-}
-
-.icon-audio:before {
-  content: "\e899";
-}
-
-.icon-robot:before {
-  content: "\e89a";
-}
-
-.icon-zoomin:before {
-  content: "\e89b";
-}
-
-.icon-robot-fill:before {
-  content: "\e8e8";
-}
-
-.icon-bug-fill:before {
-  content: "\e8e9";
-}
-
-.icon-bug:before {
-  content: "\e8ea";
-}
-
-.icon-audiostatic:before {
-  content: "\e8eb";
-}
-
-.icon-comment:before {
-  content: "\e8ec";
-}
-
-.icon-signal-fill:before {
-  content: "\e8ed";
-}
-
-.icon-videocameraadd:before {
-  content: "\e8ee";
-}
-
-.icon-switchuser:before {
-  content: "\e8ef";
-}
-
-.icon-appstoreadd:before {
-  content: "\e8f0";
-}
-
-.icon-search:before {
-  content: "\e8f1";
-}
-
-.icon-woman:before {
-  content: "\e8f2";
-}
-
-.icon-plus:before {
-  content: "\e8fe";
-}
-
-.icon-eyeclose-fill:before {
-  content: "\e8ff";
-}
-
-.icon-eye-close:before {
-  content: "\e900";
-}
-
-.icon-clear:before {
-  content: "\e901";
-}
-
-.icon-rotate-left:before {
-  content: "\e902";
-}
-
-.icon-rotate-right:before {
-  content: "\e903";
-}
-
-.icon-insertrowbelow:before {
-  content: "\e904";
-}
-
-.icon-insertrowabove:before {
-  content: "\e905";
-}
-
-.icon-table1:before {
-  content: "\e906";
-}
-
-.icon-solit-cells:before {
-  content: "\e907";
-}
-
-.icon-formatpainter:before {
-  content: "\e908";
-}
-
-.icon-insertrowright:before {
-  content: "\e909";
-}
-
-.icon-formatpainter-fill:before {
-  content: "\e90a";
-}
-
-.icon-insertrowleft:before {
-  content: "\e90b";
-}
-
-.icon-translate:before {
-  content: "\e90c";
-}
-
-.icon-deleterow:before {
-  content: "\e90d";
-}
-
-.icon-sisternode:before {
-  content: "\e90e";
-}
-
-.icon-Field-number:before {
-  content: "\e90f";
-}
-
-.icon-Field-String:before {
-  content: "\e910";
-}
-
-.icon-Function:before {
-  content: "\e911";
-}
-
-.icon-Field-time:before {
-  content: "\e912";
-}
-
-.icon-GIF:before {
-  content: "\e913";
-}
-
-.icon-Partition:before {
-  content: "\e914";
-}
-
-.icon-index:before {
-  content: "\e915";
-}
-
-.icon-Storedprocedure:before {
-  content: "\e916";
-}
-
-.icon-Field-Binary:before {
-  content: "\e917";
-}
-
-.icon-Console-SQL:before {
-  content: "\e918";
-}
-
-.icon-icon-test:before {
-  content: "\e919";
-}
-
-.icon-aim:before {
-  content: "\e91a";
-}
-
-.icon-compress:before {
-  content: "\e91b";
-}
-
-.icon-expend:before {
-  content: "\e91c";
-}
-
-.icon-folder-view:before {
-  content: "\e91d";
-}
-
-.icon-file-GIF:before {
-  content: "\e91e";
-}
-
-.icon-group:before {
-  content: "\e91f";
-}
-
-.icon-send:before {
-  content: "\e920";
-}
-
-.icon-Report:before {
-  content: "\e921";
-}
-
-.icon-View:before {
-  content: "\e922";
-}
-
-.icon-shortcut:before {
-  content: "\e923";
-}
-
-.icon-ungroup:before {
-  content: "\e924";
-}
-
-.icon-edit-square:before {
-  content: "\e7c6";
-}
-
-.icon-export:before {
-  content: "\e7c7";
-}
-
-.icon-save:before {
-  content: "\e7c8";
-}
-
-.icon-appstore:before {
-  content: "\e7c9";
-}
-
-.icon-minus-square:before {
-  content: "\e7ca";
-}
-
-.icon-plus-square:before {
-  content: "\e7cb";
-}
-
-.icon-right-square:before {
-  content: "\e7cc";
-}
-
-.icon-wallet:before {
-  content: "\e7cd";
-}
-
-.icon-adduser:before {
-  content: "\e7ce";
-}
-
-.icon-deleteteam:before {
-  content: "\e7cf";
-}
-
-.icon-deleteuser:before {
-  content: "\e7d0";
-}
-
-.icon-addteam:before {
-  content: "\e7d1";
-}
-
-.icon-user:before {
-  content: "\e7d2";
-}
-
-.icon-team:before {
-  content: "\e7d3";
-}
-
-.icon-areachart:before {
-  content: "\e7d4";
-}
-
-.icon-linechart:before {
-  content: "\e7d5";
-}
-
-.icon-barchart:before {
-  content: "\e7d6";
-}
-
-.icon-pointmap:before {
-  content: "\e7d7";
-}
-
-.icon-container:before {
-  content: "\e7d8";
-}
-
-.icon-database:before {
-  content: "\e7d9";
-}
-
-.icon-sever:before {
-  content: "\e7da";
-}
-
-.icon-mobile:before {
-  content: "\e7db";
-}
-
-.icon-tablet:before {
-  content: "\e7dc";
-}
-
-.icon-redenvelope:before {
-  content: "\e7dd";
-}
-
-.icon-book:before {
-  content: "\e7de";
-}
-
-.icon-filedone:before {
-  content: "\e7df";
-}
-
-.icon-reconciliation:before {
-  content: "\e7e0";
-}
-
-.icon-file-exception:before {
-  content: "\e7e1";
-}
-
-.icon-filesync:before {
-  content: "\e7e2";
-}
-
-.icon-filesearch:before {
-  content: "\e7e3";
-}
-
-.icon-solution:before {
-  content: "\e7e4";
-}
-
-.icon-fileprotect:before {
-  content: "\e7e5";
-}
-
-.icon-file-add:before {
-  content: "\e7e6";
-}
-
-.icon-file-excel:before {
-  content: "\e7e7";
-}
-
-.icon-file-exclamation:before {
-  content: "\e7e8";
-}
-
-.icon-file-pdf:before {
-  content: "\e7e9";
-}
-
-.icon-file-image:before {
-  content: "\e7ea";
-}
-
-.icon-file-markdown:before {
-  content: "\e7eb";
-}
-
-.icon-file-ppt:before {
-  content: "\e7ec";
-}
-
-.icon-file-word:before {
-  content: "\e7ed";
-}
-
-.icon-file:before {
-  content: "\e7ee";
-}
-
-.icon-file-zip:before {
-  content: "\e7ef";
-}
-
-.icon-file-text:before {
-  content: "\e7f0";
-}
-
-.icon-file-copy:before {
-  content: "\e7f1";
-}
-
-.icon-snippets:before {
-  content: "\e7f2";
-}
-
-.icon-audit:before {
-  content: "\e7f3";
-}
-
-.icon-diff:before {
-  content: "\e7f4";
-}
-
-.icon-Batchfolding:before {
-  content: "\e7f5";
-}
-
-.icon-securityscan:before {
-  content: "\e7f6";
-}
-
-.icon-propertysafety:before {
-  content: "\e7f7";
-}
-
-.icon-safetycertificate:before {
-  content: "\e7f8";
-}
-
-.icon-insurance:before {
-  content: "\e7f9";
-}
-
-.icon-alert:before {
-  content: "\e7fa";
-}
-
-.icon-delete:before {
-  content: "\e7fb";
-}
-
-.icon-hourglass:before {
-  content: "\e7fc";
-}
-
-.icon-bulb:before {
-  content: "\e7fd";
-}
-
-.icon-bell:before {
-  content: "\e7fe";
-}
-
-.icon-trophy:before {
-  content: "\e7ff";
-}
-
-.icon-rest:before {
-  content: "\e800";
-}
-
-.icon-USB:before {
-  content: "\e801";
-}
-
-.icon-skin:before {
-  content: "\e802";
-}
-
-.icon-home:before {
-  content: "\e803";
-}
-
-.icon-bank:before {
-  content: "\e804";
-}
-
-.icon-filter:before {
-  content: "\e805";
-}
-
-.icon-like:before {
-  content: "\e806";
-}
-
-.icon-unlike:before {
-  content: "\e807";
-}
-
-.icon-close-circle:before {
-  content: "\e782";
-}
-
-.icon-frown:before {
-  content: "\e783";
-}
-
-.icon-info-circle:before {
-  content: "\e784";
-}
-
-.icon-left-circle:before {
-  content: "\e785";
-}
-
-.icon-down-circle:before {
-  content: "\e786";
-}
-
-.icon-EURO:before {
-  content: "\e787";
-}
-
-.icon-copyright:before {
-  content: "\e788";
-}
-
-.icon-minus-circle:before {
-  content: "\e789";
-}
-
-.icon-meh:before {
-  content: "\e78a";
-}
-
-.icon-plus-circle:before {
-  content: "\e78b";
-}
-
-.icon-play-circle:before {
-  content: "\e78c";
-}
-
-.icon-question-circle:before {
-  content: "\e78d";
-}
-
-.icon-Pound:before {
-  content: "\e78e";
-}
-
-.icon-right-circle:before {
-  content: "\e78f";
-}
-
-.icon-smile:before {
-  content: "\e790";
-}
-
-.icon-trademark:before {
-  content: "\e791";
-}
-
-.icon-time-circle:before {
-  content: "\e792";
-}
-
-.icon-timeout:before {
-  content: "\e793";
-}
-
-.icon-earth:before {
-  content: "\e794";
-}
-
-.icon-YUAN:before {
-  content: "\e795";
-}
-
-.icon-up-circle:before {
-  content: "\e796";
-}
-
-.icon-warning-circle:before {
-  content: "\e797";
-}
-
-.icon-sync:before {
-  content: "\e798";
-}
-
-.icon-transaction:before {
-  content: "\e799";
-}
-
-.icon-undo:before {
-  content: "\e79a";
-}
-
-.icon-redo:before {
-  content: "\e79b";
-}
-
-.icon-reload:before {
-  content: "\e79c";
-}
-
-.icon-reloadtime:before {
-  content: "\e79d";
-}
-
-.icon-message:before {
-  content: "\e79e";
-}
-
-.icon-dashboard:before {
-  content: "\e79f";
-}
-
-.icon-issuesclose:before {
-  content: "\e7a0";
-}
-
-.icon-poweroff:before {
-  content: "\e7a1";
-}
-
-.icon-logout:before {
-  content: "\e7a2";
-}
-
-.icon-piechart:before {
-  content: "\e7a3";
-}
-
-.icon-setting:before {
-  content: "\e7a4";
-}
-
-.icon-eye:before {
-  content: "\e7a5";
-}
-
-.icon-location:before {
-  content: "\e7a6";
-}
-
-.icon-check-circle:before {
-  content: "\e77d";
-}
-
-.icon-CI:before {
-  content: "\e77e";
-}
-
-.icon-Dollar:before {
-  content: "\e77f";
-}
-
-.icon-compass:before {
-  content: "\e780";
-}
-

src/assets/iconfont/font_3806176_znq0fsknstf/iconfont.json

@@ -1,1885 +0,0 @@
-{
-  "id": "3806176",
-  "name": "ant Design 官方",
-  "font_family": "iconfont",
-  "css_prefix_text": "icon-",
-  "description": "",
-  "glyphs": [
-    {
-      "icon_id": "4766694",
-      "name": "unlock",
-      "font_class": "unlock",
-      "unicode": "e808",
-      "unicode_decimal": 59400
-    },
-    {
-      "icon_id": "4766695",
-      "name": "lock",
-      "font_class": "lock",
-      "unicode": "e809",
-      "unicode_decimal": 59401
-    },
-    {
-      "icon_id": "4766762",
-      "name": "customerservice",
-      "font_class": "customerservice",
-      "unicode": "e80a",
-      "unicode_decimal": 59402
-    },
-    {
-      "icon_id": "4766774",
-      "name": "medicinebox",
-      "font_class": "medicinebox",
-      "unicode": "e80b",
-      "unicode_decimal": 59403
-    },
-    {
-      "icon_id": "4766775",
-      "name": "shop",
-      "font_class": "shop",
-      "unicode": "e80c",
-      "unicode_decimal": 59404
-    },
-    {
-      "icon_id": "4766778",
-      "name": "rocket",
-      "font_class": "rocket",
-      "unicode": "e80d",
-      "unicode_decimal": 59405
-    },
-    {
-      "icon_id": "4766779",
-      "name": "shopping",
-      "font_class": "shopping",
-      "unicode": "e80e",
-      "unicode_decimal": 59406
-    },
-    {
-      "icon_id": "4766846",
-      "name": "folder",
-      "font_class": "folder",
-      "unicode": "e80f",
-      "unicode_decimal": 59407
-    },
-    {
-      "icon_id": "4766847",
-      "name": "folder-open",
-      "font_class": "folder-open",
-      "unicode": "e810",
-      "unicode_decimal": 59408
-    },
-    {
-      "icon_id": "4766848",
-      "name": "folder-add",
-      "font_class": "folder-add",
-      "unicode": "e811",
-      "unicode_decimal": 59409
-    },
-    {
-      "icon_id": "4766854",
-      "name": "account book",
-      "font_class": "accountbook",
-      "unicode": "e812",
-      "unicode_decimal": 59410
-    },
-    {
-      "icon_id": "4766855",
-      "name": "contacts",
-      "font_class": "contacts",
-      "unicode": "e813",
-      "unicode_decimal": 59411
-    },
-    {
-      "icon_id": "4766856",
-      "name": "carry out",
-      "font_class": "carryout",
-      "unicode": "e814",
-      "unicode_decimal": 59412
-    },
-    {
-      "icon_id": "4766857",
-      "name": "calendar-check",
-      "font_class": "calendar-check",
-      "unicode": "e815",
-      "unicode_decimal": 59413
-    },
-    {
-      "icon_id": "4766858",
-      "name": "calendar",
-      "font_class": "calendar",
-      "unicode": "e816",
-      "unicode_decimal": 59414
-    },
-    {
-      "icon_id": "4766861",
-      "name": "scan",
-      "font_class": "scan",
-      "unicode": "e817",
-      "unicode_decimal": 59415
-    },
-    {
-      "icon_id": "4766862",
-      "name": "select",
-      "font_class": "select",
-      "unicode": "e818",
-      "unicode_decimal": 59416
-    },
-    {
-      "icon_id": "4766881",
-      "name": "laptop",
-      "font_class": "laptop",
-      "unicode": "e819",
-      "unicode_decimal": 59417
-    },
-    {
-      "icon_id": "4766882",
-      "name": "barcode",
-      "font_class": "barcode",
-      "unicode": "e81a",
-      "unicode_decimal": 59418
-    },
-    {
-      "icon_id": "4766883",
-      "name": "camera",
-      "font_class": "camera",
-      "unicode": "e81b",
-      "unicode_decimal": 59419
-    },
-    {
-      "icon_id": "4766884",
-      "name": "cluster",
-      "font_class": "cluster",
-      "unicode": "e81c",
-      "unicode_decimal": 59420
-    },
-    {
-      "icon_id": "4766885",
-      "name": "gateway",
-      "font_class": "gateway",
-      "unicode": "e81d",
-      "unicode_decimal": 59421
-    },
-    {
-      "icon_id": "4766886",
-      "name": "car",
-      "font_class": "car",
-      "unicode": "e81e",
-      "unicode_decimal": 59422
-    },
-    {
-      "icon_id": "4766887",
-      "name": "printer",
-      "font_class": "printer",
-      "unicode": "e81f",
-      "unicode_decimal": 59423
-    },
-    {
-      "icon_id": "4766888",
-      "name": "read",
-      "font_class": "read",
-      "unicode": "e820",
-      "unicode_decimal": 59424
-    },
-    {
-      "icon_id": "4766900",
-      "name": "cloud-server",
-      "font_class": "cloud-server",
-      "unicode": "e821",
-      "unicode_decimal": 59425
-    },
-    {
-      "icon_id": "4766901",
-      "name": "cloud-upload",
-      "font_class": "cloud-upload",
-      "unicode": "e822",
-      "unicode_decimal": 59426
-    },
-    {
-      "icon_id": "4766902",
-      "name": "cloud",
-      "font_class": "cloud",
-      "unicode": "e823",
-      "unicode_decimal": 59427
-    },
-    {
-      "icon_id": "4766903",
-      "name": "cloud-download",
-      "font_class": "cloud-download",
-      "unicode": "e824",
-      "unicode_decimal": 59428
-    },
-    {
-      "icon_id": "4766904",
-      "name": "cloud-sync",
-      "font_class": "cloud-sync",
-      "unicode": "e825",
-      "unicode_decimal": 59429
-    },
-    {
-      "icon_id": "4766905",
-      "name": "video",
-      "font_class": "video",
-      "unicode": "e826",
-      "unicode_decimal": 59430
-    },
-    {
-      "icon_id": "4766906",
-      "name": "notification",
-      "font_class": "notification",
-      "unicode": "e827",
-      "unicode_decimal": 59431
-    },
-    {
-      "icon_id": "4766907",
-      "name": "sound",
-      "font_class": "sound",
-      "unicode": "e828",
-      "unicode_decimal": 59432
-    },
-    {
-      "icon_id": "4766911",
-      "name": "radar chart",
-      "font_class": "radarchart",
-      "unicode": "e829",
-      "unicode_decimal": 59433
-    },
-    {
-      "icon_id": "4766912",
-      "name": "qrcode",
-      "font_class": "qrcode",
-      "unicode": "e82a",
-      "unicode_decimal": 59434
-    },
-    {
-      "icon_id": "4766916",
-      "name": "fund",
-      "font_class": "fund",
-      "unicode": "e82b",
-      "unicode_decimal": 59435
-    },
-    {
-      "icon_id": "4766917",
-      "name": "image",
-      "font_class": "image",
-      "unicode": "e82c",
-      "unicode_decimal": 59436
-    },
-    {
-      "icon_id": "4766918",
-      "name": "mail",
-      "font_class": "mail",
-      "unicode": "e82d",
-      "unicode_decimal": 59437
-    },
-    {
-      "icon_id": "4766919",
-      "name": "table",
-      "font_class": "table",
-      "unicode": "e82e",
-      "unicode_decimal": 59438
-    },
-    {
-      "icon_id": "4766920",
-      "name": "id card",
-      "font_class": "idcard",
-      "unicode": "e82f",
-      "unicode_decimal": 59439
-    },
-    {
-      "icon_id": "4766921",
-      "name": "credit card",
-      "font_class": "creditcard",
-      "unicode": "e830",
-      "unicode_decimal": 59440
-    },
-    {
-      "icon_id": "4766951",
-      "name": "heart",
-      "font_class": "heart",
-      "unicode": "e831",
-      "unicode_decimal": 59441
-    },
-    {
-      "icon_id": "4766952",
-      "name": "block",
-      "font_class": "block",
-      "unicode": "e832",
-      "unicode_decimal": 59442
-    },
-    {
-      "icon_id": "4766953",
-      "name": "error",
-      "font_class": "error",
-      "unicode": "e833",
-      "unicode_decimal": 59443
-    },
-    {
-      "icon_id": "4766954",
-      "name": "star",
-      "font_class": "star",
-      "unicode": "e834",
-      "unicode_decimal": 59444
-    },
-    {
-      "icon_id": "4766955",
-      "name": "gold",
-      "font_class": "gold",
-      "unicode": "e835",
-      "unicode_decimal": 59445
-    },
-    {
-      "icon_id": "4766956",
-      "name": "heat map",
-      "font_class": "heatmap",
-      "unicode": "e836",
-      "unicode_decimal": 59446
-    },
-    {
-      "icon_id": "4766957",
-      "name": "wifi",
-      "font_class": "wifi",
-      "unicode": "e837",
-      "unicode_decimal": 59447
-    },
-    {
-      "icon_id": "4766958",
-      "name": "attachment",
-      "font_class": "attachment",
-      "unicode": "e838",
-      "unicode_decimal": 59448
-    },
-    {
-      "icon_id": "4766959",
-      "name": "edit",
-      "font_class": "edit",
-      "unicode": "e839",
-      "unicode_decimal": 59449
-    },
-    {
-      "icon_id": "4766960",
-      "name": "key",
-      "font_class": "key",
-      "unicode": "e83a",
-      "unicode_decimal": 59450
-    },
-    {
-      "icon_id": "4766961",
-      "name": "api",
-      "font_class": "api",
-      "unicode": "e83b",
-      "unicode_decimal": 59451
-    },
-    {
-      "icon_id": "4766963",
-      "name": "highlight",
-      "font_class": "highlight",
-      "unicode": "e83c",
-      "unicode_decimal": 59452
-    },
-    {
-      "icon_id": "4766964",
-      "name": "monitor",
-      "font_class": "monitor",
-      "unicode": "e83d",
-      "unicode_decimal": 59453
-    },
-    {
-      "icon_id": "4766965",
-      "name": "link",
-      "font_class": "link",
-      "unicode": "e83e",
-      "unicode_decimal": 59454
-    },
-    {
-      "icon_id": "4766966",
-      "name": "man",
-      "font_class": "man",
-      "unicode": "e83f",
-      "unicode_decimal": 59455
-    },
-    {
-      "icon_id": "4766967",
-      "name": "percentage",
-      "font_class": "percentage",
-      "unicode": "e840",
-      "unicode_decimal": 59456
-    },
-    {
-      "icon_id": "4766969",
-      "name": "pushpin",
-      "font_class": "pushpin",
-      "unicode": "e841",
-      "unicode_decimal": 59457
-    },
-    {
-      "icon_id": "4766970",
-      "name": "phone",
-      "font_class": "phone",
-      "unicode": "e842",
-      "unicode_decimal": 59458
-    },
-    {
-      "icon_id": "4766971",
-      "name": "shake",
-      "font_class": "shake",
-      "unicode": "e843",
-      "unicode_decimal": 59459
-    },
-    {
-      "icon_id": "4766972",
-      "name": "tag",
-      "font_class": "tag",
-      "unicode": "e844",
-      "unicode_decimal": 59460
-    },
-    {
-      "icon_id": "4766973",
-      "name": "wrench",
-      "font_class": "wrench",
-      "unicode": "e845",
-      "unicode_decimal": 59461
-    },
-    {
-      "icon_id": "4766975",
-      "name": "tags",
-      "font_class": "tags",
-      "unicode": "e846",
-      "unicode_decimal": 59462
-    },
-    {
-      "icon_id": "4766982",
-      "name": "scissor",
-      "font_class": "scissor",
-      "unicode": "e847",
-      "unicode_decimal": 59463
-    },
-    {
-      "icon_id": "4766984",
-      "name": "mr",
-      "font_class": "mr",
-      "unicode": "e848",
-      "unicode_decimal": 59464
-    },
-    {
-      "icon_id": "4766985",
-      "name": "share",
-      "font_class": "share",
-      "unicode": "e849",
-      "unicode_decimal": 59465
-    },
-    {
-      "icon_id": "4766986",
-      "name": "branches",
-      "font_class": "branches",
-      "unicode": "e84a",
-      "unicode_decimal": 59466
-    },
-    {
-      "icon_id": "4766995",
-      "name": "fork",
-      "font_class": "fork",
-      "unicode": "e84b",
-      "unicode_decimal": 59467
-    },
-    {
-      "icon_id": "4767006",
-      "name": "shrink",
-      "font_class": "shrink",
-      "unicode": "e84c",
-      "unicode_decimal": 59468
-    },
-    {
-      "icon_id": "4767007",
-      "name": "arrawsalt",
-      "font_class": "arrawsalt",
-      "unicode": "e84d",
-      "unicode_decimal": 59469
-    },
-    {
-      "icon_id": "4767009",
-      "name": "vertical right",
-      "font_class": "verticalright",
-      "unicode": "e84e",
-      "unicode_decimal": 59470
-    },
-    {
-      "icon_id": "4767011",
-      "name": "right",
-      "font_class": "right",
-      "unicode": "e84f",
-      "unicode_decimal": 59471
-    },
-    {
-      "icon_id": "4767012",
-      "name": "left",
-      "font_class": "left",
-      "unicode": "e850",
-      "unicode_decimal": 59472
-    },
-    {
-      "icon_id": "4767013",
-      "name": "up",
-      "font_class": "up",
-      "unicode": "e851",
-      "unicode_decimal": 59473
-    },
-    {
-      "icon_id": "4767014",
-      "name": "down",
-      "font_class": "down",
-      "unicode": "e852",
-      "unicode_decimal": 59474
-    },
-    {
-      "icon_id": "4767015",
-      "name": "fullscreen",
-      "font_class": "fullscreen",
-      "unicode": "e853",
-      "unicode_decimal": 59475
-    },
-    {
-      "icon_id": "4767016",
-      "name": "fullscreen-exit",
-      "font_class": "fullscreen-exit",
-      "unicode": "e854",
-      "unicode_decimal": 59476
-    },
-    {
-      "icon_id": "4767018",
-      "name": "doubleleft",
-      "font_class": "doubleleft",
-      "unicode": "e855",
-      "unicode_decimal": 59477
-    },
-    {
-      "icon_id": "4767019",
-      "name": "double right",
-      "font_class": "doubleright",
-      "unicode": "e856",
-      "unicode_decimal": 59478
-    },
-    {
-      "icon_id": "4767020",
-      "name": "arrowright",
-      "font_class": "arrowright",
-      "unicode": "e857",
-      "unicode_decimal": 59479
-    },
-    {
-      "icon_id": "4767021",
-      "name": "arrowup",
-      "font_class": "arrowup",
-      "unicode": "e858",
-      "unicode_decimal": 59480
-    },
-    {
-      "icon_id": "4767022",
-      "name": "arrowleft",
-      "font_class": "arrowleft",
-      "unicode": "e859",
-      "unicode_decimal": 59481
-    },
-    {
-      "icon_id": "4767023",
-      "name": "arrowdown",
-      "font_class": "arrowdown",
-      "unicode": "e85a",
-      "unicode_decimal": 59482
-    },
-    {
-      "icon_id": "4767025",
-      "name": "upload",
-      "font_class": "upload",
-      "unicode": "e85b",
-      "unicode_decimal": 59483
-    },
-    {
-      "icon_id": "4767060",
-      "name": "unordered list",
-      "font_class": "unorderedlist",
-      "unicode": "e85c",
-      "unicode_decimal": 59484
-    },
-    {
-      "icon_id": "4767093",
-      "name": "check",
-      "font_class": "check",
-      "unicode": "e85d",
-      "unicode_decimal": 59485
-    },
-    {
-      "icon_id": "4767094",
-      "name": "ellipsis",
-      "font_class": "ellipsis",
-      "unicode": "e85e",
-      "unicode_decimal": 59486
-    },
-    {
-      "icon_id": "4767096",
-      "name": "close",
-      "font_class": "close",
-      "unicode": "e85f",
-      "unicode_decimal": 59487
-    },
-    {
-      "icon_id": "4767104",
-      "name": "pause",
-      "font_class": "pause",
-      "unicode": "e860",
-      "unicode_decimal": 59488
-    },
-    {
-      "icon_id": "4936455",
-      "name": "crown",
-      "font_class": "crown",
-      "unicode": "e861",
-      "unicode_decimal": 59489
-    },
-    {
-      "icon_id": "4936456",
-      "name": "drag",
-      "font_class": "drag",
-      "unicode": "e862",
-      "unicode_decimal": 59490
-    },
-    {
-      "icon_id": "4936457",
-      "name": "desktop",
-      "font_class": "desktop",
-      "unicode": "e863",
-      "unicode_decimal": 59491
-    },
-    {
-      "icon_id": "4936458",
-      "name": "gift",
-      "font_class": "gift",
-      "unicode": "e864",
-      "unicode_decimal": 59492
-    },
-    {
-      "icon_id": "4936459",
-      "name": "stop",
-      "font_class": "stop",
-      "unicode": "e865",
-      "unicode_decimal": 59493
-    },
-    {
-      "icon_id": "4936460",
-      "name": "fire",
-      "font_class": "fire",
-      "unicode": "e866",
-      "unicode_decimal": 59494
-    },
-    {
-      "icon_id": "4936461",
-      "name": "thunderbolt",
-      "font_class": "thunderbolt",
-      "unicode": "e867",
-      "unicode_decimal": 59495
-    },
-    {
-      "icon_id": "4936690",
-      "name": "mail-fill",
-      "font_class": "mail-fill",
-      "unicode": "e86f",
-      "unicode_decimal": 59503
-    },
-    {
-      "icon_id": "4936692",
-      "name": "printer-fill",
-      "font_class": "printer-fill",
-      "unicode": "e870",
-      "unicode_decimal": 59504
-    },
-    {
-      "icon_id": "4936694",
-      "name": "setting-fill",
-      "font_class": "setting-fill",
-      "unicode": "e871",
-      "unicode_decimal": 59505
-    },
-    {
-      "icon_id": "4936695",
-      "name": "USB-fill",
-      "font_class": "USB-fill",
-      "unicode": "e872",
-      "unicode_decimal": 59506
-    },
-    {
-      "icon_id": "4936946",
-      "name": "ant design",
-      "font_class": "antdesign",
-      "unicode": "e879",
-      "unicode_decimal": 59513
-    },
-    {
-      "icon_id": "4936952",
-      "name": "IE",
-      "font_class": "IE",
-      "unicode": "e87a",
-      "unicode_decimal": 59514
-    },
-    {
-      "icon_id": "4936958",
-      "name": "HTML5",
-      "font_class": "HTML",
-      "unicode": "e87d",
-      "unicode_decimal": 59517
-    },
-    {
-      "icon_id": "4936967",
-      "name": "apple",
-      "font_class": "apple",
-      "unicode": "e87e",
-      "unicode_decimal": 59518
-    },
-    {
-      "icon_id": "4936968",
-      "name": "android",
-      "font_class": "android",
-      "unicode": "e87f",
-      "unicode_decimal": 59519
-    },
-    {
-      "icon_id": "4936974",
-      "name": "windows",
-      "font_class": "windows",
-      "unicode": "e880",
-      "unicode_decimal": 59520
-    },
-    {
-      "icon_id": "5756279",
-      "name": "zoom out",
-      "font_class": "zoomout",
-      "unicode": "e897",
-      "unicode_decimal": 59543
-    },
-    {
-      "icon_id": "5756280",
-      "name": "apartment",
-      "font_class": "apartment",
-      "unicode": "e898",
-      "unicode_decimal": 59544
-    },
-    {
-      "icon_id": "5756281",
-      "name": "audio",
-      "font_class": "audio",
-      "unicode": "e899",
-      "unicode_decimal": 59545
-    },
-    {
-      "icon_id": "5756283",
-      "name": "robot",
-      "font_class": "robot",
-      "unicode": "e89a",
-      "unicode_decimal": 59546
-    },
-    {
-      "icon_id": "5756284",
-      "name": "zoom in",
-      "font_class": "zoomin",
-      "unicode": "e89b",
-      "unicode_decimal": 59547
-    },
-    {
-      "icon_id": "6598312",
-      "name": "robot-fill",
-      "font_class": "robot-fill",
-      "unicode": "e8e8",
-      "unicode_decimal": 59624
-    },
-    {
-      "icon_id": "6598313",
-      "name": "bug-fill",
-      "font_class": "bug-fill",
-      "unicode": "e8e9",
-      "unicode_decimal": 59625
-    },
-    {
-      "icon_id": "6598314",
-      "name": "bug",
-      "font_class": "bug",
-      "unicode": "e8ea",
-      "unicode_decimal": 59626
-    },
-    {
-      "icon_id": "6598315",
-      "name": "audio static",
-      "font_class": "audiostatic",
-      "unicode": "e8eb",
-      "unicode_decimal": 59627
-    },
-    {
-      "icon_id": "6598316",
-      "name": "comment",
-      "font_class": "comment",
-      "unicode": "e8ec",
-      "unicode_decimal": 59628
-    },
-    {
-      "icon_id": "6598317",
-      "name": "signal-fill",
-      "font_class": "signal-fill",
-      "unicode": "e8ed",
-      "unicode_decimal": 59629
-    },
-    {
-      "icon_id": "6598320",
-      "name": "videocamera add",
-      "font_class": "videocameraadd",
-      "unicode": "e8ee",
-      "unicode_decimal": 59630
-    },
-    {
-      "icon_id": "6598321",
-      "name": "switch user",
-      "font_class": "switchuser",
-      "unicode": "e8ef",
-      "unicode_decimal": 59631
-    },
-    {
-      "icon_id": "6598323",
-      "name": "appstore add",
-      "font_class": "appstoreadd",
-      "unicode": "e8f0",
-      "unicode_decimal": 59632
-    },
-    {
-      "icon_id": "6598347",
-      "name": "search",
-      "font_class": "search",
-      "unicode": "e8f1",
-      "unicode_decimal": 59633
-    },
-    {
-      "icon_id": "6598354",
-      "name": "woman",
-      "font_class": "woman",
-      "unicode": "e8f2",
-      "unicode_decimal": 59634
-    },
-    {
-      "icon_id": "7834345",
-      "name": "plus",
-      "font_class": "plus",
-      "unicode": "e8fe",
-      "unicode_decimal": 59646
-    },
-    {
-      "icon_id": "8092166",
-      "name": "eye close-fill",
-      "font_class": "eyeclose-fill",
-      "unicode": "e8ff",
-      "unicode_decimal": 59647
-    },
-    {
-      "icon_id": "8092167",
-      "name": "eye-close",
-      "font_class": "eye-close",
-      "unicode": "e900",
-      "unicode_decimal": 59648
-    },
-    {
-      "icon_id": "8094805",
-      "name": "clear",
-      "font_class": "clear",
-      "unicode": "e901",
-      "unicode_decimal": 59649
-    },
-    {
-      "icon_id": "8094811",
-      "name": "rotate-left",
-      "font_class": "rotate-left",
-      "unicode": "e902",
-      "unicode_decimal": 59650
-    },
-    {
-      "icon_id": "8094812",
-      "name": "rotate-right",
-      "font_class": "rotate-right",
-      "unicode": "e903",
-      "unicode_decimal": 59651
-    },
-    {
-      "icon_id": "8094813",
-      "name": "insert row below",
-      "font_class": "insertrowbelow",
-      "unicode": "e904",
-      "unicode_decimal": 59652
-    },
-    {
-      "icon_id": "8094814",
-      "name": "insert row above",
-      "font_class": "insertrowabove",
-      "unicode": "e905",
-      "unicode_decimal": 59653
-    },
-    {
-      "icon_id": "8094815",
-      "name": "table",
-      "font_class": "table1",
-      "unicode": "e906",
-      "unicode_decimal": 59654
-    },
-    {
-      "icon_id": "8094816",
-      "name": "solit-cells",
-      "font_class": "solit-cells",
-      "unicode": "e907",
-      "unicode_decimal": 59655
-    },
-    {
-      "icon_id": "8094817",
-      "name": "format painter",
-      "font_class": "formatpainter",
-      "unicode": "e908",
-      "unicode_decimal": 59656
-    },
-    {
-      "icon_id": "8094818",
-      "name": "insert row right",
-      "font_class": "insertrowright",
-      "unicode": "e909",
-      "unicode_decimal": 59657
-    },
-    {
-      "icon_id": "8094819",
-      "name": "format painter-fill",
-      "font_class": "formatpainter-fill",
-      "unicode": "e90a",
-      "unicode_decimal": 59658
-    },
-    {
-      "icon_id": "8094820",
-      "name": "insert row left",
-      "font_class": "insertrowleft",
-      "unicode": "e90b",
-      "unicode_decimal": 59659
-    },
-    {
-      "icon_id": "8094821",
-      "name": "translate",
-      "font_class": "translate",
-      "unicode": "e90c",
-      "unicode_decimal": 59660
-    },
-    {
-      "icon_id": "8094822",
-      "name": "delete row",
-      "font_class": "deleterow",
-      "unicode": "e90d",
-      "unicode_decimal": 59661
-    },
-    {
-      "icon_id": "8094823",
-      "name": "sisternode",
-      "font_class": "sisternode",
-      "unicode": "e90e",
-      "unicode_decimal": 59662
-    },
-    {
-      "icon_id": "9229175",
-      "name": "Field-number",
-      "font_class": "Field-number",
-      "unicode": "e90f",
-      "unicode_decimal": 59663
-    },
-    {
-      "icon_id": "9229176",
-      "name": "Field-String",
-      "font_class": "Field-String",
-      "unicode": "e910",
-      "unicode_decimal": 59664
-    },
-    {
-      "icon_id": "9229177",
-      "name": "Function",
-      "font_class": "Function",
-      "unicode": "e911",
-      "unicode_decimal": 59665
-    },
-    {
-      "icon_id": "9229178",
-      "name": "Field-time",
-      "font_class": "Field-time",
-      "unicode": "e912",
-      "unicode_decimal": 59666
-    },
-    {
-      "icon_id": "9229179",
-      "name": "GIF",
-      "font_class": "GIF",
-      "unicode": "e913",
-      "unicode_decimal": 59667
-    },
-    {
-      "icon_id": "9229180",
-      "name": "Partition",
-      "font_class": "Partition",
-      "unicode": "e914",
-      "unicode_decimal": 59668
-    },
-    {
-      "icon_id": "9229181",
-      "name": "index",
-      "font_class": "index",
-      "unicode": "e915",
-      "unicode_decimal": 59669
-    },
-    {
-      "icon_id": "9229182",
-      "name": "Stored procedure",
-      "font_class": "Storedprocedure",
-      "unicode": "e916",
-      "unicode_decimal": 59670
-    },
-    {
-      "icon_id": "9229184",
-      "name": "Field-Binary",
-      "font_class": "Field-Binary",
-      "unicode": "e917",
-      "unicode_decimal": 59671
-    },
-    {
-      "icon_id": "9229185",
-      "name": "Console-SQL",
-      "font_class": "Console-SQL",
-      "unicode": "e918",
-      "unicode_decimal": 59672
-    },
-    {
-      "icon_id": "9230689",
-      "name": "1:1",
-      "font_class": "icon-test",
-      "unicode": "e919",
-      "unicode_decimal": 59673
-    },
-    {
-      "icon_id": "9230690",
-      "name": "aim",
-      "font_class": "aim",
-      "unicode": "e91a",
-      "unicode_decimal": 59674
-    },
-    {
-      "icon_id": "9230691",
-      "name": "compress",
-      "font_class": "compress",
-      "unicode": "e91b",
-      "unicode_decimal": 59675
-    },
-    {
-      "icon_id": "9230692",
-      "name": "expend",
-      "font_class": "expend",
-      "unicode": "e91c",
-      "unicode_decimal": 59676
-    },
-    {
-      "icon_id": "9230693",
-      "name": "folder-view",
-      "font_class": "folder-view",
-      "unicode": "e91d",
-      "unicode_decimal": 59677
-    },
-    {
-      "icon_id": "9230694",
-      "name": "file-GIF",
-      "font_class": "file-GIF",
-      "unicode": "e91e",
-      "unicode_decimal": 59678
-    },
-    {
-      "icon_id": "9230695",
-      "name": "group",
-      "font_class": "group",
-      "unicode": "e91f",
-      "unicode_decimal": 59679
-    },
-    {
-      "icon_id": "9230696",
-      "name": "send",
-      "font_class": "send",
-      "unicode": "e920",
-      "unicode_decimal": 59680
-    },
-    {
-      "icon_id": "9230697",
-      "name": "Report",
-      "font_class": "Report",
-      "unicode": "e921",
-      "unicode_decimal": 59681
-    },
-    {
-      "icon_id": "9230698",
-      "name": "View",
-      "font_class": "View",
-      "unicode": "e922",
-      "unicode_decimal": 59682
-    },
-    {
-      "icon_id": "9230699",
-      "name": "shortcut",
-      "font_class": "shortcut",
-      "unicode": "e923",
-      "unicode_decimal": 59683
-    },
-    {
-      "icon_id": "9230700",
-      "name": "ungroup",
-      "font_class": "ungroup",
-      "unicode": "e924",
-      "unicode_decimal": 59684
-    },
-    {
-      "icon_id": "4765957",
-      "name": "edit-square",
-      "font_class": "edit-square",
-      "unicode": "e7c6",
-      "unicode_decimal": 59334
-    },
-    {
-      "icon_id": "4765958",
-      "name": "export",
-      "font_class": "export",
-      "unicode": "e7c7",
-      "unicode_decimal": 59335
-    },
-    {
-      "icon_id": "4765959",
-      "name": "save",
-      "font_class": "save",
-      "unicode": "e7c8",
-      "unicode_decimal": 59336
-    },
-    {
-      "icon_id": "4765962",
-      "name": "app store",
-      "font_class": "appstore",
-      "unicode": "e7c9",
-      "unicode_decimal": 59337
-    },
-    {
-      "icon_id": "4765972",
-      "name": "minus-square",
-      "font_class": "minus-square",
-      "unicode": "e7ca",
-      "unicode_decimal": 59338
-    },
-    {
-      "icon_id": "4765973",
-      "name": "plus-square",
-      "font_class": "plus-square",
-      "unicode": "e7cb",
-      "unicode_decimal": 59339
-    },
-    {
-      "icon_id": "4765974",
-      "name": "right-square",
-      "font_class": "right-square",
-      "unicode": "e7cc",
-      "unicode_decimal": 59340
-    },
-    {
-      "icon_id": "4765976",
-      "name": "wallet",
-      "font_class": "wallet",
-      "unicode": "e7cd",
-      "unicode_decimal": 59341
-    },
-    {
-      "icon_id": "4766289",
-      "name": "add user",
-      "font_class": "adduser",
-      "unicode": "e7ce",
-      "unicode_decimal": 59342
-    },
-    {
-      "icon_id": "4766290",
-      "name": "delete team",
-      "font_class": "deleteteam",
-      "unicode": "e7cf",
-      "unicode_decimal": 59343
-    },
-    {
-      "icon_id": "4766291",
-      "name": "delete user",
-      "font_class": "deleteuser",
-      "unicode": "e7d0",
-      "unicode_decimal": 59344
-    },
-    {
-      "icon_id": "4766292",
-      "name": "addteam",
-      "font_class": "addteam",
-      "unicode": "e7d1",
-      "unicode_decimal": 59345
-    },
-    {
-      "icon_id": "4766293",
-      "name": "user",
-      "font_class": "user",
-      "unicode": "e7d2",
-      "unicode_decimal": 59346
-    },
-    {
-      "icon_id": "4766294",
-      "name": "team",
-      "font_class": "team",
-      "unicode": "e7d3",
-      "unicode_decimal": 59347
-    },
-    {
-      "icon_id": "4766297",
-      "name": "area chart",
-      "font_class": "areachart",
-      "unicode": "e7d4",
-      "unicode_decimal": 59348
-    },
-    {
-      "icon_id": "4766298",
-      "name": "line chart",
-      "font_class": "linechart",
-      "unicode": "e7d5",
-      "unicode_decimal": 59349
-    },
-    {
-      "icon_id": "4766299",
-      "name": "bar chart",
-      "font_class": "barchart",
-      "unicode": "e7d6",
-      "unicode_decimal": 59350
-    },
-    {
-      "icon_id": "4766300",
-      "name": "point map",
-      "font_class": "pointmap",
-      "unicode": "e7d7",
-      "unicode_decimal": 59351
-    },
-    {
-      "icon_id": "4766438",
-      "name": "container",
-      "font_class": "container",
-      "unicode": "e7d8",
-      "unicode_decimal": 59352
-    },
-    {
-      "icon_id": "4766439",
-      "name": "database",
-      "font_class": "database",
-      "unicode": "e7d9",
-      "unicode_decimal": 59353
-    },
-    {
-      "icon_id": "4766440",
-      "name": "sever",
-      "font_class": "sever",
-      "unicode": "e7da",
-      "unicode_decimal": 59354
-    },
-    {
-      "icon_id": "4766451",
-      "name": "mobile",
-      "font_class": "mobile",
-      "unicode": "e7db",
-      "unicode_decimal": 59355
-    },
-    {
-      "icon_id": "4766452",
-      "name": "tablet",
-      "font_class": "tablet",
-      "unicode": "e7dc",
-      "unicode_decimal": 59356
-    },
-    {
-      "icon_id": "4766453",
-      "name": "red envelope",
-      "font_class": "redenvelope",
-      "unicode": "e7dd",
-      "unicode_decimal": 59357
-    },
-    {
-      "icon_id": "4766454",
-      "name": "book",
-      "font_class": "book",
-      "unicode": "e7de",
-      "unicode_decimal": 59358
-    },
-    {
-      "icon_id": "4766459",
-      "name": "file done",
-      "font_class": "filedone",
-      "unicode": "e7df",
-      "unicode_decimal": 59359
-    },
-    {
-      "icon_id": "4766460",
-      "name": "reconciliation",
-      "font_class": "reconciliation",
-      "unicode": "e7e0",
-      "unicode_decimal": 59360
-    },
-    {
-      "icon_id": "4766461",
-      "name": "file -exception",
-      "font_class": "file-exception",
-      "unicode": "e7e1",
-      "unicode_decimal": 59361
-    },
-    {
-      "icon_id": "4766462",
-      "name": "file sync",
-      "font_class": "filesync",
-      "unicode": "e7e2",
-      "unicode_decimal": 59362
-    },
-    {
-      "icon_id": "4766463",
-      "name": "file search",
-      "font_class": "filesearch",
-      "unicode": "e7e3",
-      "unicode_decimal": 59363
-    },
-    {
-      "icon_id": "4766464",
-      "name": "solution",
-      "font_class": "solution",
-      "unicode": "e7e4",
-      "unicode_decimal": 59364
-    },
-    {
-      "icon_id": "4766465",
-      "name": "file protect",
-      "font_class": "fileprotect",
-      "unicode": "e7e5",
-      "unicode_decimal": 59365
-    },
-    {
-      "icon_id": "4766468",
-      "name": "file-add",
-      "font_class": "file-add",
-      "unicode": "e7e6",
-      "unicode_decimal": 59366
-    },
-    {
-      "icon_id": "4766469",
-      "name": "file-excel",
-      "font_class": "file-excel",
-      "unicode": "e7e7",
-      "unicode_decimal": 59367
-    },
-    {
-      "icon_id": "4766470",
-      "name": "file-exclamation",
-      "font_class": "file-exclamation",
-      "unicode": "e7e8",
-      "unicode_decimal": 59368
-    },
-    {
-      "icon_id": "4766472",
-      "name": "file-pdf",
-      "font_class": "file-pdf",
-      "unicode": "e7e9",
-      "unicode_decimal": 59369
-    },
-    {
-      "icon_id": "4766473",
-      "name": "file-image",
-      "font_class": "file-image",
-      "unicode": "e7ea",
-      "unicode_decimal": 59370
-    },
-    {
-      "icon_id": "4766474",
-      "name": "file-markdown",
-      "font_class": "file-markdown",
-      "unicode": "e7eb",
-      "unicode_decimal": 59371
-    },
-    {
-      "icon_id": "4766476",
-      "name": "file-ppt",
-      "font_class": "file-ppt",
-      "unicode": "e7ec",
-      "unicode_decimal": 59372
-    },
-    {
-      "icon_id": "4766477",
-      "name": "file-word",
-      "font_class": "file-word",
-      "unicode": "e7ed",
-      "unicode_decimal": 59373
-    },
-    {
-      "icon_id": "4766478",
-      "name": "file",
-      "font_class": "file",
-      "unicode": "e7ee",
-      "unicode_decimal": 59374
-    },
-    {
-      "icon_id": "4766479",
-      "name": "file-zip",
-      "font_class": "file-zip",
-      "unicode": "e7ef",
-      "unicode_decimal": 59375
-    },
-    {
-      "icon_id": "4766480",
-      "name": "file-text",
-      "font_class": "file-text",
-      "unicode": "e7f0",
-      "unicode_decimal": 59376
-    },
-    {
-      "icon_id": "4766481",
-      "name": "file-copy",
-      "font_class": "file-copy",
-      "unicode": "e7f1",
-      "unicode_decimal": 59377
-    },
-    {
-      "icon_id": "4766482",
-      "name": "snippets",
-      "font_class": "snippets",
-      "unicode": "e7f2",
-      "unicode_decimal": 59378
-    },
-    {
-      "icon_id": "4766507",
-      "name": "audit",
-      "font_class": "audit",
-      "unicode": "e7f3",
-      "unicode_decimal": 59379
-    },
-    {
-      "icon_id": "4766508",
-      "name": "diff",
-      "font_class": "diff",
-      "unicode": "e7f4",
-      "unicode_decimal": 59380
-    },
-    {
-      "icon_id": "4766509",
-      "name": "Batch folding",
-      "font_class": "Batchfolding",
-      "unicode": "e7f5",
-      "unicode_decimal": 59381
-    },
-    {
-      "icon_id": "4766511",
-      "name": "security scan",
-      "font_class": "securityscan",
-      "unicode": "e7f6",
-      "unicode_decimal": 59382
-    },
-    {
-      "icon_id": "4766512",
-      "name": "property safety",
-      "font_class": "propertysafety",
-      "unicode": "e7f7",
-      "unicode_decimal": 59383
-    },
-    {
-      "icon_id": "4766513",
-      "name": "safety certificate",
-      "font_class": "safetycertificate",
-      "unicode": "e7f8",
-      "unicode_decimal": 59384
-    },
-    {
-      "icon_id": "4766514",
-      "name": "insurance ",
-      "font_class": "insurance",
-      "unicode": "e7f9",
-      "unicode_decimal": 59385
-    },
-    {
-      "icon_id": "4766675",
-      "name": "alert",
-      "font_class": "alert",
-      "unicode": "e7fa",
-      "unicode_decimal": 59386
-    },
-    {
-      "icon_id": "4766676",
-      "name": "delete",
-      "font_class": "delete",
-      "unicode": "e7fb",
-      "unicode_decimal": 59387
-    },
-    {
-      "icon_id": "4766677",
-      "name": "hourglass",
-      "font_class": "hourglass",
-      "unicode": "e7fc",
-      "unicode_decimal": 59388
-    },
-    {
-      "icon_id": "4766678",
-      "name": "bulb",
-      "font_class": "bulb",
-      "unicode": "e7fd",
-      "unicode_decimal": 59389
-    },
-    {
-      "icon_id": "4766680",
-      "name": "bell",
-      "font_class": "bell",
-      "unicode": "e7fe",
-      "unicode_decimal": 59390
-    },
-    {
-      "icon_id": "4766681",
-      "name": "trophy",
-      "font_class": "trophy",
-      "unicode": "e7ff",
-      "unicode_decimal": 59391
-    },
-    {
-      "icon_id": "4766682",
-      "name": "rest",
-      "font_class": "rest",
-      "unicode": "e800",
-      "unicode_decimal": 59392
-    },
-    {
-      "icon_id": "4766683",
-      "name": "USB",
-      "font_class": "USB",
-      "unicode": "e801",
-      "unicode_decimal": 59393
-    },
-    {
-      "icon_id": "4766684",
-      "name": "skin",
-      "font_class": "skin",
-      "unicode": "e802",
-      "unicode_decimal": 59394
-    },
-    {
-      "icon_id": "4766685",
-      "name": "home",
-      "font_class": "home",
-      "unicode": "e803",
-      "unicode_decimal": 59395
-    },
-    {
-      "icon_id": "4766686",
-      "name": "bank",
-      "font_class": "bank",
-      "unicode": "e804",
-      "unicode_decimal": 59396
-    },
-    {
-      "icon_id": "4766688",
-      "name": "filter",
-      "font_class": "filter",
-      "unicode": "e805",
-      "unicode_decimal": 59397
-    },
-    {
-      "icon_id": "4766692",
-      "name": "like",
-      "font_class": "like",
-      "unicode": "e806",
-      "unicode_decimal": 59398
-    },
-    {
-      "icon_id": "4766693",
-      "name": "unlike",
-      "font_class": "unlike",
-      "unicode": "e807",
-      "unicode_decimal": 59399
-    },
-    {
-      "icon_id": "4765725",
-      "name": "close-circle",
-      "font_class": "close-circle",
-      "unicode": "e782",
-      "unicode_decimal": 59266
-    },
-    {
-      "icon_id": "4765726",
-      "name": "frown",
-      "font_class": "frown",
-      "unicode": "e783",
-      "unicode_decimal": 59267
-    },
-    {
-      "icon_id": "4765727",
-      "name": "info-circle",
-      "font_class": "info-circle",
-      "unicode": "e784",
-      "unicode_decimal": 59268
-    },
-    {
-      "icon_id": "4765728",
-      "name": "left-circle",
-      "font_class": "left-circle",
-      "unicode": "e785",
-      "unicode_decimal": 59269
-    },
-    {
-      "icon_id": "4765729",
-      "name": "down-circle",
-      "font_class": "down-circle",
-      "unicode": "e786",
-      "unicode_decimal": 59270
-    },
-    {
-      "icon_id": "4765730",
-      "name": "EURO",
-      "font_class": "EURO",
-      "unicode": "e787",
-      "unicode_decimal": 59271
-    },
-    {
-      "icon_id": "4765731",
-      "name": "copyright",
-      "font_class": "copyright",
-      "unicode": "e788",
-      "unicode_decimal": 59272
-    },
-    {
-      "icon_id": "4765732",
-      "name": "minus-circle",
-      "font_class": "minus-circle",
-      "unicode": "e789",
-      "unicode_decimal": 59273
-    },
-    {
-      "icon_id": "4765733",
-      "name": "meh",
-      "font_class": "meh",
-      "unicode": "e78a",
-      "unicode_decimal": 59274
-    },
-    {
-      "icon_id": "4765734",
-      "name": "plus-circle",
-      "font_class": "plus-circle",
-      "unicode": "e78b",
-      "unicode_decimal": 59275
-    },
-    {
-      "icon_id": "4765735",
-      "name": "play-circle",
-      "font_class": "play-circle",
-      "unicode": "e78c",
-      "unicode_decimal": 59276
-    },
-    {
-      "icon_id": "4765736",
-      "name": "question-circle",
-      "font_class": "question-circle",
-      "unicode": "e78d",
-      "unicode_decimal": 59277
-    },
-    {
-      "icon_id": "4765737",
-      "name": "Pound",
-      "font_class": "Pound",
-      "unicode": "e78e",
-      "unicode_decimal": 59278
-    },
-    {
-      "icon_id": "4765738",
-      "name": "right-circle",
-      "font_class": "right-circle",
-      "unicode": "e78f",
-      "unicode_decimal": 59279
-    },
-    {
-      "icon_id": "4765739",
-      "name": "smile",
-      "font_class": "smile",
-      "unicode": "e790",
-      "unicode_decimal": 59280
-    },
-    {
-      "icon_id": "4765740",
-      "name": "trademark",
-      "font_class": "trademark",
-      "unicode": "e791",
-      "unicode_decimal": 59281
-    },
-    {
-      "icon_id": "4765741",
-      "name": "time-circle",
-      "font_class": "time-circle",
-      "unicode": "e792",
-      "unicode_decimal": 59282
-    },
-    {
-      "icon_id": "4765742",
-      "name": "time out",
-      "font_class": "timeout",
-      "unicode": "e793",
-      "unicode_decimal": 59283
-    },
-    {
-      "icon_id": "4765743",
-      "name": "earth",
-      "font_class": "earth",
-      "unicode": "e794",
-      "unicode_decimal": 59284
-    },
-    {
-      "icon_id": "4765744",
-      "name": "YUAN",
-      "font_class": "YUAN",
-      "unicode": "e795",
-      "unicode_decimal": 59285
-    },
-    {
-      "icon_id": "4765745",
-      "name": "up-circle",
-      "font_class": "up-circle",
-      "unicode": "e796",
-      "unicode_decimal": 59286
-    },
-    {
-      "icon_id": "4765746",
-      "name": "warning-circle",
-      "font_class": "warning-circle",
-      "unicode": "e797",
-      "unicode_decimal": 59287
-    },
-    {
-      "icon_id": "4765811",
-      "name": "sync",
-      "font_class": "sync",
-      "unicode": "e798",
-      "unicode_decimal": 59288
-    },
-    {
-      "icon_id": "4765812",
-      "name": "transaction",
-      "font_class": "transaction",
-      "unicode": "e799",
-      "unicode_decimal": 59289
-    },
-    {
-      "icon_id": "4765837",
-      "name": "undo",
-      "font_class": "undo",
-      "unicode": "e79a",
-      "unicode_decimal": 59290
-    },
-    {
-      "icon_id": "4765838",
-      "name": "redo",
-      "font_class": "redo",
-      "unicode": "e79b",
-      "unicode_decimal": 59291
-    },
-    {
-      "icon_id": "4765852",
-      "name": "reload",
-      "font_class": "reload",
-      "unicode": "e79c",
-      "unicode_decimal": 59292
-    },
-    {
-      "icon_id": "4765853",
-      "name": "reload time",
-      "font_class": "reloadtime",
-      "unicode": "e79d",
-      "unicode_decimal": 59293
-    },
-    {
-      "icon_id": "4765866",
-      "name": "message",
-      "font_class": "message",
-      "unicode": "e79e",
-      "unicode_decimal": 59294
-    },
-    {
-      "icon_id": "4765881",
-      "name": "dashboard",
-      "font_class": "dashboard",
-      "unicode": "e79f",
-      "unicode_decimal": 59295
-    },
-    {
-      "icon_id": "4765886",
-      "name": "issues close",
-      "font_class": "issuesclose",
-      "unicode": "e7a0",
-      "unicode_decimal": 59296
-    },
-    {
-      "icon_id": "4765887",
-      "name": "poweroff",
-      "font_class": "poweroff",
-      "unicode": "e7a1",
-      "unicode_decimal": 59297
-    },
-    {
-      "icon_id": "4765888",
-      "name": "logout",
-      "font_class": "logout",
-      "unicode": "e7a2",
-      "unicode_decimal": 59298
-    },
-    {
-      "icon_id": "4765890",
-      "name": "pie chart",
-      "font_class": "piechart",
-      "unicode": "e7a3",
-      "unicode_decimal": 59299
-    },
-    {
-      "icon_id": "4765891",
-      "name": "setting",
-      "font_class": "setting",
-      "unicode": "e7a4",
-      "unicode_decimal": 59300
-    },
-    {
-      "icon_id": "4765896",
-      "name": "eye",
-      "font_class": "eye",
-      "unicode": "e7a5",
-      "unicode_decimal": 59301
-    },
-    {
-      "icon_id": "4765897",
-      "name": "location",
-      "font_class": "location",
-      "unicode": "e7a6",
-      "unicode_decimal": 59302
-    },
-    {
-      "icon_id": "4765721",
-      "name": "check-circle",
-      "font_class": "check-circle",
-      "unicode": "e77d",
-      "unicode_decimal": 59261
-    },
-    {
-      "icon_id": "4765722",
-      "name": "CI",
-      "font_class": "CI",
-      "unicode": "e77e",
-      "unicode_decimal": 59262
-    },
-    {
-      "icon_id": "4765723",
-      "name": "Dollar",
-      "font_class": "Dollar",
-      "unicode": "e77f",
-      "unicode_decimal": 59263
-    },
-    {
-      "icon_id": "4765724",
-      "name": "compass",
-      "font_class": "compass",
-      "unicode": "e780",
-      "unicode_decimal": 59264
-    }
-  ]
-}

src/assets/iconfont/iconfont.json

@@ -5,6 +5,776 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "35780043",
+      "name": "xt-双泵",
+      "font_class": "xt-dual-pump_default",
+      "unicode": "e73f",
+      "unicode_decimal": 59199
+    },
+    {
+      "icon_id": "35663697",
+      "name": "xt-排床详情-禁用",
+      "font_class": "xt-bed_disable",
+      "unicode": "e73e",
+      "unicode_decimal": 59198
+    },
+    {
+      "icon_id": "35663662",
+      "name": "xt-排床详情-默认",
+      "font_class": "xt-bed_default",
+      "unicode": "e73a",
+      "unicode_decimal": 59194
+    },
+    {
+      "icon_id": "35663663",
+      "name": "xt-编辑-默认白色",
+      "font_class": "xt-edit-white_default",
+      "unicode": "e73b",
+      "unicode_decimal": 59195
+    },
+    {
+      "icon_id": "35663664",
+      "name": "xt-排床详情-鼠标上移",
+      "font_class": "xt-bed_selected",
+      "unicode": "e73c",
+      "unicode_decimal": 59196
+    },
+    {
+      "icon_id": "35635561",
+      "name": "xt-导入成功",
+      "font_class": "xt-success",
+      "unicode": "e738",
+      "unicode_decimal": 59192
+    },
+    {
+      "icon_id": "35635562",
+      "name": "xt-导入失败",
+      "font_class": "xt-fail",
+      "unicode": "e739",
+      "unicode_decimal": 59193
+    },
+    {
+      "icon_id": "35577393",
+      "name": "xt-详情刷新-鼠标上移",
+      "font_class": "xt-details-refresh_selected",
+      "unicode": "e737",
+      "unicode_decimal": 59191
+    },
+    {
+      "icon_id": "35569758",
+      "name": "xt-详情-默认",
+      "font_class": "xt-details_default",
+      "unicode": "e733",
+      "unicode_decimal": 59187
+    },
+    {
+      "icon_id": "35569759",
+      "name": "xt-详情保存-默认",
+      "font_class": "xt-details_save_default",
+      "unicode": "e734",
+      "unicode_decimal": 59188
+    },
+    {
+      "icon_id": "35569760",
+      "name": "xt-详情保存-鼠标上移",
+      "font_class": "xt-details_save_selected",
+      "unicode": "e735",
+      "unicode_decimal": 59189
+    },
+    {
+      "icon_id": "35569761",
+      "name": "xt-详情-鼠标上移",
+      "font_class": "xt-details_selected",
+      "unicode": "e736",
+      "unicode_decimal": 59190
+    },
+    {
+      "icon_id": "35569524",
+      "name": "xt-上传中附件",
+      "font_class": "xt-annex",
+      "unicode": "e729",
+      "unicode_decimal": 59177
+    },
+    {
+      "icon_id": "35569525",
+      "name": "xt-详情筛选-默认",
+      "font_class": "xt-details_screen_default",
+      "unicode": "e72a",
+      "unicode_decimal": 59178
+    },
+    {
+      "icon_id": "35569526",
+      "name": "xt-数值偏高",
+      "font_class": "xt-numerical_up",
+      "unicode": "e72b",
+      "unicode_decimal": 59179
+    },
+    {
+      "icon_id": "35569527",
+      "name": "xt-数值偏低",
+      "font_class": "xt-numerical_down",
+      "unicode": "e72c",
+      "unicode_decimal": 59180
+    },
+    {
+      "icon_id": "35569528",
+      "name": "xt-详情上传-默认",
+      "font_class": "xt-details_upload_default",
+      "unicode": "e72d",
+      "unicode_decimal": 59181
+    },
+    {
+      "icon_id": "35569529",
+      "name": "xt-详情上传-鼠标上移",
+      "font_class": "xt-details_upload_selected",
+      "unicode": "e72e",
+      "unicode_decimal": 59182
+    },
+    {
+      "icon_id": "35569530",
+      "name": "xt-详情筛选-鼠标上移",
+      "font_class": "xt-details_screen_selected",
+      "unicode": "e72f",
+      "unicode_decimal": 59183
+    },
+    {
+      "icon_id": "35569531",
+      "name": "xt-异常提示",
+      "font_class": "xt-abnormal",
+      "unicode": "e730",
+      "unicode_decimal": 59184
+    },
+    {
+      "icon_id": "35569532",
+      "name": "xt-详情里的附件",
+      "font_class": "xt-details-annex",
+      "unicode": "e731",
+      "unicode_decimal": 59185
+    },
+    {
+      "icon_id": "35569533",
+      "name": "xt-详情刷新-默认",
+      "font_class": "xt-details-refresh_default",
+      "unicode": "e732",
+      "unicode_decimal": 59186
+    },
+    {
+      "icon_id": "35568711",
+      "name": "xt-加一-禁用",
+      "font_class": "xt-add_disable",
+      "unicode": "e721",
+      "unicode_decimal": 59169
+    },
+    {
+      "icon_id": "35568712",
+      "name": "xt-加一-默认",
+      "font_class": "xt-add_default",
+      "unicode": "e722",
+      "unicode_decimal": 59170
+    },
+    {
+      "icon_id": "35568713",
+      "name": "xt-减一-鼠标上移",
+      "font_class": "xt-reduce_selected",
+      "unicode": "e723",
+      "unicode_decimal": 59171
+    },
+    {
+      "icon_id": "35568714",
+      "name": "xt-加一-鼠标上移",
+      "font_class": "xt-add_selected",
+      "unicode": "e724",
+      "unicode_decimal": 59172
+    },
+    {
+      "icon_id": "35568715",
+      "name": "xt-发布生效-默认",
+      "font_class": "xt-release_default",
+      "unicode": "e725",
+      "unicode_decimal": 59173
+    },
+    {
+      "icon_id": "35568716",
+      "name": "xt-减一-禁用",
+      "font_class": "xt-reduce_disable",
+      "unicode": "e726",
+      "unicode_decimal": 59174
+    },
+    {
+      "icon_id": "35568717",
+      "name": "xt-发布生效-鼠标上移",
+      "font_class": "xt-release_selected",
+      "unicode": "e727",
+      "unicode_decimal": 59175
+    },
+    {
+      "icon_id": "35568718",
+      "name": "xt-减一-默认",
+      "font_class": "xt-reduce_default",
+      "unicode": "e728",
+      "unicode_decimal": 59176
+    },
+    {
+      "icon_id": "35568384",
+      "name": "xt-抽屉关闭-鼠标上移",
+      "font_class": "xt-drawer-close_selected",
+      "unicode": "e71d",
+      "unicode_decimal": 59165
+    },
+    {
+      "icon_id": "35568385",
+      "name": "xt-抽屉关闭-默认",
+      "font_class": "xt-drawer-close_default",
+      "unicode": "e71e",
+      "unicode_decimal": 59166
+    },
+    {
+      "icon_id": "35568386",
+      "name": "xt-抽屉返回-默认",
+      "font_class": "xt-drawer-return_default",
+      "unicode": "e71f",
+      "unicode_decimal": 59167
+    },
+    {
+      "icon_id": "35568387",
+      "name": "xt-抽屉返回-鼠标上移",
+      "font_class": "xt-drawer-return_selected",
+      "unicode": "e720",
+      "unicode_decimal": 59168
+    },
+    {
+      "icon_id": "35567996",
+      "name": "xt-详情编辑-鼠标上移",
+      "font_class": "xt-details_edit_selected",
+      "unicode": "e713",
+      "unicode_decimal": 59155
+    },
+    {
+      "icon_id": "35567997",
+      "name": "xt-详情更多-鼠标上移",
+      "font_class": "xt-details_more_selected",
+      "unicode": "e714",
+      "unicode_decimal": 59156
+    },
+    {
+      "icon_id": "35567998",
+      "name": "xt-详情编辑-禁用",
+      "font_class": "xt-details_edit_disable",
+      "unicode": "e715",
+      "unicode_decimal": 59157
+    },
+    {
+      "icon_id": "35567999",
+      "name": "xt-详情更多-默认",
+      "font_class": "xt-details_more_default",
+      "unicode": "e716",
+      "unicode_decimal": 59158
+    },
+    {
+      "icon_id": "35568000",
+      "name": "xt-详情编辑-默认",
+      "font_class": "xt-details_edit_default",
+      "unicode": "e717",
+      "unicode_decimal": 59159
+    },
+    {
+      "icon_id": "35568001",
+      "name": "xt-详情删除-禁用",
+      "font_class": "xt-details_delete_disable",
+      "unicode": "e718",
+      "unicode_decimal": 59160
+    },
+    {
+      "icon_id": "35568002",
+      "name": "xt-详情添加-默认",
+      "font_class": "xt-details_increase_default",
+      "unicode": "e719",
+      "unicode_decimal": 59161
+    },
+    {
+      "icon_id": "35568003",
+      "name": "xt-详情删除-鼠标上移",
+      "font_class": "xt-details_delete_selected",
+      "unicode": "e71a",
+      "unicode_decimal": 59162
+    },
+    {
+      "icon_id": "35568004",
+      "name": "xt-详情添加-鼠标上移",
+      "font_class": "xt-details_increase_selected",
+      "unicode": "e71b",
+      "unicode_decimal": 59163
+    },
+    {
+      "icon_id": "35568005",
+      "name": "xt-详情删除-默认",
+      "font_class": "xt-details_delete_default",
+      "unicode": "e71c",
+      "unicode_decimal": 59164
+    },
+    {
+      "icon_id": "35566834",
+      "name": "xt-关闭标签-默认",
+      "font_class": "xt-close_default",
+      "unicode": "e70d",
+      "unicode_decimal": 59149
+    },
+    {
+      "icon_id": "35566835",
+      "name": "xt-导入数据-默认",
+      "font_class": "xt-import_default",
+      "unicode": "e70e",
+      "unicode_decimal": 59150
+    },
+    {
+      "icon_id": "35566836",
+      "name": "xt-关闭标签-鼠标上移",
+      "font_class": "xt-close_selected",
+      "unicode": "e70f",
+      "unicode_decimal": 59151
+    },
+    {
+      "icon_id": "35566837",
+      "name": "xt-筛选-鼠标上移",
+      "font_class": "xt-screen_selected",
+      "unicode": "e710",
+      "unicode_decimal": 59152
+    },
+    {
+      "icon_id": "35566838",
+      "name": "xt-筛选-默认",
+      "font_class": "xt-screen_default",
+      "unicode": "e711",
+      "unicode_decimal": 59153
+    },
+    {
+      "icon_id": "35566839",
+      "name": "xt-导入数据-鼠标上移",
+      "font_class": "xt-import_selected",
+      "unicode": "e712",
+      "unicode_decimal": 59154
+    },
+    {
+      "icon_id": "35565169",
+      "name": "xt-表头排序-正序",
+      "font_class": "xt-sort_up",
+      "unicode": "e708",
+      "unicode_decimal": 59144
+    },
+    {
+      "icon_id": "35565170",
+      "name": "xt-查看病历-默认",
+      "font_class": "xt-medical_default",
+      "unicode": "e709",
+      "unicode_decimal": 59145
+    },
+    {
+      "icon_id": "35565171",
+      "name": "xt-表头排序-倒序",
+      "font_class": "xt-sort_down",
+      "unicode": "e70a",
+      "unicode_decimal": 59146
+    },
+    {
+      "icon_id": "35565172",
+      "name": "xt-查看病历-鼠标上移",
+      "font_class": "xt-medical_selected",
+      "unicode": "e70b",
+      "unicode_decimal": 59147
+    },
+    {
+      "icon_id": "35565173",
+      "name": "xt-表头排序",
+      "font_class": "xt-sort",
+      "unicode": "e70c",
+      "unicode_decimal": 59148
+    },
+    {
+      "icon_id": "35564968",
+      "name": "xt-编辑-鼠标上移",
+      "font_class": "xt-edit_selected",
+      "unicode": "e6f2",
+      "unicode_decimal": 59122
+    },
+    {
+      "icon_id": "35564969",
+      "name": "xt-编辑-默认",
+      "font_class": "xt-edit_default",
+      "unicode": "e6f3",
+      "unicode_decimal": 59123
+    },
+    {
+      "icon_id": "35564970",
+      "name": "xt-查房-鼠标上移",
+      "font_class": "xt-ward_selected",
+      "unicode": "e6f4",
+      "unicode_decimal": 59124
+    },
+    {
+      "icon_id": "35564971",
+      "name": "xt-查房-默认",
+      "font_class": "xt-ward_default",
+      "unicode": "e6f5",
+      "unicode_decimal": 59125
+    },
+    {
+      "icon_id": "35564972",
+      "name": "xt-打印-鼠标上移",
+      "font_class": "xt-print_selected",
+      "unicode": "e6f6",
+      "unicode_decimal": 59126
+    },
+    {
+      "icon_id": "35564973",
+      "name": "xt-打印-默认",
+      "font_class": "xt-print_default",
+      "unicode": "e6f7",
+      "unicode_decimal": 59127
+    },
+    {
+      "icon_id": "35564974",
+      "name": "xt-顶部导航-收起",
+      "font_class": "xt-arrow_up_selected",
+      "unicode": "e6f8",
+      "unicode_decimal": 59128
+    },
+    {
+      "icon_id": "35564975",
+      "name": "xt-顶部导航-下拉",
+      "font_class": "xt-arrow_down",
+      "unicode": "e6f9",
+      "unicode_decimal": 59129
+    },
+    {
+      "icon_id": "35564976",
+      "name": "xt-顶部导航-下载中心-默认",
+      "font_class": "xt-download_default",
+      "unicode": "e6fa",
+      "unicode_decimal": 59130
+    },
+    {
+      "icon_id": "35564977",
+      "name": "xt-导出-默认",
+      "font_class": "xt-export_default",
+      "unicode": "e6fb",
+      "unicode_decimal": 59131
+    },
+    {
+      "icon_id": "35564978",
+      "name": "xt-导出-鼠标上移",
+      "font_class": "xt-export_selected",
+      "unicode": "e6fc",
+      "unicode_decimal": 59132
+    },
+    {
+      "icon_id": "35564979",
+      "name": "xt-顶部导航-消息-默认",
+      "font_class": "xt-message_default",
+      "unicode": "e6fd",
+      "unicode_decimal": 59133
+    },
+    {
+      "icon_id": "35564980",
+      "name": "xt-更多操作-默认",
+      "font_class": "xt-more_default",
+      "unicode": "e6fe",
+      "unicode_decimal": 59134
+    },
+    {
+      "icon_id": "35564981",
+      "name": "xt-顶部导航-消息-鼠标上移",
+      "font_class": "xt-message_selected",
+      "unicode": "e6ff",
+      "unicode_decimal": 59135
+    },
+    {
+      "icon_id": "35564982",
+      "name": "xt-搜索框-搜索",
+      "font_class": "xt-search",
+      "unicode": "e700",
+      "unicode_decimal": 59136
+    },
+    {
+      "icon_id": "35564983",
+      "name": "xt-顶部导航-下载中心-鼠标上移",
+      "font_class": "xt-download_selected",
+      "unicode": "e701",
+      "unicode_decimal": 59137
+    },
+    {
+      "icon_id": "35564984",
+      "name": "xt-删除-默认",
+      "font_class": "xt-delete_default",
+      "unicode": "e702",
+      "unicode_decimal": 59138
+    },
+    {
+      "icon_id": "35564985",
+      "name": "xt-更多操作-鼠标上移",
+      "font_class": "xt-more_selected",
+      "unicode": "e703",
+      "unicode_decimal": 59139
+    },
+    {
+      "icon_id": "35564986",
+      "name": "xt-删除-鼠标上移",
+      "font_class": "xt-delete_selected",
+      "unicode": "e704",
+      "unicode_decimal": 59140
+    },
+    {
+      "icon_id": "35564987",
+      "name": "xt-新增记录",
+      "font_class": "xt-increase",
+      "unicode": "e705",
+      "unicode_decimal": 59141
+    },
+    {
+      "icon_id": "35564988",
+      "name": "xt-下拉框-收起备份",
+      "font_class": "xt-arrow_up",
+      "unicode": "e706",
+      "unicode_decimal": 59142
+    },
+    {
+      "icon_id": "35564989",
+      "name": "xt-左侧导航-logo",
+      "font_class": "xt-logo_left",
+      "unicode": "e707",
+      "unicode_decimal": 59143
+    },
+    {
+      "icon_id": "35564847",
+      "name": "xt-费用管理-选中",
+      "font_class": "xt-cost_selected",
+      "unicode": "e6d2",
+      "unicode_decimal": 59090
+    },
+    {
+      "icon_id": "35564848",
+      "name": "xt-工程师端-选中",
+      "font_class": "xt-engineer_selected",
+      "unicode": "e6d3",
+      "unicode_decimal": 59091
+    },
+    {
+      "icon_id": "35564849",
+      "name": "xt-费用管理-默认",
+      "font_class": "xt-cost_default",
+      "unicode": "e6d4",
+      "unicode_decimal": 59092
+    },
+    {
+      "icon_id": "35564850",
+      "name": "xt-时间选择",
+      "font_class": "xt-time",
+      "unicode": "e6d5",
+      "unicode_decimal": 59093
+    },
+    {
+      "icon_id": "35564851",
+      "name": "xt-统计分析-默认",
+      "font_class": "xt-statistics_default",
+      "unicode": "e6d6",
+      "unicode_decimal": 59094
+    },
+    {
+      "icon_id": "35564852",
+      "name": "xt-透前准备-男",
+      "font_class": "xt-male_lg",
+      "unicode": "e6d7",
+      "unicode_decimal": 59095
+    },
+    {
+      "icon_id": "35564853",
+      "name": "xt-今日就诊-选中",
+      "font_class": "xt-today_selected",
+      "unicode": "e6d8",
+      "unicode_decimal": 59096
+    },
+    {
+      "icon_id": "35564854",
+      "name": "xt-首页-选中",
+      "font_class": "xt-home_selected",
+      "unicode": "e6d9",
+      "unicode_decimal": 59097
+    },
+    {
+      "icon_id": "35564855",
+      "name": "xt-健康宣教-选中",
+      "font_class": "xt-health_selected",
+      "unicode": "e6da",
+      "unicode_decimal": 59098
+    },
+    {
+      "icon_id": "35564856",
+      "name": "xt-首页-默认",
+      "font_class": "xt-home_default",
+      "unicode": "e6db",
+      "unicode_decimal": 59099
+    },
+    {
+      "icon_id": "35564857",
+      "name": "xt-日期选择",
+      "font_class": "xt-date",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "35564858",
+      "name": "xt-工程师端-默认",
+      "font_class": "xt-engineer_default",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
+      "icon_id": "35564859",
+      "name": "xt-今日就诊-默认",
+      "font_class": "xt-today_default",
+      "unicode": "e6de",
+      "unicode_decimal": 59102
+    },
+    {
+      "icon_id": "35564860",
+      "name": "xt-透析室-男",
+      "font_class": "xt-male_sm",
+      "unicode": "e6df",
+      "unicode_decimal": 59103
+    },
+    {
+      "icon_id": "35564861",
+      "name": "xt-预约排床-选中",
+      "font_class": "xt-reservation_selected",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    },
+    {
+      "icon_id": "35564862",
+      "name": "xt-透前准备-女",
+      "font_class": "xt-female_lg",
+      "unicode": "e6e1",
+      "unicode_decimal": 59105
+    },
+    {
+      "icon_id": "35564863",
+      "name": "xt-透析室-女",
+      "font_class": "xt-female_sm",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "35564864",
+      "name": "xt-药品耗材-默认",
+      "font_class": "xt-drug_default",
+      "unicode": "e6e3",
+      "unicode_decimal": 59107
+    },
+    {
+      "icon_id": "35564865",
+      "name": "xt-透析病历-选中",
+      "font_class": "xt-record_selected",
+      "unicode": "e6e4",
+      "unicode_decimal": 59108
+    },
+    {
+      "icon_id": "35564866",
+      "name": "xt-透析机管理-默认",
+      "font_class": "xt-machine_default",
+      "unicode": "e6e5",
+      "unicode_decimal": 59109
+    },
+    {
+      "icon_id": "35564867",
+      "name": "xt-质控上报-默认",
+      "font_class": "xt-quality_default",
+      "unicode": "e6e6",
+      "unicode_decimal": 59110
+    },
+    {
+      "icon_id": "35564868",
+      "name": "xt-预约排床-默认",
+      "font_class": "xt-reservation_default",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "35564869",
+      "name": "xt-左侧导航-收起",
+      "font_class": "xt-navigation_up",
+      "unicode": "e6e8",
+      "unicode_decimal": 59112
+    },
+    {
+      "icon_id": "35564870",
+      "name": "xt-统计分析-选中",
+      "font_class": "xt-statistics_selected",
+      "unicode": "e6e9",
+      "unicode_decimal": 59113
+    },
+    {
+      "icon_id": "35564871",
+      "name": "xt-健康宣教-默认",
+      "font_class": "xt-health_default",
+      "unicode": "e6ea",
+      "unicode_decimal": 59114
+    },
+    {
+      "icon_id": "35564872",
+      "name": "xt-左侧导航-展开",
+      "font_class": "xt-navigation_down",
+      "unicode": "e6eb",
+      "unicode_decimal": 59115
+    },
+    {
+      "icon_id": "35564873",
+      "name": "xt-系统设置-默认",
+      "font_class": "xt-set_default",
+      "unicode": "e6ec",
+      "unicode_decimal": 59116
+    },
+    {
+      "icon_id": "35564874",
+      "name": "xt-透析机管理-选中",
+      "font_class": "xt-machine_selected",
+      "unicode": "e6ed",
+      "unicode_decimal": 59117
+    },
+    {
+      "icon_id": "35564875",
+      "name": "xt-质控上报-选中",
+      "font_class": "xt-quality_selected",
+      "unicode": "e6ee",
+      "unicode_decimal": 59118
+    },
+    {
+      "icon_id": "35564876",
+      "name": "xt-系统设置-选中",
+      "font_class": "xt-set_selected",
+      "unicode": "e6ef",
+      "unicode_decimal": 59119
+    },
+    {
+      "icon_id": "35564877",
+      "name": "xt-药品耗材-选中",
+      "font_class": "xt-drug_selected",
+      "unicode": "e6f0",
+      "unicode_decimal": 59120
+    },
+    {
+      "icon_id": "35564878",
+      "name": "xt-透析病历-默认",
+      "font_class": "xt-record_default",
+      "unicode": "e6f1",
+      "unicode_decimal": 59121
+    },
+    {
+      "icon_id": "6246294",
+      "name": "铃铛2",
+      "font_class": "lingdang",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
     {
       "icon_id": "4766694",
       "name": "unlock",

src/views/biz/archives/index/data.ts

@@ -0,0 +1,115 @@
+import { BasicColumn } from '@/components/Table';
+import { FormSchema } from '/@/components/Form';
+
+export const BasicTab = [
+  {
+    key: '0',
+    label: '全部',
+    value: 128,
+    hasValue: true,
+    hasBracket: true,
+  },
+  {
+    key: '1',
+    label: '新患者',
+    value: 12,
+    hasValue: true,
+    prefixColor: '#1BC1B3',
+    valueColor: 'red',
+    hasBracket: true,
+  },
+  {
+    key: '2',
+    label: '无处方',
+    value: 18,
+    hasValue: true,
+    prefixColor: '#854AFF',
+    hasBracket: true,
+  },
+  {
+    key: '3',
+    label: '阳性',
+    value: 18,
+    hasValue: true,
+    prefixColor: '#854AFF',
+    hasBracket: true,
+  },
+];
+
+export const BasicTabActive = BasicTab[0].key;
+
+// 抽屉搜索条件
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '性别',
+    field: 'name',
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入性别',
+    },
+  },
+  {
+    label: '年龄',
+    field: 'code',
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入年龄',
+    },
+  },
+];
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'uniqueNo',
+  },
+  {
+    title: '姓名',
+    dataIndex: 'name',
+  },
+  {
+    title: '性别',
+    dataIndex: 'gender',
+  },
+  {
+    title: '出生日期',
+    dataIndex: 'birthday',
+  },
+  {
+    title: '年龄',
+    dataIndex: 'age',
+  },
+  {
+    title: '身高(cm)',
+    dataIndex: 'height',
+  },
+  {
+    title: '建档时间',
+    dataIndex: 'createTime',
+    width: 180,
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+  },
+  {
+    title: '首次透析日期',
+    dataIndex: 'firstDialysisTime',
+  },
+  {
+    title: '首次透析方式',
+    dataIndex: 'firstDialysisType',
+  },
+  {
+    title: '当前血管通路',
+    dataIndex: 'vascularAccess',
+  },
+  {
+    title: '传染标识',
+    dataIndex: 'infectiousDiseases',
+  },
+  {
+    title: '转归',
+    dataIndex: 'patientReturn',
+  },
+];