YDM
/
caiping


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686
							<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont</title>
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="/static/jquery.min.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">
    <div class="tab-container">
	<div class="font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出</div>
            <div class="code-name">icon-daochu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">
              导入</div>
            <div class="code-name">icon-daoru</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan"></span>
            <div class="name">
              上传</div>
            <div class="code-name">icon-shangchuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载</div>
            <div class="code-name">icon-xiazai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信</div>
            <div class="code-name">icon-weixin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QQ"></span>
            <div class="name">
              QQ</div>
            <div class="code-name">icon-QQ</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suozhu"></span>
            <div class="name">
              名称=锁定, 线面=off</div>
            <div class="code-name">icon-suozhu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuo"></span>
            <div class="name">
              名称=开锁, 线面=off</div>
            <div class="code-name">icon-jiesuo</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxian"></span>
            <div class="name">
              权限</div>
            <div class="code-name">icon-quanxian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cuowu"></span>
            <div class="name">
              错误</div>
            <div class="code-name">icon-cuowu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-charulianjie-"></span>
            <div class="name">
              插入链接-22</div>
            <div class="code-name">icon-charulianjie-</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除</div>
            <div class="code-name">icon-shanchu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakanxiangqing"></span>
            <div class="name">
              查看详情</div>
            <div class="code-name">icon-chakanxiangqing</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengyidong"></span>
            <div class="name">
              学生异动</div>
            <div class="code-name">icon-xueshengyidong</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baokao"></span>
            <div class="name">
              报考</div>
            <div class="code-name">icon-baokao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengji"></span>
            <div class="name">
              成绩</div>
            <div class="code-name">icon-chengji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuejuan"></span>
            <div class="name">
              阅卷</div>
            <div class="code-name">icon-yuejuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoheshezhi"></span>
            <div class="name">
              考核设置</div>
            <div class="code-name">icon-kaoheshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenguanli"></span>
            <div class="name">
              论文管理</div>
            <div class="code-name">icon-lunwenguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenbao"></span>
            <div class="name">
              申报</div>
            <div class="code-name">icon-shenbao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kecheng"></span>
            <div class="name">
              课程</div>
            <div class="code-name">icon-kecheng</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiku"></span>
            <div class="name">
              题库</div>
            <div class="code-name">icon-tiku</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaowushezhi"></span>
            <div class="name">
              教务设置</div>
            <div class="code-name">icon-jiaowushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidingyishezhi"></span>
            <div class="name">
              自定义设置</div>
            <div class="code-name">icon-zidingyishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaojitongji"></span>
            <div class="name">
              超级统计</div>
            <div class="code-name">icon-chaojitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengtongji"></span>
            <div class="name">
              招生统计</div>
            <div class="code-name">icon-zhaoshengtongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangtongji"></span>
            <div class="name">
              推广统计</div>
            <div class="code-name">icon-tuiguangtongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexitongji"></span>
            <div class="name">
              学习统计</div>
            <div class="code-name">icon-xuexitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diqushujutongji"></span>
            <div class="name">
              地区数据统计</div>
            <div class="code-name">icon-diqushujutongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujudaoru"></span>
            <div class="name">
              数据导入</div>
            <div class="code-name">icon-shujudaoru</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengkaoguanli"></span>
            <div class="name">
              成考管理</div>
            <div class="code-name">icon-chengkaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuanchengguanli"></span>
            <div class="name">
              远程管理</div>
            <div class="code-name">icon-yuanchengguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujiguanli"></span>
            <div class="name">
              书籍管理</div>
            <div class="code-name">icon-shujiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guochengxingkaohe"></span>
            <div class="name">
              过程性考核</div>
            <div class="code-name">icon-guochengxingkaohe</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuefenrending"></span>
            <div class="name">
              学分认定</div>
            <div class="code-name">icon-xuefenrending</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengdingdan"></span>
            <div class="name">
              课程订单</div>
            <div class="code-name">icon-kechengdingdan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentifankui"></span>
            <div class="name">
              问题反馈</div>
            <div class="code-name">icon-wentifankui</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichan"></span>
            <div class="name">
              资产</div>
            <div class="code-name">icon-zichan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-KPIguanli"></span>
            <div class="name">
              KPI管理</div>
            <div class="code-name">icon-KPIguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmuguanli"></span>
            <div class="name">
              项目管理</div>
            <div class="code-name">icon-xiangmuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixingongzhonghao"></span>
            <div class="name">
              微信公众号</div>
            <div class="code-name">icon-weixingongzhonghao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanshezhi"></span>
            <div class="name">
              安全设置</div>
            <div class="code-name">icon-anquanshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuzhongxin"></span>
            <div class="name">
              服务中心</div>
            <div class="code-name">icon-fuwuzhongxin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyefuwu"></span>
            <div class="name">
              企业服务</div>
            <div class="code-name">icon-qiyefuwu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkefuwu"></span>
            <div class="name">
              网课服务</div>
            <div class="code-name">icon-wangkefuwu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeiguanli"></span>
            <div class="name">
              收费管理</div>
            <div class="code-name">icon-shoufeiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxianshezhi"></span>
            <div class="name">
              权限设置</div>
            <div class="code-name">icon-quanxianshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaowutongji"></span>
            <div class="name">
              教务统计</div>
            <div class="code-name">icon-jiaowutongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuetongji"></span>
            <div class="name">
              教学统计</div>
            <div class="code-name">icon-jiaoxuetongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeitongji"></span>
            <div class="name">
              收费统计</div>
            <div class="code-name">icon-shoufeitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwutongji"></span>
            <div class="name">
              服务统计</div>
            <div class="code-name">icon-fuwutongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhitongji"></span>
            <div class="name">
              通知统计</div>
            <div class="code-name">icon-tongzhitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaohetongji"></span>
            <div class="name">
              考核统计</div>
            <div class="code-name">icon-kaohetongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhuoyuedu"></span>
            <div class="name">
              用户活跃度</div>
            <div class="code-name">icon-yonghuhuoyuedu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengbaoming"></span>
            <div class="name">
              学生报名</div>
            <div class="code-name">icon-xueshengbaoming</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengluqu"></span>
            <div class="name">
              学生录取</div>
            <div class="code-name">icon-xueshengluqu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengzhuce"></span>
            <div class="name">
              学生注册</div>
            <div class="code-name">icon-xueshengzhuce</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaijixuesheng"></span>
            <div class="name">
              在籍学生</div>
            <div class="code-name">icon-zaijixuesheng</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huamingce"></span>
            <div class="name">
              花名册</div>
            <div class="code-name">icon-huamingce</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleiguanli"></span>
            <div class="name">
              服务分类管理</div>
            <div class="code-name">icon-fenleiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuliebiao"></span>
            <div class="name">
              学生服务列表</div>
            <div class="code-name">icon-fuwuliebiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleiliebiao"></span>
            <div class="name">
              通知分类管理</div>
            <div class="code-name">icon-fenleiliebiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhiliebiao"></span>
            <div class="name">
              通知列表</div>
            <div class="code-name">icon-tongzhiliebiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuejihua"></span>
            <div class="name">
              教学计划</div>
            <div class="code-name">icon-jiaoxuejihua</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxueanpai"></span>
            <div class="name">
              教学安排</div>
            <div class="code-name">icon-jiaoxueanpai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjiguanli"></span>
            <div class="name">
              成绩管理</div>
            <div class="code-name">icon-chengjiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupianguanli"></span>
            <div class="name">
              图片管理</div>
            <div class="code-name">icon-tupianguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshijihua"></span>
            <div class="name">
              考试计划</div>
            <div class="code-name">icon-kaoshijihua</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshipeizhi"></span>
            <div class="name">
              考试配置</div>
            <div class="code-name">icon-kaoshipeizhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexizhongxinguanli"></span>
            <div class="name">
              学习中心管理</div>
            <div class="code-name">icon-xuexizhongxinguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoheguanli"></span>
            <div class="name">
              考核管理</div>
            <div class="code-name">icon-kaoheguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoshiguanli"></span>
            <div class="name">
              教师管理</div>
            <div class="code-name">icon-jiaoshiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkeguanli"></span>
            <div class="name">
              网课管理</div>
            <div class="code-name">icon-wangkeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bulujiesuan"></span>
            <div class="name">
              补录结算</div>
            <div class="code-name">icon-bulujiesuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biyeguanli"></span>
            <div class="name">
              毕业管理</div>
            <div class="code-name">icon-biyeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaohezhibiao"></span>
            <div class="name">
              考核指标</div>
            <div class="code-name">icon-kaohezhibiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyeguanli"></span>
            <div class="name">
              企业管理</div>
            <div class="code-name">icon-qiyeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chubuguanli"></span>
            <div class="name">
              初步管理</div>
            <div class="code-name">icon-chubuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaobaobiao"></span>
            <div class="name">
              呼叫报表</div>
            <div class="code-name">icon-hujiaobaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saomiaodianjing"></span>
            <div class="name">
              扫描电镜</div>
            <div class="code-name">icon-saomiaodianjing</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiezhang"></span>
            <div class="name">
              结账</div>
            <div class="code-name">icon-jiezhang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoubaobiao"></span>
            <div class="name">
              销售报表</div>
            <div class="code-name">icon-xiaoshoubaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingzheng"></span>
            <div class="name">
              凭证</div>
            <div class="code-name">icon-pingzheng</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongyidong"></span>
            <div class="name">
              合同异动</div>
            <div class="code-name">icon-hetongyidong</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoupin"></span>
            <div class="name">
              销售品</div>
            <div class="code-name">icon-xiaoshoupin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshuguanli"></span>
            <div class="name">
              学术管理</div>
            <div class="code-name">icon-xueshuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yihaopin"></span>
            <div class="name">
              易耗品</div>
            <div class="code-name">icon-yihaopin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuguanli"></span>
            <div class="name">
              任务管理</div>
            <div class="code-name">icon-renwuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianshang"></span>
            <div class="name">
              电商</div>
            <div class="code-name">icon-dianshang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gudingzichan"></span>
            <div class="name">
              固定资产</div>
            <div class="code-name">icon-gudingzichan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongtaiguanli"></span>
            <div class="name">
              动态管理</div>
            <div class="code-name">icon-dongtaiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichupeizhi"></span>
            <div class="name">
              基础配置</div>
            <div class="code-name">icon-jichupeizhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashuju"></span>
            <div class="name">
              大数据</div>
            <div class="code-name">icon-dashuju</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaoshezhi"></span>
            <div class="name">
              呼叫设置</div>
            <div class="code-name">icon-hujiaoshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiaoshichang"></span>
            <div class="name">
              分销市场</div>
            <div class="code-name">icon-fenxiaoshichang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjitongji"></span>
            <div class="name">
              成绩统计</div>
            <div class="code-name">icon-chengjitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangshezhi"></span>
            <div class="name">
              推广设置</div>
            <div class="code-name">icon-tuiguangshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengzhongxin"></span>
            <div class="name">
              课程中心</div>
            <div class="code-name">icon-kechengzhongxin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongshezhi"></span>
            <div class="name">
              合同设置</div>
            <div class="code-name">icon-hetongshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengbaoguanli"></span>
            <div class="name">
              课程包管理</div>
            <div class="code-name">icon-kechengbaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuguanli"></span>
            <div class="name">
              用户管理</div>
            <div class="code-name">icon-yonghuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhuaxiang"></span>
            <div class="name">
              用户画像</div>
            <div class="code-name">icon-yonghuhuaxiang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghaoguanli"></span>
            <div class="name">
              帐号管理</div>
            <div class="code-name">icon-zhanghaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SEMguanli"></span>
            <div class="name">
              SEM管理</div>
            <div class="code-name">icon-SEMguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yusuan"></span>
            <div class="name">
              预算</div>
            <div class="code-name">icon-yusuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianbaobiao"></span>
            <div class="name">
              名片报表</div>
            <div class="code-name">icon-mingpianbaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanguanli"></span>
            <div class="name">
              订单管理</div>
            <div class="code-name">icon-dingdanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangguanli"></span>
            <div class="name">
              推广管理</div>
            <div class="code-name">icon-tuiguangguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuantiguanli"></span>
            <div class="name">
              专题管理</div>
            <div class="code-name">icon-zhuantiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoushezhi"></span>
            <div class="name">
              销售设置</div>
            <div class="code-name">icon-xiaoshoushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sucaiguanli"></span>
            <div class="name">
              素材管理</div>
            <div class="code-name">icon-sucaiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengdaoru"></span>
            <div class="name">
              学生导入</div>
            <div class="code-name">icon-xueshengdaoru</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangpinguanli"></span>
            <div class="name">
              商品管理</div>
            <div class="code-name">icon-shangpinguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paikeguanli"></span>
            <div class="name">
              排课管理</div>
            <div class="code-name">icon-paikeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxidaoru"></span>
            <div class="name">
              信息导入</div>
            <div class="code-name">icon-xinxidaoru</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeipeizhi"></span>
            <div class="name">
              收费配置</div>
            <div class="code-name">icon-shoufeipeizhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuquanxian"></span>
            <div class="name">
              用户权限</div>
            <div class="code-name">icon-yonghuquanxian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaijixueshengguanli"></span>
            <div class="name">
              在籍学生管理</div>
            <div class="code-name">icon-zaijixueshengguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuehaoguanli"></span>
            <div class="name">
              学号管理</div>
            <div class="code-name">icon-xuehaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengziyuanguanli"></span>
            <div class="name">
              课程资源管理</div>
            <div class="code-name">icon-kechengziyuanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianshoujiaoxueanpai"></span>
            <div class="name">
              面授教学安排</div>
            <div class="code-name">icon-mianshoujiaoxueanpai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangfang"></span>
            <div class="name">
              账房</div>
            <div class="code-name">icon-zhangfang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaikeguanli"></span>
            <div class="name">
              开课管理</div>
            <div class="code-name">icon-kaikeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biyetongji"></span>
            <div class="name">
              毕业统计</div>
            <div class="code-name">icon-biyetongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengzhunbei"></span>
            <div class="name">
              招生准备</div>
            <div class="code-name">icon-zhaoshengzhunbei</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paikeshezhi"></span>
            <div class="name">
              排课设置</div>
            <div class="code-name">icon-paikeshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjiguanli"></span>
            <div class="name">
              班级管理</div>
            <div class="code-name">icon-banjiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingpinketang"></span>
            <div class="name">
              精品课堂</div>
            <div class="code-name">icon-jingpinketang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongtidian"></span>
            <div class="name">
              员工提点</div>
            <div class="code-name">icon-yuangongtidian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshianpai"></span>
            <div class="name">
              考试安排</div>
            <div class="code-name">icon-kaoshianpai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluojiaoxueanpai"></span>
            <div class="name">
              网络教学安排</div>
            <div class="code-name">icon-wangluojiaoxueanpai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ruxuechengji"></span>
            <div class="name">
              入学成绩</div>
            <div class="code-name">icon-ruxuechengji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianshoujiaoxue"></span>
            <div class="name">
              面授教学</div>
            <div class="code-name">icon-mianshoujiaoxue</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoshijiaoshiguanli"></span>
            <div class="name">
              教师教室管理</div>
            <div class="code-name">icon-jiaoshijiaoshiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luquguanli"></span>
            <div class="name">
              录取管理</div>
            <div class="code-name">icon-luquguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luquchengji"></span>
            <div class="name">
              录取成绩</div>
            <div class="code-name">icon-luquchengji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              资源</div>
            <div class="code-name">icon-ziyuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kejian"></span>
            <div class="name">
              课件</div>
            <div class="code-name">icon-kejian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waibukejian"></span>
            <div class="name">
              外部课件</div>
            <div class="code-name">icon-waibukejian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rizhiguanli"></span>
            <div class="name">
              日志管理</div>
            <div class="code-name">icon-rizhiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobanguanli"></span>
            <div class="name">
              模版管理</div>
            <div class="code-name">icon-mobanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiyichuli"></span>
            <div class="name">
              异议处理</div>
            <div class="code-name">icon-yiyichuli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenshenbao"></span>
            <div class="name">
              论文申报</div>
            <div class="code-name">icon-lunwenshenbao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenshezhi"></span>
            <div class="name">
              论文设置</div>
            <div class="code-name">icon-lunwenshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuedianshezhi"></span>
            <div class="name">
              教学点设置</div>
            <div class="code-name">icon-jiaoxuedianshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-buluchenjiang"></span>
            <div class="name">
              补录沉降</div>
            <div class="code-name">icon-buluchenjiang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mokuaishezhi"></span>
            <div class="name">
              模块设置</div>
            <div class="code-name">icon-mokuaishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziliaoguanli"></span>
            <div class="name">
              资料管理</div>
            <div class="code-name">icon-ziliaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituanguanli"></span>
            <div class="name">
              集团管理</div>
            <div class="code-name">icon-jituanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongguanli"></span>
            <div class="name">
              应用管理</div>
            <div class="code-name">icon-yingyongguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanwangshijuan"></span>
            <div class="name">
              官网试卷</div>
            <div class="code-name">icon-guanwangshijuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodewangke"></span>
            <div class="name">
              我的网课</div>
            <div class="code-name">icon-wodewangke</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaobenguanli"></span>
            <div class="name">
              脚本管理</div>
            <div class="code-name">icon-jiaobenguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanyeguanliyuan"></span>
            <div class="name">
              专业管理员</div>
            <div class="code-name">icon-zhuanyeguanliyuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengchengji"></span>
            <div class="name">
              学生成绩</div>
            <div class="code-name">icon-xueshengchengji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuguanli"></span>
            <div class="name">
              服务管理</div>
            <div class="code-name">icon-fuwuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daijinquan"></span>
            <div class="name">
              代金券</div>
            <div class="code-name">icon-daijinquan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinjinshoufei"></span>
            <div class="name">
              引进收费</div>
            <div class="code-name">icon-yinjinshoufei</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjiaoqingdan"></span>
            <div class="name">
              应缴清单</div>
            <div class="code-name">icon-yingjiaoqingdan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duizhangdan"></span>
            <div class="name">
              对账单</div>
            <div class="code-name">icon-duizhangdan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangjiguanli"></span>
            <div class="name">
              商机管理</div>
            <div class="code-name">icon-shangjiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyehuihuacundang"></span>
            <div class="name">
              企微会话存档</div>
            <div class="code-name">icon-qiyehuihuacundang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghushezhi"></span>
            <div class="name">
              用户设置</div>
            <div class="code-name">icon-yonghushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxishezhi"></span>
            <div class="name">
              消息设置</div>
            <div class="code-name">icon-xiaoxishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaoshezhi"></span>
            <div class="name">
              营销设置</div>
            <div class="code-name">icon-yingxiaoshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwushichang"></span>
            <div class="name">
              服务市场</div>
            <div class="code-name">icon-fuwushichang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sucaiziyuan"></span>
            <div class="name">
              素材资源</div>
            <div class="code-name">icon-sucaiziyuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaowanfa"></span>
            <div class="name">
              营销玩法</div>
            <div class="code-name">icon-yingxiaowanfa</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguang"></span>
            <div class="name">
              推广</div>
            <div class="code-name">icon-tuiguang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuliebiao"></span>
            <div class="name">
              用户列表</div>
            <div class="code-name">icon-yonghuliebiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanguanli"></span>
            <div class="name">
              资源管理</div>
            <div class="code-name">icon-ziyuanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengguanli"></span>
            <div class="name">
              课程管理</div>
            <div class="code-name">icon-kechengguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengbao"></span>
            <div class="name">
              课程包</div>
            <div class="code-name">icon-kechengbao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tikuguanli"></span>
            <div class="name">
              题库管理</div>
            <div class="code-name">icon-tikuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkeshichang"></span>
            <div class="name">
              网课市场</div>
            <div class="code-name">icon-wangkeshichang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdan"></span>
            <div class="name">
              工单</div>
            <div class="code-name">icon-gongdan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangkeguanli"></span>
            <div class="name">
              访客管理</div>
            <div class="code-name">icon-fangkeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiansuoguanli"></span>
            <div class="name">
              线索管理</div>
            <div class="code-name">icon-xiansuoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuguanli"></span>
            <div class="name">
              客户管理</div>
            <div class="code-name">icon-kehuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituankehu"></span>
            <div class="name">
              集团客户</div>
            <div class="code-name">icon-jituankehu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-genjinjilu"></span>
            <div class="name">
              跟进记录</div>
            <div class="code-name">icon-genjinjilu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaoguanli"></span>
            <div class="name">
              呼叫管理</div>
            <div class="code-name">icon-hujiaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuotai"></span>
            <div class="name">
              工作台</div>
            <div class="code-name">icon-gongzuotai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujubaobiao"></span>
            <div class="name">
              数据报表</div>
            <div class="code-name">icon-shujubaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangkebaobiao"></span>
            <div class="name">
              访客报表</div>
            <div class="code-name">icon-fangkebaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli"></span>
            <div class="name">
              账簿管理</div>
            <div class="code-name">icon-zhangbuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli_zi"></span>
            <div class="name">
              账簿管理_子系统</div>
            <div class="code-name">icon-zhangbuguanli_zi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli_zixitong_A"></span>
            <div class="name">
              账簿管理_子系统</div>
            <div class="code-name">icon-zhangbuguanli_zixitong_A</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongguanli"></span>
            <div class="name">
              合同管理</div>
            <div class="code-name">icon-hetongguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunyingzheguanli"></span>
            <div class="name">
              运营者管理</div>
            <div class="code-name">icon-yunyingzheguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaopinguanli"></span>
            <div class="name">
              招聘管理</div>
            <div class="code-name">icon-zhaopinguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongziguanli"></span>
            <div class="name">
              工资管理</div>
            <div class="code-name">icon-gongziguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeshenpi"></span>
            <div class="name">
              我的审批</div>
            <div class="code-name">icon-wodeshenpi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaozhunmobanshezhi"></span>
            <div class="name">
              标准模版设置</div>
            <div class="code-name">icon-biaozhunmobanshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichushezhi"></span>
            <div class="name">
              基础设置</div>
            <div class="code-name">icon-jichushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwushezhi"></span>
            <div class="name">
              财务设置</div>
            <div class="code-name">icon-caiwushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpinshezhi"></span>
            <div class="name">
              产品设置</div>
            <div class="code-name">icon-chanpinshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpishezhi"></span>
            <div class="name">
              审批设置</div>
            <div class="code-name">icon-shenpishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mubiaoguanli"></span>
            <div class="name">
              目标管理</div>
            <div class="code-name">icon-mubiaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhandianshezhi"></span>
            <div class="name">
              站点设置</div>
            <div class="code-name">icon-zhandianshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshishezhi"></span>
            <div class="name">
              人事设置</div>
            <div class="code-name">icon-renshishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CRMshezhi"></span>
            <div class="name">
              CRM设置</div>
            <div class="code-name">icon-CRMshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianshezhi"></span>
            <div class="name">
              名片设置</div>
            <div class="code-name">icon-mingpianshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangxiaoshezhi"></span>
            <div class="name">
              网校设置</div>
            <div class="code-name">icon-wangxiaoshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodedianping"></span>
            <div class="name">
              我的点评</div>
            <div class="code-name">icon-wodedianping</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodexuesheng"></span>
            <div class="name">
              我的学生</div>
            <div class="code-name">icon-wodexuesheng</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxijilu"></span>
            <div class="name">
              联系记录</div>
            <div class="code-name">icon-lianxijilu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tousutiwen"></span>
            <div class="name">
              投诉提问</div>
            <div class="code-name">icon-tousutiwen</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peixunjihua"></span>
            <div class="name">
              培训计划</div>
            <div class="code-name">icon-peixunjihua</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiyongchaxun"></span>
            <div class="name">
              费用查询</div>
            <div class="code-name">icon-feiyongchaxun</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaofei"></span>
            <div class="name">
              学生缴费</div>
            <div class="code-name">icon-jiaofei</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jizhang"></span>
            <div class="name">
              记账</div>
            <div class="code-name">icon-jizhang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查账</div>
            <div class="code-name">icon-chaxun</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chazhang"></span>
            <div class="name">
              查账</div>
            <div class="code-name">icon-chazhang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baobiao"></span>
            <div class="name">
              报表</div>
            <div class="code-name">icon-baobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置</div>
            <div class="code-name">icon-shezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daqiajilu"></span>
            <div class="name">
              招生报表</div>
            <div class="code-name">icon-daqiajilu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluobanji"></span>
            <div class="name">
              打卡记录</div>
            <div class="code-name">icon-wangluobanji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangxiaoshezhi1"></span>
            <div class="name">
              网络班级</div>
            <div class="code-name">icon-wangxiaoshezhi1</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtaishezhi"></span>
            <div class="name">
              小程序</div>
            <div class="code-name">icon-houtaishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengshezhi"></span>
            <div class="name">
              后台设置</div>
            <div class="code-name">icon-zhaoshengshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxizhongxin"></span>
            <div class="name">
              招生设置</div>
            <div class="code-name">icon-xiaoxizhongxin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengbaobiao"></span>
            <div class="name">
              消息中心</div>
            <div class="code-name">icon-zhaoshengbaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanguanli"></span>
            <div class="name">
              菜单管理</div>
            <div class="code-name">icon-caidanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuangjianxitong"></span>
            <div class="name">
              创建系统</div>
            <div class="code-name">icon-chuangjianxitong</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdanguanli"></span>
            <div class="name">
              工单管理</div>
            <div class="code-name">icon-gongdanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duanxin"></span>
            <div class="name">
              短信</div>
            <div class="code-name">icon-duanxin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangzhuzhongxin"></span>
            <div class="name">
              帮助中心</div>
            <div class="code-name">icon-bangzhuzhongxin</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>
  </div>

<script>
    $('.dib').on('click', function(){
		var iconclass = $(this).find('.code-name').text();
		var copied = copy(iconclass);
		if(copied){
			alert('已复制图标名称 '+ iconclass);
		}
    });
    function copy(text){
		var textarea = document.createElement('textarea');
		textarea.value = text;
		textarea.style.position = 'absolute';
		textarea.style.opacity = '0';
		document.body.appendChild(textarea);
		textarea.select();
		var copied = false;
		try{
			copied = document.execCommand('copy');
		}catch(err){
			console.log('error', err);
		}
		textarea.remove();
		return copied;
    }
</script>
</body>
</html>