web/apsDashboard-1.git

			@@ -2,8 +2,9 @@
			<html>
			<head>
			<meta charset="utf-8"/>
			<title>IconFont Demo</title>
			<link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
			<title>iconfont Demo</title>
			<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
			<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.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">
			@@ -12,10 +13,33 @@
			<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"></a></h1>
			<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>
			@@ -29,6 +53,594 @@
			<div class="tab-container">
			<div class="content unicode" style="display: block;">
			<ul class="icon_lists dib-box">

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">错误</div>
			<div class="code-name">&#xe728;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">错误</div>
			<div class="code-name">&#xe729;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">下载</div>
			<div class="code-name">&#xe72a;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">错误</div>
			<div class="code-name">&#xe72b;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">锁</div>
			<div class="code-name">&#xe726;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">设备</div>
			<div class="code-name">&#xe727;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">自治服务器</div>
			<div class="code-name">&#xe725;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">wifi</div>
			<div class="code-name">&#xea13;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">删除</div>
			<div class="code-name">&#xe785;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">服务器-fill</div>
			<div class="code-name">&#xe723;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">webx Web应用托管服务器</div>
			<div class="code-name">&#xe724;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">云店长-toast-登录成功</div>
			<div class="code-name">&#xe71f;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">时间</div>
			<div class="code-name">&#xe720;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">批量创建</div>
			<div class="code-name">&#xe721;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">下拉</div>
			<div class="code-name">&#xe722;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">润桐医药 [已恢复]_优惠卷副本</div>
			<div class="code-name">&#xe71e;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">备份</div>
			<div class="code-name">&#xe7a0;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">感叹号</div>
			<div class="code-name">&#xe71c;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">成功</div>
			<div class="code-name">&#xe71d;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">下载</div>
			<div class="code-name">&#xe71a;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">火箭加速</div>
			<div class="code-name">&#xe717;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">返回</div>
			<div class="code-name">&#xe718;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">详情</div>
			<div class="code-name">&#xe716;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">详情介绍</div>
			<div class="code-name">&#xe75b;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">垃圾桶</div>
			<div class="code-name">&#xe715;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">搜索</div>
			<div class="code-name">&#xe714;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">链接</div>
			<div class="code-name">&#xe754;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">铁路隧道</div>
			<div class="code-name">&#xe713;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">文件夹</div>
			<div class="code-name">&#xe712;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">手</div>
			<div class="code-name">&#xe711;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">版本</div>
			<div class="code-name">&#xe710;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">学校</div>
			<div class="code-name">&#xe70e;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">设置</div>
			<div class="code-name">&#xe70d;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">火箭</div>
			<div class="code-name">&#xe70c;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">窗口关闭</div>
			<div class="code-name">&#xe70b;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">icon_加载小</div>
			<div class="code-name">&#xe70a;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">所有场景</div>
			<div class="code-name">&#xe703;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">安全</div>
			<div class="code-name">&#xe702;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">操作日志</div>
			<div class="code-name">&#xe706;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">系统日志</div>
			<div class="code-name">&#xe730;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">事件推送</div>
			<div class="code-name">&#xe707;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">轮询配置</div>
			<div class="code-name">&#xe708;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">重启</div>
			<div class="code-name">&#xe709;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">导航_更新设置</div>
			<div class="code-name">&#xe6fa;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">系统清理</div>
			<div class="code-name">&#xea3b;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">更新</div>
			<div class="code-name">&#xe6fb;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">版本更新@3x</div>
			<div class="code-name">&#xe701;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">磁盘 (1)</div>
			<div class="code-name">&#xe8b1;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">音频</div>
			<div class="code-name">&#xe6f5;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">音频</div>
			<div class="code-name">&#xe6f6;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">信息</div>
			<div class="code-name">&#xe6f9;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">磁盘</div>
			<div class="code-name">&#xe6e0;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">声音</div>
			<div class="code-name">&#xe6e1;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">POS金属键盘管理</div>
			<div class="code-name">&#xe6fe;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">无线信号2</div>
			<div class="code-name">&#xe6e3;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">无线信号3</div>
			<div class="code-name">&#xe6e4;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">无线信号1</div>
			<div class="code-name">&#xe6e5;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">连接失败</div>
			<div class="code-name">&#xe6e6;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">语言</div>
			<div class="code-name">&#xe6e8;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">头像</div>
			<div class="code-name">&#xe6e9;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">wifi-secret-3</div>
			<div class="code-name">&#xe6ea;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">wifi-secret-1</div>
			<div class="code-name">&#xe6eb;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">wifi-secret-2</div>
			<div class="code-name">&#xe6ec;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">传输_上传</div>
			<div class="code-name">&#xe74b;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">网络设置</div>
			<div class="code-name">&#xe6ed;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">检查更新</div>
			<div class="code-name">&#xe6ee;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">设备信息</div>
			<div class="code-name">&#xe933;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">设备时间</div>
			<div class="code-name">&#xe6ef;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">修改</div>
			<div class="code-name">&#xe6f0;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">成功</div>
			<div class="code-name">&#xe6f1;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">版本</div>
			<div class="code-name">&#xe6f2;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">录像</div>
			<div class="code-name">&#xe6f3;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">网络</div>
			<div class="code-name">&#xe6f4;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">个性化设置</div>
			<div class="code-name">&#xe756;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">无线网</div>
			<div class="code-name">&#xe991;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">日期时间</div>
			<div class="code-name">&#xe6ff;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">通用-设置</div>
			<div class="code-name">&#xe6db;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">键盘</div>
			<div class="code-name">&#xe6dc;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">网络设置_netSettings</div>
			<div class="code-name">&#xe6dd;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">账户</div>
			<div class="code-name">&#xe6de;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">集群</div>
			<div class="code-name">&#xe6df;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">在线</div>
			<div class="code-name">&#xe6d9;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">离线</div>
			<div class="code-name">&#xe6da;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">违规</div>
			<div class="code-name">&#xe6d7;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">任务指派</div>
			<div class="code-name">&#xe6d8;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">分析</div>
			<div class="code-name">&#xe7c7;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">首页</div>
			<div class="code-name">&#xe6d2;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">存储</div>
			<div class="code-name">&#xe745;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">视频</div>
			<div class="code-name">&#xe6d3;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">配置</div>
			<div class="code-name">&#xe6d4;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">人员管理</div>
			<div class="code-name">&#xe6d5;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">任务</div>
			<div class="code-name">&#xe6d6;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">可视化</div>
			<div class="code-name">&#xe704;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">关注</div>
			<div class="code-name">&#xe6d1;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">分组</div>
			<div class="code-name">&#xe6ce;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">关联</div>
			<div class="code-name">&#xe6d0;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">购买</div>
			<div class="code-name">&#xe6cf;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			<div class="name">区域</div>
			<div class="code-name">&#xe6cd;</div>
			</li>

			<li class="dib">
			<span class="icon iconfont"></span>
			@@ -1441,24 +2053,20 @@

			<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
			<ul>
			<li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
			<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
			<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
			<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
			</ul>
			<blockquote>
			<p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
			<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.eot');
			src: url('iconfont.eot?#iefix') format('embedded-opentype'),
			url('iconfont.woff2') format('woff2'),
			url('iconfont.woff') format('woff'),
			url('iconfont.ttf') format('truetype'),
			url('iconfont.svg#iconfont') format('svg');
			src: url('iconfont.woff2?t=1631952487995') format('woff2'),
			url('iconfont.woff?t=1631952487995') format('woff'),
			url('iconfont.ttf?t=1631952487995') format('truetype');
			}
			</code></pre>
			<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
			@@ -1483,6 +2091,888 @@
			</div>
			<div class="content font-class">
			<ul class="icon_lists dib-box">

			<li class="dib">
			<span class="icon iconfont iconcuowu"></span>
			<div class="name">
			错误
			</div>
			<div class="code-name">.iconcuowu
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconcuowu1"></span>
			<div class="name">
			错误
			</div>
			<div class="code-name">.iconcuowu1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icontianchongxing-"></span>
			<div class="name">
			下载
			</div>
			<div class="code-name">.icontianchongxing-
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconcuowu2"></span>
			<div class="name">
			错误
			</div>
			<div class="code-name">.iconcuowu2
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconlock-fill"></span>
			<div class="name">
			锁
			</div>
			<div class="code-name">.iconlock-fill
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconlianhe5"></span>
			<div class="name">
			设备
			</div>
			<div class="code-name">.iconlianhe5
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconweiwangguanicon-defuben-"></span>
			<div class="name">
			自治服务器
			</div>
			<div class="code-name">.iconweiwangguanicon-defuben-
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwifi"></span>
			<div class="name">
			wifi
			</div>
			<div class="code-name">.iconwifi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconshanchu8"></span>
			<div class="name">
			删除
			</div>
			<div class="code-name">.iconshanchu8
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconfuwuqi-fill"></span>
			<div class="name">
			服务器-fill
			</div>
			<div class="code-name">.iconfuwuqi-fill
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwebxWebyingyongtuoguanfuwuqi"></span>
			<div class="name">
			webx Web应用托管服务器
			</div>
			<div class="code-name">.iconwebxWebyingyongtuoguanfuwuqi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconyundianchang-toast-dengluchenggong"></span>
			<div class="name">
			云店长-toast-登录成功
			</div>
			<div class="code-name">.iconyundianchang-toast-dengluchenggong
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconshijian1"></span>
			<div class="name">
			时间
			</div>
			<div class="code-name">.iconshijian1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconpiliangchuangjian"></span>
			<div class="name">
			批量创建
			</div>
			<div class="code-name">.iconpiliangchuangjian
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxiala"></span>
			<div class="name">
			下拉
			</div>
			<div class="code-name">.iconxiala
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconruntongyiyaoyihuifu_youhuijuanfuben"></span>
			<div class="name">
			润桐医药 [已恢复]_优惠卷副本
			</div>
			<div class="code-name">.iconruntongyiyaoyihuifu_youhuijuanfuben
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconbeifen"></span>
			<div class="name">
			备份
			</div>
			<div class="code-name">.iconbeifen
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icongantanhao"></span>
			<div class="name">
			感叹号
			</div>
			<div class="code-name">.icongantanhao
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconchenggong1"></span>
			<div class="name">
			成功
			</div>
			<div class="code-name">.iconchenggong1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxiazaibeifen"></span>
			<div class="name">
			下载
			</div>
			<div class="code-name">.iconxiazaibeifen
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconhuojianjiasu"></span>
			<div class="name">
			火箭加速
			</div>
			<div class="code-name">.iconhuojianjiasu
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconfanhui2"></span>
			<div class="name">
			返回
			</div>
			<div class="code-name">.iconfanhui2
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxiangqing1"></span>
			<div class="name">
			详情
			</div>
			<div class="code-name">.iconxiangqing1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxiangqingjieshao"></span>
			<div class="name">
			详情介绍
			</div>
			<div class="code-name">.iconxiangqingjieshao
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconlajitong"></span>
			<div class="name">
			垃圾桶
			</div>
			<div class="code-name">.iconlajitong
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconsousuo"></span>
			<div class="name">
			搜索
			</div>
			<div class="code-name">.iconsousuo
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconlianjie"></span>
			<div class="name">
			链接
			</div>
			<div class="code-name">.iconlianjie
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icontielusuidao"></span>
			<div class="name">
			铁路隧道
			</div>
			<div class="code-name">.icontielusuidao
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwenjianjia1"></span>
			<div class="name">
			文件夹
			</div>
			<div class="code-name">.iconwenjianjia1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconshou1"></span>
			<div class="name">
			手
			</div>
			<div class="code-name">.iconshou1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconbanben1"></span>
			<div class="name">
			版本
			</div>
			<div class="code-name">.iconbanben1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxuexiao"></span>
			<div class="name">
			学校
			</div>
			<div class="code-name">.iconxuexiao
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconlujing"></span>
			<div class="name">
			设置
			</div>
			<div class="code-name">.iconlujing
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconhuojian"></span>
			<div class="name">
			火箭
			</div>
			<div class="code-name">.iconhuojian
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconchuangkouguanbi"></span>
			<div class="name">
			窗口关闭
			</div>
			<div class="code-name">.iconchuangkouguanbi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconjiazai"></span>
			<div class="name">
			icon_加载小
			</div>
			<div class="code-name">.iconjiazai
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconsuoyouchangjing"></span>
			<div class="name">
			所有场景
			</div>
			<div class="code-name">.iconsuoyouchangjing
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconanquan"></span>
			<div class="name">
			安全
			</div>
			<div class="code-name">.iconanquan
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconNormalCopy"></span>
			<div class="name">
			操作日志
			</div>
			<div class="code-name">.iconNormalCopy
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxitongrizhi"></span>
			<div class="name">
			系统日志
			</div>
			<div class="code-name">.iconxitongrizhi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icontuisong"></span>
			<div class="name">
			事件推送
			</div>
			<div class="code-name">.icontuisong
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconlunxunpeizhi"></span>
			<div class="name">
			轮询配置
			</div>
			<div class="code-name">.iconlunxunpeizhi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconzhongqi"></span>
			<div class="name">
			重启
			</div>
			<div class="code-name">.iconzhongqi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconnormal"></span>
			<div class="name">
			导航_更新设置
			</div>
			<div class="code-name">.iconnormal
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxitongqingli"></span>
			<div class="name">
			系统清理
			</div>
			<div class="code-name">.iconxitongqingli
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icongengxin3"></span>
			<div class="name">
			更新
			</div>
			<div class="code-name">.icongengxin3
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconbanbengengxinx"></span>
			<div class="name">
			版本更新@3x
			</div>
			<div class="code-name">.iconbanbengengxinx
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconcipan1"></span>
			<div class="name">
			磁盘 (1)
			</div>
			<div class="code-name">.iconcipan1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconyinpin1"></span>
			<div class="name">
			音频
			</div>
			<div class="code-name">.iconyinpin1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconyinpin2"></span>
			<div class="name">
			音频
			</div>
			<div class="code-name">.iconyinpin2
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxinxi"></span>
			<div class="name">
			信息
			</div>
			<div class="code-name">.iconxinxi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconcipan"></span>
			<div class="name">
			磁盘
			</div>
			<div class="code-name">.iconcipan
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconshengyin"></span>
			<div class="name">
			声音
			</div>
			<div class="code-name">.iconshengyin
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconPOSjinshujianpanguanli"></span>
			<div class="name">
			POS金属键盘管理
			</div>
			<div class="code-name">.iconPOSjinshujianpanguanli
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwuxianxinhao"></span>
			<div class="name">
			无线信号2
			</div>
			<div class="code-name">.iconwuxianxinhao
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwuxianxinhao1"></span>
			<div class="name">
			无线信号3
			</div>
			<div class="code-name">.iconwuxianxinhao1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwuxianxinhao2"></span>
			<div class="name">
			无线信号1
			</div>
			<div class="code-name">.iconwuxianxinhao2
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconlianjieshibai"></span>
			<div class="name">
			连接失败
			</div>
			<div class="code-name">.iconlianjieshibai
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconyuyan"></span>
			<div class="name">
			语言
			</div>
			<div class="code-name">.iconyuyan
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icontouxiang"></span>
			<div class="name">
			头像
			</div>
			<div class="code-name">.icontouxiang
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwifi-secret-3"></span>
			<div class="name">
			wifi-secret-3
			</div>
			<div class="code-name">.iconwifi-secret-3
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwifi-secret-1"></span>
			<div class="name">
			wifi-secret-1
			</div>
			<div class="code-name">.iconwifi-secret-1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwifi-secret-2"></span>
			<div class="name">
			wifi-secret-2
			</div>
			<div class="code-name">.iconwifi-secret-2
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconshangchuan2"></span>
			<div class="name">
			传输_上传
			</div>
			<div class="code-name">.iconshangchuan2
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwangluoshezhi"></span>
			<div class="name">
			网络设置
			</div>
			<div class="code-name">.iconwangluoshezhi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconjianchagengxin"></span>
			<div class="name">
			检查更新
			</div>
			<div class="code-name">.iconjianchagengxin
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconshebeixinxi"></span>
			<div class="name">
			设备信息
			</div>
			<div class="code-name">.iconshebeixinxi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconjilu"></span>
			<div class="name">
			设备时间
			</div>
			<div class="code-name">.iconjilu
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconxiugai"></span>
			<div class="name">
			修改
			</div>
			<div class="code-name">.iconxiugai
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconchenggong"></span>
			<div class="name">
			成功
			</div>
			<div class="code-name">.iconchenggong
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconbanben"></span>
			<div class="name">
			版本
			</div>
			<div class="code-name">.iconbanben
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconluxiang"></span>
			<div class="name">
			录像
			</div>
			<div class="code-name">.iconluxiang
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwangluo-12"></span>
			<div class="name">
			网络
			</div>
			<div class="code-name">.iconwangluo-12
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icongexinghuashezhi"></span>
			<div class="name">
			个性化设置
			</div>
			<div class="code-name">.icongexinghuashezhi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwuxianwang"></span>
			<div class="name">
			无线网
			</div>
			<div class="code-name">.iconwuxianwang
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconriqishijian"></span>
			<div class="name">
			日期时间
			</div>
			<div class="code-name">.iconriqishijian
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icontongyong-shezhi"></span>
			<div class="name">
			通用-设置
			</div>
			<div class="code-name">.icontongyong-shezhi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconjianpan"></span>
			<div class="name">
			键盘
			</div>
			<div class="code-name">.iconjianpan
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconwangluoshezhi_netSettings"></span>
			<div class="name">
			网络设置_netSettings
			</div>
			<div class="code-name">.iconwangluoshezhi_netSettings
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconzhanghu"></span>
			<div class="name">
			账户
			</div>
			<div class="code-name">.iconzhanghu
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconjiqun1"></span>
			<div class="name">
			集群
			</div>
			<div class="code-name">.iconjiqun1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconzaixian1"></span>
			<div class="name">
			在线
			</div>
			<div class="code-name">.iconzaixian1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconlixian1"></span>
			<div class="name">
			离线
			</div>
			<div class="code-name">.iconlixian1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconweigui"></span>
			<div class="name">
			违规
			</div>
			<div class="code-name">.iconweigui
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconrenwuzhipai"></span>
			<div class="name">
			任务指派
			</div>
			<div class="code-name">.iconrenwuzhipai
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconfenxi"></span>
			<div class="name">
			分析
			</div>
			<div class="code-name">.iconfenxi
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconshouye"></span>
			<div class="name">
			首页
			</div>
			<div class="code-name">.iconshouye
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconcunchu"></span>
			<div class="name">
			存储
			</div>
			<div class="code-name">.iconcunchu
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconshipin2"></span>
			<div class="name">
			视频
			</div>
			<div class="code-name">.iconshipin2
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconicon-test4"></span>
			<div class="name">
			配置
			</div>
			<div class="code-name">.iconicon-test4
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconrenyuanguanli"></span>
			<div class="name">
			人员管理
			</div>
			<div class="code-name">.iconrenyuanguanli
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconrenwu1"></span>
			<div class="name">
			任务
			</div>
			<div class="code-name">.iconrenwu1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconkeshihua"></span>
			<div class="name">
			可视化
			</div>
			<div class="code-name">.iconkeshihua
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconguanzhu"></span>
			<div class="name">
			关注
			</div>
			<div class="code-name">.iconguanzhu
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconfenzu"></span>
			<div class="name">
			分组
			</div>
			<div class="code-name">.iconfenzu
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icon17guanlian3x"></span>
			<div class="name">
			关联
			</div>
			<div class="code-name">.icon17guanlian3x
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icongoumai1"></span>
			<div class="name">
			购买
			</div>
			<div class="code-name">.icongoumai1
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont iconquyu"></span>
			<div class="name">
			区域
			</div>
			<div class="code-name">.iconquyu
			</div>
			</li>

			<li class="dib">
			<span class="icon iconfont icondaoru"></span>
			@@ -3598,10 +5088,8 @@
			<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
			<p>与 Unicode 使用方式相比，具有如下特点：</p>
			<ul>
			<li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
			<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
			<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
			<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
			</ul>
			<p>使用步骤如下：</p>
			<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
			@@ -3621,6 +5109,790 @@

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconcuowu"></use>
			</svg>
			<div class="name">错误</div>
			<div class="code-name">#iconcuowu</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconcuowu1"></use>
			</svg>
			<div class="name">错误</div>
			<div class="code-name">#iconcuowu1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icontianchongxing-"></use>
			</svg>
			<div class="name">下载</div>
			<div class="code-name">#icontianchongxing-</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconcuowu2"></use>
			</svg>
			<div class="name">错误</div>
			<div class="code-name">#iconcuowu2</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconlock-fill"></use>
			</svg>
			<div class="name">锁</div>
			<div class="code-name">#iconlock-fill</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconlianhe5"></use>
			</svg>
			<div class="name">设备</div>
			<div class="code-name">#iconlianhe5</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconweiwangguanicon-defuben-"></use>
			</svg>
			<div class="name">自治服务器</div>
			<div class="code-name">#iconweiwangguanicon-defuben-</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwifi"></use>
			</svg>
			<div class="name">wifi</div>
			<div class="code-name">#iconwifi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconshanchu8"></use>
			</svg>
			<div class="name">删除</div>
			<div class="code-name">#iconshanchu8</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconfuwuqi-fill"></use>
			</svg>
			<div class="name">服务器-fill</div>
			<div class="code-name">#iconfuwuqi-fill</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwebxWebyingyongtuoguanfuwuqi"></use>
			</svg>
			<div class="name">webx Web应用托管服务器</div>
			<div class="code-name">#iconwebxWebyingyongtuoguanfuwuqi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconyundianchang-toast-dengluchenggong"></use>
			</svg>
			<div class="name">云店长-toast-登录成功</div>
			<div class="code-name">#iconyundianchang-toast-dengluchenggong</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconshijian1"></use>
			</svg>
			<div class="name">时间</div>
			<div class="code-name">#iconshijian1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconpiliangchuangjian"></use>
			</svg>
			<div class="name">批量创建</div>
			<div class="code-name">#iconpiliangchuangjian</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxiala"></use>
			</svg>
			<div class="name">下拉</div>
			<div class="code-name">#iconxiala</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconruntongyiyaoyihuifu_youhuijuanfuben"></use>
			</svg>
			<div class="name">润桐医药 [已恢复]_优惠卷副本</div>
			<div class="code-name">#iconruntongyiyaoyihuifu_youhuijuanfuben</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconbeifen"></use>
			</svg>
			<div class="name">备份</div>
			<div class="code-name">#iconbeifen</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icongantanhao"></use>
			</svg>
			<div class="name">感叹号</div>
			<div class="code-name">#icongantanhao</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconchenggong1"></use>
			</svg>
			<div class="name">成功</div>
			<div class="code-name">#iconchenggong1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxiazaibeifen"></use>
			</svg>
			<div class="name">下载</div>
			<div class="code-name">#iconxiazaibeifen</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconhuojianjiasu"></use>
			</svg>
			<div class="name">火箭加速</div>
			<div class="code-name">#iconhuojianjiasu</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconfanhui2"></use>
			</svg>
			<div class="name">返回</div>
			<div class="code-name">#iconfanhui2</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxiangqing1"></use>
			</svg>
			<div class="name">详情</div>
			<div class="code-name">#iconxiangqing1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxiangqingjieshao"></use>
			</svg>
			<div class="name">详情介绍</div>
			<div class="code-name">#iconxiangqingjieshao</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconlajitong"></use>
			</svg>
			<div class="name">垃圾桶</div>
			<div class="code-name">#iconlajitong</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconsousuo"></use>
			</svg>
			<div class="name">搜索</div>
			<div class="code-name">#iconsousuo</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconlianjie"></use>
			</svg>
			<div class="name">链接</div>
			<div class="code-name">#iconlianjie</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icontielusuidao"></use>
			</svg>
			<div class="name">铁路隧道</div>
			<div class="code-name">#icontielusuidao</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwenjianjia1"></use>
			</svg>
			<div class="name">文件夹</div>
			<div class="code-name">#iconwenjianjia1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconshou1"></use>
			</svg>
			<div class="name">手</div>
			<div class="code-name">#iconshou1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconbanben1"></use>
			</svg>
			<div class="name">版本</div>
			<div class="code-name">#iconbanben1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxuexiao"></use>
			</svg>
			<div class="name">学校</div>
			<div class="code-name">#iconxuexiao</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconlujing"></use>
			</svg>
			<div class="name">设置</div>
			<div class="code-name">#iconlujing</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconhuojian"></use>
			</svg>
			<div class="name">火箭</div>
			<div class="code-name">#iconhuojian</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconchuangkouguanbi"></use>
			</svg>
			<div class="name">窗口关闭</div>
			<div class="code-name">#iconchuangkouguanbi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconjiazai"></use>
			</svg>
			<div class="name">icon_加载小</div>
			<div class="code-name">#iconjiazai</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconsuoyouchangjing"></use>
			</svg>
			<div class="name">所有场景</div>
			<div class="code-name">#iconsuoyouchangjing</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconanquan"></use>
			</svg>
			<div class="name">安全</div>
			<div class="code-name">#iconanquan</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconNormalCopy"></use>
			</svg>
			<div class="name">操作日志</div>
			<div class="code-name">#iconNormalCopy</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxitongrizhi"></use>
			</svg>
			<div class="name">系统日志</div>
			<div class="code-name">#iconxitongrizhi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icontuisong"></use>
			</svg>
			<div class="name">事件推送</div>
			<div class="code-name">#icontuisong</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconlunxunpeizhi"></use>
			</svg>
			<div class="name">轮询配置</div>
			<div class="code-name">#iconlunxunpeizhi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconzhongqi"></use>
			</svg>
			<div class="name">重启</div>
			<div class="code-name">#iconzhongqi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconnormal"></use>
			</svg>
			<div class="name">导航_更新设置</div>
			<div class="code-name">#iconnormal</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxitongqingli"></use>
			</svg>
			<div class="name">系统清理</div>
			<div class="code-name">#iconxitongqingli</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icongengxin3"></use>
			</svg>
			<div class="name">更新</div>
			<div class="code-name">#icongengxin3</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconbanbengengxinx"></use>
			</svg>
			<div class="name">版本更新@3x</div>
			<div class="code-name">#iconbanbengengxinx</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconcipan1"></use>
			</svg>
			<div class="name">磁盘 (1)</div>
			<div class="code-name">#iconcipan1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconyinpin1"></use>
			</svg>
			<div class="name">音频</div>
			<div class="code-name">#iconyinpin1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconyinpin2"></use>
			</svg>
			<div class="name">音频</div>
			<div class="code-name">#iconyinpin2</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxinxi"></use>
			</svg>
			<div class="name">信息</div>
			<div class="code-name">#iconxinxi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconcipan"></use>
			</svg>
			<div class="name">磁盘</div>
			<div class="code-name">#iconcipan</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconshengyin"></use>
			</svg>
			<div class="name">声音</div>
			<div class="code-name">#iconshengyin</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconPOSjinshujianpanguanli"></use>
			</svg>
			<div class="name">POS金属键盘管理</div>
			<div class="code-name">#iconPOSjinshujianpanguanli</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwuxianxinhao"></use>
			</svg>
			<div class="name">无线信号2</div>
			<div class="code-name">#iconwuxianxinhao</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwuxianxinhao1"></use>
			</svg>
			<div class="name">无线信号3</div>
			<div class="code-name">#iconwuxianxinhao1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwuxianxinhao2"></use>
			</svg>
			<div class="name">无线信号1</div>
			<div class="code-name">#iconwuxianxinhao2</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconlianjieshibai"></use>
			</svg>
			<div class="name">连接失败</div>
			<div class="code-name">#iconlianjieshibai</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconyuyan"></use>
			</svg>
			<div class="name">语言</div>
			<div class="code-name">#iconyuyan</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icontouxiang"></use>
			</svg>
			<div class="name">头像</div>
			<div class="code-name">#icontouxiang</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwifi-secret-3"></use>
			</svg>
			<div class="name">wifi-secret-3</div>
			<div class="code-name">#iconwifi-secret-3</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwifi-secret-1"></use>
			</svg>
			<div class="name">wifi-secret-1</div>
			<div class="code-name">#iconwifi-secret-1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwifi-secret-2"></use>
			</svg>
			<div class="name">wifi-secret-2</div>
			<div class="code-name">#iconwifi-secret-2</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconshangchuan2"></use>
			</svg>
			<div class="name">传输_上传</div>
			<div class="code-name">#iconshangchuan2</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwangluoshezhi"></use>
			</svg>
			<div class="name">网络设置</div>
			<div class="code-name">#iconwangluoshezhi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconjianchagengxin"></use>
			</svg>
			<div class="name">检查更新</div>
			<div class="code-name">#iconjianchagengxin</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconshebeixinxi"></use>
			</svg>
			<div class="name">设备信息</div>
			<div class="code-name">#iconshebeixinxi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconjilu"></use>
			</svg>
			<div class="name">设备时间</div>
			<div class="code-name">#iconjilu</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconxiugai"></use>
			</svg>
			<div class="name">修改</div>
			<div class="code-name">#iconxiugai</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconchenggong"></use>
			</svg>
			<div class="name">成功</div>
			<div class="code-name">#iconchenggong</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconbanben"></use>
			</svg>
			<div class="name">版本</div>
			<div class="code-name">#iconbanben</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconluxiang"></use>
			</svg>
			<div class="name">录像</div>
			<div class="code-name">#iconluxiang</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwangluo-12"></use>
			</svg>
			<div class="name">网络</div>
			<div class="code-name">#iconwangluo-12</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icongexinghuashezhi"></use>
			</svg>
			<div class="name">个性化设置</div>
			<div class="code-name">#icongexinghuashezhi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwuxianwang"></use>
			</svg>
			<div class="name">无线网</div>
			<div class="code-name">#iconwuxianwang</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconriqishijian"></use>
			</svg>
			<div class="name">日期时间</div>
			<div class="code-name">#iconriqishijian</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icontongyong-shezhi"></use>
			</svg>
			<div class="name">通用-设置</div>
			<div class="code-name">#icontongyong-shezhi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconjianpan"></use>
			</svg>
			<div class="name">键盘</div>
			<div class="code-name">#iconjianpan</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconwangluoshezhi_netSettings"></use>
			</svg>
			<div class="name">网络设置_netSettings</div>
			<div class="code-name">#iconwangluoshezhi_netSettings</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconzhanghu"></use>
			</svg>
			<div class="name">账户</div>
			<div class="code-name">#iconzhanghu</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconjiqun1"></use>
			</svg>
			<div class="name">集群</div>
			<div class="code-name">#iconjiqun1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconzaixian1"></use>
			</svg>
			<div class="name">在线</div>
			<div class="code-name">#iconzaixian1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconlixian1"></use>
			</svg>
			<div class="name">离线</div>
			<div class="code-name">#iconlixian1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconweigui"></use>
			</svg>
			<div class="name">违规</div>
			<div class="code-name">#iconweigui</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconrenwuzhipai"></use>
			</svg>
			<div class="name">任务指派</div>
			<div class="code-name">#iconrenwuzhipai</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconfenxi"></use>
			</svg>
			<div class="name">分析</div>
			<div class="code-name">#iconfenxi</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconshouye"></use>
			</svg>
			<div class="name">首页</div>
			<div class="code-name">#iconshouye</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconcunchu"></use>
			</svg>
			<div class="name">存储</div>
			<div class="code-name">#iconcunchu</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconshipin2"></use>
			</svg>
			<div class="name">视频</div>
			<div class="code-name">#iconshipin2</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconicon-test4"></use>
			</svg>
			<div class="name">配置</div>
			<div class="code-name">#iconicon-test4</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconrenyuanguanli"></use>
			</svg>
			<div class="name">人员管理</div>
			<div class="code-name">#iconrenyuanguanli</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconrenwu1"></use>
			</svg>
			<div class="name">任务</div>
			<div class="code-name">#iconrenwu1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconkeshihua"></use>
			</svg>
			<div class="name">可视化</div>
			<div class="code-name">#iconkeshihua</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconguanzhu"></use>
			</svg>
			<div class="name">关注</div>
			<div class="code-name">#iconguanzhu</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconfenzu"></use>
			</svg>
			<div class="name">分组</div>
			<div class="code-name">#iconfenzu</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icon17guanlian3x"></use>
			</svg>
			<div class="name">关联</div>
			<div class="code-name">#icon17guanlian3x</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icongoumai1"></use>
			</svg>
			<div class="name">购买</div>
			<div class="code-name">#icongoumai1</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#iconquyu"></use>
			</svg>
			<div class="name">区域</div>
			<div class="code-name">#iconquyu</div>
			</li>

			<li class="dib">
			<svg class="icon svg-icon" aria-hidden="true">
			<use xlink:href="#icondaoru"></use>
			</svg>
			<div class="name">导入</div>