403Webshell
Server IP : 156.238.232.47  /  Your IP : 216.73.216.150
Web Server : nginx/1.25.3
System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User : www ( 1000)
PHP Version : 8.3.25
Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /www/data/wwwroot/2025_10_31_01/public/static/common/iconfont/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /www/data/wwwroot/2025_10_31_01/public/static/common/iconfont/demo_index.html
<!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=4094254" 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">&#xe7d5;</span>
                <div class="name">数据报表</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">电话-间隙</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">二维码-圆角</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">购物车-实心</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">在线客服</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">右箭头-点点</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">域名</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">链接-圆角</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">送礼-细</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">省略</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">布局-6</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">布局1-3</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">布局1-2</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">布局2-1</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">布局1-1</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">布局-4</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">布局-1-2-1</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">layout-1</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">布局-1-1-2</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">布局-3</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">布局3-1</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">模块-辅助空白</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">删除-高</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">模块-单图</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">模块-商品</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">模块-多图</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">模块-标题</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">布局2-1-1</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">模块-自定义代码</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">移除</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">模块-图文</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">替换</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">拖拽</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">双箭头右</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">模块-辅助线</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">模块-视频</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">模块-图片魔方</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">商家中心</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">导航管理</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">店铺管理</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">首页推荐</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">页面设计</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">轮播管理</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">订单管理</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">扩展模块</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">商品管理</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">商品分类</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">二级域名确认</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">首页-空心线条</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">excel</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">导入excel</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">批量发货</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">标签打印</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">运单打印</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">导出excel</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">数据打印</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">推到商城</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">商城导入</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">邮箱登录</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">账号密码</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">手机登录</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">资金账单</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">系统配置</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">销售管理</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">采购管理</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">库存管理</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">商城订单</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">基础数据</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">客商管理</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">放大-边线</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">放大-四角</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">打印-打印机</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">底部商店简介</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">置顶</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">购物车1</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">店铺</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">爱心-实</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">商城二右箭头</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">商城二左箭头</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">爱心-空</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">眼睛圆</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">商城二箭头</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">优惠券-商城五</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">购物袋</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">个人-圆</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">搜索-细</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">免费</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">安全锁</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">保障</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">手机-商城三</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">电脑-商城三</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">数码配件-商城三</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">智能设备-商城三</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">影音娱乐-商城三</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">摄像机</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">上箭头-官网1新</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">左侧箭头-官网一</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">右侧箭头-官网一</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">下箭头-官网一</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">夹克-商城二新</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">鞋子-商城二</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">衬衫-商城二</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">手表-商城二</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">裤子-商城二</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">全部-商城二</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">大型厂区</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">民营企业知名品牌</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">质量管控</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">先进生产设备</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">年产能-官网二</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">产品遍布30城市</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">制造经验</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">客户爱戴和信任</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">联系电话-官网三</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">箭头 -官网三</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">专业分析策划-官网三</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">团队 优势-官网三</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">服务体系-官网三</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">信息化管理-官网三</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">官网三箭头</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">店员</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">退货</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">收银</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">核销</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">配送</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">支付</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">待评论</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">退款/售后</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">订单列表</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">生成账单</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">充值</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">值班</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">薪水</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">批量结算</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">商品库</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">眼睛-不可见</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">眼睛-可见</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">多选-选中</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">单选-未选中</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">单选-选中</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">多选-未选中</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">notice</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">启用</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">后台商店用户</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">后台商店VIP</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">table-user-gender</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">yhxx-yanj</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">table-user-mobile</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">table-user-number-code</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">table-user-username</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">table-user-email</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">address-checked</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">address-unchecked</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">order-del</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">order-add</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">application-uninstall</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">upload-file</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">qj-rizhi</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">arrow-down-s</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">向上箭头</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">向右箭头</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b6;</span>
                <div class="name">向左箭头</div>
                <div class="code-name">&amp;#xe8b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">arrow-right-s</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">sort</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">剪切</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">map-position</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">arrow-right</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">arrow-down</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">back</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">theme</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">清扫-粗</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">qj-tuid</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">import</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">发送</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">发货</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">print</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">pdf</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">export</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">收货</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">cog</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">打勾</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">btn-del</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">btn-add</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">tips</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">contract</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">upload-add</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">application-delete</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">download-btn</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">type-manage</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">admin-home-page</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">admin-system</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">admin-tools</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">admin-article</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">admin-data</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">admin-phone</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">admin-order</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">admin-application</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">admin-web-manage</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">admin-site-config</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">admin-auth</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">admin-brand</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">admin-user</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">admin-warehouse</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">admin-goods</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">nav-close-all</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">nav-refresh</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">nav-close-other</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">向下箭头</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">nav-close</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">nav-tools</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">language</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">清扫</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">dark</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">full-screen</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">light</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">index-shaix</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">stretch</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">shrink</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">yiny-bij</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">application-upload</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">application-download</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">application-install</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">application-home</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">application-update</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">application-set</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">手机底部导航-首页选中</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">手机底部导航-分类选中</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">手机底部导航-用户选中</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">手机底部导航-购物车选中</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">手机底部导航-用户</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">手机底部导航-购物车</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">手机底部导航-首页</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">手机底部导航-分类</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">网站底部邮箱</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">网站底部地址</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">网站底部电话</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">扫码登录端切换-pc</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">扫码登录端切换-手机</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">支付失败</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">chongzhi-zffs</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">chongzhi-czje</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">zhifu-yixuan</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">zhifu-weixuan</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">jianpan-guanbi</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">钱包转账/转换</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b5;</span>
                <div class="name">扫一扫</div>
                <div class="code-name">&amp;#xe8b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">more_phone</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">dianpuproduc</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">dianpushuliang</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">exchange-nav-top</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">icon-anquantuic-left</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">cart-nav-top</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">shishangfushi</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">qiche</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">zhubaoshoubiao</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">queren_wdfx</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">jianotukongjian_wdfx</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">rili_wdfx</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">jt1_wdfx</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">putongfenxiao_wdfx</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">qutixian_wdfx</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">quhuodian_wdfx</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">钱包充值</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">zengsong_wdqb</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">youxiaojine_wdqb</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">ziliaoguanli_left</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">shaix_wdqb</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">dongjie_wdqb</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">yewuguanli_left</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">shezhi_wdqb</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">zhengchangjifen_wdjf</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">钱包提现</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">gerenzhongxin_left</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">sousuo_wdqb</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">caichanzhongxin_left</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">chongzhi1_wdqb</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">gaojihuiyuan_wdhy</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">付款码/二维码</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">kthy_wdhy</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">jiantou_wdhy</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">finish_zb</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">pause_zb</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">not begun_zb</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">ask_zb</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">hot_tw</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">admin_tw</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">question_twme</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">ask_tw</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">new_tw</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">question_tw</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">recommend_tw</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">sign_qd</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">yqd_qd</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">分享-正方形</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">team_qd</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">points_jf</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">shopping_assembly</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">collect</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">more</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">language</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">mall</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">message</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">give a like-tap-review</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">recover</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">give a like-review</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">give a like</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">Share</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">review</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">My blog</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">publish</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">hot</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">individual center</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">index</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">聚收藏</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">列表模式</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">图片列表切换</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">选中角标</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">开通服务</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">3.1 二维码</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">礼物</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">销售门店</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">购物车</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">秒杀</div>
                <div class="code-name">&amp;#xe69e;</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=1734427500090') format('woff2'),
       url('iconfont.woff?t=1734427500090') format('woff'),
       url('iconfont.ttf?t=1734427500090') 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-report"></span>
            <div class="name">
              数据报表
            </div>
            <div class="code-name">.icon-report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tel-gap"></span>
            <div class="name">
              电话-间隙
            </div>
            <div class="code-name">.icon-tel-gap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qrcode-round"></span>
            <div class="name">
              二维码-圆角
            </div>
            <div class="code-name">.icon-qrcode-round
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cart-solid"></span>
            <div class="name">
              购物车-实心
            </div>
            <div class="code-name">.icon-cart-solid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-online-service"></span>
            <div class="name">
              在线客服
            </div>
            <div class="code-name">.icon-online-service
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right-point"></span>
            <div class="name">
              右箭头-点点
            </div>
            <div class="code-name">.icon-arrow-right-point
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-domain"></span>
            <div class="name">
              域名
            </div>
            <div class="code-name">.icon-domain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-link"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.icon-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-link-round"></span>
            <div class="name">
              链接-圆角
            </div>
            <div class="code-name">.icon-link-round
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gift-fine"></span>
            <div class="name">
              送礼-细
            </div>
            <div class="code-name">.icon-gift-fine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ellipsis"></span>
            <div class="name">
              省略
            </div>
            <div class="code-name">.icon-ellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-video"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.icon-video
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-6"></span>
            <div class="name">
              布局-6
            </div>
            <div class="code-name">.icon-layout-6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-1-3"></span>
            <div class="name">
              布局1-3
            </div>
            <div class="code-name">.icon-layout-1-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-1-2"></span>
            <div class="name">
              布局1-2
            </div>
            <div class="code-name">.icon-layout-1-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-2-1"></span>
            <div class="name">
              布局2-1
            </div>
            <div class="code-name">.icon-layout-2-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-1-1"></span>
            <div class="name">
              布局1-1
            </div>
            <div class="code-name">.icon-layout-1-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-4"></span>
            <div class="name">
              布局-4
            </div>
            <div class="code-name">.icon-layout-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-1-2-1"></span>
            <div class="name">
              布局-1-2-1
            </div>
            <div class="code-name">.icon-layout-1-2-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-1"></span>
            <div class="name">
              layout-1
            </div>
            <div class="code-name">.icon-layout-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-1-1-2"></span>
            <div class="name">
              布局-1-1-2
            </div>
            <div class="code-name">.icon-layout-1-1-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-3"></span>
            <div class="name">
              布局-3
            </div>
            <div class="code-name">.icon-layout-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-3-1"></span>
            <div class="name">
              布局3-1
            </div>
            <div class="code-name">.icon-layout-3-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-module-blank"></span>
            <div class="name">
              模块-辅助空白
            </div>
            <div class="code-name">.icon-layout-module-blank
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete-tall"></span>
            <div class="name">
              删除-高
            </div>
            <div class="code-name">.icon-delete-tall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-module-single-images"></span>
            <div class="name">
              模块-单图
            </div>
            <div class="code-name">.icon-layout-module-single-images
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-module-goods"></span>
            <div class="name">
              模块-商品
            </div>
            <div class="code-name">.icon-layout-module-goods
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-module-many-images"></span>
            <div class="name">
              模块-多图
            </div>
            <div class="code-name">.icon-layout-module-many-images
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit-two"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-edit-two
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-module-title"></span>
            <div class="name">
              模块-标题
            </div>
            <div class="code-name">.icon-layout-module-title
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-2-1-1"></span>
            <div class="name">
              布局2-1-1
            </div>
            <div class="code-name">.icon-layout-2-1-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-module-code"></span>
            <div class="name">
              模块-自定义代码
            </div>
            <div class="code-name">.icon-layout-module-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-remove"></span>
            <div class="name">
              移除
            </div>
            <div class="code-name">.icon-remove
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-layout-module-images-text"></span>
            <div class="name">
              模块-图文
            </div>
            <div class="code-name">.icon-layout-module-images-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-replace"></span>
            <div class="name">
              替换
            </div>
            <div class="code-name">.icon-replace
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-drag"></span>
            <div class="name">
              拖拽
            </div>
            <div class="code-name">.icon-drag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-angle-right-twin"></span>
            <div class="name">
              双箭头右
            </div>
            <div class="code-name">.icon-icon-angle-right-twin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-layout-module-border"></span>
            <div class="name">
              模块-辅助线
            </div>
            <div class="code-name">.icon-icon-layout-module-border
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-setup-round"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-setup-round
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-layout-module-video"></span>
            <div class="name">
              模块-视频
            </div>
            <div class="code-name">.icon-icon-layout-module-video
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupianmofang"></span>
            <div class="name">
              模块-图片魔方
            </div>
            <div class="code-name">.icon-tupianmofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-center"></span>
            <div class="name">
              商家中心
            </div>
            <div class="code-name">.icon-shop-menu-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-navicon"></span>
            <div class="name">
              导航管理
            </div>
            <div class="code-name">.icon-shop-menu-navicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-admin"></span>
            <div class="name">
              店铺管理
            </div>
            <div class="code-name">.icon-shop-menu-admin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-recommend"></span>
            <div class="name">
              首页推荐
            </div>
            <div class="code-name">.icon-shop-menu-recommend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-design"></span>
            <div class="name">
              页面设计
            </div>
            <div class="code-name">.icon-shop-menu-design
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-slider"></span>
            <div class="name">
              轮播管理
            </div>
            <div class="code-name">.icon-shop-menu-slider
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-order"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icon-shop-menu-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-extend"></span>
            <div class="name">
              扩展模块
            </div>
            <div class="code-name">.icon-shop-menu-extend
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-goods"></span>
            <div class="name">
              商品管理
            </div>
            <div class="code-name">.icon-shop-menu-goods
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-menu-goodscategory"></span>
            <div class="name">
              商品分类
            </div>
            <div class="code-name">.icon-shop-menu-goodscategory
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-domain-confirm"></span>
            <div class="name">
              二级域名确认
            </div>
            <div class="code-name">.icon-domain-confirm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-home-fine"></span>
            <div class="name">
              首页-空心线条
            </div>
            <div class="code-name">.icon-home-fine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-excel"></span>
            <div class="name">
              excel
            </div>
            <div class="code-name">.icon-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-import-excel"></span>
            <div class="name">
              导入excel
            </div>
            <div class="code-name">.icon-import-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-batch-delivery"></span>
            <div class="name">
              批量发货
            </div>
            <div class="code-name">.icon-batch-delivery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-label-print"></span>
            <div class="name">
              标签打印
            </div>
            <div class="code-name">.icon-label-print
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waybill-print"></span>
            <div class="name">
              运单打印
            </div>
            <div class="code-name">.icon-waybill-print
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-export-excel"></span>
            <div class="name">
              导出excel
            </div>
            <div class="code-name">.icon-export-excel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-data-print"></span>
            <div class="name">
              数据打印
            </div>
            <div class="code-name">.icon-data-print
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-push-shop"></span>
            <div class="name">
              推到商城
            </div>
            <div class="code-name">.icon-push-shop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-import"></span>
            <div class="name">
              商城导入
            </div>
            <div class="code-name">.icon-shop-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-email-login"></span>
            <div class="name">
              邮箱登录
            </div>
            <div class="code-name">.icon-email-login
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-account-password"></span>
            <div class="name">
              账号密码
            </div>
            <div class="code-name">.icon-account-password
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobile-login"></span>
            <div class="name">
              手机登录
            </div>
            <div class="code-name">.icon-mobile-login
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-price-bill"></span>
            <div class="name">
              资金账单
            </div>
            <div class="code-name">.icon-price-bill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sys-config"></span>
            <div class="name">
              系统配置
            </div>
            <div class="code-name">.icon-sys-config
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sales-manage"></span>
            <div class="name">
              销售管理
            </div>
            <div class="code-name">.icon-sales-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-purchase-manage"></span>
            <div class="name">
              采购管理
            </div>
            <div class="code-name">.icon-purchase-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-inventroy-manage"></span>
            <div class="name">
              库存管理
            </div>
            <div class="code-name">.icon-inventroy-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop-order"></span>
            <div class="name">
              商城订单
            </div>
            <div class="code-name">.icon-shop-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-base-data"></span>
            <div class="name">
              基础数据
            </div>
            <div class="code-name">.icon-base-data
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-company-manage"></span>
            <div class="name">
              客商管理
            </div>
            <div class="code-name">.icon-company-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enlarge"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon-enlarge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enlarge-border"></span>
            <div class="name">
              放大-边线
            </div>
            <div class="code-name">.icon-enlarge-border
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enlarge-four"></span>
            <div class="name">
              放大-四角
            </div>
            <div class="code-name">.icon-enlarge-four
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dayin-dayinji"></span>
            <div class="name">
              打印-打印机
            </div>
            <div class="code-name">.icon-dayin-dayinji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-footer-describe"></span>
            <div class="name">
              底部商店简介
            </div>
            <div class="code-name">.icon-footer-describe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sticky"></span>
            <div class="name">
              置顶
            </div>
            <div class="code-name">.icon-sticky
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cart"></span>
            <div class="name">
              购物车1
            </div>
            <div class="code-name">.icon-cart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wechart"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-wechart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobile"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-mobile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shop"></span>
            <div class="name">
              店铺
            </div>
            <div class="code-name">.icon-shop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chat"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-chat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-heart"></span>
            <div class="name">
              爱心-实
            </div>
            <div class="code-name">.icon-heart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swiper-right"></span>
            <div class="name">
              商城二右箭头
            </div>
            <div class="code-name">.icon-swiper-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swiper-left"></span>
            <div class="name">
              商城二左箭头
            </div>
            <div class="code-name">.icon-swiper-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-heart-o"></span>
            <div class="name">
              爱心-空
            </div>
            <div class="code-name">.icon-heart-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye-circle"></span>
            <div class="name">
              眼睛圆
            </div>
            <div class="code-name">.icon-eye-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right-2"></span>
            <div class="name">
              商城二箭头
            </div>
            <div class="code-name">.icon-arrow-right-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youhuiquan-shangchengwu"></span>
            <div class="name">
              优惠券-商城五
            </div>
            <div class="code-name">.icon-youhuiquan-shangchengwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopping"></span>
            <div class="name">
              购物袋
            </div>
            <div class="code-name">.icon-shopping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-circle"></span>
            <div class="name">
              个人-圆
            </div>
            <div class="code-name">.icon-user-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search-fine"></span>
            <div class="name">
              搜索-细
            </div>
            <div class="code-name">.icon-search-fine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delivery"></span>
            <div class="name">
              免费
            </div>
            <div class="code-name">.icon-delivery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-security-lock"></span>
            <div class="name">
              安全锁
            </div>
            <div class="code-name">.icon-security-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tel"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-tel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guarantee"></span>
            <div class="name">
              保障
            </div>
            <div class="code-name">.icon-guarantee
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouji-shangchengsan"></span>
            <div class="name">
              手机-商城三
            </div>
            <div class="code-name">.icon-shouji-shangchengsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diannao-shangchengsan"></span>
            <div class="name">
              电脑-商城三
            </div>
            <div class="code-name">.icon-diannao-shangchengsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shumapeijian-shangchengsan"></span>
            <div class="name">
              数码配件-商城三
            </div>
            <div class="code-name">.icon-shumapeijian-shangchengsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhinengshebei-shangchengsan"></span>
            <div class="name">
              智能设备-商城三
            </div>
            <div class="code-name">.icon-zhinengshebei-shangchengsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyinyule-shangchengsan"></span>
            <div class="name">
              影音娱乐-商城三
            </div>
            <div class="code-name">.icon-yingyinyule-shangchengsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-camera"></span>
            <div class="name">
              摄像机
            </div>
            <div class="code-name">.icon-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swiper-arrow-top"></span>
            <div class="name">
              上箭头-官网1新
            </div>
            <div class="code-name">.icon-swiper-arrow-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swiper-arrow-left"></span>
            <div class="name">
              左侧箭头-官网一
            </div>
            <div class="code-name">.icon-swiper-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swiper-arrow-right"></span>
            <div class="name">
              右侧箭头-官网一
            </div>
            <div class="code-name">.icon-swiper-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-swiper-arrow-down"></span>
            <div class="name">
              下箭头-官网一
            </div>
            <div class="code-name">.icon-swiper-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopsite2-overcoat"></span>
            <div class="name">
              夹克-商城二新
            </div>
            <div class="code-name">.icon-shopsite2-overcoat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopsite2-shoe"></span>
            <div class="name">
              鞋子-商城二
            </div>
            <div class="code-name">.icon-shopsite2-shoe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopsize2-shirt"></span>
            <div class="name">
              衬衫-商城二
            </div>
            <div class="code-name">.icon-shopsize2-shirt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopsite2-watch"></span>
            <div class="name">
              手表-商城二
            </div>
            <div class="code-name">.icon-shopsite2-watch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopsite2-pants"></span>
            <div class="name">
              裤子-商城二
            </div>
            <div class="code-name">.icon-shopsite2-pants
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopsite2-all"></span>
            <div class="name">
              全部-商城二
            </div>
            <div class="code-name">.icon-shopsite2-all
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daxingchangqu"></span>
            <div class="name">
              大型厂区
            </div>
            <div class="code-name">.icon-daxingchangqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-minyingqiyezhimingpinpai"></span>
            <div class="name">
              民营企业知名品牌
            </div>
            <div class="code-name">.icon-minyingqiyezhimingpinpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiliangguankong"></span>
            <div class="name">
              质量管控
            </div>
            <div class="code-name">.icon-zhiliangguankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianjinshengchanshebei"></span>
            <div class="name">
              先进生产设备
            </div>
            <div class="code-name">.icon-xianjinshengchanshebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nianchanneng-guanwanger"></span>
            <div class="name">
              年产能-官网二
            </div>
            <div class="code-name">.icon-nianchanneng-guanwanger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpinbianbu30chengshi"></span>
            <div class="name">
              产品遍布30城市
            </div>
            <div class="code-name">.icon-chanpinbianbu30chengshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhizaojingyan"></span>
            <div class="name">
              制造经验
            </div>
            <div class="code-name">.icon-zhizaojingyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuaidaihexinren"></span>
            <div class="name">
              客户爱戴和信任
            </div>
            <div class="code-name">.icon-kehuaidaihexinren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-phone"></span>
            <div class="name">
              联系电话-官网三
            </div>
            <div class="code-name">.icon-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right-3"></span>
            <div class="name">
              箭头 -官网三
            </div>
            <div class="code-name">.icon-arrow-right-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanyefenxicehua-guanwangsan"></span>
            <div class="name">
              专业分析策划-官网三
            </div>
            <div class="code-name">.icon-zhuanyefenxicehua-guanwangsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-tuanduiyoushi-guanwangsan"></span>
            <div class="name">
              团队 优势-官网三
            </div>
            <div class="code-name">.icon-a-tuanduiyoushi-guanwangsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwutixi-guanwangsan"></span>
            <div class="name">
              服务体系-官网三
            </div>
            <div class="code-name">.icon-fuwutixi-guanwangsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxihuaguanli-guanwangsan"></span>
            <div class="name">
              信息化管理-官网三
            </div>
            <div class="code-name">.icon-xinxihuaguanli-guanwangsan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right-4"></span>
            <div class="name">
              官网三箭头
            </div>
            <div class="code-name">.icon-arrow-right-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-2"></span>
            <div class="name">
              店员
            </div>
            <div class="code-name">.icon-user-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-exit"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-exit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-order"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.icon-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-after-sales"></span>
            <div class="name">
              退货
            </div>
            <div class="code-name">.icon-after-sales
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cashier"></span>
            <div class="name">
              收银
            </div>
            <div class="code-name">.icon-cashier
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cashier-check"></span>
            <div class="name">
              核销
            </div>
            <div class="code-name">.icon-cashier-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-scan-code"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.icon-scan-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dadaorder"></span>
            <div class="name">
              配送
            </div>
            <div class="code-name">.icon-dadaorder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-batch-pay"></span>
            <div class="name">
              支付
            </div>
            <div class="code-name">.icon-batch-pay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wait-receive-delivery"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.icon-wait-receive-delivery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wait-comment"></span>
            <div class="name">
              待评论
            </div>
            <div class="code-name">.icon-wait-comment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wait-delivery"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.icon-wait-delivery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wait-payment"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.icon-wait-payment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refund-aftersales"></span>
            <div class="name">
              退款/售后
            </div>
            <div class="code-name">.icon-refund-aftersales
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-order-list"></span>
            <div class="name">
              订单列表
            </div>
            <div class="code-name">.icon-order-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-created-midal"></span>
            <div class="name">
              生成账单
            </div>
            <div class="code-name">.icon-created-midal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paypal"></span>
            <div class="name">
              充值
            </div>
            <div class="code-name">.icon-paypal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duty"></span>
            <div class="name">
              值班
            </div>
            <div class="code-name">.icon-duty
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-salary"></span>
            <div class="name">
              薪水
            </div>
            <div class="code-name">.icon-salary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-batch-settlement"></span>
            <div class="name">
              批量结算
            </div>
            <div class="code-name">.icon-batch-settlement
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-system-goods"></span>
            <div class="name">
              商品库
            </div>
            <div class="code-name">.icon-system-goods
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye-slash"></span>
            <div class="name">
              眼睛-不可见
            </div>
            <div class="code-name">.icon-eye-slash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eye"></span>
            <div class="name">
              眼睛-可见
            </div>
            <div class="code-name">.icon-eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox-checked"></span>
            <div class="name">
              多选-选中
            </div>
            <div class="code-name">.icon-checkbox-checked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-radio-unchecked"></span>
            <div class="name">
              单选-未选中
            </div>
            <div class="code-name">.icon-radio-unchecked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-radio-checked"></span>
            <div class="name">
              单选-选中
            </div>
            <div class="code-name">.icon-radio-checked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox-unchecked"></span>
            <div class="name">
              多选-未选中
            </div>
            <div class="code-name">.icon-checkbox-unchecked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notice"></span>
            <div class="name">
              notice
            </div>
            <div class="code-name">.icon-notice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-enable"></span>
            <div class="name">
              启用
            </div>
            <div class="code-name">.icon-enable
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-retract"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.icon-retract
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-setup"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-setup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logout"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-store-user"></span>
            <div class="name">
              后台商店用户
            </div>
            <div class="code-name">.icon-admin-store-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-store-vip"></span>
            <div class="name">
              后台商店VIP
            </div>
            <div class="code-name">.icon-admin-store-vip
            </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-table-user-gender"></span>
            <div class="name">
              table-user-gender
            </div>
            <div class="code-name">.icon-table-user-gender
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yhxx-yanj"></span>
            <div class="name">
              yhxx-yanj
            </div>
            <div class="code-name">.icon-yhxx-yanj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table-user-mobile"></span>
            <div class="name">
              table-user-mobile
            </div>
            <div class="code-name">.icon-table-user-mobile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table-user-number-code"></span>
            <div class="name">
              table-user-number-code
            </div>
            <div class="code-name">.icon-table-user-number-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table-user-username"></span>
            <div class="name">
              table-user-username
            </div>
            <div class="code-name">.icon-table-user-username
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table-user-email"></span>
            <div class="name">
              table-user-email
            </div>
            <div class="code-name">.icon-table-user-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-address-checked"></span>
            <div class="name">
              address-checked
            </div>
            <div class="code-name">.icon-address-checked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-address-unchecked"></span>
            <div class="name">
              address-unchecked
            </div>
            <div class="code-name">.icon-address-unchecked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-order-del"></span>
            <div class="name">
              order-del
            </div>
            <div class="code-name">.icon-order-del
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-order-add"></span>
            <div class="name">
              order-add
            </div>
            <div class="code-name">.icon-order-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application-uninstall"></span>
            <div class="name">
              application-uninstall
            </div>
            <div class="code-name">.icon-application-uninstall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-upload-file"></span>
            <div class="name">
              upload-file
            </div>
            <div class="code-name">.icon-upload-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qj-rizhi"></span>
            <div class="name">
              qj-rizhi
            </div>
            <div class="code-name">.icon-qj-rizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-download"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.icon-download
            </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-close-o"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-close-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-down-s"></span>
            <div class="name">
              arrow-down-s
            </div>
            <div class="code-name">.icon-arrow-down-s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-angle-up"></span>
            <div class="name">
              向上箭头
            </div>
            <div class="code-name">.icon-angle-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-angle-right"></span>
            <div class="name">
              向右箭头
            </div>
            <div class="code-name">.icon-angle-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-angle-left"></span>
            <div class="name">
              向左箭头
            </div>
            <div class="code-name">.icon-angle-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right-s"></span>
            <div class="name">
              arrow-right-s
            </div>
            <div class="code-name">.icon-arrow-right-s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sort"></span>
            <div class="name">
              sort
            </div>
            <div class="code-name">.icon-sort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shear"></span>
            <div class="name">
              剪切
            </div>
            <div class="code-name">.icon-shear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-copy"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.icon-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-map-position"></span>
            <div class="name">
              map-position
            </div>
            <div class="code-name">.icon-map-position
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-right"></span>
            <div class="name">
              arrow-right
            </div>
            <div class="code-name">.icon-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-arrow-down"></span>
            <div class="name">
              arrow-down
            </div>
            <div class="code-name">.icon-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-back"></span>
            <div class="name">
              back
            </div>
            <div class="code-name">.icon-back
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-theme"></span>
            <div class="name">
              theme
            </div>
            <div class="code-name">.icon-theme
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-clear-crude"></span>
            <div class="name">
              清扫-粗
            </div>
            <div class="code-name">.icon-clear-crude
            </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-qj-tuid"></span>
            <div class="name">
              qj-tuid
            </div>
            <div class="code-name">.icon-qj-tuid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-import"></span>
            <div class="name">
              import
            </div>
            <div class="code-name">.icon-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-send"></span>
            <div class="name">
              发送
            </div>
            <div class="code-name">.icon-send
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-send-delivery"></span>
            <div class="name">
              发货
            </div>
            <div class="code-name">.icon-send-delivery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-print"></span>
            <div class="name">
              print
            </div>
            <div class="code-name">.icon-print
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pdf"></span>
            <div class="name">
              pdf
            </div>
            <div class="code-name">.icon-pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add
            </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-take-delivery"></span>
            <div class="name">
              收货
            </div>
            <div class="code-name">.icon-take-delivery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cog"></span>
            <div class="name">
              cog
            </div>
            <div class="code-name">.icon-cog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refresh"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-check"></span>
            <div class="name">
              打勾
            </div>
            <div class="code-name">.icon-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-btn-del"></span>
            <div class="name">
              btn-del
            </div>
            <div class="code-name">.icon-btn-del
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-btn-add"></span>
            <div class="name">
              btn-add
            </div>
            <div class="code-name">.icon-btn-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tips"></span>
            <div class="name">
              tips
            </div>
            <div class="code-name">.icon-tips
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-contract"></span>
            <div class="name">
              contract
            </div>
            <div class="code-name">.icon-contract
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-upload-add"></span>
            <div class="name">
              upload-add
            </div>
            <div class="code-name">.icon-upload-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application-delete"></span>
            <div class="name">
              application-delete
            </div>
            <div class="code-name">.icon-application-delete
            </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-download-btn"></span>
            <div class="name">
              download-btn
            </div>
            <div class="code-name">.icon-download-btn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-type-manage"></span>
            <div class="name">
              type-manage
            </div>
            <div class="code-name">.icon-type-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-home-page"></span>
            <div class="name">
              admin-home-page
            </div>
            <div class="code-name">.icon-admin-home-page
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-system"></span>
            <div class="name">
              admin-system
            </div>
            <div class="code-name">.icon-admin-system
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-tools"></span>
            <div class="name">
              admin-tools
            </div>
            <div class="code-name">.icon-admin-tools
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-article"></span>
            <div class="name">
              admin-article
            </div>
            <div class="code-name">.icon-admin-article
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-data"></span>
            <div class="name">
              admin-data
            </div>
            <div class="code-name">.icon-admin-data
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-phone"></span>
            <div class="name">
              admin-phone
            </div>
            <div class="code-name">.icon-admin-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-order"></span>
            <div class="name">
              admin-order
            </div>
            <div class="code-name">.icon-admin-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-application"></span>
            <div class="name">
              admin-application
            </div>
            <div class="code-name">.icon-admin-application
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-web-manage"></span>
            <div class="name">
              admin-web-manage
            </div>
            <div class="code-name">.icon-admin-web-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-site-config"></span>
            <div class="name">
              admin-site-config
            </div>
            <div class="code-name">.icon-admin-site-config
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-auth"></span>
            <div class="name">
              admin-auth
            </div>
            <div class="code-name">.icon-admin-auth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-brand"></span>
            <div class="name">
              admin-brand
            </div>
            <div class="code-name">.icon-admin-brand
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-user"></span>
            <div class="name">
              admin-user
            </div>
            <div class="code-name">.icon-admin-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-warehouse"></span>
            <div class="name">
              admin-warehouse
            </div>
            <div class="code-name">.icon-admin-warehouse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin-goods"></span>
            <div class="name">
              admin-goods
            </div>
            <div class="code-name">.icon-admin-goods
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav-close-all"></span>
            <div class="name">
              nav-close-all
            </div>
            <div class="code-name">.icon-nav-close-all
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav-refresh"></span>
            <div class="name">
              nav-refresh
            </div>
            <div class="code-name">.icon-nav-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav-close-other"></span>
            <div class="name">
              nav-close-other
            </div>
            <div class="code-name">.icon-nav-close-other
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-angle-down"></span>
            <div class="name">
              向下箭头
            </div>
            <div class="code-name">.icon-angle-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav-close"></span>
            <div class="name">
              nav-close
            </div>
            <div class="code-name">.icon-nav-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav-tools"></span>
            <div class="name">
              nav-tools
            </div>
            <div class="code-name">.icon-nav-tools
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-language"></span>
            <div class="name">
              language
            </div>
            <div class="code-name">.icon-language
            </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-home"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.icon-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-clear"></span>
            <div class="name">
              清扫
            </div>
            <div class="code-name">.icon-clear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dark"></span>
            <div class="name">
              dark
            </div>
            <div class="code-name">.icon-dark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-full-screen"></span>
            <div class="name">
              full-screen
            </div>
            <div class="code-name">.icon-full-screen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-light"></span>
            <div class="name">
              light
            </div>
            <div class="code-name">.icon-light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-index-shaix"></span>
            <div class="name">
              index-shaix
            </div>
            <div class="code-name">.icon-index-shaix
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stretch"></span>
            <div class="name">
              stretch
            </div>
            <div class="code-name">.icon-stretch
            </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-yiny-bij"></span>
            <div class="name">
              yiny-bij
            </div>
            <div class="code-name">.icon-yiny-bij
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application-upload"></span>
            <div class="name">
              application-upload
            </div>
            <div class="code-name">.icon-application-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application-download"></span>
            <div class="name">
              application-download
            </div>
            <div class="code-name">.icon-application-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application-install"></span>
            <div class="name">
              application-install
            </div>
            <div class="code-name">.icon-application-install
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application-home"></span>
            <div class="name">
              application-home
            </div>
            <div class="code-name">.icon-application-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application-update"></span>
            <div class="name">
              application-update
            </div>
            <div class="code-name">.icon-application-update
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application-set"></span>
            <div class="name">
              application-set
            </div>
            <div class="code-name">.icon-application-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-mobile-bottom-nav-home-active"></span>
            <div class="name">
              手机底部导航-首页选中
            </div>
            <div class="code-name">.icon-web-mobile-bottom-nav-home-active
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-mobile-bottom-nav-category-active"></span>
            <div class="name">
              手机底部导航-分类选中
            </div>
            <div class="code-name">.icon-web-mobile-bottom-nav-category-active
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-mobile-bottom-nav-user-active"></span>
            <div class="name">
              手机底部导航-用户选中
            </div>
            <div class="code-name">.icon-web-mobile-bottom-nav-user-active
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-mobile-bottom-nav-cart-active"></span>
            <div class="name">
              手机底部导航-购物车选中
            </div>
            <div class="code-name">.icon-web-mobile-bottom-nav-cart-active
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-mobile-bottom-nav-user"></span>
            <div class="name">
              手机底部导航-用户
            </div>
            <div class="code-name">.icon-web-mobile-bottom-nav-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-mobile-bottom-nav-cart"></span>
            <div class="name">
              手机底部导航-购物车
            </div>
            <div class="code-name">.icon-web-mobile-bottom-nav-cart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-mobile-bottom-nav-home"></span>
            <div class="name">
              手机底部导航-首页
            </div>
            <div class="code-name">.icon-web-mobile-bottom-nav-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-web-mobile-bottom-nav-category"></span>
            <div class="name">
              手机底部导航-分类
            </div>
            <div class="code-name">.icon-web-mobile-bottom-nav-category
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-footer-email"></span>
            <div class="name">
              网站底部邮箱
            </div>
            <div class="code-name">.icon-footer-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-footer-address"></span>
            <div class="name">
              网站底部地址
            </div>
            <div class="code-name">.icon-footer-address
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-footer-tel"></span>
            <div class="name">
              网站底部电话
            </div>
            <div class="code-name">.icon-footer-tel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-login-right-pc"></span>
            <div class="name">
              扫码登录端切换-pc
            </div>
            <div class="code-name">.icon-login-right-pc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-login-right-scan"></span>
            <div class="name">
              扫码登录端切换-手机
            </div>
            <div class="code-name">.icon-login-right-scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-payment-fail"></span>
            <div class="name">
              支付失败
            </div>
            <div class="code-name">.icon-payment-fail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongzhi-zffs"></span>
            <div class="name">
              chongzhi-zffs
            </div>
            <div class="code-name">.icon-chongzhi-zffs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongzhi-czje"></span>
            <div class="name">
              chongzhi-czje
            </div>
            <div class="code-name">.icon-chongzhi-czje
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhifu-yixuan"></span>
            <div class="name">
              zhifu-yixuan
            </div>
            <div class="code-name">.icon-zhifu-yixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhifu-weixuan"></span>
            <div class="name">
              zhifu-weixuan
            </div>
            <div class="code-name">.icon-zhifu-weixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-keyboard-backspace"></span>
            <div class="name">
              jianpan-guanbi
            </div>
            <div class="code-name">.icon-keyboard-backspace
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-transfer"></span>
            <div class="name">
              钱包转账/转换
            </div>
            <div class="code-name">.icon-transfer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoyisao"></span>
            <div class="name">
              扫一扫
            </div>
            <div class="code-name">.icon-saoyisao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-more-phone"></span>
            <div class="name">
              more_phone
            </div>
            <div class="code-name">.icon-more-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianpuproduc"></span>
            <div class="name">
              dianpuproduc
            </div>
            <div class="code-name">.icon-dianpuproduc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianpushuliang"></span>
            <div class="name">
              dianpushuliang
            </div>
            <div class="code-name">.icon-dianpushuliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-exchange-nav-top"></span>
            <div class="name">
              exchange-nav-top
            </div>
            <div class="code-name">.icon-exchange-nav-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-center-left-logout"></span>
            <div class="name">
              icon-anquantuic-left
            </div>
            <div class="code-name">.icon-user-center-left-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cart-nav-top"></span>
            <div class="name">
              cart-nav-top
            </div>
            <div class="code-name">.icon-cart-nav-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shishangfushi"></span>
            <div class="name">
              shishangfushi
            </div>
            <div class="code-name">.icon-shishangfushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiche"></span>
            <div class="name">
              qiche
            </div>
            <div class="code-name">.icon-qiche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhubaoshoubiao"></span>
            <div class="name">
              zhubaoshoubiao
            </div>
            <div class="code-name">.icon-zhubaoshoubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-queren_wdfx"></span>
            <div class="name">
              queren_wdfx
            </div>
            <div class="code-name">.icon-queren_wdfx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianotukongjian_wdfx"></span>
            <div class="name">
              jianotukongjian_wdfx
            </div>
            <div class="code-name">.icon-jianotukongjian_wdfx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili_wdfx"></span>
            <div class="name">
              rili_wdfx
            </div>
            <div class="code-name">.icon-rili_wdfx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jt1_wdfx"></span>
            <div class="name">
              jt1_wdfx
            </div>
            <div class="code-name">.icon-jt1_wdfx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-putongfenxiao_wdfx"></span>
            <div class="name">
              putongfenxiao_wdfx
            </div>
            <div class="code-name">.icon-putongfenxiao_wdfx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qutixian_wdfx"></span>
            <div class="name">
              qutixian_wdfx
            </div>
            <div class="code-name">.icon-qutixian_wdfx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quhuodian_wdfx"></span>
            <div class="name">
              quhuodian_wdfx
            </div>
            <div class="code-name">.icon-quhuodian_wdfx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-recharge"></span>
            <div class="name">
              钱包充值
            </div>
            <div class="code-name">.icon-recharge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengsong_wdqb"></span>
            <div class="name">
              zengsong_wdqb
            </div>
            <div class="code-name">.icon-zengsong_wdqb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youxiaojine_wdqb"></span>
            <div class="name">
              youxiaojine_wdqb
            </div>
            <div class="code-name">.icon-youxiaojine_wdqb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-center-left-base"></span>
            <div class="name">
              ziliaoguanli_left
            </div>
            <div class="code-name">.icon-user-center-left-base
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaix_wdqb"></span>
            <div class="name">
              shaix_wdqb
            </div>
            <div class="code-name">.icon-shaix_wdqb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongjie_wdqb"></span>
            <div class="name">
              dongjie_wdqb
            </div>
            <div class="code-name">.icon-dongjie_wdqb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-center-left-business"></span>
            <div class="name">
              yewuguanli_left
            </div>
            <div class="code-name">.icon-user-center-left-business
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi_wdqb"></span>
            <div class="name">
              shezhi_wdqb
            </div>
            <div class="code-name">.icon-shezhi_wdqb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengchangjifen_wdjf"></span>
            <div class="name">
              zhengchangjifen_wdjf
            </div>
            <div class="code-name">.icon-zhengchangjifen_wdjf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cash"></span>
            <div class="name">
              钱包提现
            </div>
            <div class="code-name">.icon-cash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-center-left-home"></span>
            <div class="name">
              gerenzhongxin_left
            </div>
            <div class="code-name">.icon-user-center-left-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo_wdqb"></span>
            <div class="name">
              sousuo_wdqb
            </div>
            <div class="code-name">.icon-sousuo_wdqb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-center-left-property"></span>
            <div class="name">
              caichanzhongxin_left
            </div>
            <div class="code-name">.icon-user-center-left-property
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongzhi1_wdqb"></span>
            <div class="name">
              chongzhi1_wdqb
            </div>
            <div class="code-name">.icon-chongzhi1_wdqb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaojihuiyuan_wdhy"></span>
            <div class="name">
              gaojihuiyuan_wdhy
            </div>
            <div class="code-name">.icon-gaojihuiyuan_wdhy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qrcode"></span>
            <div class="name">
              付款码/二维码
            </div>
            <div class="code-name">.icon-qrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kthy_wdhy"></span>
            <div class="name">
              kthy_wdhy
            </div>
            <div class="code-name">.icon-kthy_wdhy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantou_wdhy"></span>
            <div class="name">
              jiantou_wdhy
            </div>
            <div class="code-name">.icon-jiantou_wdhy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-finish_zb"></span>
            <div class="name">
              finish_zb
            </div>
            <div class="code-name">.icon-finish_zb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pause_zb"></span>
            <div class="name">
              pause_zb
            </div>
            <div class="code-name">.icon-pause_zb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-notbegun_zb"></span>
            <div class="name">
              not begun_zb
            </div>
            <div class="code-name">.icon-a-notbegun_zb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ask_zb"></span>
            <div class="name">
              ask_zb
            </div>
            <div class="code-name">.icon-ask_zb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hot_tw"></span>
            <div class="name">
              hot_tw
            </div>
            <div class="code-name">.icon-hot_tw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-admin_tw"></span>
            <div class="name">
              admin_tw
            </div>
            <div class="code-name">.icon-admin_tw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-question_twme"></span>
            <div class="name">
              question_twme
            </div>
            <div class="code-name">.icon-question_twme
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ask_tw"></span>
            <div class="name">
              ask_tw
            </div>
            <div class="code-name">.icon-ask_tw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-new_tw"></span>
            <div class="name">
              new_tw
            </div>
            <div class="code-name">.icon-new_tw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-question_tw"></span>
            <div class="name">
              question_tw
            </div>
            <div class="code-name">.icon-question_tw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-recommend_tw"></span>
            <div class="name">
              recommend_tw
            </div>
            <div class="code-name">.icon-recommend_tw
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sign_qd"></span>
            <div class="name">
              sign_qd
            </div>
            <div class="code-name">.icon-sign_qd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yqd_qd"></span>
            <div class="name">
              yqd_qd
            </div>
            <div class="code-name">.icon-yqd_qd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-share-square"></span>
            <div class="name">
              分享-正方形
            </div>
            <div class="code-name">.icon-share-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-team_qd"></span>
            <div class="name">
              team_qd
            </div>
            <div class="code-name">.icon-team_qd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-points_jf"></span>
            <div class="name">
              points_jf
            </div>
            <div class="code-name">.icon-points_jf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopping_assembly"></span>
            <div class="name">
              shopping_assembly
            </div>
            <div class="code-name">.icon-shopping_assembly
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-collect-nav-top"></span>
            <div class="name">
              collect
            </div>
            <div class="code-name">.icon-collect-nav-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-more-nav-top"></span>
            <div class="name">
              more
            </div>
            <div class="code-name">.icon-more-nav-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-language-nav-top"></span>
            <div class="name">
              language
            </div>
            <div class="code-name">.icon-language-nav-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mall-nav-top"></span>
            <div class="name">
              mall
            </div>
            <div class="code-name">.icon-mall-nav-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-message-nav-top"></span>
            <div class="name">
              message
            </div>
            <div class="code-name">.icon-message-nav-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-givealike-tap-review"></span>
            <div class="name">
              give a like-tap-review
            </div>
            <div class="code-name">.icon-a-givealike-tap-review
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-recover"></span>
            <div class="name">
              recover
            </div>
            <div class="code-name">.icon-recover
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-givealike-review"></span>
            <div class="name">
              give a like-review
            </div>
            <div class="code-name">.icon-a-givealike-review
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-givealike"></span>
            <div class="name">
              give a like
            </div>
            <div class="code-name">.icon-a-givealike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-share-dark"></span>
            <div class="name">
              Share
            </div>
            <div class="code-name">.icon-share-dark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-review"></span>
            <div class="name">
              review
            </div>
            <div class="code-name">.icon-review
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-my-list"></span>
            <div class="name">
              My blog
            </div>
            <div class="code-name">.icon-my-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-publish"></span>
            <div class="name">
              publish
            </div>
            <div class="code-name">.icon-publish
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hot"></span>
            <div class="name">
              hot
            </div>
            <div class="code-name">.icon-hot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user-center-nav-top"></span>
            <div class="name">
              individual center
            </div>
            <div class="code-name">.icon-user-center-nav-top
            </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-collect"></span>
            <div class="name">
              聚收藏
            </div>
            <div class="code-name">.icon-collect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table-list"></span>
            <div class="name">
              列表模式
            </div>
            <div class="code-name">.icon-table-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-table-grid"></span>
            <div class="name">
              图片列表切换
            </div>
            <div class="code-name">.icon-table-grid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-subscript"></span>
            <div class="name">
              选中角标
            </div>
            <div class="code-name">.icon-subscript
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tabulation"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-tabulation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-activate-service"></span>
            <div class="name">
              开通服务
            </div>
            <div class="code-name">.icon-activate-service
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qr-code"></span>
            <div class="name">
              3.1 二维码
            </div>
            <div class="code-name">.icon-qr-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gift"></span>
            <div class="name">
              礼物
            </div>
            <div class="code-name">.icon-gift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-share"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-home-page"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-home-page
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-store"></span>
            <div class="name">
              销售门店
            </div>
            <div class="code-name">.icon-store
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-address"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.icon-address
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-message"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-message
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shopping-cart"></span>
            <div class="name">
              购物车
            </div>
            <div class="code-name">.icon-shopping-cart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-flash-killing"></span>
            <div class="name">
              秒杀
            </div>
            <div class="code-name">.icon-flash-killing
            </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-report"></use>
                </svg>
                <div class="name">数据报表</div>
                <div class="code-name">#icon-report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tel-gap"></use>
                </svg>
                <div class="name">电话-间隙</div>
                <div class="code-name">#icon-tel-gap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qrcode-round"></use>
                </svg>
                <div class="name">二维码-圆角</div>
                <div class="code-name">#icon-qrcode-round</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cart-solid"></use>
                </svg>
                <div class="name">购物车-实心</div>
                <div class="code-name">#icon-cart-solid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-online-service"></use>
                </svg>
                <div class="name">在线客服</div>
                <div class="code-name">#icon-online-service</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right-point"></use>
                </svg>
                <div class="name">右箭头-点点</div>
                <div class="code-name">#icon-arrow-right-point</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-domain"></use>
                </svg>
                <div class="name">域名</div>
                <div class="code-name">#icon-domain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#icon-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-link-round"></use>
                </svg>
                <div class="name">链接-圆角</div>
                <div class="code-name">#icon-link-round</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gift-fine"></use>
                </svg>
                <div class="name">送礼-细</div>
                <div class="code-name">#icon-gift-fine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ellipsis"></use>
                </svg>
                <div class="name">省略</div>
                <div class="code-name">#icon-ellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-video"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#icon-video</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-6"></use>
                </svg>
                <div class="name">布局-6</div>
                <div class="code-name">#icon-layout-6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-1-3"></use>
                </svg>
                <div class="name">布局1-3</div>
                <div class="code-name">#icon-layout-1-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-1-2"></use>
                </svg>
                <div class="name">布局1-2</div>
                <div class="code-name">#icon-layout-1-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-2-1"></use>
                </svg>
                <div class="name">布局2-1</div>
                <div class="code-name">#icon-layout-2-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-1-1"></use>
                </svg>
                <div class="name">布局1-1</div>
                <div class="code-name">#icon-layout-1-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-4"></use>
                </svg>
                <div class="name">布局-4</div>
                <div class="code-name">#icon-layout-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-1-2-1"></use>
                </svg>
                <div class="name">布局-1-2-1</div>
                <div class="code-name">#icon-layout-1-2-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-1"></use>
                </svg>
                <div class="name">layout-1</div>
                <div class="code-name">#icon-layout-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-1-1-2"></use>
                </svg>
                <div class="name">布局-1-1-2</div>
                <div class="code-name">#icon-layout-1-1-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-3"></use>
                </svg>
                <div class="name">布局-3</div>
                <div class="code-name">#icon-layout-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-3-1"></use>
                </svg>
                <div class="name">布局3-1</div>
                <div class="code-name">#icon-layout-3-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-module-blank"></use>
                </svg>
                <div class="name">模块-辅助空白</div>
                <div class="code-name">#icon-layout-module-blank</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete-tall"></use>
                </svg>
                <div class="name">删除-高</div>
                <div class="code-name">#icon-delete-tall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-module-single-images"></use>
                </svg>
                <div class="name">模块-单图</div>
                <div class="code-name">#icon-layout-module-single-images</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-module-goods"></use>
                </svg>
                <div class="name">模块-商品</div>
                <div class="code-name">#icon-layout-module-goods</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-module-many-images"></use>
                </svg>
                <div class="name">模块-多图</div>
                <div class="code-name">#icon-layout-module-many-images</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit-two"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-edit-two</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-module-title"></use>
                </svg>
                <div class="name">模块-标题</div>
                <div class="code-name">#icon-layout-module-title</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-2-1-1"></use>
                </svg>
                <div class="name">布局2-1-1</div>
                <div class="code-name">#icon-layout-2-1-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-module-code"></use>
                </svg>
                <div class="name">模块-自定义代码</div>
                <div class="code-name">#icon-layout-module-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-remove"></use>
                </svg>
                <div class="name">移除</div>
                <div class="code-name">#icon-remove</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-layout-module-images-text"></use>
                </svg>
                <div class="name">模块-图文</div>
                <div class="code-name">#icon-layout-module-images-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-replace"></use>
                </svg>
                <div class="name">替换</div>
                <div class="code-name">#icon-replace</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drag"></use>
                </svg>
                <div class="name">拖拽</div>
                <div class="code-name">#icon-drag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-angle-right-twin"></use>
                </svg>
                <div class="name">双箭头右</div>
                <div class="code-name">#icon-icon-angle-right-twin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-layout-module-border"></use>
                </svg>
                <div class="name">模块-辅助线</div>
                <div class="code-name">#icon-icon-layout-module-border</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-setup-round"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-setup-round</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-layout-module-video"></use>
                </svg>
                <div class="name">模块-视频</div>
                <div class="code-name">#icon-icon-layout-module-video</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupianmofang"></use>
                </svg>
                <div class="name">模块-图片魔方</div>
                <div class="code-name">#icon-tupianmofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-center"></use>
                </svg>
                <div class="name">商家中心</div>
                <div class="code-name">#icon-shop-menu-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-navicon"></use>
                </svg>
                <div class="name">导航管理</div>
                <div class="code-name">#icon-shop-menu-navicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-admin"></use>
                </svg>
                <div class="name">店铺管理</div>
                <div class="code-name">#icon-shop-menu-admin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-recommend"></use>
                </svg>
                <div class="name">首页推荐</div>
                <div class="code-name">#icon-shop-menu-recommend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-design"></use>
                </svg>
                <div class="name">页面设计</div>
                <div class="code-name">#icon-shop-menu-design</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-slider"></use>
                </svg>
                <div class="name">轮播管理</div>
                <div class="code-name">#icon-shop-menu-slider</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-order"></use>
                </svg>
                <div class="name">订单管理</div>
                <div class="code-name">#icon-shop-menu-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-extend"></use>
                </svg>
                <div class="name">扩展模块</div>
                <div class="code-name">#icon-shop-menu-extend</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-goods"></use>
                </svg>
                <div class="name">商品管理</div>
                <div class="code-name">#icon-shop-menu-goods</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-menu-goodscategory"></use>
                </svg>
                <div class="name">商品分类</div>
                <div class="code-name">#icon-shop-menu-goodscategory</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-domain-confirm"></use>
                </svg>
                <div class="name">二级域名确认</div>
                <div class="code-name">#icon-domain-confirm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-home-fine"></use>
                </svg>
                <div class="name">首页-空心线条</div>
                <div class="code-name">#icon-home-fine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-excel"></use>
                </svg>
                <div class="name">excel</div>
                <div class="code-name">#icon-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import-excel"></use>
                </svg>
                <div class="name">导入excel</div>
                <div class="code-name">#icon-import-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-delivery"></use>
                </svg>
                <div class="name">批量发货</div>
                <div class="code-name">#icon-batch-delivery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-label-print"></use>
                </svg>
                <div class="name">标签打印</div>
                <div class="code-name">#icon-label-print</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-waybill-print"></use>
                </svg>
                <div class="name">运单打印</div>
                <div class="code-name">#icon-waybill-print</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-export-excel"></use>
                </svg>
                <div class="name">导出excel</div>
                <div class="code-name">#icon-export-excel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-data-print"></use>
                </svg>
                <div class="name">数据打印</div>
                <div class="code-name">#icon-data-print</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-push-shop"></use>
                </svg>
                <div class="name">推到商城</div>
                <div class="code-name">#icon-push-shop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-import"></use>
                </svg>
                <div class="name">商城导入</div>
                <div class="code-name">#icon-shop-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-email-login"></use>
                </svg>
                <div class="name">邮箱登录</div>
                <div class="code-name">#icon-email-login</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-account-password"></use>
                </svg>
                <div class="name">账号密码</div>
                <div class="code-name">#icon-account-password</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mobile-login"></use>
                </svg>
                <div class="name">手机登录</div>
                <div class="code-name">#icon-mobile-login</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-price-bill"></use>
                </svg>
                <div class="name">资金账单</div>
                <div class="code-name">#icon-price-bill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sys-config"></use>
                </svg>
                <div class="name">系统配置</div>
                <div class="code-name">#icon-sys-config</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sales-manage"></use>
                </svg>
                <div class="name">销售管理</div>
                <div class="code-name">#icon-sales-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-purchase-manage"></use>
                </svg>
                <div class="name">采购管理</div>
                <div class="code-name">#icon-purchase-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-inventroy-manage"></use>
                </svg>
                <div class="name">库存管理</div>
                <div class="code-name">#icon-inventroy-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop-order"></use>
                </svg>
                <div class="name">商城订单</div>
                <div class="code-name">#icon-shop-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-base-data"></use>
                </svg>
                <div class="name">基础数据</div>
                <div class="code-name">#icon-base-data</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-company-manage"></use>
                </svg>
                <div class="name">客商管理</div>
                <div class="code-name">#icon-company-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enlarge"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon-enlarge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enlarge-border"></use>
                </svg>
                <div class="name">放大-边线</div>
                <div class="code-name">#icon-enlarge-border</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enlarge-four"></use>
                </svg>
                <div class="name">放大-四角</div>
                <div class="code-name">#icon-enlarge-four</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dayin-dayinji"></use>
                </svg>
                <div class="name">打印-打印机</div>
                <div class="code-name">#icon-dayin-dayinji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-footer-describe"></use>
                </svg>
                <div class="name">底部商店简介</div>
                <div class="code-name">#icon-footer-describe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sticky"></use>
                </svg>
                <div class="name">置顶</div>
                <div class="code-name">#icon-sticky</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cart"></use>
                </svg>
                <div class="name">购物车1</div>
                <div class="code-name">#icon-cart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wechart"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-wechart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mobile"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-mobile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shop"></use>
                </svg>
                <div class="name">店铺</div>
                <div class="code-name">#icon-shop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chat"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-chat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-heart"></use>
                </svg>
                <div class="name">爱心-实</div>
                <div class="code-name">#icon-heart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swiper-right"></use>
                </svg>
                <div class="name">商城二右箭头</div>
                <div class="code-name">#icon-swiper-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swiper-left"></use>
                </svg>
                <div class="name">商城二左箭头</div>
                <div class="code-name">#icon-swiper-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-heart-o"></use>
                </svg>
                <div class="name">爱心-空</div>
                <div class="code-name">#icon-heart-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye-circle"></use>
                </svg>
                <div class="name">眼睛圆</div>
                <div class="code-name">#icon-eye-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right-2"></use>
                </svg>
                <div class="name">商城二箭头</div>
                <div class="code-name">#icon-arrow-right-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youhuiquan-shangchengwu"></use>
                </svg>
                <div class="name">优惠券-商城五</div>
                <div class="code-name">#icon-youhuiquan-shangchengwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopping"></use>
                </svg>
                <div class="name">购物袋</div>
                <div class="code-name">#icon-shopping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-circle"></use>
                </svg>
                <div class="name">个人-圆</div>
                <div class="code-name">#icon-user-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search-fine"></use>
                </svg>
                <div class="name">搜索-细</div>
                <div class="code-name">#icon-search-fine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delivery"></use>
                </svg>
                <div class="name">免费</div>
                <div class="code-name">#icon-delivery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-security-lock"></use>
                </svg>
                <div class="name">安全锁</div>
                <div class="code-name">#icon-security-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tel"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-tel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guarantee"></use>
                </svg>
                <div class="name">保障</div>
                <div class="code-name">#icon-guarantee</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouji-shangchengsan"></use>
                </svg>
                <div class="name">手机-商城三</div>
                <div class="code-name">#icon-shouji-shangchengsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diannao-shangchengsan"></use>
                </svg>
                <div class="name">电脑-商城三</div>
                <div class="code-name">#icon-diannao-shangchengsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shumapeijian-shangchengsan"></use>
                </svg>
                <div class="name">数码配件-商城三</div>
                <div class="code-name">#icon-shumapeijian-shangchengsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengshebei-shangchengsan"></use>
                </svg>
                <div class="name">智能设备-商城三</div>
                <div class="code-name">#icon-zhinengshebei-shangchengsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyinyule-shangchengsan"></use>
                </svg>
                <div class="name">影音娱乐-商城三</div>
                <div class="code-name">#icon-yingyinyule-shangchengsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-camera"></use>
                </svg>
                <div class="name">摄像机</div>
                <div class="code-name">#icon-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swiper-arrow-top"></use>
                </svg>
                <div class="name">上箭头-官网1新</div>
                <div class="code-name">#icon-swiper-arrow-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swiper-arrow-left"></use>
                </svg>
                <div class="name">左侧箭头-官网一</div>
                <div class="code-name">#icon-swiper-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swiper-arrow-right"></use>
                </svg>
                <div class="name">右侧箭头-官网一</div>
                <div class="code-name">#icon-swiper-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-swiper-arrow-down"></use>
                </svg>
                <div class="name">下箭头-官网一</div>
                <div class="code-name">#icon-swiper-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopsite2-overcoat"></use>
                </svg>
                <div class="name">夹克-商城二新</div>
                <div class="code-name">#icon-shopsite2-overcoat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopsite2-shoe"></use>
                </svg>
                <div class="name">鞋子-商城二</div>
                <div class="code-name">#icon-shopsite2-shoe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopsize2-shirt"></use>
                </svg>
                <div class="name">衬衫-商城二</div>
                <div class="code-name">#icon-shopsize2-shirt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopsite2-watch"></use>
                </svg>
                <div class="name">手表-商城二</div>
                <div class="code-name">#icon-shopsite2-watch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopsite2-pants"></use>
                </svg>
                <div class="name">裤子-商城二</div>
                <div class="code-name">#icon-shopsite2-pants</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopsite2-all"></use>
                </svg>
                <div class="name">全部-商城二</div>
                <div class="code-name">#icon-shopsite2-all</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daxingchangqu"></use>
                </svg>
                <div class="name">大型厂区</div>
                <div class="code-name">#icon-daxingchangqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-minyingqiyezhimingpinpai"></use>
                </svg>
                <div class="name">民营企业知名品牌</div>
                <div class="code-name">#icon-minyingqiyezhimingpinpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiliangguankong"></use>
                </svg>
                <div class="name">质量管控</div>
                <div class="code-name">#icon-zhiliangguankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianjinshengchanshebei"></use>
                </svg>
                <div class="name">先进生产设备</div>
                <div class="code-name">#icon-xianjinshengchanshebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nianchanneng-guanwanger"></use>
                </svg>
                <div class="name">年产能-官网二</div>
                <div class="code-name">#icon-nianchanneng-guanwanger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpinbianbu30chengshi"></use>
                </svg>
                <div class="name">产品遍布30城市</div>
                <div class="code-name">#icon-chanpinbianbu30chengshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhizaojingyan"></use>
                </svg>
                <div class="name">制造经验</div>
                <div class="code-name">#icon-zhizaojingyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuaidaihexinren"></use>
                </svg>
                <div class="name">客户爱戴和信任</div>
                <div class="code-name">#icon-kehuaidaihexinren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-phone"></use>
                </svg>
                <div class="name">联系电话-官网三</div>
                <div class="code-name">#icon-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right-3"></use>
                </svg>
                <div class="name">箭头 -官网三</div>
                <div class="code-name">#icon-arrow-right-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanyefenxicehua-guanwangsan"></use>
                </svg>
                <div class="name">专业分析策划-官网三</div>
                <div class="code-name">#icon-zhuanyefenxicehua-guanwangsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-tuanduiyoushi-guanwangsan"></use>
                </svg>
                <div class="name">团队 优势-官网三</div>
                <div class="code-name">#icon-a-tuanduiyoushi-guanwangsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwutixi-guanwangsan"></use>
                </svg>
                <div class="name">服务体系-官网三</div>
                <div class="code-name">#icon-fuwutixi-guanwangsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxihuaguanli-guanwangsan"></use>
                </svg>
                <div class="name">信息化管理-官网三</div>
                <div class="code-name">#icon-xinxihuaguanli-guanwangsan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right-4"></use>
                </svg>
                <div class="name">官网三箭头</div>
                <div class="code-name">#icon-arrow-right-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-2"></use>
                </svg>
                <div class="name">店员</div>
                <div class="code-name">#icon-user-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-exit"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-exit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#icon-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-after-sales"></use>
                </svg>
                <div class="name">退货</div>
                <div class="code-name">#icon-after-sales</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cashier"></use>
                </svg>
                <div class="name">收银</div>
                <div class="code-name">#icon-cashier</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cashier-check"></use>
                </svg>
                <div class="name">核销</div>
                <div class="code-name">#icon-cashier-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-scan-code"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#icon-scan-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dadaorder"></use>
                </svg>
                <div class="name">配送</div>
                <div class="code-name">#icon-dadaorder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-pay"></use>
                </svg>
                <div class="name">支付</div>
                <div class="code-name">#icon-batch-pay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wait-receive-delivery"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#icon-wait-receive-delivery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wait-comment"></use>
                </svg>
                <div class="name">待评论</div>
                <div class="code-name">#icon-wait-comment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wait-delivery"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#icon-wait-delivery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wait-payment"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#icon-wait-payment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refund-aftersales"></use>
                </svg>
                <div class="name">退款/售后</div>
                <div class="code-name">#icon-refund-aftersales</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-list"></use>
                </svg>
                <div class="name">订单列表</div>
                <div class="code-name">#icon-order-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-created-midal"></use>
                </svg>
                <div class="name">生成账单</div>
                <div class="code-name">#icon-created-midal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paypal"></use>
                </svg>
                <div class="name">充值</div>
                <div class="code-name">#icon-paypal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duty"></use>
                </svg>
                <div class="name">值班</div>
                <div class="code-name">#icon-duty</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-salary"></use>
                </svg>
                <div class="name">薪水</div>
                <div class="code-name">#icon-salary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-batch-settlement"></use>
                </svg>
                <div class="name">批量结算</div>
                <div class="code-name">#icon-batch-settlement</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-system-goods"></use>
                </svg>
                <div class="name">商品库</div>
                <div class="code-name">#icon-system-goods</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye-slash"></use>
                </svg>
                <div class="name">眼睛-不可见</div>
                <div class="code-name">#icon-eye-slash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eye"></use>
                </svg>
                <div class="name">眼睛-可见</div>
                <div class="code-name">#icon-eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox-checked"></use>
                </svg>
                <div class="name">多选-选中</div>
                <div class="code-name">#icon-checkbox-checked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-radio-unchecked"></use>
                </svg>
                <div class="name">单选-未选中</div>
                <div class="code-name">#icon-radio-unchecked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-radio-checked"></use>
                </svg>
                <div class="name">单选-选中</div>
                <div class="code-name">#icon-radio-checked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox-unchecked"></use>
                </svg>
                <div class="name">多选-未选中</div>
                <div class="code-name">#icon-checkbox-unchecked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notice"></use>
                </svg>
                <div class="name">notice</div>
                <div class="code-name">#icon-notice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-enable"></use>
                </svg>
                <div class="name">启用</div>
                <div class="code-name">#icon-enable</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-retract"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#icon-retract</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-setup"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-setup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logout"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-store-user"></use>
                </svg>
                <div class="name">后台商店用户</div>
                <div class="code-name">#icon-admin-store-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-store-vip"></use>
                </svg>
                <div class="name">后台商店VIP</div>
                <div class="code-name">#icon-admin-store-vip</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-table-user-gender"></use>
                </svg>
                <div class="name">table-user-gender</div>
                <div class="code-name">#icon-table-user-gender</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yhxx-yanj"></use>
                </svg>
                <div class="name">yhxx-yanj</div>
                <div class="code-name">#icon-yhxx-yanj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table-user-mobile"></use>
                </svg>
                <div class="name">table-user-mobile</div>
                <div class="code-name">#icon-table-user-mobile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table-user-number-code"></use>
                </svg>
                <div class="name">table-user-number-code</div>
                <div class="code-name">#icon-table-user-number-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table-user-username"></use>
                </svg>
                <div class="name">table-user-username</div>
                <div class="code-name">#icon-table-user-username</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table-user-email"></use>
                </svg>
                <div class="name">table-user-email</div>
                <div class="code-name">#icon-table-user-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-address-checked"></use>
                </svg>
                <div class="name">address-checked</div>
                <div class="code-name">#icon-address-checked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-address-unchecked"></use>
                </svg>
                <div class="name">address-unchecked</div>
                <div class="code-name">#icon-address-unchecked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-del"></use>
                </svg>
                <div class="name">order-del</div>
                <div class="code-name">#icon-order-del</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-order-add"></use>
                </svg>
                <div class="name">order-add</div>
                <div class="code-name">#icon-order-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application-uninstall"></use>
                </svg>
                <div class="name">application-uninstall</div>
                <div class="code-name">#icon-application-uninstall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upload-file"></use>
                </svg>
                <div class="name">upload-file</div>
                <div class="code-name">#icon-upload-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qj-rizhi"></use>
                </svg>
                <div class="name">qj-rizhi</div>
                <div class="code-name">#icon-qj-rizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-download"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#icon-download</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-close-o"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-close-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-down-s"></use>
                </svg>
                <div class="name">arrow-down-s</div>
                <div class="code-name">#icon-arrow-down-s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angle-up"></use>
                </svg>
                <div class="name">向上箭头</div>
                <div class="code-name">#icon-angle-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angle-right"></use>
                </svg>
                <div class="name">向右箭头</div>
                <div class="code-name">#icon-angle-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angle-left"></use>
                </svg>
                <div class="name">向左箭头</div>
                <div class="code-name">#icon-angle-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right-s"></use>
                </svg>
                <div class="name">arrow-right-s</div>
                <div class="code-name">#icon-arrow-right-s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sort"></use>
                </svg>
                <div class="name">sort</div>
                <div class="code-name">#icon-sort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shear"></use>
                </svg>
                <div class="name">剪切</div>
                <div class="code-name">#icon-shear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-copy"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#icon-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-map-position"></use>
                </svg>
                <div class="name">map-position</div>
                <div class="code-name">#icon-map-position</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-right"></use>
                </svg>
                <div class="name">arrow-right</div>
                <div class="code-name">#icon-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow-down"></use>
                </svg>
                <div class="name">arrow-down</div>
                <div class="code-name">#icon-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-back"></use>
                </svg>
                <div class="name">back</div>
                <div class="code-name">#icon-back</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-theme"></use>
                </svg>
                <div class="name">theme</div>
                <div class="code-name">#icon-theme</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-clear-crude"></use>
                </svg>
                <div class="name">清扫-粗</div>
                <div class="code-name">#icon-clear-crude</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-qj-tuid"></use>
                </svg>
                <div class="name">qj-tuid</div>
                <div class="code-name">#icon-qj-tuid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import"></use>
                </svg>
                <div class="name">import</div>
                <div class="code-name">#icon-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-send"></use>
                </svg>
                <div class="name">发送</div>
                <div class="code-name">#icon-send</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-send-delivery"></use>
                </svg>
                <div class="name">发货</div>
                <div class="code-name">#icon-send-delivery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-print"></use>
                </svg>
                <div class="name">print</div>
                <div class="code-name">#icon-print</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pdf"></use>
                </svg>
                <div class="name">pdf</div>
                <div class="code-name">#icon-pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add</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-take-delivery"></use>
                </svg>
                <div class="name">收货</div>
                <div class="code-name">#icon-take-delivery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cog"></use>
                </svg>
                <div class="name">cog</div>
                <div class="code-name">#icon-cog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-check"></use>
                </svg>
                <div class="name">打勾</div>
                <div class="code-name">#icon-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-btn-del"></use>
                </svg>
                <div class="name">btn-del</div>
                <div class="code-name">#icon-btn-del</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-btn-add"></use>
                </svg>
                <div class="name">btn-add</div>
                <div class="code-name">#icon-btn-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tips"></use>
                </svg>
                <div class="name">tips</div>
                <div class="code-name">#icon-tips</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-contract"></use>
                </svg>
                <div class="name">contract</div>
                <div class="code-name">#icon-contract</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-upload-add"></use>
                </svg>
                <div class="name">upload-add</div>
                <div class="code-name">#icon-upload-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application-delete"></use>
                </svg>
                <div class="name">application-delete</div>
                <div class="code-name">#icon-application-delete</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-download-btn"></use>
                </svg>
                <div class="name">download-btn</div>
                <div class="code-name">#icon-download-btn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-type-manage"></use>
                </svg>
                <div class="name">type-manage</div>
                <div class="code-name">#icon-type-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-home-page"></use>
                </svg>
                <div class="name">admin-home-page</div>
                <div class="code-name">#icon-admin-home-page</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-system"></use>
                </svg>
                <div class="name">admin-system</div>
                <div class="code-name">#icon-admin-system</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-tools"></use>
                </svg>
                <div class="name">admin-tools</div>
                <div class="code-name">#icon-admin-tools</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-article"></use>
                </svg>
                <div class="name">admin-article</div>
                <div class="code-name">#icon-admin-article</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-data"></use>
                </svg>
                <div class="name">admin-data</div>
                <div class="code-name">#icon-admin-data</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-phone"></use>
                </svg>
                <div class="name">admin-phone</div>
                <div class="code-name">#icon-admin-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-order"></use>
                </svg>
                <div class="name">admin-order</div>
                <div class="code-name">#icon-admin-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-application"></use>
                </svg>
                <div class="name">admin-application</div>
                <div class="code-name">#icon-admin-application</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-web-manage"></use>
                </svg>
                <div class="name">admin-web-manage</div>
                <div class="code-name">#icon-admin-web-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-site-config"></use>
                </svg>
                <div class="name">admin-site-config</div>
                <div class="code-name">#icon-admin-site-config</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-auth"></use>
                </svg>
                <div class="name">admin-auth</div>
                <div class="code-name">#icon-admin-auth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-brand"></use>
                </svg>
                <div class="name">admin-brand</div>
                <div class="code-name">#icon-admin-brand</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-user"></use>
                </svg>
                <div class="name">admin-user</div>
                <div class="code-name">#icon-admin-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-warehouse"></use>
                </svg>
                <div class="name">admin-warehouse</div>
                <div class="code-name">#icon-admin-warehouse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin-goods"></use>
                </svg>
                <div class="name">admin-goods</div>
                <div class="code-name">#icon-admin-goods</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-close-all"></use>
                </svg>
                <div class="name">nav-close-all</div>
                <div class="code-name">#icon-nav-close-all</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-refresh"></use>
                </svg>
                <div class="name">nav-refresh</div>
                <div class="code-name">#icon-nav-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-close-other"></use>
                </svg>
                <div class="name">nav-close-other</div>
                <div class="code-name">#icon-nav-close-other</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-angle-down"></use>
                </svg>
                <div class="name">向下箭头</div>
                <div class="code-name">#icon-angle-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-close"></use>
                </svg>
                <div class="name">nav-close</div>
                <div class="code-name">#icon-nav-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-tools"></use>
                </svg>
                <div class="name">nav-tools</div>
                <div class="code-name">#icon-nav-tools</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-language"></use>
                </svg>
                <div class="name">language</div>
                <div class="code-name">#icon-language</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-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-clear"></use>
                </svg>
                <div class="name">清扫</div>
                <div class="code-name">#icon-clear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dark"></use>
                </svg>
                <div class="name">dark</div>
                <div class="code-name">#icon-dark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-full-screen"></use>
                </svg>
                <div class="name">full-screen</div>
                <div class="code-name">#icon-full-screen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-light"></use>
                </svg>
                <div class="name">light</div>
                <div class="code-name">#icon-light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-index-shaix"></use>
                </svg>
                <div class="name">index-shaix</div>
                <div class="code-name">#icon-index-shaix</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stretch"></use>
                </svg>
                <div class="name">stretch</div>
                <div class="code-name">#icon-stretch</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-yiny-bij"></use>
                </svg>
                <div class="name">yiny-bij</div>
                <div class="code-name">#icon-yiny-bij</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application-upload"></use>
                </svg>
                <div class="name">application-upload</div>
                <div class="code-name">#icon-application-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application-download"></use>
                </svg>
                <div class="name">application-download</div>
                <div class="code-name">#icon-application-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application-install"></use>
                </svg>
                <div class="name">application-install</div>
                <div class="code-name">#icon-application-install</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application-home"></use>
                </svg>
                <div class="name">application-home</div>
                <div class="code-name">#icon-application-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application-update"></use>
                </svg>
                <div class="name">application-update</div>
                <div class="code-name">#icon-application-update</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application-set"></use>
                </svg>
                <div class="name">application-set</div>
                <div class="code-name">#icon-application-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-mobile-bottom-nav-home-active"></use>
                </svg>
                <div class="name">手机底部导航-首页选中</div>
                <div class="code-name">#icon-web-mobile-bottom-nav-home-active</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-mobile-bottom-nav-category-active"></use>
                </svg>
                <div class="name">手机底部导航-分类选中</div>
                <div class="code-name">#icon-web-mobile-bottom-nav-category-active</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-mobile-bottom-nav-user-active"></use>
                </svg>
                <div class="name">手机底部导航-用户选中</div>
                <div class="code-name">#icon-web-mobile-bottom-nav-user-active</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-mobile-bottom-nav-cart-active"></use>
                </svg>
                <div class="name">手机底部导航-购物车选中</div>
                <div class="code-name">#icon-web-mobile-bottom-nav-cart-active</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-mobile-bottom-nav-user"></use>
                </svg>
                <div class="name">手机底部导航-用户</div>
                <div class="code-name">#icon-web-mobile-bottom-nav-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-mobile-bottom-nav-cart"></use>
                </svg>
                <div class="name">手机底部导航-购物车</div>
                <div class="code-name">#icon-web-mobile-bottom-nav-cart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-mobile-bottom-nav-home"></use>
                </svg>
                <div class="name">手机底部导航-首页</div>
                <div class="code-name">#icon-web-mobile-bottom-nav-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-web-mobile-bottom-nav-category"></use>
                </svg>
                <div class="name">手机底部导航-分类</div>
                <div class="code-name">#icon-web-mobile-bottom-nav-category</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-footer-email"></use>
                </svg>
                <div class="name">网站底部邮箱</div>
                <div class="code-name">#icon-footer-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-footer-address"></use>
                </svg>
                <div class="name">网站底部地址</div>
                <div class="code-name">#icon-footer-address</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-footer-tel"></use>
                </svg>
                <div class="name">网站底部电话</div>
                <div class="code-name">#icon-footer-tel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-login-right-pc"></use>
                </svg>
                <div class="name">扫码登录端切换-pc</div>
                <div class="code-name">#icon-login-right-pc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-login-right-scan"></use>
                </svg>
                <div class="name">扫码登录端切换-手机</div>
                <div class="code-name">#icon-login-right-scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-payment-fail"></use>
                </svg>
                <div class="name">支付失败</div>
                <div class="code-name">#icon-payment-fail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongzhi-zffs"></use>
                </svg>
                <div class="name">chongzhi-zffs</div>
                <div class="code-name">#icon-chongzhi-zffs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongzhi-czje"></use>
                </svg>
                <div class="name">chongzhi-czje</div>
                <div class="code-name">#icon-chongzhi-czje</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhifu-yixuan"></use>
                </svg>
                <div class="name">zhifu-yixuan</div>
                <div class="code-name">#icon-zhifu-yixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhifu-weixuan"></use>
                </svg>
                <div class="name">zhifu-weixuan</div>
                <div class="code-name">#icon-zhifu-weixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keyboard-backspace"></use>
                </svg>
                <div class="name">jianpan-guanbi</div>
                <div class="code-name">#icon-keyboard-backspace</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-transfer"></use>
                </svg>
                <div class="name">钱包转账/转换</div>
                <div class="code-name">#icon-transfer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoyisao"></use>
                </svg>
                <div class="name">扫一扫</div>
                <div class="code-name">#icon-saoyisao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-more-phone"></use>
                </svg>
                <div class="name">more_phone</div>
                <div class="code-name">#icon-more-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpuproduc"></use>
                </svg>
                <div class="name">dianpuproduc</div>
                <div class="code-name">#icon-dianpuproduc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianpushuliang"></use>
                </svg>
                <div class="name">dianpushuliang</div>
                <div class="code-name">#icon-dianpushuliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-exchange-nav-top"></use>
                </svg>
                <div class="name">exchange-nav-top</div>
                <div class="code-name">#icon-exchange-nav-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-center-left-logout"></use>
                </svg>
                <div class="name">icon-anquantuic-left</div>
                <div class="code-name">#icon-user-center-left-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cart-nav-top"></use>
                </svg>
                <div class="name">cart-nav-top</div>
                <div class="code-name">#icon-cart-nav-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shishangfushi"></use>
                </svg>
                <div class="name">shishangfushi</div>
                <div class="code-name">#icon-shishangfushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiche"></use>
                </svg>
                <div class="name">qiche</div>
                <div class="code-name">#icon-qiche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhubaoshoubiao"></use>
                </svg>
                <div class="name">zhubaoshoubiao</div>
                <div class="code-name">#icon-zhubaoshoubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-queren_wdfx"></use>
                </svg>
                <div class="name">queren_wdfx</div>
                <div class="code-name">#icon-queren_wdfx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianotukongjian_wdfx"></use>
                </svg>
                <div class="name">jianotukongjian_wdfx</div>
                <div class="code-name">#icon-jianotukongjian_wdfx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili_wdfx"></use>
                </svg>
                <div class="name">rili_wdfx</div>
                <div class="code-name">#icon-rili_wdfx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jt1_wdfx"></use>
                </svg>
                <div class="name">jt1_wdfx</div>
                <div class="code-name">#icon-jt1_wdfx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-putongfenxiao_wdfx"></use>
                </svg>
                <div class="name">putongfenxiao_wdfx</div>
                <div class="code-name">#icon-putongfenxiao_wdfx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qutixian_wdfx"></use>
                </svg>
                <div class="name">qutixian_wdfx</div>
                <div class="code-name">#icon-qutixian_wdfx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quhuodian_wdfx"></use>
                </svg>
                <div class="name">quhuodian_wdfx</div>
                <div class="code-name">#icon-quhuodian_wdfx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-recharge"></use>
                </svg>
                <div class="name">钱包充值</div>
                <div class="code-name">#icon-recharge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengsong_wdqb"></use>
                </svg>
                <div class="name">zengsong_wdqb</div>
                <div class="code-name">#icon-zengsong_wdqb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youxiaojine_wdqb"></use>
                </svg>
                <div class="name">youxiaojine_wdqb</div>
                <div class="code-name">#icon-youxiaojine_wdqb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-center-left-base"></use>
                </svg>
                <div class="name">ziliaoguanli_left</div>
                <div class="code-name">#icon-user-center-left-base</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaix_wdqb"></use>
                </svg>
                <div class="name">shaix_wdqb</div>
                <div class="code-name">#icon-shaix_wdqb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dongjie_wdqb"></use>
                </svg>
                <div class="name">dongjie_wdqb</div>
                <div class="code-name">#icon-dongjie_wdqb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-center-left-business"></use>
                </svg>
                <div class="name">yewuguanli_left</div>
                <div class="code-name">#icon-user-center-left-business</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi_wdqb"></use>
                </svg>
                <div class="name">shezhi_wdqb</div>
                <div class="code-name">#icon-shezhi_wdqb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengchangjifen_wdjf"></use>
                </svg>
                <div class="name">zhengchangjifen_wdjf</div>
                <div class="code-name">#icon-zhengchangjifen_wdjf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cash"></use>
                </svg>
                <div class="name">钱包提现</div>
                <div class="code-name">#icon-cash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-center-left-home"></use>
                </svg>
                <div class="name">gerenzhongxin_left</div>
                <div class="code-name">#icon-user-center-left-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo_wdqb"></use>
                </svg>
                <div class="name">sousuo_wdqb</div>
                <div class="code-name">#icon-sousuo_wdqb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-center-left-property"></use>
                </svg>
                <div class="name">caichanzhongxin_left</div>
                <div class="code-name">#icon-user-center-left-property</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongzhi1_wdqb"></use>
                </svg>
                <div class="name">chongzhi1_wdqb</div>
                <div class="code-name">#icon-chongzhi1_wdqb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaojihuiyuan_wdhy"></use>
                </svg>
                <div class="name">gaojihuiyuan_wdhy</div>
                <div class="code-name">#icon-gaojihuiyuan_wdhy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qrcode"></use>
                </svg>
                <div class="name">付款码/二维码</div>
                <div class="code-name">#icon-qrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kthy_wdhy"></use>
                </svg>
                <div class="name">kthy_wdhy</div>
                <div class="code-name">#icon-kthy_wdhy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantou_wdhy"></use>
                </svg>
                <div class="name">jiantou_wdhy</div>
                <div class="code-name">#icon-jiantou_wdhy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-finish_zb"></use>
                </svg>
                <div class="name">finish_zb</div>
                <div class="code-name">#icon-finish_zb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pause_zb"></use>
                </svg>
                <div class="name">pause_zb</div>
                <div class="code-name">#icon-pause_zb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-notbegun_zb"></use>
                </svg>
                <div class="name">not begun_zb</div>
                <div class="code-name">#icon-a-notbegun_zb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ask_zb"></use>
                </svg>
                <div class="name">ask_zb</div>
                <div class="code-name">#icon-ask_zb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hot_tw"></use>
                </svg>
                <div class="name">hot_tw</div>
                <div class="code-name">#icon-hot_tw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-admin_tw"></use>
                </svg>
                <div class="name">admin_tw</div>
                <div class="code-name">#icon-admin_tw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-question_twme"></use>
                </svg>
                <div class="name">question_twme</div>
                <div class="code-name">#icon-question_twme</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ask_tw"></use>
                </svg>
                <div class="name">ask_tw</div>
                <div class="code-name">#icon-ask_tw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-new_tw"></use>
                </svg>
                <div class="name">new_tw</div>
                <div class="code-name">#icon-new_tw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-question_tw"></use>
                </svg>
                <div class="name">question_tw</div>
                <div class="code-name">#icon-question_tw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-recommend_tw"></use>
                </svg>
                <div class="name">recommend_tw</div>
                <div class="code-name">#icon-recommend_tw</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sign_qd"></use>
                </svg>
                <div class="name">sign_qd</div>
                <div class="code-name">#icon-sign_qd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yqd_qd"></use>
                </svg>
                <div class="name">yqd_qd</div>
                <div class="code-name">#icon-yqd_qd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-share-square"></use>
                </svg>
                <div class="name">分享-正方形</div>
                <div class="code-name">#icon-share-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-team_qd"></use>
                </svg>
                <div class="name">team_qd</div>
                <div class="code-name">#icon-team_qd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-points_jf"></use>
                </svg>
                <div class="name">points_jf</div>
                <div class="code-name">#icon-points_jf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopping_assembly"></use>
                </svg>
                <div class="name">shopping_assembly</div>
                <div class="code-name">#icon-shopping_assembly</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-collect-nav-top"></use>
                </svg>
                <div class="name">collect</div>
                <div class="code-name">#icon-collect-nav-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-more-nav-top"></use>
                </svg>
                <div class="name">more</div>
                <div class="code-name">#icon-more-nav-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-language-nav-top"></use>
                </svg>
                <div class="name">language</div>
                <div class="code-name">#icon-language-nav-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mall-nav-top"></use>
                </svg>
                <div class="name">mall</div>
                <div class="code-name">#icon-mall-nav-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-message-nav-top"></use>
                </svg>
                <div class="name">message</div>
                <div class="code-name">#icon-message-nav-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-givealike-tap-review"></use>
                </svg>
                <div class="name">give a like-tap-review</div>
                <div class="code-name">#icon-a-givealike-tap-review</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-recover"></use>
                </svg>
                <div class="name">recover</div>
                <div class="code-name">#icon-recover</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-givealike-review"></use>
                </svg>
                <div class="name">give a like-review</div>
                <div class="code-name">#icon-a-givealike-review</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-givealike"></use>
                </svg>
                <div class="name">give a like</div>
                <div class="code-name">#icon-a-givealike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-share-dark"></use>
                </svg>
                <div class="name">Share</div>
                <div class="code-name">#icon-share-dark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-review"></use>
                </svg>
                <div class="name">review</div>
                <div class="code-name">#icon-review</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-my-list"></use>
                </svg>
                <div class="name">My blog</div>
                <div class="code-name">#icon-my-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-publish"></use>
                </svg>
                <div class="name">publish</div>
                <div class="code-name">#icon-publish</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hot"></use>
                </svg>
                <div class="name">hot</div>
                <div class="code-name">#icon-hot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user-center-nav-top"></use>
                </svg>
                <div class="name">individual center</div>
                <div class="code-name">#icon-user-center-nav-top</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-collect"></use>
                </svg>
                <div class="name">聚收藏</div>
                <div class="code-name">#icon-collect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table-list"></use>
                </svg>
                <div class="name">列表模式</div>
                <div class="code-name">#icon-table-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-table-grid"></use>
                </svg>
                <div class="name">图片列表切换</div>
                <div class="code-name">#icon-table-grid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-subscript"></use>
                </svg>
                <div class="name">选中角标</div>
                <div class="code-name">#icon-subscript</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tabulation"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-tabulation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-activate-service"></use>
                </svg>
                <div class="name">开通服务</div>
                <div class="code-name">#icon-activate-service</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qr-code"></use>
                </svg>
                <div class="name">3.1 二维码</div>
                <div class="code-name">#icon-qr-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gift"></use>
                </svg>
                <div class="name">礼物</div>
                <div class="code-name">#icon-gift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-share"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-home-page"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-home-page</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-store"></use>
                </svg>
                <div class="name">销售门店</div>
                <div class="code-name">#icon-store</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-address"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#icon-address</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-message"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-message</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shopping-cart"></use>
                </svg>
                <div class="name">购物车</div>
                <div class="code-name">#icon-shopping-cart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-flash-killing"></use>
                </svg>
                <div class="name">秒杀</div>
                <div class="code-name">#icon-flash-killing</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>

Youez - 2016 - github.com/yon3zu
LinuXploit