tutorial / directive

@font-face {font-family: "iconfont";
  src: url('font/iconfont.eot?t=1465376720'); /* IE9*/
  src: url('font/iconfont.eot?t=1465376720#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/iconfont.woff?t=1465376720') format('woff'), /* chrome, firefox */
  url('font/iconfont.ttf?t=1465376720') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('font/iconfont.svg?t=1465376720#iconfont') format('svg'); /* iOS 4.1- */
}

.icon {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dasuolvetuliebiao:before { content: "\e605"; }

.icon-application:before { content: "\e60a"; }

.icon-message:before { content: "\e606"; }

.icon-add:before { content: "\e636"; }

.icon-number:before { content: "\e634"; }

.icon-phone:before { content: "\e600"; }

.icon-horn:before { content: "\e623"; }

.icon-list:before { content: "\e622"; }

.icon-shezhi:before { content: "\e64f"; }

.icon-bank_card:before { content: "\e644"; }

.icon-location:before { content: "\e604"; }

.icon-lianjie:before { content: "\e659"; }

.icon-idea:before { content: "\e657"; }

.icon-contacts:before { content: "\e625"; }

.icon-send:before { content: "\e65b"; }

.icon-telephone:before { content: "\e608"; }

.icon-delete:before { content: "\e637"; }

.icon-search:before { content: "\e603"; }

.icon-key:before { content: "\e635"; }

.icon-system-1:before { content: "\e669"; }

.icon-download:before { content: "\e650"; }

.icon-email:before { content: "\e601"; }

.icon-edit:before { content: "\e64c"; }

.icon-system:before { content: "\e607"; }

.icon-sort:before { content: "\e6a5"; }

.icon-time:before { content: "\e65a"; }

.icon-nenghaozonghebaobiao:before { content: "\e692"; }

.icon-up-1:before { content: "\e656"; }

.icon-fax:before { content: "\e624"; }

.icon-grade:before { content: "\e609"; }

.icon-Buyer:before { content: "\e671"; }

.icon-enlarge:before { content: "\e60c"; }

.icon-network-monitoring:before { content: "\e602"; }

.icon-date:before { content: "\e60f"; }

.icon-downward-2:before { content: "\e610"; }

.icon-upward-2:before { content: "\e611"; }

.icon-upward-1:before { content: "\e612"; }

.icon-downward-1:before { content: "\e613"; }

.icon-radio-buttons:before { content: "\e615"; }

.icon-check-box:before { content: "\e616"; }

.icon-apostrophe:before { content: "\e617"; }

.icon-close:before { content: "\e62b"; }

.icon-rightward_1:before { content: "\e630"; }

.icon-leftward_1:before { content: "\e631"; }

.icon-rightward:before { content: "\e632"; }

.icon-leftward:before { content: "\e633"; }

.icon-beijingyinxing:before { content: "\e638"; }

.icon-ICBC-bank:before { content: "\e639"; }

.icon-huaxiayinxing:before { content: "\e63a"; }

.icon-CCB-bank:before { content: "\e63b"; }

.icon-BCC-bank:before { content: "\e63c"; }

.icon-ABC-bank:before { content: "\e63d"; }

.icon-shanghaipudongfazhanyinxing:before { content: "\e63e"; }

.icon-CP-bank:before { content: "\e63f"; }

.icon-CMB-bank:before { content: "\e640"; }

.icon-BC-bank:before { content: "\e641"; }

.icon-wander:before { content: "\e642"; }

.icon-star:before { content: "\e643"; }

.icon-wander_1:before { content: "\e60b"; }

.icon-dash:before { content: "\e64b"; }

.icon-module_01:before { content: "\e64d"; }

.icon-up:before { content: "\e66a"; }

.icon-down:before { content: "\e66b"; }

.icon-right:before { content: "\e66c"; }

.icon-left:before { content: "\e66d"; }

.icon-key_1:before { content: "\e651"; }

.icon-keyword:before { content: "\e652"; }

.icon-star_01:before { content: "\e65c"; }

.icon-home_page:before { content: "\e67e"; }

.icon-wrong_1:before { content: "\e67f"; }

.icon-right_3:before { content: "\e680"; }

.icon-next:before { content: "\e681"; }

.icon-rightward_2:before { content: "\e68a"; }

.icon-leftward_2:before { content: "\e68b"; }

.icon-accounting_2:before { content: "\e68d"; }

.icon-accounting_1:before { content: "\e68e"; }

.icon-quotation:before { content: "\e69d"; }

.icon-apply01:before { content: "\e6a0"; }

.icon-set01:before { content: "\e6a2"; }

.icon-workbench01:before { content: "\e6a3"; }

.icon-reportforms01:before { content: "\e6a4"; }

.icon-next_02:before { content: "\e627"; }

.icon-last:before { content: "\e628"; }

.icon-chaxun01:before { content: "\e61d"; }

.icon-qizhisolid:before { content: "\e626"; }

.icon-dustbin02:before { content: "\e60d"; }

.icon-mission:before { content: "\e6cd"; }

.icon-tips:before { content: "\e6e1"; }

.icon-edit01:before { content: "\e6e6"; }

.icon-shoudaofenxiang01:before { content: "\e678"; }

.icon-wodefenxiang01:before { content: "\e679"; }

.icon-clean:before { content: "\e60e"; }

.icon-print:before { content: "\e614"; }

.icon-reopen:before { content: "\e61a"; }

.icon-close02:before { content: "\e61b"; }

.icon-warning:before { content: "\e619"; }

.icon-binding:before { content: "\e61c"; }

.icon-arrowmove:before { content: "\e62f"; }

.icon-receive:before { content: "\e62a"; }

.icon-reject:before { content: "\e62c"; }

.icon-cancel:before { content: "\e62d"; }

.icon-jifen:before { content: "\e690"; }

.icon-chengzurenxinxi:before { content: "\e618"; }

.icon-gerenwangpan:before { content: "\e61e"; }

.icon-gerenxinxi:before { content: "\e61f"; }

.icon-guanyubenxitong:before { content: "\e620"; }

.icon-lishijilu:before { content: "\e621"; }

.icon-quanbuyingyong:before { content: "\e629"; }

.icon-tuichu:before { content: "\e62e"; }

.icon-xitongpianhaoshezhi:before { content: "\e645"; }

.icon-xiugaimima:before { content: "\e646"; }

.icon-yingyongshangdian01:before { content: "\e647"; }

.icon-zuijinshiyonggongneng:before { content: "\e648"; }

.icon-appmall:before { content: "\e649"; }

.icon-apprecentlyused:before { content: "\e64a"; }

.icon-app:before { content: "\e64e"; }

.icon-date1:before { content: "\e653"; }

.icon-close1:before { content: "\e654"; }

.icon-account:before { content: "\e655"; }

.icon-dynamiccode:before { content: "\e658"; }

.icon-individual:before { content: "\e65d"; }

.icon-loginpc:before { content: "\e65e"; }

.icon-last1:before { content: "\e65f"; }

.icon-expand:before { content: "\e660"; }

.icon-fail:before { content: "\e661"; }

.icon-downward:before { content: "\e662"; }

.icon-quit:before { content: "\e663"; }

.icon-rightward1:before { content: "\e664"; }

.icon-password:before { content: "\e665"; }

.icon-renter:before { content: "\e666"; }

.icon-packup:before { content: "\e667"; }

.icon-onlinedisk:before { content: "\e668"; }

.icon-next1:before { content: "\e66e"; }

.icon-modifypassword:before { content: "\e66f"; }

.icon-loginstep:before { content: "\e670"; }

.icon-verificationcode:before { content: "\e672"; }

.icon-set:before { content: "\e673"; }

.icon-search1:before { content: "\e674"; }

.icon-succeed:before { content: "\e675"; }

.icon-upward:before { content: "\e676"; }

.icon-aboutthissystem:before { content: "\e677"; }

.icon-DOC:before { content: "\e67a"; }

.icon-compose:before { content: "\e67b"; }

.icon-print1:before { content: "\e67c"; }

.icon-trash:before { content: "\e67d"; }

.icon-return:before { content: "\e682"; }

.icon-add1:before { content: "\e683"; }

.icon-close2:before { content: "\e684"; }

.icon-date2:before { content: "\e685"; }

.icon-zoomin:before { content: "\e687"; }

.icon-zoomout:before { content: "\e688"; }

.icon-import:before { content: "\e689"; }

.icon-enable:before { content: "\e686"; }

.icon-disable:before { content: "\e68c"; }

.icon-icon:before { content: "\e691"; }

.icon-xiangji:before { content: "\e693"; }

.icon-bangzhuzhongxin:before { content: "\e68f"; }

.icon-qipaoxiao:before { content: "\e694"; }

.icon-copy:before { content: "\e701"; }

.icon-gerenshoucang:before { content: "\e834"; }

.icon-calendar:before { content: "\e839"; }