vue-moo
Version:
moo
1,282 lines (1,068 loc) • 122 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont2 icon2-number_"></i>
<div class="name">number_6</div>
<div class="fontclass">.icon2-number_</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_1"></i>
<div class="name">number_7</div>
<div class="fontclass">.icon2-number_1</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_2"></i>
<div class="name">number_9</div>
<div class="fontclass">.icon2-number_2</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_3"></i>
<div class="name">number_0</div>
<div class="fontclass">.icon2-number_3</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_4"></i>
<div class="name">number_3</div>
<div class="fontclass">.icon2-number_4</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_5"></i>
<div class="name">number_1</div>
<div class="fontclass">.icon2-number_5</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_6"></i>
<div class="name">number_4</div>
<div class="fontclass">.icon2-number_6</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_7"></i>
<div class="name">number_8</div>
<div class="fontclass">.icon2-number_7</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_punctuation"></i>
<div class="name">number_punctuation</div>
<div class="fontclass">.icon2-number_punctuation</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_8"></i>
<div class="name">number_5</div>
<div class="fontclass">.icon2-number_8</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_9"></i>
<div class="name">number_2</div>
<div class="fontclass">.icon2-number_9</div>
</li>
<li>
<i class="icon iconfont2 icon2-add"></i>
<div class="name">add</div>
<div class="fontclass">.icon2-add</div>
</li>
<li>
<i class="icon iconfont2 icon2-column"></i>
<div class="name">3column</div>
<div class="fontclass">.icon2-column</div>
</li>
<li>
<i class="icon iconfont2 icon2-column1"></i>
<div class="name">4column</div>
<div class="fontclass">.icon2-column1</div>
</li>
<li>
<i class="icon iconfont2 icon2-air-drop"></i>
<div class="name">air-drop</div>
<div class="fontclass">.icon2-air-drop</div>
</li>
<li>
<i class="icon iconfont2 icon2-add-r"></i>
<div class="name">add-r</div>
<div class="fontclass">.icon2-add-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-add-s"></i>
<div class="name">add-s</div>
<div class="fontclass">.icon2-add-s</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-double-left"></i>
<div class="name">arrow-double-left</div>
<div class="fontclass">.icon2-arrow-double-left</div>
</li>
<li>
<i class="icon iconfont2 icon2-app"></i>
<div class="name">app</div>
<div class="fontclass">.icon2-app</div>
</li>
<li>
<i class="icon iconfont2 icon2-also-loan"></i>
<div class="name">also-loan</div>
<div class="fontclass">.icon2-also-loan</div>
</li>
<li>
<i class="icon iconfont2 icon2-ascending"></i>
<div class="name">ascending</div>
<div class="fontclass">.icon2-ascending</div>
</li>
<li>
<i class="icon iconfont2 icon2-air"></i>
<div class="name">air</div>
<div class="fontclass">.icon2-air</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-double-right"></i>
<div class="name">arrow-double-right</div>
<div class="fontclass">.icon2-arrow-double-right</div>
</li>
<li>
<i class="icon iconfont2 icon2-atm"></i>
<div class="name">atm</div>
<div class="fontclass">.icon2-atm</div>
</li>
<li>
<i class="icon iconfont2 icon2-atm-away"></i>
<div class="name">atm-away</div>
<div class="fontclass">.icon2-atm-away</div>
</li>
<li>
<i class="icon iconfont2 icon2-bad-r"></i>
<div class="name">bad-r</div>
<div class="fontclass">.icon2-bad-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-attendance"></i>
<div class="name">attendance</div>
<div class="fontclass">.icon2-attendance</div>
</li>
<li>
<i class="icon iconfont2 icon2-bad"></i>
<div class="name">bad</div>
<div class="fontclass">.icon2-bad</div>
</li>
<li>
<i class="icon iconfont2 icon2-back-r"></i>
<div class="name">back-r</div>
<div class="fontclass">.icon2-back-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-back"></i>
<div class="name">back</div>
<div class="fontclass">.icon2-back</div>
</li>
<li>
<i class="icon iconfont2 icon2-bank-card"></i>
<div class="name">bank-card</div>
<div class="fontclass">.icon2-bank-card</div>
</li>
<li>
<i class="icon iconfont2 icon2-bar-chart"></i>
<div class="name">bar-chart</div>
<div class="fontclass">.icon2-bar-chart</div>
</li>
<li>
<i class="icon iconfont2 icon2-box"></i>
<div class="name">box</div>
<div class="fontclass">.icon2-box</div>
</li>
<li>
<i class="icon iconfont2 icon2-building"></i>
<div class="name">building</div>
<div class="fontclass">.icon2-building</div>
</li>
<li>
<i class="icon iconfont2 icon2-business"></i>
<div class="name">business</div>
<div class="fontclass">.icon2-business</div>
</li>
<li>
<i class="icon iconfont2 icon2-bill"></i>
<div class="name">bill</div>
<div class="fontclass">.icon2-bill</div>
</li>
<li>
<i class="icon iconfont2 icon2-calculator"></i>
<div class="name">calculator</div>
<div class="fontclass">.icon2-calculator</div>
</li>
<li>
<i class="icon iconfont2 icon2-calendar"></i>
<div class="name">calendar</div>
<div class="fontclass">.icon2-calendar</div>
</li>
<li>
<i class="icon iconfont2 icon2-camera"></i>
<div class="name">camera</div>
<div class="fontclass">.icon2-camera</div>
</li>
<li>
<i class="icon iconfont2 icon2-businesscard"></i>
<div class="name">businesscard</div>
<div class="fontclass">.icon2-businesscard</div>
</li>
<li>
<i class="icon iconfont2 icon2-car"></i>
<div class="name">car</div>
<div class="fontclass">.icon2-car</div>
</li>
<li>
<i class="icon iconfont2 icon2-chat"></i>
<div class="name">chat</div>
<div class="fontclass">.icon2-chat</div>
</li>
<li>
<i class="icon iconfont2 icon2-cangneishicao"></i>
<div class="name">cangneishicao</div>
<div class="fontclass">.icon2-cangneishicao</div>
</li>
<li>
<i class="icon iconfont2 icon2-check"></i>
<div class="name">check</div>
<div class="fontclass">.icon2-check</div>
</li>
<li>
<i class="icon iconfont2 icon2-checkbox-selected"></i>
<div class="name">checkbox-selected</div>
<div class="fontclass">.icon2-checkbox-selected</div>
</li>
<li>
<i class="icon iconfont2 icon2-Chinese"></i>
<div class="name">Chinese</div>
<div class="fontclass">.icon2-Chinese</div>
</li>
<li>
<i class="icon iconfont2 icon2-checkbox"></i>
<div class="name">checkbox</div>
<div class="fontclass">.icon2-checkbox</div>
</li>
<li>
<i class="icon iconfont2 icon2-clock"></i>
<div class="name">clock</div>
<div class="fontclass">.icon2-clock</div>
</li>
<li>
<i class="icon iconfont2 icon2-close"></i>
<div class="name">close</div>
<div class="fontclass">.icon2-close</div>
</li>
<li>
<i class="icon iconfont2 icon2-commodity"></i>
<div class="name">commodity</div>
<div class="fontclass">.icon2-commodity</div>
</li>
<li>
<i class="icon iconfont2 icon2-colthes"></i>
<div class="name">colthes</div>
<div class="fontclass">.icon2-colthes</div>
</li>
<li>
<i class="icon iconfont2 icon2-compare"></i>
<div class="name">compare</div>
<div class="fontclass">.icon2-compare</div>
</li>
<li>
<i class="icon iconfont2 icon2-compass"></i>
<div class="name">compass</div>
<div class="fontclass">.icon2-compass</div>
</li>
<li>
<i class="icon iconfont2 icon2-complain"></i>
<div class="name">complain</div>
<div class="fontclass">.icon2-complain</div>
</li>
<li>
<i class="icon iconfont2 icon2-complete-r"></i>
<div class="name">complete-r</div>
<div class="fontclass">.icon2-complete-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-complete"></i>
<div class="name">complete</div>
<div class="fontclass">.icon2-complete</div>
</li>
<li>
<i class="icon iconfont2 icon2-courier"></i>
<div class="name">courier</div>
<div class="fontclass">.icon2-courier</div>
</li>
<li>
<i class="icon iconfont2 icon2-copy"></i>
<div class="name">copy</div>
<div class="fontclass">.icon2-copy</div>
</li>
<li>
<i class="icon iconfont2 icon2-CSR"></i>
<div class="name">CSR</div>
<div class="fontclass">.icon2-CSR</div>
</li>
<li>
<i class="icon iconfont2 icon2-create-bill"></i>
<div class="name">create-bill</div>
<div class="fontclass">.icon2-create-bill</div>
</li>
<li>
<i class="icon iconfont2 icon2-cut"></i>
<div class="name">cut</div>
<div class="fontclass">.icon2-cut</div>
</li>
<li>
<i class="icon iconfont2 icon2-dashboard"></i>
<div class="name">dashboard</div>
<div class="fontclass">.icon2-dashboard</div>
</li>
<li>
<i class="icon iconfont2 icon2-delete"></i>
<div class="name">delete</div>
<div class="fontclass">.icon2-delete</div>
</li>
<li>
<i class="icon iconfont2 icon2-delivery"></i>
<div class="name">delivery</div>
<div class="fontclass">.icon2-delivery</div>
</li>
<li>
<i class="icon iconfont2 icon2-customs"></i>
<div class="name">customs</div>
<div class="fontclass">.icon2-customs</div>
</li>
<li>
<i class="icon iconfont2 icon2-descending"></i>
<div class="name">descending</div>
<div class="fontclass">.icon2-descending</div>
</li>
<li>
<i class="icon iconfont2 icon2-dialog"></i>
<div class="name">dialog</div>
<div class="fontclass">.icon2-dialog</div>
</li>
<li>
<i class="icon iconfont2 icon2-diamond"></i>
<div class="name">diamond</div>
<div class="fontclass">.icon2-diamond</div>
</li>
<li>
<i class="icon iconfont2 icon2-download"></i>
<div class="name">download</div>
<div class="fontclass">.icon2-download</div>
</li>
<li>
<i class="icon iconfont2 icon2-ding"></i>
<div class="name">ding</div>
<div class="fontclass">.icon2-ding</div>
</li>
<li>
<i class="icon iconfont2 icon2-drop"></i>
<div class="name">drop</div>
<div class="fontclass">.icon2-drop</div>
</li>
<li>
<i class="icon iconfont2 icon2-dollar"></i>
<div class="name">dollar</div>
<div class="fontclass">.icon2-dollar</div>
</li>
<li>
<i class="icon iconfont2 icon2-duihua"></i>
<div class="name">duihua</div>
<div class="fontclass">.icon2-duihua</div>
</li>
<li>
<i class="icon iconfont2 icon2-edit"></i>
<div class="name">edit</div>
<div class="fontclass">.icon2-edit</div>
</li>
<li>
<i class="icon iconfont2 icon2-electronics"></i>
<div class="name">electronics</div>
<div class="fontclass">.icon2-electronics</div>
</li>
<li>
<i class="icon iconfont2 icon2-English"></i>
<div class="name">English</div>
<div class="fontclass">.icon2-English</div>
</li>
<li>
<i class="icon iconfont2 icon2-error-s"></i>
<div class="name">error-s</div>
<div class="fontclass">.icon2-error-s</div>
</li>
<li>
<i class="icon iconfont2 icon2-enclosure"></i>
<div class="name">enclosure</div>
<div class="fontclass">.icon2-enclosure</div>
</li>
<li>
<i class="icon iconfont2 icon2-error-r"></i>
<div class="name">error-r</div>
<div class="fontclass">.icon2-error-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark-r"></i>
<div class="name">exclamatory-mark-r</div>
<div class="fontclass">.icon2-exclamatory-mark-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-exchange"></i>
<div class="name">exchange</div>
<div class="fontclass">.icon2-exchange</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark-t"></i>
<div class="name">exclamatory-mark-t</div>
<div class="fontclass">.icon2-exclamatory-mark-t</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark"></i>
<div class="name">exclamatory-mark</div>
<div class="fontclass">.icon2-exclamatory-mark</div>
</li>
<li>
<i class="icon iconfont2 icon2-extend-r"></i>
<div class="name">extend-r</div>
<div class="fontclass">.icon2-extend-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-extend"></i>
<div class="name">extend</div>
<div class="fontclass">.icon2-extend</div>
</li>
<li>
<i class="icon iconfont2 icon2-exit-fullscreen"></i>
<div class="name">exit-fullscreen</div>
<div class="fontclass">.icon2-exit-fullscreen</div>
</li>
<li>
<i class="icon iconfont2 icon2-finance"></i>
<div class="name">finance</div>
<div class="fontclass">.icon2-finance</div>
</li>
<li>
<i class="icon iconfont2 icon2-favorites"></i>
<div class="name">favorites</div>
<div class="fontclass">.icon2-favorites</div>
</li>
<li>
<i class="icon iconfont2 icon2-filter"></i>
<div class="name">filter</div>
<div class="fontclass">.icon2-filter</div>
</li>
<li>
<i class="icon iconfont2 icon2-first-page"></i>
<div class="name">first-page</div>
<div class="fontclass">.icon2-first-page</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp-auto"></i>
<div class="name">flash-lamp-auto</div>
<div class="fontclass">.icon2-flash-lamp-auto</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp-off"></i>
<div class="name">flash-lamp-off</div>
<div class="fontclass">.icon2-flash-lamp-off</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp"></i>
<div class="name">flash-lamp</div>
<div class="fontclass">.icon2-flash-lamp</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward-r"></i>
<div class="name">forward-r</div>
<div class="fontclass">.icon2-forward-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-forbidden"></i>
<div class="name">forbidden</div>
<div class="fontclass">.icon2-forbidden</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward-sorting"></i>
<div class="name">forward-sorting</div>
<div class="fontclass">.icon2-forward-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-fullscreen"></i>
<div class="name">fullscreen</div>
<div class="fontclass">.icon2-fullscreen</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward"></i>
<div class="name">forward</div>
<div class="fontclass">.icon2-forward</div>
</li>
<li>
<i class="icon iconfont2 icon2-gifts"></i>
<div class="name">gifts</div>
<div class="fontclass">.icon2-gifts</div>
</li>
<li>
<i class="icon iconfont2 icon2-free"></i>
<div class="name">free</div>
<div class="fontclass">.icon2-free</div>
</li>
<li>
<i class="icon iconfont2 icon2-folder"></i>
<div class="name">folder</div>
<div class="fontclass">.icon2-folder</div>
</li>
<li>
<i class="icon iconfont2 icon2-good-r"></i>
<div class="name">good-r</div>
<div class="fontclass">.icon2-good-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-good"></i>
<div class="name">good</div>
<div class="fontclass">.icon2-good</div>
</li>
<li>
<i class="icon iconfont2 icon2-group"></i>
<div class="name">group</div>
<div class="fontclass">.icon2-group</div>
</li>
<li>
<i class="icon iconfont2 icon2-home"></i>
<div class="name">home</div>
<div class="fontclass">.icon2-home</div>
</li>
<li>
<i class="icon iconfont2 icon2-history"></i>
<div class="name">history</div>
<div class="fontclass">.icon2-history</div>
</li>
<li>
<i class="icon iconfont2 icon2-image-text"></i>
<div class="name">image-text</div>
<div class="fontclass">.icon2-image-text</div>
</li>
<li>
<i class="icon iconfont2 icon2-horizontal-retractio"></i>
<div class="name">horizontal-retractio</div>
<div class="fontclass">.icon2-horizontal-retractio</div>
</li>
<li>
<i class="icon iconfont2 icon2-horizontal-expansion"></i>
<div class="name">horizontal-expansion</div>
<div class="fontclass">.icon2-horizontal-expansion</div>
</li>
<li>
<i class="icon iconfont2 icon2-horn"></i>
<div class="name">horn</div>
<div class="fontclass">.icon2-horn</div>
</li>
<li>
<i class="icon iconfont2 icon2-import"></i>
<div class="name">import</div>
<div class="fontclass">.icon2-import</div>
</li>
<li>
<i class="icon iconfont2 icon2-image"></i>
<div class="name">image</div>
<div class="fontclass">.icon2-image</div>
</li>
<li>
<i class="icon iconfont2 icon2-info-r"></i>
<div class="name">info-r</div>
<div class="fontclass">.icon2-info-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-info"></i>
<div class="name">info</div>
<div class="fontclass">.icon2-info</div>
</li>
<li>
<i class="icon iconfont2 icon2-information"></i>
<div class="name">information</div>
<div class="fontclass">.icon2-information</div>
</li>
<li>
<i class="icon iconfont2 icon2-key"></i>
<div class="name">key</div>
<div class="fontclass">.icon2-key</div>
</li>
<li>
<i class="icon iconfont2 icon2-international"></i>
<div class="name">international</div>
<div class="fontclass">.icon2-international</div>
</li>
<li>
<i class="icon iconfont2 icon2-keyboard"></i>
<div class="name">keyboard</div>
<div class="fontclass">.icon2-keyboard</div>
</li>
<li>
<i class="icon iconfont2 icon2-last-page"></i>
<div class="name">last-page</div>
<div class="fontclass">.icon2-last-page</div>
</li>
<li>
<i class="icon iconfont2 icon2-increase"></i>
<div class="name">increase</div>
<div class="fontclass">.icon2-increase</div>
</li>
<li>
<i class="icon iconfont2 icon2-left"></i>
<div class="name">left</div>
<div class="fontclass">.icon2-left</div>
</li>
<li>
<i class="icon iconfont2 icon2-letter"></i>
<div class="name">letter</div>
<div class="fontclass">.icon2-letter</div>
</li>
<li>
<i class="icon iconfont2 icon2-lefy-exchange"></i>
<div class="name">lefy-exchange</div>
<div class="fontclass">.icon2-lefy-exchange</div>
</li>
<li>
<i class="icon iconfont2 icon2-left-sorting"></i>
<div class="name">left-sorting</div>
<div class="fontclass">.icon2-left-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-light"></i>
<div class="name">light</div>
<div class="fontclass">.icon2-light</div>
</li>
<li>
<i class="icon iconfont2 icon2-like"></i>
<div class="name">like</div>
<div class="fontclass">.icon2-like</div>
</li>
<li>
<i class="icon iconfont2 icon2-link"></i>
<div class="name">link</div>
<div class="fontclass">.icon2-link</div>
</li>
<li>
<i class="icon iconfont2 icon2-line"></i>
<div class="name">line</div>
<div class="fontclass">.icon2-line</div>
</li>
<li>
<i class="icon iconfont2 icon2-load"></i>
<div class="name">load</div>
<div class="fontclass">.icon2-load</div>
</li>
<li>
<i class="icon iconfont2 icon2-loading-"></i>
<div class="name">loading-2</div>
<div class="fontclass">.icon2-loading-</div>
</li>
<li>
<i class="icon iconfont2 icon2-loading-1"></i>
<div class="name">loading-1</div>
<div class="fontclass">.icon2-loading-1</div>
</li>
<li>
<i class="icon iconfont2 icon2-lock"></i>
<div class="name">lock</div>
<div class="fontclass">.icon2-lock</div>
</li>
<li>
<i class="icon iconfont2 icon2-loan"></i>
<div class="name">loan</div>
<div class="fontclass">.icon2-loan</div>
</li>
<li>
<i class="icon iconfont2 icon2-location"></i>
<div class="name">location</div>
<div class="fontclass">.icon2-location</div>
</li>
<li>
<i class="icon iconfont2 icon2-logistics"></i>
<div class="name">logistics</div>
<div class="fontclass">.icon2-logistics</div>
</li>
<li>
<i class="icon iconfont2 icon2-macbook"></i>
<div class="name">macbook</div>
<div class="fontclass">.icon2-macbook</div>
</li>
<li>
<i class="icon iconfont2 icon2-logout"></i>
<div class="name">logout</div>
<div class="fontclass">.icon2-logout</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus-r"></i>
<div class="name">minus-r</div>
<div class="fontclass">.icon2-minus-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-map-"></i>
<div class="name">map-1</div>
<div class="fontclass">.icon2-map-</div>
</li>
<li>
<i class="icon iconfont2 icon2-map-1"></i>
<div class="name">map-2</div>
<div class="fontclass">.icon2-map-1</div>
</li>
<li>
<i class="icon iconfont2 icon2-mic"></i>
<div class="name">mic</div>
<div class="fontclass">.icon2-mic</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus"></i>
<div class="name">minus</div>
<div class="fontclass">.icon2-minus</div>
</li>
<li>
<i class="icon iconfont2 icon2-mobile-Phone"></i>
<div class="name">mobile-Phone</div>
<div class="fontclass">.icon2-mobile-Phone</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus-s"></i>
<div class="name">minus-s</div>
<div class="fontclass">.icon2-minus-s</div>
</li>
<li>
<i class="icon iconfont2 icon2-money"></i>
<div class="name">money</div>
<div class="fontclass">.icon2-money</div>
</li>
<li>
<i class="icon iconfont2 icon2-monitor"></i>
<div class="name">monitor</div>
<div class="fontclass">.icon2-monitor</div>
</li>
<li>
<i class="icon iconfont2 icon2-money-bill"></i>
<div class="name">money-bill</div>
<div class="fontclass">.icon2-money-bill</div>
</li>
<li>
<i class="icon iconfont2 icon2-moneys"></i>
<div class="name">moneys</div>
<div class="fontclass">.icon2-moneys</div>
</li>
<li>
<i class="icon iconfont2 icon2-more-transverse"></i>
<div class="name">more-transverse</div>
<div class="fontclass">.icon2-more-transverse</div>
</li>
<li>
<i class="icon iconfont2 icon2-locker"></i>
<div class="name">locker</div>
<div class="fontclass">.icon2-locker</div>
</li>
<li>
<i class="icon iconfont2 icon2-more-vertical"></i>
<div class="name">more-vertical</div>
<div class="fontclass">.icon2-more-vertical</div>
</li>
<li>
<i class="icon iconfont2 icon2-nav-list"></i>
<div class="name">nav-list</div>
<div class="fontclass">.icon2-nav-list</div>
</li>
<li>
<i class="icon iconfont2 icon2-news"></i>
<div class="name">news</div>
<div class="fontclass">.icon2-news</div>
</li>
<li>
<i class="icon iconfont2 icon2-no-attendance"></i>
<div class="name">no-attendance</div>
<div class="fontclass">.icon2-no-attendance</div>
</li>
<li>
<i class="icon iconfont2 icon2-not-sign"></i>
<div class="name">not-sign</div>
<div class="fontclass">.icon2-not-sign</div>
</li>
<li>
<i class="icon iconfont2 icon2-navigation"></i>
<div class="name">navigation</div>
<div class="fontclass">.icon2-navigation</div>
</li>
<li>
<i class="icon iconfont2 icon2-network"></i>
<div class="name">network</div>
<div class="fontclass">.icon2-network</div>
</li>
<li>
<i class="icon iconfont2 icon2-notice"></i>
<div class="name">notice</div>
<div class="fontclass">.icon2-notice</div>
</li>
<li>
<i class="icon iconfont2 icon2-office"></i>
<div class="name">office</div>
<div class="fontclass">.icon2-office</div>
</li>
<li>
<i class="icon iconfont2 icon2-operation"></i>
<div class="name">operation</div>
<div class="fontclass">.icon2-operation</div>
</li>
<li>
<i class="icon iconfont2 icon2-package"></i>
<div class="name">package</div>
<div class="fontclass">.icon2-package</div>
</li>
<li>
<i class="icon iconfont2 icon2-organization"></i>
<div class="name">organization</div>
<div class="fontclass">.icon2-organization</div>
</li>
<li>
<i class="icon iconfont2 icon2-open-package"></i>
<div class="name">open-package</div>
<div class="fontclass">.icon2-open-package</div>
</li>
<li>
<i class="icon iconfont2 icon2-paste"></i>
<div class="name">paste</div>
<div class="fontclass">.icon2-paste</div>
</li>
<li>
<i class="icon iconfont2 icon2-paly"></i>
<div class="name">paly</div>
<div class="fontclass">.icon2-paly</div>
</li>
<li>
<i class="icon iconfont2 icon2-pause"></i>
<div class="name">pause</div>
<div class="fontclass">.icon2-pause</div>
</li>
<li>
<i class="icon iconfont2 icon2-phone-r"></i>
<div class="name">phone-r</div>
<div class="fontclass">.icon2-phone-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-PDA"></i>
<div class="name">PDA</div>
<div class="fontclass">.icon2-PDA</div>
</li>
<li>
<i class="icon iconfont2 icon2-pie-chart"></i>
<div class="name">pie-chart</div>
<div class="fontclass">.icon2-pie-chart</div>
</li>
<li>
<i class="icon iconfont2 icon2-position"></i>
<div class="name">position</div>
<div class="fontclass">.icon2-position</div>
</li>
<li>
<i class="icon iconfont2 icon2-power"></i>
<div class="name">power</div>
<div class="fontclass">.icon2-power</div>
</li>
<li>
<i class="icon iconfont2 icon2-prine"></i>
<div class="name">prine</div>
<div class="fontclass">.icon2-prine</div>
</li>
<li>
<i class="icon iconfont2 icon2-quality"></i>
<div class="name">quality</div>
<div class="fontclass">.icon2-quality</div>
</li>
<li>
<i class="icon iconfont2 icon2-question-mark-r"></i>
<div class="name">question-mark-r</div>
<div class="fontclass">.icon2-question-mark-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-process"></i>
<div class="name">process</div>
<div class="fontclass">.icon2-process</div>
</li>
<li>
<i class="icon iconfont2 icon2-ppt"></i>
<div class="name">ppt</div>
<div class="fontclass">.icon2-ppt</div>
</li>
<li>
<i class="icon iconfont2 icon2-question-mark"></i>
<div class="name">question-mark</div>
<div class="fontclass">.icon2-question-mark</div>
</li>
<li>
<i class="icon iconfont2 icon2-Raidobox-selectedRai"></i>
<div class="name">Raidobox-selectedRai</div>
<div class="fontclass">.icon2-Raidobox-selectedRai</div>
</li>
<li>
<i class="icon iconfont2 icon2-red-packet"></i>
<div class="name">red-packet</div>
<div class="fontclass">.icon2-red-packet</div>
</li>
<li>
<i class="icon iconfont2 icon2-radar"></i>
<div class="name">radar</div>
<div class="fontclass">.icon2-radar</div>
</li>
<li>
<i class="icon iconfont2 icon2-refund"></i>
<div class="name">refund</div>
<div class="fontclass">.icon2-refund</div>
</li>
<li>
<i class="icon iconfont2 icon2-register"></i>
<div class="name">register</div>
<div class="fontclass">.icon2-register</div>
</li>
<li>
<i class="icon iconfont2 icon2-Raidobox"></i>
<div class="name">Raidobox</div>
<div class="fontclass">.icon2-Raidobox</div>
</li>
<li>
<i class="icon iconfont2 icon2-resource"></i>
<div class="name">resource</div>
<div class="fontclass">.icon2-resource</div>
</li>
<li>
<i class="icon iconfont2 icon2-refresh"></i>
<div class="name">refresh</div>
<div class="fontclass">.icon2-refresh</div>
</li>
<li>
<i class="icon iconfont2 icon2-reverse-sorting"></i>
<div class="name">reverse-sorting</div>
<div class="fontclass">.icon2-reverse-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-relationship"></i>
<div class="name">relationship</div>
<div class="fontclass">.icon2-relationship</div>
</li>
<li>
<i class="icon iconfont2 icon2-right-exchange"></i>
<div class="name">right-exchange</div>
<div class="fontclass">.icon2-right-exchange</div>
</li>
<li>
<i class="icon iconfont2 icon2-rise"></i>
<div class="name">rise</div>
<div class="fontclass">.icon2-rise</div>
</li>
<li>
<i class="icon iconfont2 icon2-right"></i>
<div class="name">right</div>
<div class="fontclass">.icon2-right</div>
</li>
<li>
<i class="icon iconfont2 icon2-right-sorting"></i>
<div class="name">right-sorting</div>
<div class="fontclass">.icon2-right-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-RMB"></i>
<div class="name">RMB</div>
<div class="fontclass">.icon2-RMB</div>
</li>
<li>
<i class="icon iconfont2 icon2-satisfy"></i>
<div class="name">satisfy</div>
<div class="fontclass">.icon2-satisfy</div>
</li>
<li>
<i class="icon iconfont2 icon2-safe"></i>
<div class="name">safe</div>
<div class="fontclass">.icon2-safe</div>
</li>
<li>
<i class="icon iconfont2 icon2-rule"></i>
<div class="name">rule</div>
<div class="fontclass">.icon2-rule</div>
</li>
<li>
<i class="icon iconfont2 icon2-save"></i>
<div class="name">save</div>
<div class="fontclass">.icon2-save</div>
</li>
<li>
<i class="icon iconfont2 icon2-scan"></i>
<div class="name">scan</div>
<div class="fontclass">.icon2-scan</div>
</li>
<li>
<i class="icon iconfont2 icon2-schedule"></i>
<div class="name">schedule</div>
<div class="fontclass">.icon2-schedule</div>
</li>
<li>
<i class="icon iconfont2 icon2-screwdriver"></i>
<div class="name">screwdriver</div>
<div class="fontclass">.icon2-screwdriver</div>
</li>
<li>
<i class="icon iconfont2 icon2-search"></i>
<div class="name">search</div>
<div class="fontclass">.icon2-search</div>
</li>
<li>
<i class="icon iconfont2 icon2-service"></i>
<div class="name">service</div>
<div class="fontclass">.icon2-service</div>
</li>
<li>
<i class="icon iconfont2 icon2-security"></i>
<div class="name">security</div>
<div class="fontclass">.icon2-security</div>
</li>
<li>
<i class="icon iconfont2 icon2-settlement"></i>
<div class="name">settlement</div>
<div class="fontclass">.icon2-settlement</div>
</li>
<li>
<i class="icon iconfont2 icon2-setup"></i>
<div class="name">setup</div>
<div class="fontclass">.icon2-setup</div>
</li>
<li>
<i class="icon iconfont2 icon2-share"></i>
<div class="name">share</div>
<div class="fontclass">.icon2-share</div>
</li>
<li>
<i class="icon iconfont2 icon2-setting"></i>
<div class="name">setting</div>
<div class="fontclass">.icon2-setting</div>
</li>
<li>
<i class="icon iconfont2 icon2-shield"></i>
<div class="name">shield</div>
<div class="fontclass">.icon2-shield</div>
</li>
<li>
<i class="icon iconfont2 icon2-shopping-cart"></i>
<div class="name">shopping-cart</div>
<div class="fontclass">.icon2-shopping-cart</div>
</li>
<li>
<i class="icon iconfont2 icon2-signed"></i>
<div class="name">signed</div>
<div class="fontclass">.icon2-signed</div>
</li>
<li>
<i class="icon iconfont2 icon2-shrink"></i>
<div class="name">shrink</div>
<div class="fontclass">.icon2-shrink</div>
</li>
<li>
<i class="icon iconfont2 icon2-shrink-r"></i>
<div class="name">shrink-r</div>
<div class="fontclass">.icon2-shrink-r</div>
</li>
<li>