4 лет назад · 354502f0ac
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,28 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+  <title>业务服务工作台</title>
			
 
				+  <script src="static/js/crypoto-js.js"></script>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <noscript>
			
 
				+    <strong>We're sorry but admin doesn't work properly without JavaScript enabled. Please enable it to
			
 
				+      continue.</strong>
			
 
				+  </noscript>
			
 
				+  <div id="app"></div>
			
 
				+  <!-- built files will be auto injected -->
			
 
				+  <script type="text/javascript">
			
 
				+    // 生产接口地址
			
 
				+    // window.staticHost = 'http://10.230.26.15:8000/spfm';
			
 
				+    // 测试接口地址
			
 
				+    window.staticHost = 'http://114.215.71.182:29600/spfm';
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/public/static/chat/css/chat.css
+++ b/public/static/chat/css/chat.css
@@ -0,0 +1,497 @@
 
				+.chatContainer,.chatContainer div, .chatContainer ul, .chatContainer li, .chatContainer p{
			
 
				+    -webkit-box-sizing: border-box;
			
 
				+    -moz-box-sizing: border-box;
			
 
				+    box-sizing: border-box;
			
 
				+}
			
 
				+/* 设置滚动条的样式 */
			
 
				+::-webkit-scrollbar {
			
 
				+    width:5px;
			
 
				+}
			
 
				+/* 滚动槽 */
			
 
				+::-webkit-scrollbar-track {
			
 
				+    border-radius:10px;
			
 
				+}
			
 
				+/* 滚动条滑块 */
			
 
				+::-webkit-scrollbar-thumb {
			
 
				+    border-radius:10px;
			
 
				+    background:#8C85E6;
			
 
				+    -webkit-box-shadow:#8C85E6;
			
 
				+}
			
 
				+::-webkit-scrollbar-thumb:window-inactive {
			
 
				+    background: rgba(175, 190, 255, 0.4);
			
 
				+}
			
 
				+/*按钮样式*/
			
 
				+.btn-default-styles {
			
 
				+    outline: none;
			
 
				+    resize: none;
			
 
				+    border: none;
			
 
				+    display: inline-block;
			
 
				+    padding: 5px 10px;
			
 
				+    margin-bottom: 0;
			
 
				+    font-size: 14px;
			
 
				+    font-weight: 400;
			
 
				+    line-height: 1.42857143;
			
 
				+    text-align: center;
			
 
				+    white-space: nowrap;
			
 
				+    vertical-align: middle;
			
 
				+    -ms-touch-action: manipulation;
			
 
				+    touch-action: manipulation;
			
 
				+    cursor: pointer;
			
 
				+    -webkit-user-select: none;
			
 
				+    -moz-user-select: none;
			
 
				+    -ms-user-select: none;
			
 
				+    user-select: none;
			
 
				+    background-image: none;
			
 
				+    background: #bbb;
			
 
				+    color: #fff;
			
 
				+    border-radius: 4px;
			
 
				+}
			
 
				+.btn-default-styles:focus {
			
 
				+    outline: none;
			
 
				+}
			
 
				+.btn-default-styles:hover {
			
 
				+    background: #c5c5c5;
			
 
				+    animation: anniu 1s infinite;
			
 
				+}
			
 
				+.btn-default-styles:active {
			
 
				+    box-shadow: 0 2px 3px rgba(0, 0, 0, .2) inset;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.chatContainer{
			
 
				+    position: fixed;
			
 
				+    bottom: 20px;
			
 
				+    right: 20px;
			
 
				+	left: 20px;
			
 
				+	top: 20px;
			
 
				+}
			
 
				+.chatBtn{
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    background: #01bef0;
			
 
				+    color: #fff;
			
 
				+    line-height: 50px;
			
 
				+    text-align: center;
			
 
				+    border-radius: 50%;
			
 
				+    box-shadow: 2px 2px 2px #d4d4d4;
			
 
				+    cursor: pointer;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    right: 0;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.chatBtn:hover{
			
 
				+    background: #01b3df;
			
 
				+    box-shadow: none;
			
 
				+}
			
 
				+.chatBtn>i{
			
 
				+    font-size: 25px;
			
 
				+}
			
 
				+.chatBox{
			
 
				+    left: 20px;
			
 
				+	bottom: 20px;
			
 
				+	right: 20px;
			
 
				+    background: white;
			
 
				+    position: absolute;
			
 
				+    top: 20px;
			
 
				+    overflow: hidden;
			
 
				+    border: solid 1px #d5d5d5;
			
 
				+    box-shadow: 1px 1px 2px #c0c0c0;
			
 
				+    z-index: 1005;
			
 
				+}
			
 
				+.chatBox-head{
			
 
				+    width: 100%;
			
 
				+    height: 75px;
			
 
				+    background: #01aee0;
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.chatBox-head-one{
			
 
				+    width: 100%;
			
 
				+    height: 75px;
			
 
				+    line-height: 75px;
			
 
				+    color: #fff;
			
 
				+    font-size: 20px;
			
 
				+    text-align: center;
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.chatBox-head-two{
			
 
				+    width: 100%;
			
 
				+    height: 75px;
			
 
				+    color: #fff;
			
 
				+    padding: 10px 10px;
			
 
				+    display: none;
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.chat-return{
			
 
				+    float: left;
			
 
				+    width: 55px;
			
 
				+    height: 55px;
			
 
				+    line-height: 55px;
			
 
				+    border-radius: 10px;
			
 
				+    cursor: pointer;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+
			
 
				+.chat-return:hover{
			
 
				+    background: #0188b7;
			
 
				+}
			
 
				+.chat-close{
			
 
				+    float: right;
			
 
				+    width: 55px;
			
 
				+    height: 55px;
			
 
				+    line-height: 55px;
			
 
				+    border-radius: 10px;
			
 
				+    cursor: pointer;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+.chat-close:hover{
			
 
				+    background: #0188b7;
			
 
				+}
			
 
				+.chat-people{
			
 
				+    float: left;
			
 
				+}
			
 
				+.chat-people>div{
			
 
				+    height: 55px;
			
 
				+    display: inline-block;
			
 
				+    vertical-align: middle;
			
 
				+    line-height: 55px;
			
 
				+    margin-left: 5px;
			
 
				+}
			
 
				+.chat-people>div:nth-of-type(1){
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    border-radius: 50%;
			
 
				+    background: #eee;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.chat-people>div:nth-of-type(1)>img{
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+}
			
 
				+.chat-people>div:nth-of-type(2){
			
 
				+    width: 165px;
			
 
				+    text-align: left;
			
 
				+    height: 55px;
			
 
				+    white-space: nowrap;
			
 
				+    text-overflow: ellipsis;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+.chatBox-info{
			
 
				+    width: 100%;
			
 
				+    height: 495px;
			
 
				+    background: #fff;
			
 
				+    text-align: left;
			
 
				+    position: absolute;
			
 
				+    top: 75px;
			
 
				+    left: 0;
			
 
				+}
			
 
				+
			
 
				+.chatBox-list{
			
 
				+    width: 100%;
			
 
				+    height: 495px;
			
 
				+    overflow-y: scroll;
			
 
				+}
			
 
				+.chat-list-people:hover{
			
 
				+    cursor: pointer;
			
 
				+    background: #f8f8f8;
			
 
				+}
			
 
				+.chat-list-people>div{
			
 
				+    height: 55px;
			
 
				+    display: inline-block;
			
 
				+    vertical-align: middle;
			
 
				+    margin-left: 10px;
			
 
				+}
			
 
				+.chat-list-people>div:nth-of-type(1){
			
 
				+    width: 40px;
			
 
				+    height: 40px;
			
 
				+    border-radius: 50%;
			
 
				+    background: #eee;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.chat-list-people>div:nth-of-type(1)>img{
			
 
				+    width: 40px;
			
 
				+    height: 40px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.chat-name{
			
 
				+    width: 230px;
			
 
				+}
			
 
				+.chat-name>p{
			
 
				+    margin: 0;
			
 
				+    overflow: hidden;
			
 
				+    white-space: nowrap;
			
 
				+    text-overflow: ellipsis;
			
 
				+}
			
 
				+.chat-name>p:nth-of-type(1){
			
 
				+    line-height: 55px;
			
 
				+}
			
 
				+.chat-list-people>div.message-num{
			
 
				+    display: inline-block;
			
 
				+    height: auto;
			
 
				+    min-width: 10px;
			
 
				+    padding: 3px 5px;
			
 
				+    font-size: 12px;
			
 
				+    font-weight: 700;
			
 
				+    line-height: 1;
			
 
				+    text-align: center;
			
 
				+    white-space: nowrap;
			
 
				+    vertical-align: middle;
			
 
				+    border-radius: 10px;
			
 
				+    margin-right: 15px;
			
 
				+    margin-top: 14px;
			
 
				+    color: #fff;
			
 
				+    background: #f46266;
			
 
				+    float: right;
			
 
				+}
			
 
				+.chat-message-num{
			
 
				+    display: inline-block;
			
 
				+    height: auto;
			
 
				+    min-width: 10px;
			
 
				+    padding: 3px 5px;
			
 
				+    font-size: 12px;
			
 
				+    font-weight: 700;
			
 
				+    line-height: 1;
			
 
				+    text-align: center;
			
 
				+    white-space: nowrap;
			
 
				+    vertical-align: middle;
			
 
				+    border-radius: 10px;
			
 
				+    margin-right: 15px;
			
 
				+    margin-top: 14px;
			
 
				+    color: #fff;
			
 
				+    background: #f46266;
			
 
				+    position: absolute;
			
 
				+    bottom: 40px;
			
 
				+    right: -24px;
			
 
				+}
			
 
				+.chatBox-kuang{
			
 
				+    width: 100%;
			
 
				+    height: 495px;
			
 
				+}
			
 
				+.chatBox-content{
			
 
				+    width: 100%;
			
 
				+}
			
 
				+.chatBox-content-demo{
			
 
				+    width: 100%;
			
 
				+    overflow-y: scroll;
			
 
				+}
			
 
				+
			
 
				+.clearfloat:after{
			
 
				+    display:block;
			
 
				+    clear:both;
			
 
				+    content:"";
			
 
				+    visibility:hidden;
			
 
				+    height:0
			
 
				+}
			
 
				+.clearfloat{
			
 
				+    zoom:1;
			
 
				+    margin: 10px 10px;
			
 
				+}
			
 
				+.clearfloat .right{
			
 
				+    float: right;
			
 
				+}
			
 
				+.author-name{
			
 
				+    text-align: center;
			
 
				+    margin: 15px 0 5px 0;
			
 
				+    color: #888;
			
 
				+}
			
 
				+
			
 
				+.clearfloat .chat-message{
			
 
				+    max-width: 252px;
			
 
				+    text-align: left;
			
 
				+    padding: 8px 12px;
			
 
				+    border-radius: 6px;
			
 
				+    word-wrap:break-word;
			
 
				+    display: inline-block;
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.clearfloat .left .chat-message{
			
 
				+    background: #D9D9D9;
			
 
				+    min-height: 36px;
			
 
				+}
			
 
				+.clearfloat .left .chat-message:before{
			
 
				+    position: absolute;
			
 
				+    content: "";
			
 
				+    top: 8px;
			
 
				+    left: -6px;
			
 
				+    border-top: 10px solid transparent;
			
 
				+    border-bottom: 10px solid transparent;
			
 
				+    border-right: 10px solid #D9D9D9;
			
 
				+}
			
 
				+
			
 
				+.clearfloat .right{
			
 
				+    text-align: right;
			
 
				+}
			
 
				+.clearfloat .right .chat-message{
			
 
				+    background: #8c85e6;
			
 
				+    color: #fff;
			
 
				+    text-align: left;
			
 
				+    min-height: 36px;
			
 
				+}
			
 
				+.clearfloat .right .chat-message:before{
			
 
				+    position: absolute;
			
 
				+    content: "";
			
 
				+    top: 8px;
			
 
				+    right: -6px;
			
 
				+    border-top: 10px solid transparent;
			
 
				+    border-bottom: 10px solid transparent;
			
 
				+    border-left: 10px solid #8c85e6;
			
 
				+}
			
 
				+
			
 
				+.clearfloat .chat-avatars{
			
 
				+    display: inline-block;
			
 
				+    width: 30px;
			
 
				+    height: 30px;
			
 
				+    border-radius: 50%;
			
 
				+    background: #eee;
			
 
				+    vertical-align: top;
			
 
				+    overflow: hidden;
			
 
				+}
			
 
				+.clearfloat .chat-avatars>img{
			
 
				+    width: 30px;
			
 
				+    height: 30px;
			
 
				+}
			
 
				+.clearfloat .left .chat-avatars{
			
 
				+    margin-right: 10px;
			
 
				+}
			
 
				+.clearfloat .right .chat-avatars{
			
 
				+    margin-left: 10px;
			
 
				+}
			
 
				+
			
 
				+.chatBox-send{
			
 
				+    width: 100%;
			
 
				+    padding: 10px 5px;
			
 
				+    background: #eee;
			
 
				+    border-top: 1px #D0D0D0 solid;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    left: 0;
			
 
				+}
			
 
				+.div-textarea{
			
 
				+    width: 260px;
			
 
				+    min-height: 20px;
			
 
				+    max-height: 100px;
			
 
				+    _height: 120px;
			
 
				+    padding: 3px;
			
 
				+    outline: 0;
			
 
				+    background: #fff;
			
 
				+    font-size: 14px;
			
 
				+    line-height: 20px;
			
 
				+    word-wrap: break-word;
			
 
				+    overflow-x: hidden;
			
 
				+    overflow-y: auto;
			
 
				+    user-modify: read-write-plaintext-only;    /*纯文本*/
			
 
				+    -webkit-user-modify: read-write-plaintext-only;
			
 
				+    -moz-user-modify: read-write-plaintext-only;
			
 
				+}
			
 
				+.div-textarea:focus{
			
 
				+    box-shadow: 0 0 15px rgba(82, 168, 236, 0.6);
			
 
				+}
			
 
				+.chatBox-send>div{
			
 
				+    float: left;
			
 
				+}
			
 
				+.chatBox-send>div:nth-of-type(2){
			
 
				+    font-size: 0;
			
 
				+}
			
 
				+.chatBox-send>div button{
			
 
				+    padding: 1px 5px;
			
 
				+    margin-left: 3px;
			
 
				+}
			
 
				+.chatBox-send>div label{
			
 
				+    padding: 1px 5px;
			
 
				+    margin-left: 3px;
			
 
				+}
			
 
				+#chat-biaoqing{
			
 
				+    position: relative;
			
 
				+
			
 
				+}
			
 
				+.hidden{
			
 
				+    display: none;
			
 
				+}
			
 
				+.biaoqing-photo{
			
 
				+    width: 200px;
			
 
				+    height: 160px;
			
 
				+    background: #ffffff;
			
 
				+    position: absolute;
			
 
				+    top: -160px;
			
 
				+    right: 40px;
			
 
				+    text-align: left;
			
 
				+    border-radius: 5px;
			
 
				+    border: solid 1px #c5c5c5;
			
 
				+    display: none;
			
 
				+}
			
 
				+.biaoqing-photo::before{
			
 
				+    content: '';
			
 
				+    position: absolute;
			
 
				+    border-top: solid 7px #c5c5c5;
			
 
				+    border-left: solid 9px transparent;
			
 
				+    border-right: solid 9px transparent;
			
 
				+    bottom: -7px;
			
 
				+    right: 36px;
			
 
				+}
			
 
				+.biaoqing-photo::after{
			
 
				+    content: '';
			
 
				+    position: absolute;
			
 
				+    border-top: solid 7px #fff;
			
 
				+    border-left: solid 10px transparent;
			
 
				+    border-right: solid 10px transparent;
			
 
				+    bottom: -5px;
			
 
				+    right: 35px;
			
 
				+}
			
 
				+.biaoqing-photo>ul{
			
 
				+    margin: 0;
			
 
				+    width: 200px;
			
 
				+    height: 160px;
			
 
				+    padding: 3px 2px;
			
 
				+    list-style: none;
			
 
				+}
			
 
				+.biaoqing-photo>ul>li{
			
 
				+    float: left;
			
 
				+    height: 30px;
			
 
				+    margin-left: 2px;
			
 
				+}
			
 
				+.emoji-picker-image{
			
 
				+    display: inline-block;
			
 
				+    width: 30px;
			
 
				+    height: 30px;
			
 
				+    background: url(../img/bqxtb01.png) no-repeat;
			
 
				+    background-size: 200px auto;
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+.biaoqing-photo>ul>li span.emoji-picker-image:hover{
			
 
				+    border: solid 1px #f5f5f5;
			
 
				+}
			
 
				+.chat-message img{
			
 
				+    width: 220px;
			
 
				+    height:auto;
			
 
				+}
			
 
				+
			
 
				+@media all and (max-width: 768px) {
			
 
				+    .chatBox{
			
 
				+        position: fixed;
			
 
				+        top: 0;
			
 
				+        left: 0;
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+    }
			
 
				+}
			
 
				+@media all and (max-width: 370px){
			
 
				+    .chat-name{
			
 
				+        width: 185px;
			
 
				+    }
			
 
				+    .chat-people>div:nth-of-type(2){
			
 
				+        width: 120px;
			
 
				+    }
			
 
				+    .clearfloat .chat-message{
			
 
				+        max-width: 240px;
			
 
				+    }
			
 
				+}
			
--- a/public/static/chat/font_Icon/demo.css
+++ b/public/static/chat/font_Icon/demo.css
@@ -0,0 +1,370 @@
 
				+*{margin: 0;padding: 0;list-style: none;}
			
 
				+/*
			
 
				+KISSY CSS Reset
			
 
				+理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
			
 
				+2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
			
 
				+3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
			
 
				+特色：1. 适应中文；2. 基于最新主流浏览器。
			
 
				+维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
			
 
				+ */
			
 
				+
			
 
				+/** 清除内外边距 **/
			
 
				+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
			
 
				+dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
			
 
				+pre, /* text formatting elements 文本格式元素 */
			
 
				+form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
			
 
				+th, td /* table elements 表格元素 */ {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+
			
 
				+/** 设置默认字体 **/
			
 
				+body,
			
 
				+button, input, select, textarea /* for ie */ {
			
 
				+  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
			
 
				+}
			
 
				+h1, h2, h3, h4, h5, h6 { font-size: 100%; }
			
 
				+address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
			
 
				+code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
			
 
				+small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
			
 
				+
			
 
				+/** 重置列表元素 **/
			
 
				+ul, ol { list-style: none; }
			
 
				+
			
 
				+/** 重置文本格式元素 **/
			
 
				+a { text-decoration: none; }
			
 
				+a:hover { text-decoration: underline; }
			
 
				+
			
 
				+
			
 
				+/** 重置表单元素 **/
			
 
				+legend { color: #000; } /* for ie6 */
			
 
				+fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
			
 
				+button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
			
 
				+/* 注：optgroup 无法扶正 */
			
 
				+
			
 
				+/** 重置表格元素 **/
			
 
				+table { border-collapse: collapse; border-spacing: 0; }
			
 
				+
			
 
				+/* 清除浮动 */
			
 
				+.ks-clear:after, .clear:after {
			
 
				+  content: '\20';
			
 
				+  display: block;
			
 
				+  height: 0;
			
 
				+  clear: both;
			
 
				+}
			
 
				+.ks-clear, .clear {
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.main {
			
 
				+  padding: 30px 100px;
			
 
				+width: 960px;
			
 
				+margin: 0 auto;
			
 
				+}
			
 
				+.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
			
 
				+
			
 
				+.helps{margin-top:40px;}
			
 
				+.helps pre{
			
 
				+  padding:20px;
			
 
				+  margin:10px 0;
			
 
				+  border:solid 1px #e7e1cd;
			
 
				+  background-color: #fffdef;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+.icon_lists{
			
 
				+  width: 100% !important;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.icon_lists li{
			
 
				+  float:left;
			
 
				+  width: 100px;
			
 
				+  height:180px;
			
 
				+  text-align: center;
			
 
				+  list-style: none !important;
			
 
				+}
			
 
				+.icon_lists .icon{
			
 
				+  font-size: 42px;
			
 
				+  line-height: 100px;
			
 
				+  margin: 10px 0;
			
 
				+  color:#333;
			
 
				+  -webkit-transition: font-size 0.25s ease-out 0s;
			
 
				+  -moz-transition: font-size 0.25s ease-out 0s;
			
 
				+  transition: font-size 0.25s ease-out 0s;
			
 
				+
			
 
				+}
			
 
				+.icon_lists .icon:hover{
			
 
				+  font-size: 100px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+.markdown {
			
 
				+  color: #666;
			
 
				+  font-size: 14px;
			
 
				+  line-height: 1.8;
			
 
				+}
			
 
				+
			
 
				+.highlight {
			
 
				+  line-height: 1.5;
			
 
				+}
			
 
				+
			
 
				+.markdown img {
			
 
				+  vertical-align: middle;
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  color: #404040;
			
 
				+  font-weight: 500;
			
 
				+  line-height: 40px;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2,
			
 
				+.markdown h3,
			
 
				+.markdown h4,
			
 
				+.markdown h5,
			
 
				+.markdown h6 {
			
 
				+  color: #404040;
			
 
				+  margin: 1.6em 0 0.6em 0;
			
 
				+  font-weight: 500;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  font-size: 28px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2 {
			
 
				+  font-size: 22px;
			
 
				+}
			
 
				+
			
 
				+.markdown h3 {
			
 
				+  font-size: 16px;
			
 
				+}
			
 
				+
			
 
				+.markdown h4 {
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+
			
 
				+.markdown h5 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown h6 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown hr {
			
 
				+  height: 1px;
			
 
				+  border: 0;
			
 
				+  background: #e9e9e9;
			
 
				+  margin: 16px 0;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown p,
			
 
				+.markdown pre {
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown > p,
			
 
				+.markdown > blockquote,
			
 
				+.markdown > .highlight,
			
 
				+.markdown > ol,
			
 
				+.markdown > ul {
			
 
				+  width: 80%;
			
 
				+}
			
 
				+
			
 
				+.markdown ul > li {
			
 
				+  list-style: circle;
			
 
				+}
			
 
				+
			
 
				+.markdown > ul li,
			
 
				+.markdown blockquote ul > li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown > ul li p,
			
 
				+.markdown > ol li p {
			
 
				+  margin: 0.6em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown ol > li {
			
 
				+  list-style: decimal;
			
 
				+}
			
 
				+
			
 
				+.markdown > ol li,
			
 
				+.markdown blockquote ol > li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown code {
			
 
				+  margin: 0 3px;
			
 
				+  padding: 0 5px;
			
 
				+  background: #eee;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.markdown pre {
			
 
				+  border-radius: 6px;
			
 
				+  background: #f7f7f7;
			
 
				+  padding: 20px;
			
 
				+}
			
 
				+
			
 
				+.markdown pre code {
			
 
				+  border: none;
			
 
				+  background: #f7f7f7;
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.markdown strong,
			
 
				+.markdown b {
			
 
				+  font-weight: 600;
			
 
				+}
			
 
				+
			
 
				+.markdown > table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0px;
			
 
				+  empty-cells: show;
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  width: 95%;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown > table th {
			
 
				+  white-space: nowrap;
			
 
				+  color: #333;
			
 
				+  font-weight: 600;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.markdown > table th,
			
 
				+.markdown > table td {
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  padding: 8px 16px;
			
 
				+  text-align: left;
			
 
				+}
			
 
				+
			
 
				+.markdown > table th {
			
 
				+  background: #F7F7F7;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote {
			
 
				+  font-size: 90%;
			
 
				+  color: #999;
			
 
				+  border-left: 4px solid #e9e9e9;
			
 
				+  padding-left: 0.8em;
			
 
				+  margin: 1em 0;
			
 
				+  font-style: italic;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote p {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.markdown .anchor {
			
 
				+  opacity: 0;
			
 
				+  transition: opacity 0.3s ease;
			
 
				+  margin-left: 8px;
			
 
				+}
			
 
				+
			
 
				+.markdown .waiting {
			
 
				+  color: #ccc;
			
 
				+}
			
 
				+
			
 
				+.markdown h1:hover .anchor,
			
 
				+.markdown h2:hover .anchor,
			
 
				+.markdown h3:hover .anchor,
			
 
				+.markdown h4:hover .anchor,
			
 
				+.markdown h5:hover .anchor,
			
 
				+.markdown h6:hover .anchor {
			
 
				+  opacity: 1;
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+
			
 
				+.markdown > br,
			
 
				+.markdown > p > br {
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.hljs {
			
 
				+  display: block;
			
 
				+  background: white;
			
 
				+  padding: 0.5em;
			
 
				+  color: #333333;
			
 
				+  overflow-x: auto;
			
 
				+}
			
 
				+
			
 
				+.hljs-comment,
			
 
				+.hljs-meta {
			
 
				+  color: #969896;
			
 
				+}
			
 
				+
			
 
				+.hljs-string,
			
 
				+.hljs-variable,
			
 
				+.hljs-template-variable,
			
 
				+.hljs-strong,
			
 
				+.hljs-emphasis,
			
 
				+.hljs-quote {
			
 
				+  color: #df5000;
			
 
				+}
			
 
				+
			
 
				+.hljs-keyword,
			
 
				+.hljs-selector-tag,
			
 
				+.hljs-type {
			
 
				+  color: #a71d5d;
			
 
				+}
			
 
				+
			
 
				+.hljs-literal,
			
 
				+.hljs-symbol,
			
 
				+.hljs-bullet,
			
 
				+.hljs-attribute {
			
 
				+  color: #0086b3;
			
 
				+}
			
 
				+
			
 
				+.hljs-section,
			
 
				+.hljs-name {
			
 
				+  color: #63a35c;
			
 
				+}
			
 
				+
			
 
				+.hljs-tag {
			
 
				+  color: #333333;
			
 
				+}
			
 
				+
			
 
				+.hljs-title,
			
 
				+.hljs-attr,
			
 
				+.hljs-selector-id,
			
 
				+.hljs-selector-class,
			
 
				+.hljs-selector-attr,
			
 
				+.hljs-selector-pseudo {
			
 
				+  color: #795da3;
			
 
				+}
			
 
				+
			
 
				+.hljs-addition {
			
 
				+  color: #55a532;
			
 
				+  background-color: #eaffea;
			
 
				+}
			
 
				+
			
 
				+.hljs-deletion {
			
 
				+  color: #bd2c00;
			
 
				+  background-color: #ffecec;
			
 
				+}
			
 
				+
			
 
				+.hljs-link {
			
 
				+  text-decoration: underline;
			
 
				+}
			
 
				+
			
 
				+pre{
			
 
				+  background: #fff;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
--- a/public/static/chat/font_Icon/demo_fontclass.html
+++ b/public/static/chat/font_Icon/demo_fontclass.html
@@ -0,0 +1,484 @@
 
				+
			
 
				+<!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 iconfont icon-gouwuche2"></i>
			
 
				+                    <div class="name">购物车空</div>
			
 
				+                    <div class="fontclass">.icon-gouwuche2</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-verylarger-view"></i>
			
 
				+                    <div class="name">大图显示</div>
			
 
				+                    <div class="fontclass">.icon-verylarger-view</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-tehui"></i>
			
 
				+                    <div class="name">特惠</div>
			
 
				+                    <div class="fontclass">.icon-tehui</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-gengduo1"></i>
			
 
				+                    <div class="name">更多</div>
			
 
				+                    <div class="fontclass">.icon-gengduo1</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-xiaoxi"></i>
			
 
				+                    <div class="name">消息</div>
			
 
				+                    <div class="fontclass">.icon-xiaoxi</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-houtui"></i>
			
 
				+                    <div class="name">后退 ＋ 前进 </div>
			
 
				+                    <div class="fontclass">.icon-houtui</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-gouwuche"></i>
			
 
				+                    <div class="name">购物车</div>
			
 
				+                    <div class="fontclass">.icon-gouwuche</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-guojia"></i>
			
 
				+                    <div class="name">建筑</div>
			
 
				+                    <div class="fontclass">.icon-guojia</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-xiaoxi1"></i>
			
 
				+                    <div class="name">消息</div>
			
 
				+                    <div class="fontclass">.icon-xiaoxi1</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shoucang"></i>
			
 
				+                    <div class="name">收 藏</div>
			
 
				+                    <div class="fontclass">.icon-shoucang</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-tuxiang"></i>
			
 
				+                    <div class="name">图像</div>
			
 
				+                    <div class="fontclass">.icon-tuxiang</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-yushou"></i>
			
 
				+                    <div class="name">预售</div>
			
 
				+                    <div class="fontclass">.icon-yushou</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-icon05"></i>
			
 
				+                    <div class="name">返回顶部</div>
			
 
				+                    <div class="fontclass">.icon-icon05</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-jiadian"></i>
			
 
				+                    <div class="name">家电</div>
			
 
				+                    <div class="fontclass">.icon-jiadian</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shoucang1"></i>
			
 
				+                    <div class="name">收藏</div>
			
 
				+                    <div class="fontclass">.icon-shoucang1</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-dingdan"></i>
			
 
				+                    <div class="name">订单</div>
			
 
				+                    <div class="fontclass">.icon-dingdan</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shuaxin"></i>
			
 
				+                    <div class="name">刷新</div>
			
 
				+                    <div class="fontclass">.icon-shuaxin</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-kefu"></i>
			
 
				+                    <div class="name">客服</div>
			
 
				+                    <div class="fontclass">.icon-kefu</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shoucang2"></i>
			
 
				+                    <div class="name">收藏</div>
			
 
				+                    <div class="fontclass">.icon-shoucang2</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-wode2"></i>
			
 
				+                    <div class="name">我的</div>
			
 
				+                    <div class="fontclass">.icon-wode2</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-gengduo"></i>
			
 
				+                    <div class="name">更多</div>
			
 
				+                    <div class="fontclass">.icon-gengduo</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-larger-view"></i>
			
 
				+                    <div class="name">列表显示</div>
			
 
				+                    <div class="fontclass">.icon-larger-view</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-tuxiang1"></i>
			
 
				+                    <div class="name">图像</div>
			
 
				+                    <div class="fontclass">.icon-tuxiang1</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-geren2-copy"></i>
			
 
				+                    <div class="name">个人中心</div>
			
 
				+                    <div class="fontclass">.icon-geren2-copy</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-jiushui"></i>
			
 
				+                    <div class="name">酒水</div>
			
 
				+                    <div class="fontclass">.icon-jiushui</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shuji"></i>
			
 
				+                    <div class="name">书籍</div>
			
 
				+                    <div class="fontclass">.icon-shuji</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-fasong"></i>
			
 
				+                    <div class="name">发送</div>
			
 
				+                    <div class="fontclass">.icon-fasong</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-xuanzhuan"></i>
			
 
				+                    <div class="name">旋转</div>
			
 
				+                    <div class="fontclass">.icon-xuanzhuan</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shouye"></i>
			
 
				+                    <div class="name">首页</div>
			
 
				+                    <div class="fontclass">.icon-shouye</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-guanbi"></i>
			
 
				+                    <div class="name">关闭</div>
			
 
				+                    <div class="fontclass">.icon-guanbi</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-wode"></i>
			
 
				+                    <div class="name">我的</div>
			
 
				+                    <div class="fontclass">.icon-wode</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-app"></i>
			
 
				+                    <div class="name">app</div>
			
 
				+                    <div class="fontclass">.icon-app</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-fanhui"></i>
			
 
				+                    <div class="name">返回</div>
			
 
				+                    <div class="fontclass">.icon-fanhui</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-guanbi1"></i>
			
 
				+                    <div class="name">关闭</div>
			
 
				+                    <div class="fontclass">.icon-guanbi1</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-yingyangbaojian"></i>
			
 
				+                    <div class="name">营养保健</div>
			
 
				+                    <div class="fontclass">.icon-yingyangbaojian</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-fenlei"></i>
			
 
				+                    <div class="name">分类</div>
			
 
				+                    <div class="fontclass">.icon-fenlei</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-xiaoxi2"></i>
			
 
				+                    <div class="name">消息</div>
			
 
				+                    <div class="fontclass">.icon-xiaoxi2</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shanchu"></i>
			
 
				+                    <div class="name">删除</div>
			
 
				+                    <div class="fontclass">.icon-shanchu</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-qian"></i>
			
 
				+                    <div class="name">待付款</div>
			
 
				+                    <div class="fontclass">.icon-qian</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shoucangjia"></i>
			
 
				+                    <div class="name">收藏夹</div>
			
 
				+                    <div class="fontclass">.icon-shoucangjia</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-meishi"></i>
			
 
				+                    <div class="name">美食</div>
			
 
				+                    <div class="fontclass">.icon-meishi</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-larger-view2"></i>
			
 
				+                    <div class="name">大图显示</div>
			
 
				+                    <div class="fontclass">.icon-larger-view2</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-dingbu"></i>
			
 
				+                    <div class="name">顶部</div>
			
 
				+                    <div class="fontclass">.icon-dingbu</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-pingjia"></i>
			
 
				+                    <div class="name">评价</div>
			
 
				+                    <div class="fontclass">.icon-pingjia</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-xiaoxi3"></i>
			
 
				+                    <div class="name">消息</div>
			
 
				+                    <div class="fontclass">.icon-xiaoxi3</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-wode1"></i>
			
 
				+                    <div class="name">我的</div>
			
 
				+                    <div class="fontclass">.icon-wode1</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-wode4"></i>
			
 
				+                    <div class="name">wode</div>
			
 
				+                    <div class="fontclass">.icon-wode4</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-yingerfeng"></i>
			
 
				+                    <div class="name">婴儿风</div>
			
 
				+                    <div class="fontclass">.icon-yingerfeng</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-xiaoxi4"></i>
			
 
				+                    <div class="name">消息</div>
			
 
				+                    <div class="fontclass">.icon-xiaoxi4</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-xiaoxi5"></i>
			
 
				+                    <div class="name">消息</div>
			
 
				+                    <div class="fontclass">.icon-xiaoxi5</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-ccgl-shouhuoguanli-3"></i>
			
 
				+                    <div class="name">收货</div>
			
 
				+                    <div class="fontclass">.icon-ccgl-shouhuoguanli-3</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-liwu_gift"></i>
			
 
				+                    <div class="name">礼物</div>
			
 
				+                    <div class="fontclass">.icon-liwu_gift</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shoucang3"></i>
			
 
				+                    <div class="name">收 藏</div>
			
 
				+                    <div class="fontclass">.icon-shoucang3</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-jiaju"></i>
			
 
				+                    <div class="name">家居</div>
			
 
				+                    <div class="fontclass">.icon-jiaju</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shoucang4"></i>
			
 
				+                    <div class="name">收藏</div>
			
 
				+                    <div class="fontclass">.icon-shoucang4</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-sousuo2"></i>
			
 
				+                    <div class="name">搜索</div>
			
 
				+                    <div class="fontclass">.icon-sousuo2</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-biaoqing"></i>
			
 
				+                    <div class="name">表情</div>
			
 
				+                    <div class="fontclass">.icon-biaoqing</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-kouhong"></i>
			
 
				+                    <div class="name">口红</div>
			
 
				+                    <div class="fontclass">.icon-kouhong</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-gengduo2"></i>
			
 
				+                    <div class="name">更多</div>
			
 
				+                    <div class="fontclass">.icon-gengduo2</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-gift"></i>
			
 
				+                    <div class="name">礼物</div>
			
 
				+                    <div class="fontclass">.icon-gift</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-lingquan"></i>
			
 
				+                    <div class="name">领优惠券</div>
			
 
				+                    <div class="fontclass">.icon-lingquan</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-jifen"></i>
			
 
				+                    <div class="name">积分</div>
			
 
				+                    <div class="fontclass">.icon-jifen</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-qianjin"></i>
			
 
				+                    <div class="name">后退 ＋ 前进 </div>
			
 
				+                    <div class="fontclass">.icon-qianjin</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shoucang11"></i>
			
 
				+                    <div class="name">收 藏</div>
			
 
				+                    <div class="fontclass">.icon-shoucang11</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-shuaxin1"></i>
			
 
				+                    <div class="name">刷新</div>
			
 
				+                    <div class="fontclass">.icon-shuaxin1</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-zhongxin"></i>
			
 
				+                    <div class="name">中心</div>
			
 
				+                    <div class="fontclass">.icon-zhongxin</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-list-view"></i>
			
 
				+                    <div class="name">列表显示</div>
			
 
				+                    <div class="fontclass">.icon-list-view</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-fushi"></i>
			
 
				+                    <div class="name">服饰美装</div>
			
 
				+                    <div class="fontclass">.icon-fushi</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-saoyisao"></i>
			
 
				+                    <div class="name">扫一扫</div>
			
 
				+                    <div class="fontclass">.icon-saoyisao</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-double-vertical"></i>
			
 
				+                    <div class="name">双向箭头</div>
			
 
				+                    <div class="fontclass">.icon-double-vertical</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-up-down"></i>
			
 
				+                    <div class="name">双向箭头</div>
			
 
				+                    <div class="fontclass">.icon-up-down</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-sousuo1"></i>
			
 
				+                    <div class="name">搜索--1</div>
			
 
				+                    <div class="fontclass">.icon-sousuo1</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-double-cross"></i>
			
 
				+                    <div class="name">双向箭头</div>
			
 
				+                    <div class="fontclass">.icon-double-cross</div>
			
 
				+                </li>
			
 
				+            
			
 
				+                <li>
			
 
				+                <i class="icon iconfont icon-left-right"></i>
			
 
				+                    <div class="name">双向箭头</div>
			
 
				+                    <div class="fontclass">.icon-left-right</div>
			
 
				+                </li>
			
 
				+            
			
 
				+        </ul>
			
 
				+
			
 
				+        <h2 id="font-class-">font-class引用</h2>
			
 
				+        <hr>
			
 
				+
			
 
				+        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
			
 
				+        <p>与unicode使用方式相比，具有如下特点：</p>
			
 
				+        <ul>
			
 
				+        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
			
 
				+        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
			
 
				+        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
			
 
				+        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
			
 
				+        </ul>
			
 
				+        <p>使用步骤如下：</p>
			
 
				+        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
			
 
				+
			
 
				+
			
 
				+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
			
 
				+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
			
 
				+        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
			
 
				+        <blockquote>
			
 
				+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
			
 
				+        </blockquote>
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/static/chat/font_Icon/iconfont.css
+++ b/public/static/chat/font_Icon/iconfont.css
--- a/public/static/chat/font_Icon/iconfont.eot
+++ b/public/static/chat/font_Icon/iconfont.eot
--- a/public/static/chat/font_Icon/iconfont.ttf
+++ b/public/static/chat/font_Icon/iconfont.ttf
--- a/public/static/chat/font_Icon/iconfont.woff
+++ b/public/static/chat/font_Icon/iconfont.woff
--- a/public/static/chat/img/1.png
+++ b/public/static/chat/img/1.png
--- a/public/static/chat/img/bqxtb01.png
+++ b/public/static/chat/img/bqxtb01.png
--- a/public/static/chat/img/icon01.png
+++ b/public/static/chat/img/icon01.png
--- a/public/static/chat/img/icon02.png
+++ b/public/static/chat/img/icon02.png
--- a/public/static/chat/img/icon03.png
+++ b/public/static/chat/img/icon03.png
--- a/public/static/chat/img/jqr.png
+++ b/public/static/chat/img/jqr.png
--- a/public/static/css/flow.css
+++ b/public/static/css/flow.css
@@ -0,0 +1,385 @@
 
				+@charset "UTF-8";
			
 
				+.pageBox .icon {
			
 
				+  width: 1em;
			
 
				+  height: 1em;
			
 
				+  vertical-align: -0.15em;
			
 
				+  fill: currentColor;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+.pageBox .flowChartWrapper {
			
 
				+  display: flex;
			
 
				+  justify-content: space-between;
			
 
				+  height: 40px;
			
 
				+  line-height: 40px;
			
 
				+  background-color: #fafafa;
			
 
				+  color: #81818181;
			
 
				+  border: 1px solid #e7e7e7;
			
 
				+  box-sizing: border-box;
			
 
				+  padding-left: 20px;
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+.pageBox .flowChartWrapper ul {
			
 
				+  display: flex;
			
 
				+  color: #393939;
			
 
				+}
			
 
				+.pageBox .flowChartWrapper ul > li:not(:first-child) {
			
 
				+  line-height: 1;
			
 
				+  margin: 13px 20px;
			
 
				+  padding: 0px 20px;
			
 
				+  border-left: 1px solid #e7e7e7;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.pageBox .flowWrapper {
			
 
				+  display: flex;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+  width: 52px;
			
 
				+  padding-top: 16px;
			
 
				+  color: #999999;
			
 
				+  background-color: #fafafa;
			
 
				+  border: 1px solid #e7e7e7;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft > li {
			
 
				+  margin: 0 11px;
			
 
				+  margin-bottom: 29px;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft li:nth-child(1) {
			
 
				+  font-size: 13px;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft li:nth-child(2),
			
 
				+.pageBox .flowWrapper > .flowleft li:nth-child(4) {
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  box-sizing: border-box;
			
 
				+  border-radius: 40%;
			
 
				+  margin: 0 11px;
			
 
				+  margin-bottom: 29px;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft .startNode {
			
 
				+  display: inline-block;
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  border: none;
			
 
				+  margin-bottom: 12px;
			
 
				+  padding: 0;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft .startNode .layui-btn {
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  border: 1px solid #666666;
			
 
				+  box-sizing: border-box;
			
 
				+  border-radius: 40%;
			
 
				+  background-color: transparent;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft .layui-icon-endNode {
			
 
				+  display: inline-block;
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  border: none;
			
 
				+  margin-bottom: 12px;
			
 
				+  padding: 0;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft .layui-icon-endNode .layui-btn {
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  border: 1px solid #666666;
			
 
				+  box-sizing: border-box;
			
 
				+  border-radius: 40%;
			
 
				+  background-color: transparent;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft li:nth-child(3) {
			
 
				+  display: inline-block;
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  box-sizing: border-box;
			
 
				+  border-radius: 4px;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft li:nth-child(3) .layui-btn {
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  border: 1px solid #666666;
			
 
				+  box-sizing: border-box;
			
 
				+  border-radius: 4px;
			
 
				+  overflow: hidden;
			
 
				+  background-color: transparent;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft .IntermediateNode {
			
 
				+  display: inline-block;
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  border: none;
			
 
				+  margin-bottom: 29px;
			
 
				+  padding: 0;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft .IntermediateNode .layui-btn {
			
 
				+  width: 28px;
			
 
				+  height: 18px;
			
 
				+  border: 1px solid #666666;
			
 
				+  box-sizing: border-box;
			
 
				+  border-radius: 4px;
			
 
				+  background-color: transparent;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowleft li:nth-child(5) {
			
 
				+  width: 100%;
			
 
				+  height: 52px;
			
 
				+  font-size: 28px;
			
 
				+  line-height: 50px;
			
 
				+  color: #00a0e9;
			
 
				+  margin: 0;
			
 
				+  text-align: center;
			
 
				+  cursor: pointer;
			
 
				+  border-top: 1px solid #e7e7e7;
			
 
				+  border-bottom: 1px solid #e7e7e7;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowRight {
			
 
				+  width: 100%;
			
 
				+  height: calc(100vh - 40px);
			
 
				+  background-color: #f5f5f5;
			
 
				+  overflow-x: scroll;
			
 
				+  overflow-y: auto;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowRight .flowRightItem.flowBox {
			
 
				+  /* width: calc(100% - 96px); */
			
 
				+  height: calc(100vh - 120px);
			
 
				+  margin: 40px 0 0 41px;
			
 
				+  background-color: #fff;
			
 
				+  box-sizing: border-box;
			
 
				+  box-shadow: #ccc 0px 0px 10px;
			
 
				+  background: url("../../images/yes-net.png");
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowRight .flowRightItem.flowBox #ydt {
			
 
				+  min-height: 100%;
			
 
				+  height: auto;
			
 
				+}
			
 
				+.pageBox .flowWrapper > .flowRight .flowRightItem::-webkit-scrollbar {
			
 
				+  width: 4px;
			
 
				+  /*高宽分别对应横竖滚动条的尺寸*/
			
 
				+  height: 4px;
			
 
				+  scrollbar-arrow-color: red;
			
 
				+}
			
 
				+
			
 
				+.layui-layer-tips .layui-layer-content {
			
 
				+  top: -9px;
			
 
				+  left: 6px;
			
 
				+}
			
 
				+.layui-layer-tips .layui-layer-TipsG.layui-layer-TipsR {
			
 
				+  left: -16px;
			
 
				+  top: 10px;
			
 
				+  transform: rotate(-90deg);
			
 
				+}
			
 
				+
			
 
				+.layui-btn {
			
 
				+  display: inline-block;
			
 
				+  background-color: #0b82ff;
			
 
				+  color: #fff;
			
 
				+  white-space: nowrap;
			
 
				+  text-align: center;
			
 
				+  font-size: 14px;
			
 
				+  border: none;
			
 
				+  border-radius: 2px;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.nodeBox:hover {
			
 
				+  box-shadow: none;
			
 
				+}
			
 
				+
			
 
				+.nodeBox:hover .tools {
			
 
				+  display: flex;
			
 
				+}
			
 
				+
			
 
				+.nodeBox {
			
 
				+  position: absolute;
			
 
				+  border-radius: 16px;
			
 
				+  border: none;
			
 
				+  background-color: transparent;
			
 
				+  width: 150px;
			
 
				+  z-index: 2;
			
 
				+}
			
 
				+.nodeBox .tools {
			
 
				+  position: absolute;
			
 
				+  top: -24px;
			
 
				+  right: 0;
			
 
				+  display: none;
			
 
				+  justify-content: flex-end;
			
 
				+  padding-bottom: 10px;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+.nodeBox .tools .editNode,
			
 
				+.nodeBox .tools .deleteNode {
			
 
				+  width: 20px;
			
 
				+  height: 20px;
			
 
				+  line-height: 20px;
			
 
				+  background-color: #f6f6f6;
			
 
				+  border: 1px solid #ccc;
			
 
				+  box-sizing: border-box;
			
 
				+  font-size: 22px;
			
 
				+}
			
 
				+.nodeBox .tools .editNode {
			
 
				+  border-right: none;
			
 
				+}
			
 
				+.nodeBox .flow-node-body {
			
 
				+  position: relative;
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+  height: 42px;
			
 
				+  line-height: 42px;
			
 
				+  box-sizing: border-box;
			
 
				+  font-family: Microsoft YaHei;
			
 
				+  font-size: 12px;
			
 
				+  color: #fff;
			
 
				+  text-align: center;
			
 
				+  border-radius: 16px;
			
 
				+  overflow: hidden;
			
 
				+  background-color: #00a0e9;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+.nodeBox .flow-node-body > span {
			
 
				+  position: relative;
			
 
				+}
			
 
				+.nodeBox .flow-node-body > span .flow-node-drag {
			
 
				+  position: absolute;
			
 
				+  top: -10;
			
 
				+  left: -10px;
			
 
				+  color: transparent;
			
 
				+  width: 30px;
			
 
				+  height: 42px;
			
 
				+  z-index: 100;
			
 
				+}
			
 
				+.nodeBox .flow-node-body .icon {
			
 
				+  position: relative;
			
 
				+  font-size: 22px;
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.nodeBox .fa-navicon:before,
			
 
				+.nodeBox .fa-reorder:before,
			
 
				+.nodeBox .fa-bars:before {
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  font-size: 40px;
			
 
				+  z-index: 12;
			
 
				+  width: 20px;
			
 
				+  height: 20px;
			
 
				+}
			
 
				+
			
 
				+.nodetype1 .flow-node-body:hover {
			
 
				+  box-shadow: 0px 11px 21px 0px rgba(14, 5, 10, 0.38);
			
 
				+  background-color: #0081cc;
			
 
				+  border-radius: 16px;
			
 
				+}
			
 
				+
			
 
				+.nodetype2 .flow-node-body {
			
 
				+  background-color: #24ca7a;
			
 
				+  border-radius: 4px;
			
 
				+}
			
 
				+
			
 
				+.nodetype2 .flow-node-body:hover {
			
 
				+  box-shadow: 0px 11px 21px 0px rgba(14, 5, 10, 0.38);
			
 
				+  background-color: #1faa67;
			
 
				+  border-radius: 4px;
			
 
				+}
			
 
				+
			
 
				+.nodetype3 .flow-node-body {
			
 
				+  background-color: #e0dede;
			
 
				+  border-radius: 16px;
			
 
				+  color: #999999;
			
 
				+}
			
 
				+.nodetype3 .flow-node-body .icon {
			
 
				+  color: #999999;
			
 
				+}
			
 
				+
			
 
				+.nodetype3 .flow-node-body:hover {
			
 
				+  box-shadow: 0px 11px 21px 0px rgba(14, 5, 10, 0.38);
			
 
				+  background-color: #e0dede;
			
 
				+  border-radius: 16px;
			
 
				+}
			
 
				+
			
 
				+.div-col-content,
			
 
				+.div-row-content,
			
 
				+.div-first {
			
 
				+  background-color: #f6fafd;
			
 
				+}
			
 
				+
			
 
				+.div-col-content,
			
 
				+.div-first {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.div-first {
			
 
				+  position: relative;
			
 
				+  font-size: 20px;
			
 
				+  color: #999999;
			
 
				+  background-color: #fafafa;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+.div-first > ul {
			
 
				+  position: absolute;
			
 
				+  left: 20px;
			
 
				+  top: 20px;
			
 
				+  display: none;
			
 
				+  width: 88px;
			
 
				+  background-color: #ffffff;
			
 
				+  box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.1);
			
 
				+  border-radius: 6px;
			
 
				+  z-index: 9;
			
 
				+}
			
 
				+.div-first > ul > li {
			
 
				+  font-family: Microsoft YaHei;
			
 
				+  font-size: 14px;
			
 
				+  color: #333333;
			
 
				+  height: 32px;
			
 
				+  line-height: 32px;
			
 
				+  padding-left: 18px;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.div-first > ul li:hover {
			
 
				+  background-color: #f8f8f8;
			
 
				+}
			
 
				+
			
 
				+.div-first:hover {
			
 
				+  background-color: #f0f0f0;
			
 
				+  color: #666666;
			
 
				+}
			
 
				+.div-first:hover > ul {
			
 
				+  display: block;
			
 
				+}
			
 
				+
			
 
				+.div-col,
			
 
				+.div-row,
			
 
				+.jtk-connector {
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+
			
 
				+.labelClass {
			
 
				+  background-color: #4e6169;
			
 
				+  color: #fff;
			
 
				+  border-radius: 20px;
			
 
				+  z-index: 2;
			
 
				+  line-height: 14px;
			
 
				+  padding: 2px 14px;
			
 
				+  font-size: 12px;
			
 
				+  opacity: 1;
			
 
				+}
			
 
				+
			
 
				+.div-row-title {
			
 
				+  overflow: hidden;
			
 
				+}
			
--- a/public/static/css/font-awesome.min.css
+++ b/public/static/css/font-awesome.min.css
--- a/public/static/css/iconfont.css
+++ b/public/static/css/iconfont.css
--- a/public/static/css/img/diy/1_close.png
+++ b/public/static/css/img/diy/1_close.png
--- a/public/static/css/img/diy/1_open.png
+++ b/public/static/css/img/diy/1_open.png
--- a/public/static/css/img/diy/2.png
+++ b/public/static/css/img/diy/2.png
--- a/public/static/css/img/diy/3.png
+++ b/public/static/css/img/diy/3.png
--- a/public/static/css/img/diy/4.png
+++ b/public/static/css/img/diy/4.png
--- a/public/static/css/img/diy/5.png
+++ b/public/static/css/img/diy/5.png
--- a/public/static/css/img/diy/6.png
+++ b/public/static/css/img/diy/6.png
--- a/public/static/css/img/diy/7.png
+++ b/public/static/css/img/diy/7.png
--- a/public/static/css/img/diy/8.png
+++ b/public/static/css/img/diy/8.png
--- a/public/static/css/img/diy/9.png
+++ b/public/static/css/img/diy/9.png
--- a/public/static/css/img/diy/t_213.png
+++ b/public/static/css/img/diy/t_213.png
--- a/public/static/css/img/diy/t_215.png
+++ b/public/static/css/img/diy/t_215.png
--- a/public/static/css/img/diy/t_217.png
+++ b/public/static/css/img/diy/t_217.png
--- a/public/static/css/img/diy/t_36.png
+++ b/public/static/css/img/diy/t_36.png
--- a/public/static/css/img/diy/t_39.png
+++ b/public/static/css/img/diy/t_39.png
--- a/public/static/css/img/diy/t_42.png
+++ b/public/static/css/img/diy/t_42.png
--- a/public/static/css/img/line_conn.gif
+++ b/public/static/css/img/line_conn.gif
--- a/public/static/css/img/loading.gif
+++ b/public/static/css/img/loading.gif
--- a/public/static/css/img/zTreeStandard.gif
+++ b/public/static/css/img/zTreeStandard.gif
--- a/public/static/css/img/zTreeStandard.png
+++ b/public/static/css/img/zTreeStandard.png
--- a/public/static/css/inconfont/demo.css
+++ b/public/static/css/inconfont/demo.css
@@ -0,0 +1,539 @@
 
				+/* Logo 字体 */
			
 
				+@font-face {
			
 
				+  font-family: "iconfont logo";
			
 
				+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
			
 
				+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
			
 
				+}
			
 
				+
			
 
				+.logo {
			
 
				+  font-family: "iconfont logo";
			
 
				+  font-size: 160px;
			
 
				+  font-style: normal;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+
			
 
				+/* tabs */
			
 
				+.nav-tabs {
			
 
				+  position: relative;
			
 
				+}
			
 
				+
			
 
				+.nav-tabs .nav-more {
			
 
				+  position: absolute;
			
 
				+  right: 0;
			
 
				+  bottom: 0;
			
 
				+  height: 42px;
			
 
				+  line-height: 42px;
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+#tabs {
			
 
				+  border-bottom: 1px solid #eee;
			
 
				+}
			
 
				+
			
 
				+#tabs li {
			
 
				+  cursor: pointer;
			
 
				+  width: 100px;
			
 
				+  height: 40px;
			
 
				+  line-height: 40px;
			
 
				+  text-align: center;
			
 
				+  font-size: 16px;
			
 
				+  border-bottom: 2px solid transparent;
			
 
				+  position: relative;
			
 
				+  z-index: 1;
			
 
				+  margin-bottom: -1px;
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+#tabs .active {
			
 
				+  border-bottom-color: #f00;
			
 
				+  color: #222;
			
 
				+}
			
 
				+
			
 
				+.tab-container .content {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+/* 页面布局 */
			
 
				+.main {
			
 
				+  padding: 30px 100px;
			
 
				+  width: 960px;
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+
			
 
				+.main .logo {
			
 
				+  color: #333;
			
 
				+  text-align: left;
			
 
				+  margin-bottom: 30px;
			
 
				+  line-height: 1;
			
 
				+  height: 110px;
			
 
				+  margin-top: -50px;
			
 
				+  overflow: hidden;
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.main .logo a {
			
 
				+  font-size: 160px;
			
 
				+  color: #333;
			
 
				+}
			
 
				+
			
 
				+.helps {
			
 
				+  margin-top: 40px;
			
 
				+}
			
 
				+
			
 
				+.helps pre {
			
 
				+  padding: 20px;
			
 
				+  margin: 10px 0;
			
 
				+  border: solid 1px #e7e1cd;
			
 
				+  background-color: #fffdef;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+.icon_lists {
			
 
				+  width: 100% !important;
			
 
				+  overflow: hidden;
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li {
			
 
				+  width: 100px;
			
 
				+  margin-bottom: 10px;
			
 
				+  margin-right: 20px;
			
 
				+  text-align: center;
			
 
				+  list-style: none !important;
			
 
				+  cursor: default;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li .code-name {
			
 
				+  line-height: 1.2;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .icon {
			
 
				+  display: block;
			
 
				+  height: 100px;
			
 
				+  line-height: 100px;
			
 
				+  font-size: 42px;
			
 
				+  margin: 10px auto;
			
 
				+  color: #333;
			
 
				+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+  transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .icon:hover {
			
 
				+  font-size: 100px;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .svg-icon {
			
 
				+  /* 通过设置 font-size 来改变图标大小 */
			
 
				+  width: 1em;
			
 
				+  /* 图标和文字相邻时，垂直对齐 */
			
 
				+  vertical-align: -0.15em;
			
 
				+  /* 通过设置 color 来改变 SVG 的颜色/fill */
			
 
				+  fill: currentColor;
			
 
				+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
			
 
				+      normalize.css 中也包含这行 */
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li .name,
			
 
				+.icon_lists li .code-name {
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+/* markdown 样式 */
			
 
				+.markdown {
			
 
				+  color: #666;
			
 
				+  font-size: 14px;
			
 
				+  line-height: 1.8;
			
 
				+}
			
 
				+
			
 
				+.highlight {
			
 
				+  line-height: 1.5;
			
 
				+}
			
 
				+
			
 
				+.markdown img {
			
 
				+  vertical-align: middle;
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  color: #404040;
			
 
				+  font-weight: 500;
			
 
				+  line-height: 40px;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2,
			
 
				+.markdown h3,
			
 
				+.markdown h4,
			
 
				+.markdown h5,
			
 
				+.markdown h6 {
			
 
				+  color: #404040;
			
 
				+  margin: 1.6em 0 0.6em 0;
			
 
				+  font-weight: 500;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  font-size: 28px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2 {
			
 
				+  font-size: 22px;
			
 
				+}
			
 
				+
			
 
				+.markdown h3 {
			
 
				+  font-size: 16px;
			
 
				+}
			
 
				+
			
 
				+.markdown h4 {
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+
			
 
				+.markdown h5 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown h6 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown hr {
			
 
				+  height: 1px;
			
 
				+  border: 0;
			
 
				+  background: #e9e9e9;
			
 
				+  margin: 16px 0;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown p {
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown>p,
			
 
				+.markdown>blockquote,
			
 
				+.markdown>.highlight,
			
 
				+.markdown>ol,
			
 
				+.markdown>ul {
			
 
				+  width: 80%;
			
 
				+}
			
 
				+
			
 
				+.markdown ul>li {
			
 
				+  list-style: circle;
			
 
				+}
			
 
				+
			
 
				+.markdown>ul li,
			
 
				+.markdown blockquote ul>li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown>ul li p,
			
 
				+.markdown>ol li p {
			
 
				+  margin: 0.6em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown ol>li {
			
 
				+  list-style: decimal;
			
 
				+}
			
 
				+
			
 
				+.markdown>ol li,
			
 
				+.markdown blockquote ol>li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown code {
			
 
				+  margin: 0 3px;
			
 
				+  padding: 0 5px;
			
 
				+  background: #eee;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.markdown strong,
			
 
				+.markdown b {
			
 
				+  font-weight: 600;
			
 
				+}
			
 
				+
			
 
				+.markdown>table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0px;
			
 
				+  empty-cells: show;
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  width: 95%;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th {
			
 
				+  white-space: nowrap;
			
 
				+  color: #333;
			
 
				+  font-weight: 600;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th,
			
 
				+.markdown>table td {
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  padding: 8px 16px;
			
 
				+  text-align: left;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th {
			
 
				+  background: #F7F7F7;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote {
			
 
				+  font-size: 90%;
			
 
				+  color: #999;
			
 
				+  border-left: 4px solid #e9e9e9;
			
 
				+  padding-left: 0.8em;
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote p {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.markdown .anchor {
			
 
				+  opacity: 0;
			
 
				+  transition: opacity 0.3s ease;
			
 
				+  margin-left: 8px;
			
 
				+}
			
 
				+
			
 
				+.markdown .waiting {
			
 
				+  color: #ccc;
			
 
				+}
			
 
				+
			
 
				+.markdown h1:hover .anchor,
			
 
				+.markdown h2:hover .anchor,
			
 
				+.markdown h3:hover .anchor,
			
 
				+.markdown h4:hover .anchor,
			
 
				+.markdown h5:hover .anchor,
			
 
				+.markdown h6:hover .anchor {
			
 
				+  opacity: 1;
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+
			
 
				+.markdown>br,
			
 
				+.markdown>p>br {
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.hljs {
			
 
				+  display: block;
			
 
				+  background: white;
			
 
				+  padding: 0.5em;
			
 
				+  color: #333333;
			
 
				+  overflow-x: auto;
			
 
				+}
			
 
				+
			
 
				+.hljs-comment,
			
 
				+.hljs-meta {
			
 
				+  color: #969896;
			
 
				+}
			
 
				+
			
 
				+.hljs-string,
			
 
				+.hljs-variable,
			
 
				+.hljs-template-variable,
			
 
				+.hljs-strong,
			
 
				+.hljs-emphasis,
			
 
				+.hljs-quote {
			
 
				+  color: #df5000;
			
 
				+}
			
 
				+
			
 
				+.hljs-keyword,
			
 
				+.hljs-selector-tag,
			
 
				+.hljs-type {
			
 
				+  color: #a71d5d;
			
 
				+}
			
 
				+
			
 
				+.hljs-literal,
			
 
				+.hljs-symbol,
			
 
				+.hljs-bullet,
			
 
				+.hljs-attribute {
			
 
				+  color: #0086b3;
			
 
				+}
			
 
				+
			
 
				+.hljs-section,
			
 
				+.hljs-name {
			
 
				+  color: #63a35c;
			
 
				+}
			
 
				+
			
 
				+.hljs-tag {
			
 
				+  color: #333333;
			
 
				+}
			
 
				+
			
 
				+.hljs-title,
			
 
				+.hljs-attr,
			
 
				+.hljs-selector-id,
			
 
				+.hljs-selector-class,
			
 
				+.hljs-selector-attr,
			
 
				+.hljs-selector-pseudo {
			
 
				+  color: #795da3;
			
 
				+}
			
 
				+
			
 
				+.hljs-addition {
			
 
				+  color: #55a532;
			
 
				+  background-color: #eaffea;
			
 
				+}
			
 
				+
			
 
				+.hljs-deletion {
			
 
				+  color: #bd2c00;
			
 
				+  background-color: #ffecec;
			
 
				+}
			
 
				+
			
 
				+.hljs-link {
			
 
				+  text-decoration: underline;
			
 
				+}
			
 
				+
			
 
				+/* 代码高亮 */
			
 
				+/* PrismJS 1.15.0
			
 
				+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
			
 
				+/**
			
 
				+ * prism.js default theme for JavaScript, CSS and HTML
			
 
				+ * Based on dabblet (http://dabblet.com)
			
 
				+ * @author Lea Verou
			
 
				+ */
			
 
				+code[class*="language-"],
			
 
				+pre[class*="language-"] {
			
 
				+  color: black;
			
 
				+  background: none;
			
 
				+  text-shadow: 0 1px white;
			
 
				+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
			
 
				+  text-align: left;
			
 
				+  white-space: pre;
			
 
				+  word-spacing: normal;
			
 
				+  word-break: normal;
			
 
				+  word-wrap: normal;
			
 
				+  line-height: 1.5;
			
 
				+
			
 
				+  -moz-tab-size: 4;
			
 
				+  -o-tab-size: 4;
			
 
				+  tab-size: 4;
			
 
				+
			
 
				+  -webkit-hyphens: none;
			
 
				+  -moz-hyphens: none;
			
 
				+  -ms-hyphens: none;
			
 
				+  hyphens: none;
			
 
				+}
			
 
				+
			
 
				+pre[class*="language-"]::-moz-selection,
			
 
				+pre[class*="language-"] ::-moz-selection,
			
 
				+code[class*="language-"]::-moz-selection,
			
 
				+code[class*="language-"] ::-moz-selection {
			
 
				+  text-shadow: none;
			
 
				+  background: #b3d4fc;
			
 
				+}
			
 
				+
			
 
				+pre[class*="language-"]::selection,
			
 
				+pre[class*="language-"] ::selection,
			
 
				+code[class*="language-"]::selection,
			
 
				+code[class*="language-"] ::selection {
			
 
				+  text-shadow: none;
			
 
				+  background: #b3d4fc;
			
 
				+}
			
 
				+
			
 
				+@media print {
			
 
				+
			
 
				+  code[class*="language-"],
			
 
				+  pre[class*="language-"] {
			
 
				+    text-shadow: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/* Code blocks */
			
 
				+pre[class*="language-"] {
			
 
				+  padding: 1em;
			
 
				+  margin: .5em 0;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+:not(pre)>code[class*="language-"],
			
 
				+pre[class*="language-"] {
			
 
				+  background: #f5f2f0;
			
 
				+}
			
 
				+
			
 
				+/* Inline code */
			
 
				+:not(pre)>code[class*="language-"] {
			
 
				+  padding: .1em;
			
 
				+  border-radius: .3em;
			
 
				+  white-space: normal;
			
 
				+}
			
 
				+
			
 
				+.token.comment,
			
 
				+.token.prolog,
			
 
				+.token.doctype,
			
 
				+.token.cdata {
			
 
				+  color: slategray;
			
 
				+}
			
 
				+
			
 
				+.token.punctuation {
			
 
				+  color: #999;
			
 
				+}
			
 
				+
			
 
				+.namespace {
			
 
				+  opacity: .7;
			
 
				+}
			
 
				+
			
 
				+.token.property,
			
 
				+.token.tag,
			
 
				+.token.boolean,
			
 
				+.token.number,
			
 
				+.token.constant,
			
 
				+.token.symbol,
			
 
				+.token.deleted {
			
 
				+  color: #905;
			
 
				+}
			
 
				+
			
 
				+.token.selector,
			
 
				+.token.attr-name,
			
 
				+.token.string,
			
 
				+.token.char,
			
 
				+.token.builtin,
			
 
				+.token.inserted {
			
 
				+  color: #690;
			
 
				+}
			
 
				+
			
 
				+.token.operator,
			
 
				+.token.entity,
			
 
				+.token.url,
			
 
				+.language-css .token.string,
			
 
				+.style .token.string {
			
 
				+  color: #9a6e3a;
			
 
				+  background: hsla(0, 0%, 100%, .5);
			
 
				+}
			
 
				+
			
 
				+.token.atrule,
			
 
				+.token.attr-value,
			
 
				+.token.keyword {
			
 
				+  color: #07a;
			
 
				+}
			
 
				+
			
 
				+.token.function,
			
 
				+.token.class-name {
			
 
				+  color: #DD4A68;
			
 
				+}
			
 
				+
			
 
				+.token.regex,
			
 
				+.token.important,
			
 
				+.token.variable {
			
 
				+  color: #e90;
			
 
				+}
			
 
				+
			
 
				+.token.important,
			
 
				+.token.bold {
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+.token.italic {
			
 
				+  font-style: italic;
			
 
				+}
			
 
				+
			
 
				+.token.entity {
			
 
				+  cursor: help;
			
 
				+}
			
--- a/public/static/css/inconfont/demo_index.html
+++ b/public/static/css/inconfont/demo_index.html
@@ -0,0 +1,308 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8"/>
			
 
				+  <title>IconFont Demo</title>
			
 
				+  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
			
 
				+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
			
 
				+  <link rel="stylesheet" href="demo.css">
			
 
				+  <link rel="stylesheet" href="iconfont.css">
			
 
				+  <script src="iconfont.js"></script>
			
 
				+  <!-- jQuery -->
			
 
				+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
			
 
				+  <!-- 代码高亮 -->
			
 
				+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+  <div class="main">
			
 
				+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
			
 
				+    <div class="nav-tabs">
			
 
				+      <ul id="tabs" class="dib-box">
			
 
				+        <li class="dib active"><span>Unicode</span></li>
			
 
				+        <li class="dib"><span>Font class</span></li>
			
 
				+        <li class="dib"><span>Symbol</span></li>
			
 
				+      </ul>
			
 
				+      
			
 
				+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2153472" target="_blank" class="nav-more">查看项目</a>
			
 
				+      
			
 
				+    </div>
			
 
				+    <div class="tab-container">
			
 
				+      <div class="content unicode" style="display: block;">
			
 
				+          <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe601;</span>
			
 
				+                <div class="name">编辑</div>
			
 
				+                <div class="code-name">&amp;#xe601;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe602;</span>
			
 
				+                <div class="name">更多</div>
			
 
				+                <div class="code-name">&amp;#xe602;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe603;</span>
			
 
				+                <div class="name">删除</div>
			
 
				+                <div class="code-name">&amp;#xe603;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe604;</span>
			
 
				+                <div class="name">详情</div>
			
 
				+                <div class="code-name">&amp;#xe604;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe605;</span>
			
 
				+                <div class="name">链接</div>
			
 
				+                <div class="code-name">&amp;#xe605;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe606;</span>
			
 
				+                <div class="name">泳道</div>
			
 
				+                <div class="code-name">&amp;#xe606;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+          </ul>
			
 
				+          <div class="article markdown">
			
 
				+          <h2 id="unicode-">Unicode 引用</h2>
			
 
				+          <hr>
			
 
				+
			
 
				+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
			
 
				+          <ul>
			
 
				+            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
			
 
				+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
			
 
				+            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
			
 
				+          </ul>
			
 
				+          <blockquote>
			
 
				+            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
			
 
				+          </blockquote>
			
 
				+          <p>Unicode 使用步骤如下：</p>
			
 
				+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
			
 
				+<pre><code class="language-css"
			
 
				+>@font-face {
			
 
				+  font-family: 'iconfont';
			
 
				+  src: url('iconfont.eot');
			
 
				+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
			
 
				+      url('iconfont.woff2') format('woff2'),
			
 
				+      url('iconfont.woff') format('woff'),
			
 
				+      url('iconfont.ttf') format('truetype'),
			
 
				+      url('iconfont.svg#iconfont') format('svg');
			
 
				+}
			
 
				+</code></pre>
			
 
				+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
			
 
				+<pre><code class="language-css"
			
 
				+>.iconfont {
			
 
				+  font-family: "iconfont" !important;
			
 
				+  font-size: 16px;
			
 
				+  font-style: normal;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+</code></pre>
			
 
				+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
			
 
				+<pre>
			
 
				+<code class="language-html"
			
 
				+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
			
 
				+</code></pre>
			
 
				+          <blockquote>
			
 
				+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
			
 
				+          </blockquote>
			
 
				+          </div>
			
 
				+      </div>
			
 
				+      <div class="content font-class">
			
 
				+        <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconbianji"></span>
			
 
				+            <div class="name">
			
 
				+              编辑
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconbianji
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icongengduo"></span>
			
 
				+            <div class="name">
			
 
				+              更多
			
 
				+            </div>
			
 
				+            <div class="code-name">.icongengduo
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconshanchu"></span>
			
 
				+            <div class="name">
			
 
				+              删除
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconshanchu
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconxiangqing"></span>
			
 
				+            <div class="name">
			
 
				+              详情
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconxiangqing
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconlianjie"></span>
			
 
				+            <div class="name">
			
 
				+              链接
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconlianjie
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont iconyongdao"></span>
			
 
				+            <div class="name">
			
 
				+              泳道
			
 
				+            </div>
			
 
				+            <div class="code-name">.iconyongdao
			
 
				+            </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>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
			
 
				+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
			
 
				+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
			
 
				+          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</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 iconxxx"&gt;&lt;/span&gt;
			
 
				+</code></pre>
			
 
				+        <blockquote>
			
 
				+          <p>"
			
 
				+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
			
 
				+        </blockquote>
			
 
				+      </div>
			
 
				+      </div>
			
 
				+      <div class="content symbol">
			
 
				+          <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconbianji"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">编辑</div>
			
 
				+                <div class="code-name">#iconbianji</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icongengduo"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">更多</div>
			
 
				+                <div class="code-name">#icongengduo</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconshanchu"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">删除</div>
			
 
				+                <div class="code-name">#iconshanchu</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconxiangqing"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">详情</div>
			
 
				+                <div class="code-name">#iconxiangqing</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconlianjie"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">链接</div>
			
 
				+                <div class="code-name">#iconlianjie</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#iconyongdao"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">泳道</div>
			
 
				+                <div class="code-name">#iconyongdao</div>
			
 
				+            </li>
			
 
				+          
			
 
				+          </ul>
			
 
				+          <div class="article markdown">
			
 
				+          <h2 id="symbol-">Symbol 引用</h2>
			
 
				+          <hr>
			
 
				+
			
 
				+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
			
 
				+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
			
 
				+          <ul>
			
 
				+            <li>支持多色图标了，不再受单色限制。</li>
			
 
				+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
			
 
				+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
			
 
				+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
			
 
				+          </ul>
			
 
				+          <p>使用步骤如下：</p>
			
 
				+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
			
 
				+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
			
 
				+</code></pre>
			
 
				+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
			
 
				+<pre><code class="language-html">&lt;style&gt;
			
 
				+.icon {
			
 
				+  width: 1em;
			
 
				+  height: 1em;
			
 
				+  vertical-align: -0.15em;
			
 
				+  fill: currentColor;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+&lt;/style&gt;
			
 
				+</code></pre>
			
 
				+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
			
 
				+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
			
 
				+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
			
 
				+&lt;/svg&gt;
			
 
				+</code></pre>
			
 
				+          </div>
			
 
				+      </div>
			
 
				+
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <script>
			
 
				+  $(document).ready(function () {
			
 
				+      $('.tab-container .content:first').show()
			
 
				+
			
 
				+      $('#tabs li').click(function (e) {
			
 
				+        var tabContent = $('.tab-container .content')
			
 
				+        var index = $(this).index()
			
 
				+
			
 
				+        if ($(this).hasClass('active')) {
			
 
				+          return
			
 
				+        } else {
			
 
				+          $('#tabs li').removeClass('active')
			
 
				+          $(this).addClass('active')
			
 
				+
			
 
				+          tabContent.hide().eq(index).fadeIn()
			
 
				+        }
			
 
				+      })
			
 
				+    })
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/static/css/inconfont/iconfont.css
+++ b/public/static/css/inconfont/iconfont.css
--- a/public/static/css/inconfont/iconfont.eot
+++ b/public/static/css/inconfont/iconfont.eot
--- a/public/static/css/inconfont/iconfont.js
+++ b/public/static/css/inconfont/iconfont.js
--- a/public/static/css/inconfont/iconfont.json
+++ b/public/static/css/inconfont/iconfont.json
@@ -0,0 +1,51 @@
 
				+{
			
 
				+  "id": "2153472",
			
 
				+  "name": "黑龙江移动-原型",
			
 
				+  "font_family": "iconfont",
			
 
				+  "css_prefix_text": "icon",
			
 
				+  "description": "中台系统-原型",
			
 
				+  "glyphs": [
			
 
				+    {
			
 
				+      "icon_id": "17873667",
			
 
				+      "name": "编辑",
			
 
				+      "font_class": "bianji",
			
 
				+      "unicode": "e601",
			
 
				+      "unicode_decimal": 58881
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "17873668",
			
 
				+      "name": "更多",
			
 
				+      "font_class": "gengduo",
			
 
				+      "unicode": "e602",
			
 
				+      "unicode_decimal": 58882
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "17873669",
			
 
				+      "name": "删除",
			
 
				+      "font_class": "shanchu",
			
 
				+      "unicode": "e603",
			
 
				+      "unicode_decimal": 58883
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "17873670",
			
 
				+      "name": "详情",
			
 
				+      "font_class": "xiangqing",
			
 
				+      "unicode": "e604",
			
 
				+      "unicode_decimal": 58884
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "17873671",
			
 
				+      "name": "链接",
			
 
				+      "font_class": "lianjie",
			
 
				+      "unicode": "e605",
			
 
				+      "unicode_decimal": 58885
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "17873672",
			
 
				+      "name": "泳道",
			
 
				+      "font_class": "yongdao",
			
 
				+      "unicode": "e606",
			
 
				+      "unicode_decimal": 58886
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
--- a/public/static/css/inconfont/iconfont.svg
+++ b/public/static/css/inconfont/iconfont.svg
--- a/public/static/css/inconfont/iconfont.ttf
+++ b/public/static/css/inconfont/iconfont.ttf
--- a/public/static/css/inconfont/iconfont.woff
+++ b/public/static/css/inconfont/iconfont.woff
--- a/public/static/css/inconfont/iconfont.woff2
+++ b/public/static/css/inconfont/iconfont.woff2
--- a/public/static/css/index.css
+++ b/public/static/css/index.css
@@ -0,0 +1,125 @@
 
				+.layui-side-box {
			
 
				+  width: 216px;
			
 
				+}
			
 
				+.layui-side-box .layui-side-icon {
			
 
				+  position: fixed;
			
 
				+  left: 0;
			
 
				+  top: 0;
			
 
				+  bottom: 0;
			
 
				+  z-index: 1000;
			
 
				+  width: 50px;
			
 
				+  text-align: center;
			
 
				+  padding-top: 10px;
			
 
				+  box-sizing: border-box;
			
 
				+  color: #ffffff;
			
 
				+  background-color: #0b82ff;
			
 
				+}
			
 
				+.layui-side-box .layui-side-icon li,
			
 
				+.layui-side-box .layui-side-icon i {
			
 
				+  font-size: 20px;
			
 
				+}
			
 
				+.layui-side-box .layui-side-icon li {
			
 
				+  cursor: pointer;
			
 
				+  padding: 8px;
			
 
				+  margin-bottom: 8px;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+.layui-side-box .layui-side-icon li.is-active {
			
 
				+  background-color: rgba(0, 0, 0, 0.5);
			
 
				+}
			
 
				+.layui-side-box .layui-side {
			
 
				+  width: 166px;
			
 
				+  left: 50px;
			
 
				+}
			
 
				+.layui-side-box .layui-side-scroll,
			
 
				+.layui-side-box .layui-nav {
			
 
				+  width: 166px;
			
 
				+}
			
 
				+.layui-side-box .layui-body .layui-tab-title img {
			
 
				+  height: 100%;
			
 
				+}
			
 
				+
			
 
				+#menu {
			
 
				+  position: fixed;
			
 
				+  left: -166px;
			
 
				+  display: block;
			
 
				+  background-color: #eeeeee !important;
			
 
				+  z-index: 999;
			
 
				+}
			
 
				+#menu .layui-nav {
			
 
				+  background-color: #eeeeee !important;
			
 
				+}
			
 
				+#menu .layui-nav a {
			
 
				+  color: #000000;
			
 
				+  padding-left: 10px;
			
 
				+  text-align: left;
			
 
				+}
			
 
				+#menu .layui-nav-tree .layui-nav-item {
			
 
				+  background-color: transparent;
			
 
				+  padding-left: 6px;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+#menu .layui-nav-tree .layui-nav-item a:hover {
			
 
				+  background-color: #eeeeee;
			
 
				+  padding-left: 10px;
			
 
				+  text-align: left;
			
 
				+}
			
 
				+#menu .layui-nav-child {
			
 
				+  background-color: #eeeeee !important;
			
 
				+}
			
 
				+#menu .layui-nav-itemed > a {
			
 
				+  color: #0b82ff !important;
			
 
				+  text-align: left;
			
 
				+}
			
 
				+#menu .layui-this a {
			
 
				+  background-color: #eeeeee !important;
			
 
				+  color: #0b82ff !important;
			
 
				+}
			
 
				+#menu .layui-nav-itemed {
			
 
				+  margin-top: 0px;
			
 
				+  text-align: center;
			
 
				+}
			
 
				+#menu .layui-nav-more {
			
 
				+  display: inline-block;
			
 
				+  width: 20px;
			
 
				+  height: 20px;
			
 
				+  color: #000000;
			
 
				+  font-size: 20px;
			
 
				+  line-height: 20px;
			
 
				+  border-style: none;
			
 
				+  margin-top: -9px;
			
 
				+  text-align: center;
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+#menu .layui-nav-child dd i {
			
 
				+  font-size: 14px !important;
			
 
				+}
			
 
				+#menu .searchStyle {
			
 
				+  position: relative;
			
 
				+  width: 100%;
			
 
				+}
			
 
				+#menu .searchStyle input {
			
 
				+  width: 90%;
			
 
				+  margin: 10px auto 0;
			
 
				+  height: 26px;
			
 
				+  border-radius: 26px;
			
 
				+}
			
 
				+#menu .searchStyle .layui-icon {
			
 
				+  position: absolute;
			
 
				+  right: 16px;
			
 
				+  top: 50%;
			
 
				+  transform: translateY(-50%);
			
 
				+  color: #cccccc;
			
 
				+  font-size: 18px;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+.layui-breadcrumb span[lay-separator] {
			
 
				+  display: inline-block;
			
 
				+  transform: rotate(180deg) translateY(-1px);
			
 
				+  margin: 0px 2px;
			
 
				+}
			
 
				+
			
 
				+.layui-breadcrumb > * {
			
 
				+  font-size: 12px;
			
 
				+}
			
--- a/public/static/css/layui.css
+++ b/public/static/css/layui.css
--- a/public/static/css/layuimini1.css
+++ b/public/static/css/layuimini1.css
--- a/public/static/css/main.scss
+++ b/public/static/css/main.scss
@@ -0,0 +1,394 @@
 
				+$blue:#0b82ff;
			
 
				+$black:#333333;
			
 
				+html,body,div,p,ul,li,h1,h2,h3,img{margin:0; padding:0;}
			
 
				+img{border:none;}
			
 
				+a{text-decoration:none;color:#262626;}
			
 
				+ 
			
 
				+ul,ol ,li{list-style:none;}
			
 
				+.left{float:left;}
			
 
				+.right{float:right;}
			
 
				+.clear:after{
			
 
				+	content:".";
			
 
				+	clear:both;
			
 
				+	display:block;
			
 
				+	height:0;
			
 
				+	overflow:hidden;
			
 
				+	visibility: hidden;
			
 
				+}
			
 
				+h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
			
 
				+em{font-style: normal;}body{
			
 
				+  // background: #f2f2f2;
			
 
				+  background: #eaedf1;
			
 
				+  // width:100%;
			
 
				+ // padding-bottom: 154px;
			
 
				+}
			
 
				+.logo{
			
 
				+  width:300px;
			
 
				+  height:64px;
			
 
				+ 
			
 
				+  background:url("../../images/index/logo.png") left top no-repeat;
			
 
				+}
			
 
				+.orgBox{
			
 
				+  padding-top:30px;
			
 
				+  
			
 
				+  overflow:hidden;
			
 
				+  text-align: center;
			
 
				+  background-color:#fff;
			
 
				+
			
 
				+}
			
 
				+.orgTree{
			
 
				+  height:500px;
			
 
				+  overflow-y:scroll;
			
 
				+  background-color:#fff;
			
 
				+}
			
 
				+.orgSt{
			
 
				+  .layui-inline{
			
 
				+     
			
 
				+    margin:0 auto 15px;
			
 
				+    .layui-input-inline{
			
 
				+      width:400px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+/////////
			
 
				+.shrink{
			
 
				+    display: block;
			
 
				+    width: 100%;
			
 
				+    line-height: 45px;
			
 
				+    a{
			
 
				+      display: inline-block;
			
 
				+      width:100%;
			
 
				+      height:100%;
			
 
				+      color:#ddd;
			
 
				+      ::hover{
			
 
				+        color:#fff;
			
 
				+      }
			
 
				+    }
			
 
				+     
			
 
				+}
			
 
				+.font-center{
			
 
				+  text-align: center;
			
 
				+}
			
 
				+.pl50{
			
 
				+  padding-left: 50px;
			
 
				+}
			
 
				+.fff{
			
 
				+  background-color: #fff;
			
 
				+  height:100%;
			
 
				+}
			
 
				+.m0auto{
			
 
				+  margin:0 auto;
			
 
				+}
			
 
				+.mt60{
			
 
				+  margin-top: 60px;
			
 
				+}
			
 
				+
			
 
				+//公共样式
			
 
				+.ai-ul{
			
 
				+
			
 
				+  .ai-list{
			
 
				+    height:30px;
			
 
				+    line-height: 30px;
			
 
				+    text-indent:20px;
			
 
				+    
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+  .active{
			
 
				+    background-color: #44ade5;
			
 
				+    color:#fff;
			
 
				+  }
			
 
				+}
			
 
				+.inputFileBox{
			
 
				+  position: relative;
			
 
				+  padding-top: 0;
			
 
				+
			
 
				+  .file, .fileCtent, .fileno{
			
 
				+    position: absolute;
			
 
				+    // display: none;
			
 
				+    filter:alpha(opacity=0);  
			
 
				+    -moz-opacity:0;  
			
 
				+    -khtml-opacity: 0;  
			
 
				+    opacity: 0;  
			
 
				+    width:100%;
			
 
				+    height:100%;
			
 
				+    left:0;
			
 
				+    top:0;
			
 
				+    cursor:pointer;
			
 
				+    z-index:9999;
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+.dpn{
			
 
				+  display: none;
			
 
				+}
			
 
				+.HWPostil1Box, #HWPostil1{
			
 
				+  height:600px;
			
 
				+  
			
 
				+  text-align:center;
			
 
				+}
			
 
				+.p100{
			
 
				+  //padding-bottom:100px;
			
 
				+}
			
 
				+.tip{
			
 
				+  color:red;
			
 
				+  font-size:10px;
			
 
				+  margin-left:1px;
			
 
				+  line-height: 14px;
			
 
				+  padding: 9px 0px;
			
 
				+}
			
 
				+/* #region tree */
			
 
				+.eleTree{
			
 
				+  width: 100%;
			
 
				+  height: 400px;
			
 
				+  border: 1px solid #ccc;
			
 
				+  //margin: 30px;
			
 
				+  display: inline-block;
			
 
				+  position: relative;
			
 
				+  overflow-y: scroll;
			
 
				+}
			
 
				+.eleTree-hide{
			
 
				+  display: none;
			
 
				+}
			
 
				+.eleTree-node-content{
			
 
				+  cursor: pointer;
			
 
				+  height: 26px;
			
 
				+  line-height: 1.3;
			
 
				+}
			
 
				+.eleTree-node-content:hover,
			
 
				+.eleTree-node-content.eleTree-node-content-active{
			
 
				+  background-color: #eee;
			
 
				+}
			
 
				+.eleTree-node-content-icon .layui-icon{
			
 
				+  padding: 6px 3px;
			
 
				+  color: #c0c4cc;
			
 
				+  font-size: 12px;
			
 
				+  display: inline-block;
			
 
				+  transform: rotate(0deg);
			
 
				+  transition: transform .3s ease-in-out;
			
 
				+}
			
 
				+.eleTree-node-content-icon .layui-icon.icon-rotate{
			
 
				+  transform: rotate(90deg);
			
 
				+}
			
 
				+.eleTree-node-content .layui-form-checkbox[lay-skin=primary] i{
			
 
				+  width: 13px;
			
 
				+  height: 14px;
			
 
				+  line-height: 1.3;
			
 
				+}
			
 
				+.eleTree-node-content-label{
			
 
				+  padding-left: 5px;
			
 
				+}
			
 
				+
			
 
				+/* checkbox第三种状态 */
			
 
				+input.eleTree-hideen[type=checkbox]{
			
 
				+  display: none;
			
 
				+}
			
 
				+.eleTree-checkbox {
			
 
				+  height: auto!important;
			
 
				+  line-height: normal!important;
			
 
				+  min-height: 12px;
			
 
				+  border: none!important;
			
 
				+  margin-right: 0;
			
 
				+  padding-left: 18px;
			
 
				+  position: relative;
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+.eleTree-checkbox i {
			
 
				+  left: 0;
			
 
				+  border: 1px solid #d2d2d2;
			
 
				+  font-size: 12px;
			
 
				+  border-radius: 2px;
			
 
				+  background-color: #fff;
			
 
				+  -webkit-transition: .1s linear;
			
 
				+  transition: .1s linear;
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  color: #fff;
			
 
				+  cursor: pointer;
			
 
				+  text-align: center;
			
 
				+  width: 13px;
			
 
				+  height: 14px;
			
 
				+  line-height: 1.3;
			
 
				+}
			
 
				+.eleTree-checkbox i:hover {
			
 
				+  border-color: #5FB878;
			
 
				+}
			
 
				+.eleTree-checkbox-checked i {
			
 
				+  border-color: #5FB878;
			
 
				+  background-color: #5FB878;
			
 
				+  color: #fff;
			
 
				+}
			
 
				+.eleTree-checkbox-line:after{
			
 
				+  content: "";
			
 
				+  position: relative;
			
 
				+  width: 8px;
			
 
				+  height: 1px;
			
 
				+  background-color: #fff;
			
 
				+  display: inline-block;
			
 
				+  top: -4px;
			
 
				+}
			
 
				+
			
 
				+.eleTree-checkbox.eleTree-checkbox-disabled i{
			
 
				+  cursor: not-allowed;
			
 
				+  background-color: #f2f6fc;
			
 
				+  border-color: #dcdfe6;
			
 
				+  color: #c2c2c2;
			
 
				+}
			
 
				+.eleTree-checkbox.eleTree-checkbox-disabled i.eleTree-checkbox-line:after{
			
 
				+  background-color: #c2c2c2;
			
 
				+}
			
 
				+.eleTree-checkbox.eleTree-checkbox-disabled i:hover{
			
 
				+  border-color: #dcdfe6;
			
 
				+}
			
 
				+
			
 
				+#tree-menu{
			
 
				+  margin: 0;
			
 
				+  padding: 2px;
			
 
				+  position: absolute;
			
 
				+  background: #f5f5f5;
			
 
				+  border: 1px solid #979797;
			
 
				+  box-shadow: 2px 2px 2px #999;
			
 
				+  display: none;
			
 
				+}
			
 
				+#tree-menu li>a{
			
 
				+  display: block;
			
 
				+  padding: 0 2em;
			
 
				+  text-decoration: none;
			
 
				+  width: auto;
			
 
				+  color: #000;
			
 
				+  white-space: nowrap;
			
 
				+  line-height: 2.4em;
			
 
				+  text-shadow: 1px 1px 0 #fff;
			
 
				+  border-radius: 1px;
			
 
				+}
			
 
				+#tree-menu li>a:hover{
			
 
				+  background-color: #e8eff7;
			
 
				+  box-shadow: 0 0 2px #0a6aa1;
			
 
				+}
			
 
				+.tree-menu-bg{
			
 
				+  
			
 
				+  background-color: #ccc;
			
 
				+}
			
 
				+/* #endregion */
			
 
				+.layui-form-item .layui-form-checkbox[lay-skin=primary]{
			
 
				+  margin-top:0px;
			
 
				+  
			
 
				+}
			
 
				+.layui-btn+.layui-btn {
			
 
				+   margin-left: 1px; 
			
 
				+}
			
 
				+// .layui-form-label{
			
 
				+//   width:84px;
			
 
				+// }
			
 
				+.small {
			
 
				+  width: 168px;
			
 
				+  height: 168px;
			
 
				+  overflow: hidden;
			
 
				+  border: 1px solid #eee;
			
 
				+}
			
 
				+
			
 
				+.cropper-main1 {
			
 
				+  width: 100%;
			
 
				+  max-height: 288px;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+.tar {
			
 
				+  text-align: right;
			
 
				+}
			
 
				+// .layui-table-edit{
			
 
				+//   height:35px !important;
			
 
				+// }
			
 
				+.paperless{
			
 
				+    // .layui-left-menu .layui-nav .layui-nav-item > a:hover{
			
 
				+    //     background-color:$blue  !important;
			
 
				+    //     color:#fff !important;
			
 
				+    //     .layui-nav-more{//小三角
			
 
				+    //         border-color: #fff transparent transparent  ;
			
 
				+    //    }
			
 
				+        
			
 
				+    // }
			
 
				+    // .layui-nav-itemed>a:hover{ 
			
 
				+    //     .layui-nav-more{
			
 
				+    //         border-color: transparent transparent #fff !important;
			
 
				+    //     }
			
 
				+    // }
			
 
				+    .layui-layout-admin .layui-logo img{
			
 
				+        // margin-left: 23px;
			
 
				+    }
			
 
				+//    .layui-nav-tree .layui-nav-child a, .paperless-v1 .layui-nav-item a{
			
 
				+//         color:$black !important;
			
 
				+//     }
			
 
				+//     .layui-nav-itemed>.layui-nav-child{
			
 
				+//         background-color:#fff !important;
			
 
				+//     }
			
 
				+//     .layui-nav .layui-nav-more{//小三角
			
 
				+//          border-color: $black transparent transparent  ;
			
 
				+//     }
			
 
				+//     .layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{
			
 
				+//         border-color: transparent transparent $black ;
			
 
				+//     }
			
 
				+    
			
 
				+    
			
 
				+
			
 
				+}
			
 
				+.layuimini-title{
			
 
				+    position: absolute !important;
			
 
				+    top: 0;
			
 
				+    left: 270px;
			
 
				+    // width: 60px;
			
 
				+    // height: 100%;
			
 
				+    line-height: 64px;
			
 
				+    font-size:15px;
			
 
				+    text-align: center;
			
 
				+    color: #ffffff !important;
			
 
				+    -webkit-transition: all .2s;
			
 
				+    -o-transition: all .2s;
			
 
				+    transition: all .2s;
			
 
				+}
			
 
				+.ag-form{
			
 
				+    .layui-form-item{
			
 
				+        margin-bottom: 5px;
			
 
				+    }
			
 
				+    .layui-input{
			
 
				+        padding-right:30px;
			
 
				+        height:33px;
			
 
				+    }
			
 
				+    .layui-form-select dl dd.layui-this{
			
 
				+        background-color:$blue
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+ 
			
 
				+.layui-btn{
			
 
				+    // background-color:$blue;
			
 
				+    color:#fff;
			
 
				+}
			
 
				+body {background:#f2f2f2;}
			
 
				+.layuimini-container {border:1px solid #f2f2f2;border-radius:5px;background-color:#ffffff}
			
 
				+.layuimini-main {margin:10px 10px 10px 10px;}
			
 
				+
			
 
				+/**必填红点 */
			
 
				+.layuimini-form>.layui-form-item>.required:after {content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em;top:6px;right:5px;}
			
 
				+.layuimini-form>.layui-form-item>.layui-form-label {width:120px !important;}
			
 
				+.layuimini-form>.layui-form-item>.layui-input-block {margin-left:150px !important;}
			
 
				+.layuimini-form>.layui-form-item>.layui-input-block >tip {display:inline-block;margin-top:10px;line-height:10px;font-size:10px;color:#a29c9c;}
			
 
				+
			
 
				+@media screen and (min-width:768px) {
			
 
				+    /**自定义滚动条样式 */
			
 
				+    ::-webkit-scrollbar {width: 4px;height: 12px}
			
 
				+    ::-webkit-scrollbar-track {background-color: transparent;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
			
 
				+    ::-webkit-scrollbar-thumb {background-color: #9c9da0;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em}
			
 
				+}
			
 
				+
			
 
				+/**搜索框*/
			
 
				+.layuimini-container .table-search-fieldset {margin: 0;border: 1px solid #e6e6e6;padding: 10px 20px 5px 20px;color: #6b6b6b;}
			
 
				+.ag-tab .layui-this span{
			
 
				+  display: inline-block;
			
 
				+  line-height: 30px;
			
 
				+  border-bottom: 2px solid #0b82ff;
			
 
				+  color:#0b82ff;
			
 
				+}
			
 
				+.ag-tab .layui-this:after{
			
 
				+  border: none;
			
 
				+}
			
 
				+ 
			
--- a/public/static/css/mc-inconfont/demo.css
+++ b/public/static/css/mc-inconfont/demo.css
@@ -0,0 +1,539 @@
 
				+/* Logo 字体 */
			
 
				+@font-face {
			
 
				+  font-family: "iconfont logo";
			
 
				+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
			
 
				+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
			
 
				+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
			
 
				+}
			
 
				+
			
 
				+.logo {
			
 
				+  font-family: "iconfont logo";
			
 
				+  font-size: 160px;
			
 
				+  font-style: normal;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+
			
 
				+/* tabs */
			
 
				+.nav-tabs {
			
 
				+  position: relative;
			
 
				+}
			
 
				+
			
 
				+.nav-tabs .nav-more {
			
 
				+  position: absolute;
			
 
				+  right: 0;
			
 
				+  bottom: 0;
			
 
				+  height: 42px;
			
 
				+  line-height: 42px;
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+#tabs {
			
 
				+  border-bottom: 1px solid #eee;
			
 
				+}
			
 
				+
			
 
				+#tabs li {
			
 
				+  cursor: pointer;
			
 
				+  width: 100px;
			
 
				+  height: 40px;
			
 
				+  line-height: 40px;
			
 
				+  text-align: center;
			
 
				+  font-size: 16px;
			
 
				+  border-bottom: 2px solid transparent;
			
 
				+  position: relative;
			
 
				+  z-index: 1;
			
 
				+  margin-bottom: -1px;
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+#tabs .active {
			
 
				+  border-bottom-color: #f00;
			
 
				+  color: #222;
			
 
				+}
			
 
				+
			
 
				+.tab-container .content {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+/* 页面布局 */
			
 
				+.main {
			
 
				+  padding: 30px 100px;
			
 
				+  width: 960px;
			
 
				+  margin: 0 auto;
			
 
				+}
			
 
				+
			
 
				+.main .logo {
			
 
				+  color: #333;
			
 
				+  text-align: left;
			
 
				+  margin-bottom: 30px;
			
 
				+  line-height: 1;
			
 
				+  height: 110px;
			
 
				+  margin-top: -50px;
			
 
				+  overflow: hidden;
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.main .logo a {
			
 
				+  font-size: 160px;
			
 
				+  color: #333;
			
 
				+}
			
 
				+
			
 
				+.helps {
			
 
				+  margin-top: 40px;
			
 
				+}
			
 
				+
			
 
				+.helps pre {
			
 
				+  padding: 20px;
			
 
				+  margin: 10px 0;
			
 
				+  border: solid 1px #e7e1cd;
			
 
				+  background-color: #fffdef;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+.icon_lists {
			
 
				+  width: 100% !important;
			
 
				+  overflow: hidden;
			
 
				+  *zoom: 1;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li {
			
 
				+  width: 100px;
			
 
				+  margin-bottom: 10px;
			
 
				+  margin-right: 20px;
			
 
				+  text-align: center;
			
 
				+  list-style: none !important;
			
 
				+  cursor: default;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li .code-name {
			
 
				+  line-height: 1.2;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .icon {
			
 
				+  display: block;
			
 
				+  height: 100px;
			
 
				+  line-height: 100px;
			
 
				+  font-size: 42px;
			
 
				+  margin: 10px auto;
			
 
				+  color: #333;
			
 
				+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+  transition: font-size 0.25s linear, width 0.25s linear;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .icon:hover {
			
 
				+  font-size: 100px;
			
 
				+}
			
 
				+
			
 
				+.icon_lists .svg-icon {
			
 
				+  /* 通过设置 font-size 来改变图标大小 */
			
 
				+  width: 1em;
			
 
				+  /* 图标和文字相邻时，垂直对齐 */
			
 
				+  vertical-align: -0.15em;
			
 
				+  /* 通过设置 color 来改变 SVG 的颜色/fill */
			
 
				+  fill: currentColor;
			
 
				+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
			
 
				+      normalize.css 中也包含这行 */
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+
			
 
				+.icon_lists li .name,
			
 
				+.icon_lists li .code-name {
			
 
				+  color: #666;
			
 
				+}
			
 
				+
			
 
				+/* markdown 样式 */
			
 
				+.markdown {
			
 
				+  color: #666;
			
 
				+  font-size: 14px;
			
 
				+  line-height: 1.8;
			
 
				+}
			
 
				+
			
 
				+.highlight {
			
 
				+  line-height: 1.5;
			
 
				+}
			
 
				+
			
 
				+.markdown img {
			
 
				+  vertical-align: middle;
			
 
				+  max-width: 100%;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  color: #404040;
			
 
				+  font-weight: 500;
			
 
				+  line-height: 40px;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2,
			
 
				+.markdown h3,
			
 
				+.markdown h4,
			
 
				+.markdown h5,
			
 
				+.markdown h6 {
			
 
				+  color: #404040;
			
 
				+  margin: 1.6em 0 0.6em 0;
			
 
				+  font-weight: 500;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown h1 {
			
 
				+  font-size: 28px;
			
 
				+}
			
 
				+
			
 
				+.markdown h2 {
			
 
				+  font-size: 22px;
			
 
				+}
			
 
				+
			
 
				+.markdown h3 {
			
 
				+  font-size: 16px;
			
 
				+}
			
 
				+
			
 
				+.markdown h4 {
			
 
				+  font-size: 14px;
			
 
				+}
			
 
				+
			
 
				+.markdown h5 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown h6 {
			
 
				+  font-size: 12px;
			
 
				+}
			
 
				+
			
 
				+.markdown hr {
			
 
				+  height: 1px;
			
 
				+  border: 0;
			
 
				+  background: #e9e9e9;
			
 
				+  margin: 16px 0;
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+.markdown p {
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown>p,
			
 
				+.markdown>blockquote,
			
 
				+.markdown>.highlight,
			
 
				+.markdown>ol,
			
 
				+.markdown>ul {
			
 
				+  width: 80%;
			
 
				+}
			
 
				+
			
 
				+.markdown ul>li {
			
 
				+  list-style: circle;
			
 
				+}
			
 
				+
			
 
				+.markdown>ul li,
			
 
				+.markdown blockquote ul>li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown>ul li p,
			
 
				+.markdown>ol li p {
			
 
				+  margin: 0.6em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown ol>li {
			
 
				+  list-style: decimal;
			
 
				+}
			
 
				+
			
 
				+.markdown>ol li,
			
 
				+.markdown blockquote ol>li {
			
 
				+  margin-left: 20px;
			
 
				+  padding-left: 4px;
			
 
				+}
			
 
				+
			
 
				+.markdown code {
			
 
				+  margin: 0 3px;
			
 
				+  padding: 0 5px;
			
 
				+  background: #eee;
			
 
				+  border-radius: 3px;
			
 
				+}
			
 
				+
			
 
				+.markdown strong,
			
 
				+.markdown b {
			
 
				+  font-weight: 600;
			
 
				+}
			
 
				+
			
 
				+.markdown>table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0px;
			
 
				+  empty-cells: show;
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  width: 95%;
			
 
				+  margin-bottom: 24px;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th {
			
 
				+  white-space: nowrap;
			
 
				+  color: #333;
			
 
				+  font-weight: 600;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th,
			
 
				+.markdown>table td {
			
 
				+  border: 1px solid #e9e9e9;
			
 
				+  padding: 8px 16px;
			
 
				+  text-align: left;
			
 
				+}
			
 
				+
			
 
				+.markdown>table th {
			
 
				+  background: #F7F7F7;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote {
			
 
				+  font-size: 90%;
			
 
				+  color: #999;
			
 
				+  border-left: 4px solid #e9e9e9;
			
 
				+  padding-left: 0.8em;
			
 
				+  margin: 1em 0;
			
 
				+}
			
 
				+
			
 
				+.markdown blockquote p {
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+.markdown .anchor {
			
 
				+  opacity: 0;
			
 
				+  transition: opacity 0.3s ease;
			
 
				+  margin-left: 8px;
			
 
				+}
			
 
				+
			
 
				+.markdown .waiting {
			
 
				+  color: #ccc;
			
 
				+}
			
 
				+
			
 
				+.markdown h1:hover .anchor,
			
 
				+.markdown h2:hover .anchor,
			
 
				+.markdown h3:hover .anchor,
			
 
				+.markdown h4:hover .anchor,
			
 
				+.markdown h5:hover .anchor,
			
 
				+.markdown h6:hover .anchor {
			
 
				+  opacity: 1;
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+
			
 
				+.markdown>br,
			
 
				+.markdown>p>br {
			
 
				+  clear: both;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.hljs {
			
 
				+  display: block;
			
 
				+  background: white;
			
 
				+  padding: 0.5em;
			
 
				+  color: #333333;
			
 
				+  overflow-x: auto;
			
 
				+}
			
 
				+
			
 
				+.hljs-comment,
			
 
				+.hljs-meta {
			
 
				+  color: #969896;
			
 
				+}
			
 
				+
			
 
				+.hljs-string,
			
 
				+.hljs-variable,
			
 
				+.hljs-template-variable,
			
 
				+.hljs-strong,
			
 
				+.hljs-emphasis,
			
 
				+.hljs-quote {
			
 
				+  color: #df5000;
			
 
				+}
			
 
				+
			
 
				+.hljs-keyword,
			
 
				+.hljs-selector-tag,
			
 
				+.hljs-type {
			
 
				+  color: #a71d5d;
			
 
				+}
			
 
				+
			
 
				+.hljs-literal,
			
 
				+.hljs-symbol,
			
 
				+.hljs-bullet,
			
 
				+.hljs-attribute {
			
 
				+  color: #0086b3;
			
 
				+}
			
 
				+
			
 
				+.hljs-section,
			
 
				+.hljs-name {
			
 
				+  color: #63a35c;
			
 
				+}
			
 
				+
			
 
				+.hljs-tag {
			
 
				+  color: #333333;
			
 
				+}
			
 
				+
			
 
				+.hljs-title,
			
 
				+.hljs-attr,
			
 
				+.hljs-selector-id,
			
 
				+.hljs-selector-class,
			
 
				+.hljs-selector-attr,
			
 
				+.hljs-selector-pseudo {
			
 
				+  color: #795da3;
			
 
				+}
			
 
				+
			
 
				+.hljs-addition {
			
 
				+  color: #55a532;
			
 
				+  background-color: #eaffea;
			
 
				+}
			
 
				+
			
 
				+.hljs-deletion {
			
 
				+  color: #bd2c00;
			
 
				+  background-color: #ffecec;
			
 
				+}
			
 
				+
			
 
				+.hljs-link {
			
 
				+  text-decoration: underline;
			
 
				+}
			
 
				+
			
 
				+/* 代码高亮 */
			
 
				+/* PrismJS 1.15.0
			
 
				+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
			
 
				+/**
			
 
				+ * prism.js default theme for JavaScript, CSS and HTML
			
 
				+ * Based on dabblet (http://dabblet.com)
			
 
				+ * @author Lea Verou
			
 
				+ */
			
 
				+code[class*="language-"],
			
 
				+pre[class*="language-"] {
			
 
				+  color: black;
			
 
				+  background: none;
			
 
				+  text-shadow: 0 1px white;
			
 
				+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
			
 
				+  text-align: left;
			
 
				+  white-space: pre;
			
 
				+  word-spacing: normal;
			
 
				+  word-break: normal;
			
 
				+  word-wrap: normal;
			
 
				+  line-height: 1.5;
			
 
				+
			
 
				+  -moz-tab-size: 4;
			
 
				+  -o-tab-size: 4;
			
 
				+  tab-size: 4;
			
 
				+
			
 
				+  -webkit-hyphens: none;
			
 
				+  -moz-hyphens: none;
			
 
				+  -ms-hyphens: none;
			
 
				+  hyphens: none;
			
 
				+}
			
 
				+
			
 
				+pre[class*="language-"]::-moz-selection,
			
 
				+pre[class*="language-"] ::-moz-selection,
			
 
				+code[class*="language-"]::-moz-selection,
			
 
				+code[class*="language-"] ::-moz-selection {
			
 
				+  text-shadow: none;
			
 
				+  background: #b3d4fc;
			
 
				+}
			
 
				+
			
 
				+pre[class*="language-"]::selection,
			
 
				+pre[class*="language-"] ::selection,
			
 
				+code[class*="language-"]::selection,
			
 
				+code[class*="language-"] ::selection {
			
 
				+  text-shadow: none;
			
 
				+  background: #b3d4fc;
			
 
				+}
			
 
				+
			
 
				+@media print {
			
 
				+
			
 
				+  code[class*="language-"],
			
 
				+  pre[class*="language-"] {
			
 
				+    text-shadow: none;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/* Code blocks */
			
 
				+pre[class*="language-"] {
			
 
				+  padding: 1em;
			
 
				+  margin: .5em 0;
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+:not(pre)>code[class*="language-"],
			
 
				+pre[class*="language-"] {
			
 
				+  background: #f5f2f0;
			
 
				+}
			
 
				+
			
 
				+/* Inline code */
			
 
				+:not(pre)>code[class*="language-"] {
			
 
				+  padding: .1em;
			
 
				+  border-radius: .3em;
			
 
				+  white-space: normal;
			
 
				+}
			
 
				+
			
 
				+.token.comment,
			
 
				+.token.prolog,
			
 
				+.token.doctype,
			
 
				+.token.cdata {
			
 
				+  color: slategray;
			
 
				+}
			
 
				+
			
 
				+.token.punctuation {
			
 
				+  color: #999;
			
 
				+}
			
 
				+
			
 
				+.namespace {
			
 
				+  opacity: .7;
			
 
				+}
			
 
				+
			
 
				+.token.property,
			
 
				+.token.tag,
			
 
				+.token.boolean,
			
 
				+.token.number,
			
 
				+.token.constant,
			
 
				+.token.symbol,
			
 
				+.token.deleted {
			
 
				+  color: #905;
			
 
				+}
			
 
				+
			
 
				+.token.selector,
			
 
				+.token.attr-name,
			
 
				+.token.string,
			
 
				+.token.char,
			
 
				+.token.builtin,
			
 
				+.token.inserted {
			
 
				+  color: #690;
			
 
				+}
			
 
				+
			
 
				+.token.operator,
			
 
				+.token.entity,
			
 
				+.token.url,
			
 
				+.language-css .token.string,
			
 
				+.style .token.string {
			
 
				+  color: #9a6e3a;
			
 
				+  background: hsla(0, 0%, 100%, .5);
			
 
				+}
			
 
				+
			
 
				+.token.atrule,
			
 
				+.token.attr-value,
			
 
				+.token.keyword {
			
 
				+  color: #07a;
			
 
				+}
			
 
				+
			
 
				+.token.function,
			
 
				+.token.class-name {
			
 
				+  color: #DD4A68;
			
 
				+}
			
 
				+
			
 
				+.token.regex,
			
 
				+.token.important,
			
 
				+.token.variable {
			
 
				+  color: #e90;
			
 
				+}
			
 
				+
			
 
				+.token.important,
			
 
				+.token.bold {
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+.token.italic {
			
 
				+  font-style: italic;
			
 
				+}
			
 
				+
			
 
				+.token.entity {
			
 
				+  cursor: help;
			
 
				+}
			
--- a/public/static/css/mc-inconfont/demo_index.html
+++ b/public/static/css/mc-inconfont/demo_index.html
@@ -0,0 +1,720 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="utf-8"/>
			
 
				+  <title>IconFont Demo</title>
			
 
				+  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
			
 
				+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
			
 
				+  <link rel="stylesheet" href="demo.css">
			
 
				+  <link rel="stylesheet" href="iconfont.css">
			
 
				+  <script src="iconfont.js"></script>
			
 
				+  <!-- jQuery -->
			
 
				+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
			
 
				+  <!-- 代码高亮 -->
			
 
				+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+  <div class="main">
			
 
				+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
			
 
				+    <div class="nav-tabs">
			
 
				+      <ul id="tabs" class="dib-box">
			
 
				+        <li class="dib active"><span>Unicode</span></li>
			
 
				+        <li class="dib"><span>Font class</span></li>
			
 
				+        <li class="dib"><span>Symbol</span></li>
			
 
				+      </ul>
			
 
				+      
			
 
				+    </div>
			
 
				+    <div class="tab-container">
			
 
				+      <div class="content unicode" style="display: block;">
			
 
				+          <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe62a;</span>
			
 
				+                <div class="name">刷新</div>
			
 
				+                <div class="code-name">&amp;#xe62a;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe610;</span>
			
 
				+                <div class="name">更多</div>
			
 
				+                <div class="code-name">&amp;#xe610;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe63b;</span>
			
 
				+                <div class="name">详情</div>
			
 
				+                <div class="code-name">&amp;#xe63b;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe617;</span>
			
 
				+                <div class="name">编辑</div>
			
 
				+                <div class="code-name">&amp;#xe617;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe613;</span>
			
 
				+                <div class="name">表格</div>
			
 
				+                <div class="code-name">&amp;#xe613;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe602;</span>
			
 
				+                <div class="name">打印</div>
			
 
				+                <div class="code-name">&amp;#xe602;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe633;</span>
			
 
				+                <div class="name">日历</div>
			
 
				+                <div class="code-name">&amp;#xe633;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe62b;</span>
			
 
				+                <div class="name">文件</div>
			
 
				+                <div class="code-name">&amp;#xe62b;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe646;</span>
			
 
				+                <div class="name">公告</div>
			
 
				+                <div class="code-name">&amp;#xe646;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe659;</span>
			
 
				+                <div class="name">word</div>
			
 
				+                <div class="code-name">&amp;#xe659;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe81c;</span>
			
 
				+                <div class="name">网格设置</div>
			
 
				+                <div class="code-name">&amp;#xe81c;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe612;</span>
			
 
				+                <div class="name">设 置</div>
			
 
				+                <div class="code-name">&amp;#xe612;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe650;</span>
			
 
				+                <div class="name">放大</div>
			
 
				+                <div class="code-name">&amp;#xe650;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe60f;</span>
			
 
				+                <div class="name">工作台</div>
			
 
				+                <div class="code-name">&amp;#xe60f;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe623;</span>
			
 
				+                <div class="name">数据</div>
			
 
				+                <div class="code-name">&amp;#xe623;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe60d;</span>
			
 
				+                <div class="name">删除</div>
			
 
				+                <div class="code-name">&amp;#xe60d;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe639;</span>
			
 
				+                <div class="name">缩小</div>
			
 
				+                <div class="code-name">&amp;#xe639;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe72a;</span>
			
 
				+                <div class="name">时钟</div>
			
 
				+                <div class="code-name">&amp;#xe72a;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe606;</span>
			
 
				+                <div class="name">文件夹</div>
			
 
				+                <div class="code-name">&amp;#xe606;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe611;</span>
			
 
				+                <div class="name">加号</div>
			
 
				+                <div class="code-name">&amp;#xe611;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe501;</span>
			
 
				+                <div class="name">添加用户</div>
			
 
				+                <div class="code-name">&amp;#xe501;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe6a2;</span>
			
 
				+                <div class="name">ppt</div>
			
 
				+                <div class="code-name">&amp;#xe6a2;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe682;</span>
			
 
				+                <div class="name">统计</div>
			
 
				+                <div class="code-name">&amp;#xe682;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+              <span class="icon iconfont">&#xe614;</span>
			
 
				+                <div class="name">excel</div>
			
 
				+                <div class="code-name">&amp;#xe614;</div>
			
 
				+              </li>
			
 
				+          
			
 
				+          </ul>
			
 
				+          <div class="article markdown">
			
 
				+          <h2 id="unicode-">Unicode 引用</h2>
			
 
				+          <hr>
			
 
				+
			
 
				+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
			
 
				+          <ul>
			
 
				+            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
			
 
				+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
			
 
				+            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
			
 
				+          </ul>
			
 
				+          <blockquote>
			
 
				+            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
			
 
				+          </blockquote>
			
 
				+          <p>Unicode 使用步骤如下：</p>
			
 
				+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
			
 
				+<pre><code class="language-css"
			
 
				+>@font-face {
			
 
				+  font-family: 'iconfont';
			
 
				+  src: url('iconfont.eot');
			
 
				+  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
			
 
				+      url('iconfont.woff2') format('woff2'),
			
 
				+      url('iconfont.woff') format('woff'),
			
 
				+      url('iconfont.ttf') format('truetype'),
			
 
				+      url('iconfont.svg#iconfont') format('svg');
			
 
				+}
			
 
				+</code></pre>
			
 
				+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
			
 
				+<pre><code class="language-css"
			
 
				+>.iconfont {
			
 
				+  font-family: "iconfont" !important;
			
 
				+  font-size: 16px;
			
 
				+  font-style: normal;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+}
			
 
				+</code></pre>
			
 
				+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
			
 
				+<pre>
			
 
				+<code class="language-html"
			
 
				+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
			
 
				+</code></pre>
			
 
				+          <blockquote>
			
 
				+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
			
 
				+          </blockquote>
			
 
				+          </div>
			
 
				+      </div>
			
 
				+      <div class="content font-class">
			
 
				+        <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-shuaxin"></span>
			
 
				+            <div class="name">
			
 
				+              刷新
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-shuaxin
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-iconfontgengduo"></span>
			
 
				+            <div class="name">
			
 
				+              更多
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-iconfontgengduo
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-xiangqing"></span>
			
 
				+            <div class="name">
			
 
				+              详情
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-xiangqing
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-weibiaoti520"></span>
			
 
				+            <div class="name">
			
 
				+              编辑
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-weibiaoti520
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-biaoge"></span>
			
 
				+            <div class="name">
			
 
				+              表格
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-biaoge
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-dayin"></span>
			
 
				+            <div class="name">
			
 
				+              打印
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-dayin
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-rili"></span>
			
 
				+            <div class="name">
			
 
				+              日历
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-rili
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-wenjian"></span>
			
 
				+            <div class="name">
			
 
				+              文件
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-wenjian
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-gonggao"></span>
			
 
				+            <div class="name">
			
 
				+              公告
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-gonggao
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-word"></span>
			
 
				+            <div class="name">
			
 
				+              word
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-word
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-wanggeshezhi"></span>
			
 
				+            <div class="name">
			
 
				+              网格设置
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-wanggeshezhi
			
 
				+            </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-fangda"></span>
			
 
				+            <div class="name">
			
 
				+              放大
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-fangda
			
 
				+            </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-icon_huabanfuben"></span>
			
 
				+            <div class="name">
			
 
				+              数据
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-icon_huabanfuben
			
 
				+            </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-suoxiao"></span>
			
 
				+            <div class="name">
			
 
				+              缩小
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-suoxiao
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-shizhong"></span>
			
 
				+            <div class="name">
			
 
				+              时钟
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-shizhong
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-wenjianjia"></span>
			
 
				+            <div class="name">
			
 
				+              文件夹
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-wenjianjia
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-jiahao"></span>
			
 
				+            <div class="name">
			
 
				+              加号
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-jiahao
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-el-icon"></span>
			
 
				+            <div class="name">
			
 
				+              添加用户
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-el-icon
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-ppt"></span>
			
 
				+            <div class="name">
			
 
				+              ppt
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-ppt
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-tongji"></span>
			
 
				+            <div class="name">
			
 
				+              统计
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-tongji
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+          <li class="dib">
			
 
				+            <span class="icon iconfont icon-excel"></span>
			
 
				+            <div class="name">
			
 
				+              excel
			
 
				+            </div>
			
 
				+            <div class="code-name">.icon-excel
			
 
				+            </div>
			
 
				+          </li>
			
 
				+          
			
 
				+        </ul>
			
 
				+        <div class="article markdown">
			
 
				+        <h2 id="font-class-">font-class 引用</h2>
			
 
				+        <hr>
			
 
				+
			
 
				+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
			
 
				+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
			
 
				+        <ul>
			
 
				+          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
			
 
				+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
			
 
				+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
			
 
				+          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
			
 
				+        </ul>
			
 
				+        <p>使用步骤如下：</p>
			
 
				+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
			
 
				+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
			
 
				+</code></pre>
			
 
				+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
			
 
				+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
			
 
				+</code></pre>
			
 
				+        <blockquote>
			
 
				+          <p>"
			
 
				+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
			
 
				+        </blockquote>
			
 
				+      </div>
			
 
				+      </div>
			
 
				+      <div class="content symbol">
			
 
				+          <ul class="icon_lists dib-box">
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-shuaxin"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">刷新</div>
			
 
				+                <div class="code-name">#icon-shuaxin</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-iconfontgengduo"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">更多</div>
			
 
				+                <div class="code-name">#icon-iconfontgengduo</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-xiangqing"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">详情</div>
			
 
				+                <div class="code-name">#icon-xiangqing</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-weibiaoti520"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">编辑</div>
			
 
				+                <div class="code-name">#icon-weibiaoti520</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-biaoge"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">表格</div>
			
 
				+                <div class="code-name">#icon-biaoge</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-dayin"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">打印</div>
			
 
				+                <div class="code-name">#icon-dayin</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-rili"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">日历</div>
			
 
				+                <div class="code-name">#icon-rili</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-wenjian"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">文件</div>
			
 
				+                <div class="code-name">#icon-wenjian</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-gonggao"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">公告</div>
			
 
				+                <div class="code-name">#icon-gonggao</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-word"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">word</div>
			
 
				+                <div class="code-name">#icon-word</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-wanggeshezhi"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">网格设置</div>
			
 
				+                <div class="code-name">#icon-wanggeshezhi</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-shezhi"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">设 置</div>
			
 
				+                <div class="code-name">#icon-shezhi</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-fangda"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">放大</div>
			
 
				+                <div class="code-name">#icon-fangda</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-gongzuotai"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">工作台</div>
			
 
				+                <div class="code-name">#icon-gongzuotai</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-icon_huabanfuben"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">数据</div>
			
 
				+                <div class="code-name">#icon-icon_huabanfuben</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-shanchu"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">删除</div>
			
 
				+                <div class="code-name">#icon-shanchu</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-suoxiao"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">缩小</div>
			
 
				+                <div class="code-name">#icon-suoxiao</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-shizhong"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">时钟</div>
			
 
				+                <div class="code-name">#icon-shizhong</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-wenjianjia"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">文件夹</div>
			
 
				+                <div class="code-name">#icon-wenjianjia</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-jiahao"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">加号</div>
			
 
				+                <div class="code-name">#icon-jiahao</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-el-icon"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">添加用户</div>
			
 
				+                <div class="code-name">#icon-el-icon</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-ppt"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">ppt</div>
			
 
				+                <div class="code-name">#icon-ppt</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-tongji"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">统计</div>
			
 
				+                <div class="code-name">#icon-tongji</div>
			
 
				+            </li>
			
 
				+          
			
 
				+            <li class="dib">
			
 
				+                <svg class="icon svg-icon" aria-hidden="true">
			
 
				+                  <use xlink:href="#icon-excel"></use>
			
 
				+                </svg>
			
 
				+                <div class="name">excel</div>
			
 
				+                <div class="code-name">#icon-excel</div>
			
 
				+            </li>
			
 
				+          
			
 
				+          </ul>
			
 
				+          <div class="article markdown">
			
 
				+          <h2 id="symbol-">Symbol 引用</h2>
			
 
				+          <hr>
			
 
				+
			
 
				+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
			
 
				+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
			
 
				+          <ul>
			
 
				+            <li>支持多色图标了，不再受单色限制。</li>
			
 
				+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
			
 
				+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
			
 
				+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
			
 
				+          </ul>
			
 
				+          <p>使用步骤如下：</p>
			
 
				+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
			
 
				+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
			
 
				+</code></pre>
			
 
				+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
			
 
				+<pre><code class="language-html">&lt;style&gt;
			
 
				+.icon {
			
 
				+  width: 1em;
			
 
				+  height: 1em;
			
 
				+  vertical-align: -0.15em;
			
 
				+  fill: currentColor;
			
 
				+  overflow: hidden;
			
 
				+}
			
 
				+&lt;/style&gt;
			
 
				+</code></pre>
			
 
				+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
			
 
				+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
			
 
				+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
			
 
				+&lt;/svg&gt;
			
 
				+</code></pre>
			
 
				+          </div>
			
 
				+      </div>
			
 
				+
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <script>
			
 
				+  $(document).ready(function () {
			
 
				+      $('.tab-container .content:first').show()
			
 
				+
			
 
				+      $('#tabs li').click(function (e) {
			
 
				+        var tabContent = $('.tab-container .content')
			
 
				+        var index = $(this).index()
			
 
				+
			
 
				+        if ($(this).hasClass('active')) {
			
 
				+          return
			
 
				+        } else {
			
 
				+          $('#tabs li').removeClass('active')
			
 
				+          $(this).addClass('active')
			
 
				+
			
 
				+          tabContent.hide().eq(index).fadeIn()
			
 
				+        }
			
 
				+      })
			
 
				+    })
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/static/css/mc-inconfont/iconfont.css
+++ b/public/static/css/mc-inconfont/iconfont.css
--- a/public/static/css/mc-inconfont/iconfont.eot
+++ b/public/static/css/mc-inconfont/iconfont.eot
--- a/public/static/css/mc-inconfont/iconfont.js
+++ b/public/static/css/mc-inconfont/iconfont.js
--- a/public/static/css/mc-inconfont/iconfont.json
+++ b/public/static/css/mc-inconfont/iconfont.json
@@ -0,0 +1,177 @@
 
				+{
			
 
				+  "id": "",
			
 
				+  "name": "",
			
 
				+  "font_family": "iconfont",
			
 
				+  "css_prefix_text": "icon-",
			
 
				+  "description": "",
			
 
				+  "glyphs": [
			
 
				+    {
			
 
				+      "icon_id": "604646",
			
 
				+      "name": "刷新",
			
 
				+      "font_class": "shuaxin",
			
 
				+      "unicode": "e62a",
			
 
				+      "unicode_decimal": 58922
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "611688",
			
 
				+      "name": "更多",
			
 
				+      "font_class": "iconfontgengduo",
			
 
				+      "unicode": "e610",
			
 
				+      "unicode_decimal": 58896
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "788013",
			
 
				+      "name": "详情",
			
 
				+      "font_class": "xiangqing",
			
 
				+      "unicode": "e63b",
			
 
				+      "unicode_decimal": 58939
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "980979",
			
 
				+      "name": "编辑",
			
 
				+      "font_class": "weibiaoti520",
			
 
				+      "unicode": "e617",
			
 
				+      "unicode_decimal": 58903
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "1615486",
			
 
				+      "name": "表格",
			
 
				+      "font_class": "biaoge",
			
 
				+      "unicode": "e613",
			
 
				+      "unicode_decimal": 58899
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "2578221",
			
 
				+      "name": "打印",
			
 
				+      "font_class": "dayin",
			
 
				+      "unicode": "e602",
			
 
				+      "unicode_decimal": 58882
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "3154768",
			
 
				+      "name": "日历",
			
 
				+      "font_class": "rili",
			
 
				+      "unicode": "e633",
			
 
				+      "unicode_decimal": 58931
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "6644329",
			
 
				+      "name": "文件",
			
 
				+      "font_class": "wenjian",
			
 
				+      "unicode": "e62b",
			
 
				+      "unicode_decimal": 58923
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "8094187",
			
 
				+      "name": "公告",
			
 
				+      "font_class": "gonggao",
			
 
				+      "unicode": "e646",
			
 
				+      "unicode_decimal": 58950
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "8548824",
			
 
				+      "name": "word",
			
 
				+      "font_class": "word",
			
 
				+      "unicode": "e659",
			
 
				+      "unicode_decimal": 58969
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "9316828",
			
 
				+      "name": "网格设置",
			
 
				+      "font_class": "wanggeshezhi",
			
 
				+      "unicode": "e81c",
			
 
				+      "unicode_decimal": 59420
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "9696555",
			
 
				+      "name": "设 置",
			
 
				+      "font_class": "shezhi",
			
 
				+      "unicode": "e612",
			
 
				+      "unicode_decimal": 58898
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "12097431",
			
 
				+      "name": "放大",
			
 
				+      "font_class": "fangda",
			
 
				+      "unicode": "e650",
			
 
				+      "unicode_decimal": 58960
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "12250140",
			
 
				+      "name": "工作台",
			
 
				+      "font_class": "gongzuotai",
			
 
				+      "unicode": "e60f",
			
 
				+      "unicode_decimal": 58895
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "12683893",
			
 
				+      "name": "数据",
			
 
				+      "font_class": "icon_huabanfuben",
			
 
				+      "unicode": "e623",
			
 
				+      "unicode_decimal": 58915
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "13544020",
			
 
				+      "name": "删除",
			
 
				+      "font_class": "shanchu",
			
 
				+      "unicode": "e60d",
			
 
				+      "unicode_decimal": 58893
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "14166830",
			
 
				+      "name": "缩小",
			
 
				+      "font_class": "suoxiao",
			
 
				+      "unicode": "e639",
			
 
				+      "unicode_decimal": 58937
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "14666053",
			
 
				+      "name": "时钟",
			
 
				+      "font_class": "shizhong",
			
 
				+      "unicode": "e72a",
			
 
				+      "unicode_decimal": 59178
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "15416685",
			
 
				+      "name": "文件夹",
			
 
				+      "font_class": "wenjianjia",
			
 
				+      "unicode": "e606",
			
 
				+      "unicode_decimal": 58886
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "15546306",
			
 
				+      "name": "加号",
			
 
				+      "font_class": "jiahao",
			
 
				+      "unicode": "e611",
			
 
				+      "unicode_decimal": 58897
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "16049377",
			
 
				+      "name": "添加用户",
			
 
				+      "font_class": "el-icon",
			
 
				+      "unicode": "e501",
			
 
				+      "unicode_decimal": 58625
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "16182400",
			
 
				+      "name": "ppt",
			
 
				+      "font_class": "ppt",
			
 
				+      "unicode": "e6a2",
			
 
				+      "unicode_decimal": 59042
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "16302071",
			
 
				+      "name": "统计",
			
 
				+      "font_class": "tongji",
			
 
				+      "unicode": "e682",
			
 
				+      "unicode_decimal": 59010
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "18724888",
			
 
				+      "name": "excel",
			
 
				+      "font_class": "excel",
			
 
				+      "unicode": "e614",
			
 
				+      "unicode_decimal": 58900
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
--- a/public/static/css/mc-inconfont/iconfont.svg
+++ b/public/static/css/mc-inconfont/iconfont.svg
--- a/public/static/css/mc-inconfont/iconfont.ttf
+++ b/public/static/css/mc-inconfont/iconfont.ttf
--- a/public/static/css/mc-inconfont/iconfont.woff
+++ b/public/static/css/mc-inconfont/iconfont.woff
--- a/public/static/css/mc-inconfont/iconfont.woff2
+++ b/public/static/css/mc-inconfont/iconfont.woff2
--- a/public/static/css/mc-layui.css
+++ b/public/static/css/mc-layui.css
@@ -0,0 +1,87 @@
 
				+.mc-open .layui-layer-title {
			
 
				+    padding: 0 !important;
			
 
				+    padding-top: 30px !important;
			
 
				+    font-size: 24px;
			
 
				+    background-color: white !important;
			
 
				+    color: #333 !important;
			
 
				+    width: 76%;
			
 
				+    margin: 0 auto;
			
 
				+}
			
 
				+.mc-open .layui-layer-setwin {
			
 
				+    top: 35px !important;
			
 
				+}
			
 
				+.mc-body {
			
 
				+    background-color: white !important;
			
 
				+}
			
 
				+.mc-prop .layui-card {
			
 
				+    box-shadow: none !important;
			
 
				+}
			
 
				+.mc-body .layui-card-footer {
			
 
				+    border: none !important;
			
 
				+}
			
 
				+.mc-body .layui-card {
			
 
				+    box-shadow: none !important;
			
 
				+}
			
 
				+.mc-new-form .layui-inline-tow {
			
 
				+    float: right !important;
			
 
				+}
			
 
				+.mc-card-form {
			
 
				+    padding-top: 0 !important;
			
 
				+    margin-top: 0 !important;
			
 
				+}
			
 
				+.mc-new-form .layui-card-form {
			
 
				+    padding: 0 !important;
			
 
				+}
			
 
				+.mc-new-form .layui-form-label {
			
 
				+    float: none !important;
			
 
				+    display: block;
			
 
				+    padding: 0 !important;
			
 
				+    width: 100% !important;
			
 
				+    font-weight: 400;
			
 
				+    line-height: 20px;
			
 
				+    text-align: left;
			
 
				+}
			
 
				+.mc-new-form .layui-input-block {
			
 
				+    margin-left: 0 !important;
			
 
				+    margin-top: 10px;
			
 
				+}
			
 
				+.mc-new-form .layui-form-item {
			
 
				+    width: 80% !important;
			
 
				+    margin: 0 auto;
			
 
				+}
			
 
				+.mc-new-form .layui-inline {
			
 
				+    width: 45% !important;
			
 
				+}
			
 
				+.mc-new-form .layui-form-item .layui-inline {
			
 
				+    margin-right: 0 !important;
			
 
				+}
			
 
				+.layui-layer-page .layui-layer-content {
			
 
				+    background-color: rgba(251, 251, 251, 1) !important;
			
 
				+    padding-bottom: 10px;
			
 
				+    height: 100% !important;
			
 
				+}
			
 
				+.ag-form .mc-file-style{
			
 
				+    border: none !important;
			
 
				+}
			
 
				+.ag-form .mc-file-style .ag-file-item-li-thumb{
			
 
				+    position: inherit !important;
			
 
				+    display: inherit !important;
			
 
				+}
			
 
				+.ag-form .mc-file-style .ag-file-header{
			
 
				+    border: 1px dashed !important;
			
 
				+    padding: 20px 7px !important;
			
 
				+    background-color: #FBFBFB;
			
 
				+
			
 
				+}
			
 
				+.ag-form .mc-file-style  .ag-file-item{
			
 
				+    margin-top: 15px !important;
			
 
				+}
			
 
				+.ag-form .mc-file-style{
			
 
				+    padding-left: 0 !important;
			
 
				+}
			
 
				+.mc-file-form .layui-card-form{
			
 
				+    padding-top: 0 !important;
			
 
				+}
			
 
				+.mc-file-form .layui-card-body{
			
 
				+    padding: 0px !important;
			
 
				+}
			
--- a/public/static/css/swiper.css
+++ b/public/static/css/swiper.css
--- a/public/static/css/temp.css
+++ b/public/static/css/temp.css
--- a/public/static/css/tool.css
+++ b/public/static/css/tool.css
@@ -0,0 +1,45 @@
 
				+.tool-box {
			
 
				+    position: absolute;
			
 
				+    /* top: 0; */
			
 
				+    right: 0;
			
 
				+    padding: 5px 0;
			
 
				+    z-index: 100;
			
 
				+}
			
 
				+.tool-box span {
			
 
				+    cursor: pointer;
			
 
				+    margin-right: 15px;
			
 
				+}
			
 
				+.screen {
			
 
				+    position: fixed !important;
			
 
				+    width: 100%;
			
 
				+    z-index: 100;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    padding: 0 !important;
			
 
				+    margin: 0 !important;
			
 
				+}
			
 
				+.tool-select {
			
 
				+    width: 80px;
			
 
				+    position: absolute;
			
 
				+    right: 0px;
			
 
				+    display: none;
			
 
				+}
			
 
				+.tool-select li {
			
 
				+    border: 1px solid;
			
 
				+    text-align: center;
			
 
				+    background: grey;
			
 
				+}
			
 
				+.tool-select li:hover {
			
 
				+    background-color: #0b82ff !important;
			
 
				+    color: white;
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+.tool-bg {
			
 
				+    position: fixed;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    background-color: rgba(0, 0, 0,0.3);
			
 
				+    top: 0;
			
 
				+    text-align: center;
			
 
				+    z-index: 10000000;
			
 
				+}
			
--- a/public/static/css/zTreeStyle.css
+++ b/public/static/css/zTreeStyle.css
@@ -0,0 +1,97 @@
 
				+/*-------------------------------------
			
 
				+zTree Style
			
 
				+
			
 
				+version:	3.4
			
 
				+author:		Hunter.z
			
 
				+email:		hunter.z@263.net
			
 
				+website:	http://code.google.com/p/jquerytree/
			
 
				+
			
 
				+-------------------------------------*/
			
 
				+
			
 
				+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
			
 
				+.ztree {margin:0; padding:5px; color:#333}
			
 
				+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
			
 
				+.ztree li ul{ margin:0; padding:0 0 0 18px}
			
 
				+.ztree li ul.line{ background:url(/static/images/ztree/img/line_conn.gif) 0 0 repeat-y;}
			
 
				+
			
 
				+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
			
 
				+	text-decoration:none; vertical-align:top; display: inline-block}
			
 
				+.ztree li a:hover {text-decoration:underline}
			
 
				+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
			
 
				+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
			
 
				+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
			
 
				+	opacity:0.8; filter:alpha(opacity=80)}
			
 
				+.ztree li a.tmpTargetNode_prev {}
			
 
				+.ztree li a.tmpTargetNode_next {}
			
 
				+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
			
 
				+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
			
 
				+.ztree li span {line-height:16px; margin-right:2px}
			
 
				+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
			
 
				+	border:0 none; cursor: pointer;outline:none;
			
 
				+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
			
 
				+	background-image:url("/static/images/ztree/img/zTreeStandard.png"); *background-image:url("/static/images/ztree/img/zTreeStandard.gif")}
			
 
				+
			
 
				+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
			
 
				+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
			
 
				+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
			
 
				+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
			
 
				+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
			
 
				+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
			
 
				+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
			
 
				+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
			
 
				+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
			
 
				+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
			
 
				+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
			
 
				+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
			
 
				+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
			
 
				+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
			
 
				+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
			
 
				+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
			
 
				+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
			
 
				+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
			
 
				+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
			
 
				+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
			
 
				+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
			
 
				+
			
 
				+.ztree li span.button.switch {width:18px; height:18px}
			
 
				+.ztree li span.button.root_open{background-position:-92px -54px}
			
 
				+.ztree li span.button.root_close{background-position:-74px -54px}
			
 
				+.ztree li span.button.roots_open{background-position:-92px 0}
			
 
				+.ztree li span.button.roots_close{background-position:-74px 0}
			
 
				+.ztree li span.button.center_open{background-position:-92px -18px}
			
 
				+.ztree li span.button.center_close{background-position:-74px -18px}
			
 
				+.ztree li span.button.bottom_open{background-position:-92px -36px}
			
 
				+.ztree li span.button.bottom_close{background-position:-74px -36px}
			
 
				+.ztree li span.button.noline_open{background-position:-92px -72px}
			
 
				+.ztree li span.button.noline_close{background-position:-74px -72px}
			
 
				+.ztree li span.button.root_docu{ background:none;}
			
 
				+.ztree li span.button.roots_docu{background-position:-56px 0}
			
 
				+.ztree li span.button.center_docu{background-position:-56px -18px}
			
 
				+.ztree li span.button.bottom_docu{background-position:-56px -36px}
			
 
				+.ztree li span.button.noline_docu{ background:none;}
			
 
				+
			
 
				+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
			
 
				+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
			
 
				+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
			
 
				+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
			
 
				+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
			
 
				+
			
 
				+.ztree li span.button.ico_loading{margin-right:2px; background:url(/static/images/ztree/img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
			
 
				+
			
 
				+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
			
 
				+
			
 
				+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
			
 
				+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
			
 
				+	background-position:-110px -80px; background-image:url("/static/images/ztree/img/zTreeStandard.png"); *background-image:url("/static/images/ztree/img/zTreeStandard.gif")}
			
 
				+
			
 
				+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
			
 
				+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
			
 
				+
			
 
				+/* level style*/
			
 
				+/*.ztree li span.button.level0 {
			
 
				+	display:none;
			
 
				+}
			
 
				+.ztree li ul.level0 {
			
 
				+	padding:0;
			
 
				+	background:none;
			
 
				+}*/
			
--- a/public/static/font/iconfont.eot
+++ b/public/static/font/iconfont.eot
--- a/public/static/font/iconfont.svg
+++ b/public/static/font/iconfont.svg
--- a/public/static/font/iconfont.ttf
+++ b/public/static/font/iconfont.ttf
--- a/public/static/font/iconfont.woff
+++ b/public/static/font/iconfont.woff
--- a/public/static/font/iconfont.woff2
+++ b/public/static/font/iconfont.woff2
--- a/public/static/font/iconfont/iconfont.eot
+++ b/public/static/font/iconfont/iconfont.eot
--- a/public/static/font/iconfont/iconfont.svg
+++ b/public/static/font/iconfont/iconfont.svg
--- a/public/static/font/iconfont/iconfont.ttf
+++ b/public/static/font/iconfont/iconfont.ttf
--- a/public/static/font/iconfont/iconfont.woff
+++ b/public/static/font/iconfont/iconfont.woff
--- a/public/static/images/contentMenu/cross.png
+++ b/public/static/images/contentMenu/cross.png
--- a/public/static/images/face/card-image_89.png
+++ b/public/static/images/face/card-image_89.png
--- a/public/static/images/face/card-upload-btn_40.png
+++ b/public/static/images/face/card-upload-btn_40.png
--- a/public/static/images/face/cardback.png
+++ b/public/static/images/face/cardback.png
--- a/public/static/images/face/cardback_200.png
+++ b/public/static/images/face/cardback_200.png
--- a/public/static/images/face/cardfront.png
+++ b/public/static/images/face/cardfront.png
--- a/public/static/images/face/cardfront_200.png
+++ b/public/static/images/face/cardfront_200.png
--- a/public/static/images/face/default-face.png
+++ b/public/static/images/face/default-face.png
--- a/public/static/images/face/default-face_83.png
+++ b/public/static/images/face/default-face_83.png
--- a/public/static/images/face/del.png
+++ b/public/static/images/face/del.png
--- a/public/static/images/face/del_40.png
+++ b/public/static/images/face/del_40.png
--- a/public/static/images/face/face.png
+++ b/public/static/images/face/face.png
--- a/public/static/images/face/facehead.png
+++ b/public/static/images/face/facehead.png
--- a/public/static/images/face/group.png
+++ b/public/static/images/face/group.png
--- a/public/static/images/face/idcard.png
+++ b/public/static/images/face/idcard.png
--- a/public/static/images/face/idcard_40.png
+++ b/public/static/images/face/idcard_40.png
--- a/public/static/images/face/imgcard.png
+++ b/public/static/images/face/imgcard.png
--- a/public/static/images/face/keep.png
+++ b/public/static/images/face/keep.png
--- a/public/static/images/face/keep_40.png
+++ b/public/static/images/face/keep_40.png
--- a/public/static/images/face/photo_rect_367.png
+++ b/public/static/images/face/photo_rect_367.png
--- a/public/static/images/face/photograph.png
+++ b/public/static/images/face/photograph.png
--- a/public/static/images/face/photograph_40.png
+++ b/public/static/images/face/photograph_40.png
--- a/public/static/images/face/upload_35.png
+++ b/public/static/images/face/upload_35.png
--- a/public/static/images/leftlog.png
+++ b/public/static/images/leftlog.png