//自定义图标样式
@font-face {
    font-family: 'iconfont'; 
    src: url($icon-url+'.eot'); /* IE9*/
    src:
    /* chrome、firefox */
    url($icon-url+'.woff') format('woff'),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url($icon-url+'.ttf') format('truetype'),
    /* iOS 4.1- */
    url($icon-url+'.svg#iconfont') format('svg');
}
.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-iphone:before { content: "\e600"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-fullscreen:before { content: "\e6b7"; }

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

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

.icon-praise-o:before { content: "\e63c"; }

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

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

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

.icon-four-side:before { content: "\e640"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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