1

.idea/.gitignore

@@ -0,0 +1,3 @@
+# 默认忽略的文件
+/shelf/
+/workspace.xml

.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

.idea/misc.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Black">
+    <option name="sdkName" value="Python 3.12 (yunwei)" />
+  </component>
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.12 (yunwei)" project-jdk-type="Python SDK" />
+  <component name="PyCharmProfessionalAdvertiser">
+    <option name="shown" value="true" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/yunwei.iml" filepath="$PROJECT_DIR$/.idea/yunwei.iml" />
+    </modules>
+  </component>
+</project>

.idea/yunwei.iml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.venv" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

gunicorn_conf.py

@@ -0,0 +1,27 @@
+# 项目目录
+chdir = '/www/python/yunwei/yunwei'
+
+# 指定进程数
+workers = 4
+
+# 指定每个进程开启的线程数
+threads = 2
+
+#启动用户
+user = 'www'
+
+# 启动模式
+worker_class = 'sync'
+
+# 绑定的ip与端口
+bind = '0.0.0.0:5000' 
+
+# 设置进程文件目录（用于停止服务和重启服务，请勿删除）
+pidfile = '/www/python/yunwei/yunwei/gunicorn.pid'
+
+# 设置访问日志和错误信息日志路径
+accesslog = '/www/wwwlogs/python/yunwei/gunicorn_acess.log'
+errorlog = '/www/wwwlogs/python/yunwei/gunicorn_error.log'
+
+# 日志级别，这个日志级别指的是错误日志的级别，而访问日志的级别无法设置
+loglevel = 'info' 

main.py

@@ -0,0 +1,466 @@
+import math
+import random
+import psutil
+import pymysql
+import pytz
+
+from flask import Flask, render_template, jsonify, request, session, redirect, url_for
+from datetime import datetime
+from sqlalchemy.sql.ddl import CreateTable
+
+app = Flask(__name__)
+# 创建数据库连接
+app.secret_key = 'SecretKey'    # 设置Secret Key
+
+@app.route("/404")  #host:post/404:404页面展示，主要用于划分权限查看
+def index_404():
+    return render_template('page/404.html',)
+
+@app.route("/logout")  #host:post/logout:
+def logout():
+    session.clear()  # 清除会话数据
+    # session['logged_out'] = True
+    return redirect(url_for('login'))
+
+@app.route("/register")
+def register():
+    return render_template('page/register.html',)
+
+@app.route("/login")
+def login():
+    return render_template('page/login.html',)
+
+@app.route("/api_login", methods=['GET'])
+def api_login():
+    username =request.args.get('username')
+    password = request.args.get('password')
+    # 连接到数据库
+    connection = pymysql.connect(host='192.168.153.165', user='yunwei', password='123456', database='yunwei', charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+    try:
+        with connection.cursor() as cursor:
+            # 检查用户名和密码是否正确
+            sql = f"SELECT * FROM user WHERE username = '{username}' AND password = '{password}'"
+            cursor.execute(sql)
+            result = cursor.fetchone()
+
+            if result:
+                session['quanxian'] = result['quanxian']
+                session['username'] = username
+                data={'code':0,'msg':'登录成功'}
+            else:
+                data = {'code': 1, 'msg': '登录失败'}
+    finally:
+        connection.close()  # 确保数据库连接被关闭
+    return jsonify(data)
+
+@app.route("/api_register", methods=['GET'])
+def api_register():
+    username =request.args.get('username')
+    password = request.args.get('password')
+    # 连接到数据库
+    connection = pymysql.connect(host='192.168.153.165', user='yunwei', password='123456', database='yunwei', charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+    try:
+        with connection.cursor() as cursor:
+            # 插入一条数据的 SQL 语句
+            sql = """
+                INSERT INTO user(username, password,quanxian)
+                VALUES (%s, %s, %s)
+                """
+            # 替换 %s 为你想要插入的数据
+            data = (username,password,0)
+            # 执行 SQL 语句
+            cursor.execute(sql, data)
+            # 提交事务
+            connection.commit()
+
+            res_data = {
+                'code': 0,
+                'msg': '注册成功'
+            }
+    except:
+        res_data = {
+            'code': 1,
+            'msg': '注册失败'
+        }
+    finally:
+        connection.close()  # 确保数据库连接被关闭
+
+    return jsonify(res_data)
+
+@app.route("/")
+def logins():
+    return render_template('page/login.html',)
+
+@app.route("/index_echarts")
+def index_echarts():
+    return render_template('index.html',)
+
+@app.route("/warings")
+def warings():
+    if session['quanxian'] == 1:
+        return render_template('page/warings.html')
+    else:
+        return render_template('page/404.html')
+
+@app.route("/admin")
+def admin():
+    username = session['username']
+    data={
+        'username':username
+    }
+    return render_template('page/index.html', **data)
+
+@app.route("/log")
+def log():
+    return render_template('page/table.html',)
+
+@app.route("/user")
+def user():
+    if session['quanxian'] ==1:
+        return render_template('page/user.html')
+    else:
+        return render_template('page/404.html')
+
+@app.route("/install")
+def install():
+    try:
+        db = pymysql.connect(host='192.168.153.165', user='yunwei',      password='123456',database='yunwei',  charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+        with db.cursor() as cursor:
+            # 创建一个表的 SQL 语句
+            sql = """
+            CREATE TABLE IF NOT EXISTS my_table (
+                ID INT AUTO_INCREMENT PRIMARY KEY,
+                CPU FLOAT NOT NULL,
+                neicun FLOAT NOT NULL,
+                disk FLOAT NOT NULL,
+                shang FLOAT NOT NULL,
+                xia FLOAT NOT NULL,
+                jiqihao VARCHAR(80),
+                at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+            ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+            """
+            user_sql = """
+                  CREATE TABLE IF NOT EXISTS user (
+                      ID INT AUTO_INCREMENT PRIMARY KEY,
+                      username VARCHAR(80) UNIQUE NOT NULL,
+                      password VARCHAR(80),
+                      quanxian INT,
+    
+                      at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+                  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+                  """
+            warings = """
+            CREATE TABLE IF NOT EXISTS warings (
+                ID INT AUTO_INCREMENT PRIMARY KEY,
+                CPU FLOAT NOT NULL,
+                neicun FLOAT NOT NULL,
+                disk FLOAT NOT NULL,
+                shang FLOAT NOT NULL,
+                xia FLOAT NOT NULL,
+                jiqihao VARCHAR(80),
+                message VARCHAR(80),
+                ip VARCHAR(80),
+                at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
+            ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+            """
+            # 执行 SQL 语句
+            cursor.execute(warings)
+            # 执行 SQL 语句
+            cursor.execute(user_sql)
+            # 执行 SQL 语句
+            cursor.execute(sql)
+            # 提交事务
+            db.commit()
+
+    finally:
+        # 关闭数据库连接
+        db.close()
+    return jsonify({'code':0,'msg':'数据库创建成功'})
+
+@app.route("/api_log", methods=['GET'])
+def api_log():
+    # 假设每页显示10条记录
+    LIMIT_PER_PAGE =int(request.args.get('limit'))
+    # 假设我们要查询第3页的数据
+    PAGE = int(request.args.get('page'))
+    # 计算 OFFSET
+    OFFSET = (PAGE - 1) * LIMIT_PER_PAGE
+    # 创建数据库连接
+    connection = pymysql.connect(host='192.168.153.165', user='yunwei', password='123456', database='yunwei', charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+    try:
+        with connection.cursor() as cursor:
+            # 创建一个 SQL 查询，使用 LIMIT 和 OFFSET 进行翻页
+            sql = "SELECT * FROM my_table LIMIT %s OFFSET %s"
+            cursor.execute(sql, (LIMIT_PER_PAGE, OFFSET))
+            # 获取所有记录
+            results = cursor.fetchall()
+            # 创建一个 SQL 查询，用于获取表中的行数
+            sql_count = "SELECT COUNT(*) FROM my_table"
+            cursor.execute(sql_count)
+            result_count = cursor.fetchone()
+            count = result_count['COUNT(*)']
+            res=[]
+            for row in results:
+                print(row)
+                res.append({
+                    'id':row['ID'],
+                    'cpu':row['CPU'],
+                    'disk':row['disk'],
+                    'shang':row['shang'],
+                    'xia':row['xia'],
+                    'neicun':row['neicun'],
+                    'jiqihao': row['jiqihao'],
+                    'at':row['at']
+                })
+    finally:
+        # 关闭数据库连接
+        connection.close()
+    data={'code':0,'msg':'','count':count,'data':res}
+    return jsonify(data)
+
+@app.route("/api_warings", methods=['GET'])
+def api_warings():
+    # 假设每页显示10条记录
+    LIMIT_PER_PAGE =int(request.args.get('limit'))
+    # 假设我们要查询第3页的数据
+    PAGE = int(request.args.get('page'))
+    # 计算 OFFSET
+    OFFSET = (PAGE - 1) * LIMIT_PER_PAGE
+    # 创建数据库连接
+    connection = pymysql.connect(host='192.168.153.165', user='yunwei', password='123456', database='yunwei', charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+    try:
+        with connection.cursor() as cursor:
+            # 创建一个 SQL 查询，使用 LIMIT 和 OFFSET 进行翻页
+            sql = "SELECT * FROM warings LIMIT %s OFFSET %s"
+            cursor.execute(sql, (LIMIT_PER_PAGE, OFFSET))
+            # 获取所有记录
+            results = cursor.fetchall()
+            # 创建一个 SQL 查询，用于获取表中的行数
+            sql_count = "SELECT COUNT(*) FROM warings"
+            cursor.execute(sql_count)
+            result_count = cursor.fetchone()
+            count = result_count['COUNT(*)']
+            res=[]
+            for row in results:
+
+                res.append({
+                    'id':row['ID'],
+                    'cpu':row['CPU'],
+                    'disk':row['disk'],
+                    'shang':row['shang'],
+                    'xia':row['xia'],
+                    'neicun':row['neicun'],
+                    'jiqihao': row['jiqihao'],
+                    'message': row['message'],
+                    'at':row['at']
+                })
+    finally:
+        # 关闭数据库连接
+        connection.close()
+    data={'code':0,'msg':'','count':count,'data':res}
+    return jsonify(data)
+
+@app.route("/api_user", methods=['GET'])
+def api_user():
+    # 假设每页显示10条记录
+    LIMIT_PER_PAGE =int(request.args.get('limit'))
+    # 假设我们要查询第3页的数据
+    PAGE = int(request.args.get('page'))
+    # 计算 OFFSET
+    OFFSET = (PAGE - 1) * LIMIT_PER_PAGE
+    # 创建数据库连接
+    connection = pymysql.connect(host='192.168.153.165', user='yunwei', password='123456', database='yunwei', charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+    try:
+        with connection.cursor() as cursor:
+            # 创建一个 SQL 查询，使用 LIMIT 和 OFFSET 进行翻页
+            sql = "SELECT * FROM user LIMIT %s OFFSET %s"
+            cursor.execute(sql, (LIMIT_PER_PAGE, OFFSET))
+            # 获取所有记录
+            results = cursor.fetchall()
+            # 创建一个 SQL 查询，用于获取表中的行数
+            sql_count = "SELECT COUNT(*) FROM user"
+            cursor.execute(sql_count)
+            result_count = cursor.fetchone()
+            count = result_count['COUNT(*)']
+            res=[]
+            for row in results:
+                if row['quanxian']==0:
+                    quanxian='普通用户'
+                else:
+
+                    quanxian = '超级管理员'
+                res.append({
+                    'id':row['ID'],
+                    'username':row['username'],
+                    'quanxian':quanxian,
+
+                    'at':row['at']
+                })
+    finally:
+        # 关闭数据库连接
+        connection.close()
+    data={'code':0,'msg':'','count':count,'data':res}
+    return jsonify(data)
+
+@app.route("/api_msg")
+def api_msg():
+    total_mem,used_mem,available_memory_gb,memory_percent=neicun()
+    cpu=get_cpu_percent()
+    used, free,usage_percent= get_disk_usage()
+    disk_data=[
+        {
+            'name': '已用硬盘',
+            'value': used
+        },
+        {
+            'name': '未用硬盘',
+            'value': free
+        }
+    ]
+    cpu_data=[
+        {
+            'name': '已用CPU',
+            'value': cpu
+        }, {
+            'name': '未用CPU',
+            'value': 100-int(cpu)
+        }
+    ]
+    shang= random.randint(0,100)
+    xia= random.randint(0,100)
+    kuandai_data=[
+        {
+            'name': '上行',
+            'value':shang
+        }, {
+            'name': '下行',
+            'value': xia
+        }
+    ]
+    neicun_data=[{
+        'name':'已用内存',
+        'value':used_mem
+    },{
+        'name':'未用内存',
+        'value':available_memory_gb
+    }]
+
+    try:
+        db = pymysql.connect(host='192.168.153.165', user='yunwei',      password='123456',database='yunwei',  charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+        with db.cursor() as cursor:
+            # 插入一条数据的 SQL 语句
+            sql = """
+            INSERT INTO my_table(CPU, neicun, disk, shang, xia, jiqihao)
+            VALUES (%s, %s, %s, %s, %s, %s)
+            """
+            # 替换 %s 为你想要插入的数据
+            data = (int(cpu), memory_percent, usage_percent,shang, xia, '业务2号机')
+            cursor.execute(sql, data)
+            # 执行 SQL 语句
+            if 100-int(cpu)>=90:
+                sql = """
+                          INSERT INTO warings(CPU, neicun, disk, shang, xia, jiqihao,message)
+                          VALUES (%s, %s, %s, %s, %s, %s, %s)
+                          """
+                # 替换 %s 为你想要插入的数据
+                data = (int(cpu), memory_percent, usage_percent, shang, xia, '业务2号机','CPU负载过高')
+                cursor.execute(sql, data)
+            # 提交事务
+            db.commit()
+
+        print("数据插入成功！")
+
+    except pymysql.MySQLError as e:
+        print(f"发生错误: {e}")
+
+    finally:
+        # 关闭连接
+        db.close()
+    data={
+        'neicun':neicun_data,
+        'cpu':cpu_data,
+        'disk':disk_data,
+        'kuandai':kuandai_data
+    }
+    return jsonify(data)
+
+@app.route("/delete_username", methods=['GET'])
+def delete_username():
+    # 假设每页显示10条记录
+    id =request.args.get('id')
+
+    try:
+        db = pymysql.connect(host='192.168.153.165', user='yunwei', password='123456', database='yunwei', charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+        with db.cursor() as cursor:
+            # 插入一条数据的 SQL 语句
+            sql = f"DELETE FROM user WHERE id = '{id}'"
+
+            cursor.execute(sql)
+            db.commit()
+        data={
+            'code':0,
+            'msg':'用户删除成功'
+        }
+
+    except pymysql.MySQLError as e:
+        print(f"发生错误: {e}")
+        data = {
+            'code': 1,
+            'msg': f'发生错误: {e}'
+        }
+
+    finally:
+        # 关闭连接
+        db.close()
+    return jsonify(data)
+
+@app.route("/api_Superadmin", methods=['GET'])
+def api_Superadmin():
+    # 假设每页显示10条记录
+    id =request.args.get('id')
+    try:
+        db = pymysql.connect(host='192.168.153.165', user='yunwei', password='123456', database='yunwei', charset='utf8mb4',cursorclass=pymysql.cursors.DictCursor)
+        with db.cursor() as cursor:
+            # 插入一条数据的 SQL 语句
+            sql = f"UPDATE user SET quanxian = 1 WHERE id = '{id}'"
+            cursor.execute(sql)
+            db.commit()
+        data={
+            'code':0,
+            'msg':'用户设置成功'
+        }
+
+    except pymysql.MySQLError as e:
+        data = {
+            'code': 1,
+            'msg': f'发生错误: {e}'
+        }
+    finally:
+        # 关闭连接
+        db.close()
+    return jsonify(data)
+
+def neicun():
+    # 获取内存信息
+    mem = psutil.virtual_memory()
+    # 将字节转换为GB
+    total_memory_gb = mem.total / (1024 ** 3)
+    used_memory_gb = mem.used / (1024 ** 3)
+    available_memory_gb = mem.available / (1024 ** 3)  # 空闲内存
+    # 计算空间占比（已用内存占总内存的百分比）
+    memory_percent = (mem.used / mem.total) * 100
+    return total_memory_gb,used_memory_gb,available_memory_gb,memory_percent
+def get_cpu_percent(interval=1):
+    return psutil.cpu_percent(interval=interval)
+def get_disk_usage(disk_path='/'):
+    disk_usage = psutil.disk_usage(disk_path)
+    used = disk_usage.used  # 已用空间
+    free = disk_usage.free  # 未用空间
+    total = disk_usage.total
+
+    # 计算已用空间与总空间的比例（以百分比表示）
+    usage_percent = (used / total) * 100
+    return used, free,usage_percent
+
+if __name__ == '__main__':
+    app.run(debug=True, host='127.0.0.1', port='7000')

static/api/clear.json

@@ -0,0 +1,4 @@
+{
+  "code": 1,
+  "msg": "服务端清理缓存成功"
+}

static/api/init.json

@@ -0,0 +1,48 @@
+{
+  "homeInfo": {
+    "title": "首页",
+    "href": "../log"
+  },
+  "logoInfo": {
+    "title": "在线运维工具",
+    "image": "static/images/logo.png",
+    "href": ""
+  },
+  "menuInfo": [
+    {
+      "title": "常规管理",
+      "icon": "fa fa-address-book",
+      "href": "",
+      "target": "_self",
+      "child": [
+
+        {
+          "title": "运维日志",
+          "href": "../log",
+          "icon": "fa fa-file-text",
+          "target": "_self"
+        },
+          {
+          "title": "用户管理",
+          "href": "../user",
+          "icon": "fa fa-file-text",
+          "target": "_self"
+        },
+          {
+          "title": "数据图表",
+          "href": "../index_echarts",
+          "icon": "fa fa-file-text",
+          "target": "_blank"
+        }
+,
+          {
+          "title": "警告信息",
+          "href": "../warings",
+          "icon": "fa fa-file-text",
+          "target": "_self"
+        }
+      ]
+    }
+
+  ]
+}

static/api/menus.json

@@ -0,0 +1,254 @@
+{
+  "code": 0,
+  "msg": "",
+  "count": 19,
+  "data": [
+    {
+      "authorityId": 1,
+      "authorityName": "系统管理",
+      "orderNumber": 1,
+      "menuUrl": null,
+      "menuIcon": "layui-icon-set",
+      "createTime": "2018/06/29 11:05:41",
+      "authority": null,
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 0,
+      "parentId": -1
+    },
+    {
+      "authorityId": 2,
+      "authorityName": "用户管理",
+      "orderNumber": 2,
+      "menuUrl": "system/user",
+      "menuIcon": null,
+      "createTime": "2018/06/29 11:05:41",
+      "authority": null,
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 0,
+      "parentId": 1
+    },
+    {
+      "authorityId": 3,
+      "authorityName": "查询用户",
+      "orderNumber": 3,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/07/21 13:54:16",
+      "authority": "user:view",
+      "checked": 0,
+      "updateTime": "2018/07/21 13:54:16",
+      "isMenu": 1,
+      "parentId": 2
+    },
+    {
+      "authorityId": 4,
+      "authorityName": "添加用户",
+      "orderNumber": 4,
+      "menuUrl": null,
+      "menuIcon": null,
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "user:add",
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 1,
+      "parentId": 2
+    },
+    {
+      "authorityId": 5,
+      "authorityName": "修改用户",
+      "orderNumber": 5,
+      "menuUrl": null,
+      "menuIcon": null,
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "user:edit",
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 1,
+      "parentId": 2
+    },
+    {
+      "authorityId": 6,
+      "authorityName": "删除用户",
+      "orderNumber": 6,
+      "menuUrl": null,
+      "menuIcon": null,
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "user:delete",
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 1,
+      "parentId": 2
+    },
+    {
+      "authorityId": 7,
+      "authorityName": "角色管理",
+      "orderNumber": 7,
+      "menuUrl": "system/role",
+      "menuIcon": null,
+      "createTime": "2018/06/29 11:05:41",
+      "authority": null,
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 0,
+      "parentId": 1
+    },
+    {
+      "authorityId": 8,
+      "authorityName": "查询角色",
+      "orderNumber": 8,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/07/21 13:54:59",
+      "authority": "role:view",
+      "checked": 0,
+      "updateTime": "2018/07/21 13:54:58",
+      "isMenu": 1,
+      "parentId": 7
+    },
+    {
+      "authorityId": 9,
+      "authorityName": "添加角色",
+      "orderNumber": 9,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "role:add",
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 1,
+      "parentId": 7
+    },
+    {
+      "authorityId": 10,
+      "authorityName": "修改角色",
+      "orderNumber": 10,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "role:edit",
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 1,
+      "parentId": 7
+    },
+    {
+      "authorityId": 11,
+      "authorityName": "删除角色",
+      "orderNumber": 11,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "role:delete",
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 1,
+      "parentId": 7
+    },
+    {
+      "authorityId": 12,
+      "authorityName": "角色权限管理",
+      "orderNumber": 12,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "role:auth",
+      "checked": 0,
+      "updateTime": "2018/07/13 15:27:18",
+      "isMenu": 1,
+      "parentId": 7
+    },
+    {
+      "authorityId": 13,
+      "authorityName": "权限管理",
+      "orderNumber": 13,
+      "menuUrl": "system/authorities",
+      "menuIcon": null,
+      "createTime": "2018/06/29 11:05:41",
+      "authority": null,
+      "checked": 0,
+      "updateTime": "2018/07/13 15:45:13",
+      "isMenu": 0,
+      "parentId": 1
+    },
+    {
+      "authorityId": 14,
+      "authorityName": "查询权限",
+      "orderNumber": 14,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/07/21 13:55:57",
+      "authority": "authorities:view",
+      "checked": 0,
+      "updateTime": "2018/07/21 13:55:56",
+      "isMenu": 1,
+      "parentId": 13
+    },
+    {
+      "authorityId": 15,
+      "authorityName": "添加权限",
+      "orderNumber": 15,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "authorities:add",
+      "checked": 0,
+      "updateTime": "2018/06/29 11:05:41",
+      "isMenu": 1,
+      "parentId": 13
+    },
+    {
+      "authorityId": 16,
+      "authorityName": "修改权限",
+      "orderNumber": 16,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/07/13 09:13:42",
+      "authority": "authorities:edit",
+      "checked": 0,
+      "updateTime": "2018/07/13 09:13:42",
+      "isMenu": 1,
+      "parentId": 13
+    },
+    {
+      "authorityId": 17,
+      "authorityName": "删除权限",
+      "orderNumber": 17,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/06/29 11:05:41",
+      "authority": "authorities:delete",
+      "checked": 0,
+      "updateTime": "2018/06/29 11:05:41",
+      "isMenu": 1,
+      "parentId": 13
+    },
+    {
+      "authorityId": 18,
+      "authorityName": "登录日志",
+      "orderNumber": 18,
+      "menuUrl": "system/loginRecord",
+      "menuIcon": null,
+      "createTime": "2018/06/29 11:05:41",
+      "authority": null,
+      "checked": 0,
+      "updateTime": "2018/06/29 11:05:41",
+      "isMenu": 0,
+      "parentId": 1
+    },
+    {
+      "authorityId": 19,
+      "authorityName": "查询登录日志",
+      "orderNumber": 19,
+      "menuUrl": "",
+      "menuIcon": "",
+      "createTime": "2018/07/21 13:56:43",
+      "authority": "loginRecord:view",
+      "checked": 0,
+      "updateTime": "2018/07/21 13:56:43",
+      "isMenu": 1,
+      "parentId": 18
+    }
+  ]
+}

static/api/table.json

@@ -0,0 +1,127 @@
+{
+  "code": 0,
+  "msg": "",
+  "count": 1000,
+  "data": [
+    {
+      "id": 10000,
+      "username": "user-0",
+      "sex": "女",
+      "city": "城市-0",
+      "sign": "签名-0",
+      "experience": 255,
+      "logins": 24,
+      "wealth": 82830700,
+      "classify": "作家",
+      "score": 57
+    },
+    {
+      "id": 10001,
+      "username": "user-1",
+      "sex": "男",
+      "city": "城市-1",
+      "sign": "签名-1",
+      "experience": 884,
+      "logins": 58,
+      "wealth": 64928690,
+      "classify": "词人",
+      "score": 27
+    },
+    {
+      "id": 10002,
+      "username": "user-2",
+      "sex": "女",
+      "city": "城市-2",
+      "sign": "签名-2",
+      "experience": 650,
+      "logins": 77,
+      "wealth": 6298078,
+      "classify": "酱油",
+      "score": 31
+    },
+    {
+      "id": 10003,
+      "username": "user-3",
+      "sex": "女",
+      "city": "城市-3",
+      "sign": "签名-3",
+      "experience": 362,
+      "logins": 157,
+      "wealth": 37117017,
+      "classify": "诗人",
+      "score": 68
+    },
+    {
+      "id": 10004,
+      "username": "user-4",
+      "sex": "男",
+      "city": "城市-4",
+      "sign": "签名-4",
+      "experience": 807,
+      "logins": 51,
+      "wealth": 76263262,
+      "classify": "作家",
+      "score": 6
+    },
+    {
+      "id": 10005,
+      "username": "user-5",
+      "sex": "女",
+      "city": "城市-5",
+      "sign": "签名-5",
+      "experience": 173,
+      "logins": 68,
+      "wealth": 60344147,
+      "classify": "作家",
+      "score": 87
+    },
+    {
+      "id": 10006,
+      "username": "user-6",
+      "sex": "女",
+      "city": "城市-6",
+      "sign": "签名-6",
+      "experience": 982,
+      "logins": 37,
+      "wealth": 57768166,
+      "classify": "作家",
+      "score": 34
+    },
+    {
+      "id": 10007,
+      "username": "user-7",
+      "sex": "男",
+      "city": "城市-7",
+      "sign": "签名-7",
+      "experience": 727,
+      "logins": 150,
+      "wealth": 82030578,
+      "classify": "作家",
+      "score": 28
+    },
+    {
+      "id": 10008,
+      "username": "user-8",
+      "sex": "男",
+      "city": "城市-8",
+      "sign": "签名-8",
+      "experience": 951,
+      "logins": 133,
+      "wealth": 16503371,
+      "classify": "词人",
+      "score": 14
+    },
+    {
+      "id": 10009,
+      "username": "user-9",
+      "sex": "女",
+      "city": "城市-9",
+      "sign": "签名-9",
+      "experience": 484,
+      "logins": 25,
+      "wealth": 86801934,
+      "classify": "词人",
+      "score": 75
+    }
+  ]
+}

static/api/tableSelect.json

@@ -0,0 +1,23 @@
+{
+    "code": 0,
+    "msg": "",
+    "count": 16,
+    "data": [
+        { "id":"001", "username":"张玉林", "sex":"女" },
+        { "id":"002", "username":"刘晓军", "sex":"男" },
+        { "id":"003", "username":"张恒", "sex":"男" },
+        { "id":"004", "username":"朱一", "sex":"男" },
+        { "id":"005", "username":"刘佳能", "sex":"女" },
+        { "id":"006", "username":"晓梅", "sex":"女" },
+        { "id":"007", "username":"马冬梅", "sex":"女" },
+        { "id":"008", "username":"刘晓庆", "sex":"女" },
+        { "id":"009", "username":"刘晓庆", "sex":"女" },
+        { "id":"010", "username":"刘晓庆", "sex":"女" },
+        { "id":"011", "username":"刘晓庆", "sex":"女" },
+        { "id":"012", "username":"刘晓庆", "sex":"女" },
+        { "id":"013", "username":"刘晓庆", "sex":"女" },
+        { "id":"014", "username":"刘晓庆", "sex":"女" },
+        { "id":"015", "username":"刘晓庆", "sex":"女" },
+        { "id":"016", "username":"刘晓庆", "sex":"女" }
+    ]
+}

static/api/upload.json

@@ -0,0 +1,10 @@
+{
+  "code": 1,
+  "msg": "上传成功",
+  "data": {
+    "url": [
+      "../images/logo.png",
+      "../images/captcha.jpg"
+    ]
+  }
+}

static/css/Datacages_Homeindex.css

@@ -0,0 +1,521 @@
+/*全局控制栏*/
+body {
+    background-color: #020712;
+    margin: 0;
+    font-family: "Microsoft YaHei";
+    font-weight: lighter;
+    background-image: url("../img/Homebodybg.png");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-position-y: -120px;
+}
+
+a {
+    text-decoration: none;
+    color: white;
+}
+
+.l_left {
+    float: left
+}
+
+.clear {
+    clear: both
+}
+
+img {
+    border: none
+}
+
+/*标题*/
+.Hometitlebox {
+    width: 686px;
+    height: 69px;
+    margin: auto;
+    background-image: url("../img/Hometitlebg.png");
+    background-repeat: no-repeat;
+    background-position: center;
+    text-align: center;
+    font-weight: bold;
+    font-size: 18px;
+    line-height: 69px;
+}
+
+/*动效栏*/
+.flasheffectoutbox {
+    width: 1000px;
+    height: 500px;
+    margin: auto;
+    margin-top: 100px;
+    background-image: url("../img/chain_bg.png");
+    background-repeat: no-repeat;
+    background-position: center;
+    position: relative
+}
+
+.circleeffectclass {
+    border-radius: 50%;
+    border: rgba(0, 168, 255, 0.6) 1px solid;
+    cursor: pointer;
+    position: absolute;
+}
+
+.effectposition {
+    position: absolute;
+}
+
+.acrossremindeffectout {
+    background-color: rgba(0, 126, 255, 0.05);
+    border-radius: 50%;
+}
+
+.acrossremindeffectoutho {
+    background-color: rgba(0, 126, 255, 0.15);
+}
+
+.acrossremindeffectin {
+    background-color: rgba(0, 126, 255, 0.3);
+    border-radius: 50%;
+    margin: auto;
+}
+
+.acrossremindeffectinho {
+    background-color: rgba(0, 126, 255, 0.45);
+}
+
+.stagetitle {
+    color: #00e4ff;
+    top: 104px;
+    font-size: 14px;
+    font-family: "Microsoft YaHei";
+    font-weight: lighter;
+    display: block;
+    width: 116px;
+    text-align: center;
+    position: absolute;
+    left: -10%;
+}
+
+.stagearoundtitle {
+    left: -25%;
+    top: 85px;
+}
+
+.line {
+    position: absolute;
+    transform-origin: left;
+    animation-iteration-count: infinite
+}
+
+.line2 {
+    z-index: 1;
+    left: 330px;
+    top: 183px;
+    width: 0;
+    height: 3px;
+    transform: rotate(21deg);
+    animation: mm2 4s;
+    animation-delay: 2s;
+    animation-iteration-count: infinite;
+    background-image: url("../img/linght_ef.png");
+    background-repeat: no-repeat;
+    background-position: 100%;
+}
+
+.line3 {
+    z-index: 1;
+    left: 262px;
+    top: 351px;
+    width: 0;
+    height: 3px;
+    transform: rotate(-25deg);
+    animation: mm 5s;
+    animation-delay: 4s;
+    animation-iteration-count: infinite;
+    background-image: url("../img/linght_ef.png");
+    background-repeat: no-repeat;
+    background-position: 100%;
+}
+
+.line4 {
+    z-index: 1;
+    left: 638px;
+    top: 141px;
+    width: 0;
+    height: 3px;
+    transform: rotate(-211deg);
+    animation: mm4 3s;
+    animation-delay: 3s;
+    animation-iteration-count: infinite;
+    background-image: url("../img/linght_ef.png");
+    background-repeat: no-repeat;
+    background-position: 100%;
+}
+
+.line5 {
+    z-index: 1;
+    left: 679px;
+    top: 289px;
+    width: 0;
+    height: 3px;
+    transform: rotate(-172deg);
+    animation: mm5 5s;
+    animation-delay: 1s;
+    animation-iteration-count: infinite;
+    background-image: url("../img/linght_ef.png");
+    background-repeat: no-repeat;
+    background-position: 100%;
+}
+
+.line6 {
+    z-index: 1;
+    left: 537px;
+    top: 373px;
+    width: 0;
+    height: 3px;
+    transform: rotate(-116deg);
+    animation: mm6 4s;
+    animation-delay: 0s;
+    animation-iteration-count: infinite;
+    background-image: url("../img/linght_ef.png");
+    background-repeat: no-repeat;
+    background-position: 100%;
+}
+
+@keyframes mm {
+    0% {
+        width: 0
+    }
+
+    100% {
+        width: 194px
+    }
+}
+
+@keyframes mm2 {
+    0% {
+        width: 0
+    }
+
+    100% {
+        width: 113px
+    }
+}
+
+@keyframes mm4 {
+    0% {
+        width: 0
+    }
+
+    100% {
+        width: 140px
+    }
+}
+
+@keyframes mm5 {
+    0% {
+        width: 0
+    }
+
+    100% {
+        width: 158px
+    }
+}
+
+@keyframes mm6 {
+    0% {
+        width: 0
+    }
+
+    100% {
+        width: 94px
+    }
+}
+
+/*主动效*/
+.maineffectoutbox {
+    border: rgba(0, 168, 255, 0.6) 3px solid;
+    width: 94px;
+    height: 94px;
+    top: 194px;
+    left: 430px;
+}
+
+.maindataeffect {
+    animation: scrolleffect 6.5s infinite linear;
+}
+
+.maindataspecialeffectct {
+    animation: maindataspecialeffect 0.6s forwards;
+}
+
+@keyframes scrolleffect {
+    0% {
+        transfrom: rotate(0deg);
+    }
+
+    25% {
+        transform: rotate(90deg);
+    }
+
+    50% {
+        transform: rotate(180deg);
+    }
+
+    75% {
+        transform: rotate(270deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes maindataspecialeffect {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/*卫星动效*/
+.aroundfunctioneffect {
+    width: 76px;
+    height: 76px;
+}
+
+.acrossremindeffectoutard {
+    width: 60px;
+    height: 60px;
+    margin: 8px;
+}
+
+.acrossremindeffectinard {
+    width: 54px;
+    height: 54px;
+    margin: 3px;
+}
+
+.arounddataeffect01 {
+    animation: scrolleffectarround01 linear infinite 4s forwards;
+}
+
+.arounddataeffect02 {
+    animation: scrolleffectarround01 linear infinite 3.8s forwards;
+}
+
+.arounddataeffect03 {
+    animation: scrolleffectarround01 linear infinite 4.2s forwards;
+}
+
+@keyframes scrolleffectarround01 {
+    0% {
+        transfrom: rotate(0deg);
+    }
+
+    25% {
+        transform: rotate(-90deg);
+    }
+
+    50% {
+        transform: rotate(-180deg);
+    }
+
+    75% {
+        transform: rotate(-270deg);
+    }
+
+    100% {
+        transform: rotate(-360deg);
+    }
+}
+
+/*修饰卫星*/
+.decarround01 {
+    width: 37px;
+    height: 37px;
+    cursor: auto;
+}
+
+.decarroundin01 {
+    width: 33px;
+    height: 33px;
+    margin: 2px;
+    background-color: rgba(0, 126, 255, 0.8);
+}
+
+.decarroundin01:hover {
+    background-color: rgba(0, 126, 255, 0.9);
+}
+
+.decarround02 {
+    width: 27px;
+    height: 27px;
+    cursor: auto;
+}
+
+.decarroundin02 {
+    width: 23px;
+    height: 23px;
+    margin: 2px;
+    background-color: rgba(0, 126, 255, 0.7);
+}
+
+.decarroundin02:hover {
+    background-color: rgba(0, 126, 255, 0.8);
+}
+
+/*悬浮信息*/
+.fltoutbox {
+    width: 282px;
+    position: absolute;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-position-y: 0px;
+}
+
+.leftbox {
+    left: 2%;
+    top: 6%;
+    background-image: url("../img/fltleftbg.png");
+}
+
+.rightbox {
+    right: 2%;
+    top: 6%;
+    background-image: url("../img/fltrightbg.png");
+}
+
+.analyzedatashowtitle {
+    line-height: 44px;
+    color: #dfdede;
+    font-size: 14px;
+    margin-left: 16px;
+    display: block;
+    font-weight: bold
+}
+
+.analyzemsgbgbox {
+    background-color: rgba(0, 168, 255, 0.2);
+    width: 280px;
+    height: 260px;
+    position: relative;
+}
+
+.fltdecarround {
+    width: 8px;
+    height: 8px;
+    position: absolute;
+}
+
+.fltdecarroundtop {
+    top: -1px;
+    border-top: #00a8ff 3px solid;
+}
+
+.fltdecarroundright {
+    right: -1px;
+    border-right: #00a8ff 3px solid;
+}
+
+.fltdecarroundbottom {
+    bottom: -1px;
+    border-bottom: #00a8ff 3px solid;
+}
+
+.fltdecarroundleft {
+    left: -1px;
+    border-left: #00a8ff 3px solid;
+}
+
+/*弹出信息*/
+.analyzepopupbox {
+    width: 1000px;
+    height: 680px;
+    background-color: rgba(0, 8, 12, 0.75);
+    position: fixed;
+    top: 100px;
+    overflow-y: scroll;
+}
+
+.popupboxtitlebox {
+    height: 30px;
+    width: 1000px;
+    background-color: #64a6d4;
+    position: fixed;
+    top: 100px;
+    z-index: 100;
+}
+
+.popupboxtitlemsg {
+    font-size: 16px;
+    color: white;
+    font-weight: bold;
+    line-height: 30px;
+    margin-left: 10px;
+}
+
+.popupboxclose {
+    width: 16px;
+    height: 16px;
+    background-image: url("../img/popupboxclosebtn01.png");
+    float: right;
+    margin-right: 9px;
+    margin-top: 6px;
+    cursor: pointer;
+}
+
+.popupboxclose:hover {
+    background-image: url("../img/popupboxclosebtn02.png");
+}
+
+.popupboxmsgoutbox {
+    height: 314px;
+    width: 980px;
+    margin: auto;
+    border-bottom: #00b6cc 2px solid;
+}
+
+.popupboxmsgboxhlf {
+    padding-top: 20px;
+    float: left;
+    width: 479px;
+    margin-left: 10px;
+}
+
+.popupboxmsgboxcrs {
+    padding-top: 20px;
+}
+
+.popupboxmsgtitle {
+    font-size: 14px;
+    font-weight: bold;
+    color: #00e4ff;
+}
+
+.popupboxdata {
+    color: #fffc00;
+}
+
+.popuofunxtionbox {
+    width: 1000px;
+    margin: auto;
+    position: relative;
+    display: none;
+}
+
+/*版权*/
+.copyrigntoutbox {
+    position: absolute;
+    bottom: 10px;
+    left: 37%;
+}
+
+.copyrigntmsg {
+    display: block;
+    color: white;
+    font-size: 12px;
+}

static/css/ProgressBarWars.css

@@ -0,0 +1,149 @@
+.barControl {
+    margin: 0 auto;
+}
+
+.barContro_space {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #ffaa00 solid;
+}
+
+.barContro_space1 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #00d8ff solid;
+}
+
+.barContro_space2 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #56a4ff solid;
+}
+
+.barContro_space3 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #56ff6a solid;
+}
+
+.barContro_space4 {
+    padding: 1px;
+    border-radius: 13px;
+    border: 1px #ffea00 solid;
+}
+
+.barContro_space5 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #40e315 solid;
+}
+
+.barContro_space6 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #15e3ac solid;
+}
+
+.barContro_space7 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #1f9cff solid;
+}
+
+.barContro_space8 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #c97802 solid;
+}
+
+.barContro_space9 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #72ff00 solid;
+}
+
+.barContro_space10 {
+    padding: 1px;
+    border-radius: 5px;
+    border: 1px #ef4503 solid;
+}
+
+.vader {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #ffaa00;
+}
+
+.vader1 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #00d8ff;
+}
+
+.vader2 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #56a4ff;
+}
+
+.vader3 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #56ff6a;
+}
+
+.vader4 {
+    border-radius: 13px;
+    display: block;
+    width: 0%;
+    background-color: #ffea00;
+}
+
+.vader5 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #40e315;
+}
+
+.vader6 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #15e3ac;
+}
+
+.vader7 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #1f9cff;
+}
+
+.vader8 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #c97802;
+}
+
+.vader9 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #72ff00;
+}
+
+.vader10 {
+    border-radius: 4px;
+    display: block;
+    width: 0%;
+    background-color: #ef4503;
+}
+
+/*.vader1{border-radius: 2px;display: block;width: 0%;box-shadow:0px 0px 10px 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #FD4275, 0 0 1px #FD4275;background-color: #aeff00;}*/
+/*.vader2{border-radius: 2px;display: block;width: 0%;box-shadow:0px 0px 10px 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #aeff00, 0 0 1px #FD4275, 0 0 1px #FD4275;background-color: #aeff00;}*/

static/css/layuimini.css

@@ -0,0 +1,927 @@
+/**
+配色方案（如有需要，请自行配置）
+ */
+/**头部-配色*/
+.layui-layout-admin .layui-header {
+    background-color: #1aa094 !important;
+}
+
+.layui-header > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
+    background-color: #197971 !important;
+}
+
+.layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
+    background-color: #197971 !important;
+}
+
+/**logo-配色*/
+.layui-layout-admin .layuimini-logo {
+    background-color: #243346 !important;
+}
+
+/**左侧-配色*/
+.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul {
+    background-color: #2f4056 !important;
+}
+
+.layuimini-menu-left .layui-nav .layui-nav-child a:hover:not(.layui-this) {
+    background-color: #3b3f4b;
+}
+
+/**左侧菜单选中-配色*/
+.layui-layout-admin .layui-nav-tree .layui-this, .layui-layout-admin .layui-nav-tree .layui-this > a, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this, .layui-layout-admin .layui-nav-tree .layui-nav-child dd.layui-this a {
+    background-color: #1aa094 !important;
+}
+
+
+/**头部样式 */
+.layui-layout-admin .header {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.layuimini-header-menu, .layui-header {
+    height: 60px !important;
+}
+
+.layuimini-header-menu > .layui-nav-item {
+    color: #1b1d21;
+    height: 60px !important;
+    line-height: 60px !important;
+}
+
+.layui-header > .layui-layout-right > .layui-nav-item {
+    height: 60px !important;
+    line-height: 60px !important;
+}
+
+.layui-layout-left {
+    left: 295px !important;
+}
+
+.layui-nav.layui-layout-left.layuimini-header-menu.layuimini-pc-show {
+    font-weight: bold;
+    transition: all .2s;
+}
+
+
+/**logo演示（通用） */
+.layui-layout-admin .layuimini-logo {
+    font-weight: bold;
+    color: #ffffff !important;
+    height: 60px !important;
+    line-height: 60px !important;
+    overflow: hidden;
+    line-height: 64px;
+    transition: all .2s !important;
+}
+
+.layui-layout-admin .layuimini-logo img {
+    display: inline-block;
+    height: 40px;
+    vertical-align: middle;
+}
+
+.layui-layout-admin .layuimini-logo h1 {
+    display: inline-block;
+    margin: 0 0 0 12px;
+    color: #ffffff;
+    font-weight: 600;
+    font-size: 20px;
+    font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+    vertical-align: middle;
+}
+
+/**缩放工具（通用） */
+.layuimini-tool {
+    position: absolute !important;
+    top: 0;
+    left: 235px;
+    width: 60px;
+    height: 100%;
+    line-height: 60px;
+    text-align: center;
+    color: #ffffff !important;
+    transition: all .2s;
+}
+
+/**缩放工具（缩放） */
+.layuimini-tool i {
+    display: block;
+    color: #bbe3df;
+    width: 32px;
+    height: 32px;
+    line-height: 32px;
+    border-radius: 3px;
+    text-align: center;
+    margin-top: 15px;
+    cursor: pointer;
+}
+
+/**tab选项卡 */
+.layuimini-tab {
+    margin: 0px;
+    overflow: hidden;
+    height: 100% !important;
+}
+
+.layuimini-tab .layui-tab-content {
+    height: calc(100% - 37px) !important;
+}
+
+.layuimini-tab .layui-tab-content .layui-tab-item {
+    height: 100%;
+}
+
+.layuimini-tab .layui-tab-content {
+    padding: 0px;
+}
+
+.layuimini-tab .layui-tab-title {
+    border: none;
+    border: 1px solid whitesmoke;
+    background-color: white;
+}
+
+.layuimini-tab .layui-tab-title li {
+    border-right: 1px solid whitesmoke;
+    color: dimgray;
+}
+
+.layuimini-tab .layui-tab-title .layui-tab-bar {
+    display: none;
+}
+
+.layuimini-tab .layui-tab-title .layui-this:after {
+    display: none;
+}
+
+.layuimini-tab .layui-tab-title .layuimini-tab-active {
+    display: inline-block;
+    background-color: lightgray;
+    width: 9px;
+    height: 9px;
+    border-radius: 30px;
+    margin-right: 5px;
+}
+
+.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
+    background-color: #1aa094;
+}
+
+.layuimini-tab > .layui-tab-title, .layuimini-tab > .close-box {
+    height: 35px !important;
+}
+
+.layuimini-tab > .layui-tab-title li, .layuimini-tab > .close-box li {
+    line-height: 35px !important;
+}
+
+.layuimini-tab .layui-tab-title span {
+    color: #acafb1;
+}
+
+.layuimini-tab .layui-tab-title .layui-this span {
+    color: dimgray;
+}
+
+.layuimini-tab .layui-tab-title .layui-tab-close {
+    font-size: 12px !important;
+    width: 14px !important;
+    height: 14px !important;
+    line-height: 16px !important;
+}
+
+.layuimini-tab .layui-tab-title .layui-tab-close:hover {
+    border-radius: 4em;
+    background: #ff5722;
+}
+
+.layuimini-tab .layui-tab-title .disable-close + .layui-tab-close {
+    display: none;
+}
+
+.layuimini-tab .layui-tab-title .able-close + .layui-tab-close {
+    display: inline-block;
+}
+
+.layuimini-tab .layui-tab-control > li {
+    position: absolute;
+    top: 0px;
+    height: 35px;
+    line-height: 35px;
+    width: 35px;
+    text-align: center;
+    background-color: white;
+    border-top: whitesmoke 1px solid;
+    border-bottom: whitesmoke 1px solid;
+}
+
+.layuimini-tab .layuimini-tab-roll-left {
+    left: 0px;
+    border-right: whitesmoke 1px solid;
+    border-left: whitesmoke 1px solid;
+}
+
+.layuimini-tab .layuimini-tab-roll-right {
+    right: 35px;
+    border-left: 1px solid whitesmoke;
+}
+
+.layuimini-tab .layui-tab-tool {
+    right: 0px;
+    border-left: 1px solid whitesmoke;
+}
+
+.layuimini-tab .layui-tab-control .layui-tab-tool,
+.layuimini-tab .layui-tab-control .layuimini-tab-roll-left,
+.layuimini-tab .layui-tab-control .layuimini-tab-roll-right {
+    display: none;
+}
+
+.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-left,
+.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
+    display: block;
+}
+
+.layuimini-tab.layui-tab-roll .layui-tab-control .layuimini-tab-roll-right {
+    right: 0px;
+    border-right: 1px solid whitesmoke;
+}
+
+.layuimini-tab.layui-tab-roll .layui-tab-title {
+    padding-left: 35px;
+    padding-right: 35px;
+}
+
+
+.layuimini-tab.layui-tab-tool .layui-tab-control .layui-tab-tool {
+    display: block;
+}
+
+.layuimini-tab.layui-tab-tool .layui-tab-title {
+    padding-left: 0px;
+    padding-right: 35px;
+}
+
+
+.layuimini-tab.layui-tab-rollTool .layui-tab-title {
+    padding-left: 35px;
+    padding-right: 80px;
+}
+
+.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-left,
+.layuimini-tab.layui-tab-rollTool .layui-tab-control .layuimini-tab-roll-right,
+.layuimini-tab.layui-tab-rollTool .layui-tab-control .layui-tab-tool {
+    display: block;
+}
+
+.layuimini-tab .layui-tab-tool .layui-nav {
+    position: absolute;
+    height: 43px !important;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    background: 0 0;
+}
+
+.layuimini-tab .layui-tab-tool .layui-nav-item {
+    height: 35px;
+}
+
+.layuimini-tab .layui-tab-tool .layui-nav-bar {
+    display: none;
+}
+
+.layuimini-tab .layui-tab-tool .layui-nav-child {
+    left: auto;
+    top: 45px;
+    right: 3px;
+    width: 120px;
+    border: 1px solid whitesmoke;
+}
+
+.layuimini-tab .layui-tab-tool .layui-this a {
+    background-color: #009688;
+}
+
+.layuimini-tab-loading {
+    position: absolute;
+    display: none;
+    width: 100%;
+    height: calc(100% - 37px);
+    top: 37px;
+    z-index: 19;
+    background-color: #fff
+}
+
+.layuimini-tab-loading.close {
+    animation: close 1s;
+    -webkit-animation: close 1s;
+    animation-fill-mode: forwards;
+}
+
+/**左侧菜单栏 (通用) */
+.layui-side.layui-bg-black {
+    transition: all .2s;
+}
+
+.layui-side.layui-bg-black > .layuimini-menu-left > ul {
+    transition: all .2s;
+}
+
+.layui-side.layui-bg-black > .layuimini-menu-left > ul > .layui-nav-item:first-child {
+    border-top: 1px solid #4b5461;
+}
+
+.layuimini-menu-left .layui-nav .layui-nav-item a {
+    height: 40px;
+    line-height: 40px;
+    padding-right: 30px;
+}
+
+.layuimini-menu-left .layui-nav .layui-nav-item > a {
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child {
+    background: 0 0 !important
+}
+
+.layuimini-menu-left .layui-nav .layui-nav-more {
+    right: 15px;
+}
+
+.layuimini-menu-left .layui-nav .layui-nav-item a:hover {
+    background-color: transparent !important;
+}
+
+.layuimini-menu-left .layui-nav {
+    background-color: transparent !important;
+}
+
+
+/**左侧菜单栏 (正常) */
+.layui-layout-body .layui-nav-itemed .layui-nav-child a, .layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child a {
+    padding-left: 35px;
+}
+
+.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
+    padding-left: 45px;
+}
+
+.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child a {
+    padding-left: 55px;
+}
+
+.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
+    padding-left: 65px;
+}
+
+.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-itemed > .layui-nav-child {
+    padding: 5px 0;
+}
+
+/**内容主体（通用） */
+.layui-layout-admin .layui-body {
+    overflow: hidden;
+    bottom: 0px !important;
+    top: 60px !important;
+    transition: all .2s;
+}
+
+/**选择配色方案 */
+.layuimini-color .color-title {
+    padding: 10px 0 10px 20px;
+    border-bottom: 1px solid #d9dada;
+    margin-bottom: 8px;
+}
+
+.layuimini-color .color-content {
+    padding: 10px 5px 0 5px;
+}
+
+.layuimini-color .color-content ul {
+    list-style: none;
+    text-align: center;
+}
+
+.layuimini-color .color-content ul li {
+    position: relative;
+    display: inline-block;
+    vertical-align: top;
+    width: 80px;
+    height: 50px;
+    margin: 0 15px 15px 0;
+    padding: 2px 2px 4px 2px;
+    background-color: #f2f2f2;
+    cursor: pointer;
+    font-size: 12px;
+    color: #666;
+}
+
+.layuimini-color .color-content li.layui-this:after, .layuimini-color .color-content li:hover:after {
+    width: 100%;
+    height: 100%;
+    padding: 4px;
+    top: -5px;
+    left: -5px;
+    border-color: #d8d8d8;
+    opacity: 1;
+}
+
+.layuimini-color .color-content li:after {
+    content: '';
+    position: absolute;
+    z-index: 20;
+    top: 50%;
+    left: 50%;
+    width: 1px;
+    height: 0;
+    border: 1px solid #f2f2f2;
+    transition: all .3s;
+    -webkit-transition: all .3s;
+    opacity: 0;
+}
+
+
+/**其它 */
+.layui-tab-item {
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.layui-nav-item.layui-this {
+    background-color: #1b1d21;
+}
+
+.layui-width-height {
+    width: 100%;
+    height: 95%;
+}
+
+.layui-tab {
+    margin: 0 0 0 0;
+    z-index: 99999;
+}
+
+.text-center {
+    height: 30px !important;
+    line-height: 30px !important;
+    text-align: center !important;
+}
+
+.layui-nav {
+    padding: 0 !important;
+}
+
+.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
+    width: 0 !important;
+    height: 0 !important;
+}
+
+.layui-layout-admin .layui-side {
+    top: 60px !important;
+}
+
+.layui-tab-card {
+    box-shadow: 0px 0px 0px #888888;
+    border-bottom: 0;
+}
+
+
+/**自定义滚动条样式 */
+::-webkit-scrollbar {
+    display: none
+}
+
+
+/*移动端遮罩层*/
+.layuimini-make {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    z-index: 1000;
+    background: rgba(0, 0, 0, .5);
+    display: none;
+}
+
+.layuimini-mini .layui-header {
+    z-index: 1001;
+}
+
+/**初始化加载层*/
+.layuimini-loader {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #ffffff;
+    z-index: 999999;
+}
+
+.layuimini-loader .layuimini-loader-inner {
+    display: block;
+    position: relative;
+    left: 50%;
+    top: 50%;
+    width: 150px;
+    height: 150px;
+    margin: -75px 0 0 -75px;
+    border-radius: 50%;
+    border: 3px solid transparent;
+    border-top-color: #1E9FFF;
+    animation: spin 2s linear infinite;
+}
+
+.layuimini-loader .layuimini-loader-inner:before {
+    content: "";
+    position: absolute;
+    top: 5px;
+    left: 5px;
+    right: 5px;
+    bottom: 5px;
+    border-radius: 50%;
+    border: 3px solid transparent;
+    border-top-color: #1E9FFF;
+    animation: spin 3s linear infinite;
+}
+
+.layuimini-loader .layuimini-loader-inner:after {
+    content: "";
+    position: absolute;
+    top: 15px;
+    left: 15px;
+    right: 15px;
+    bottom: 15px;
+    border-radius: 50%;
+    border: 3px solid transparent;
+    border-top-color: #1E9FFF;
+    animation: spin 1.5s linear infinite;
+}
+
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(1turn);
+    }
+}
+
+/*系统设置*/
+
+.layuimini-color .layui-word-aux {
+    position: absolute;
+    left: 60px;
+    top: 12px;
+    font-size: 12px;
+}
+
+.layuimini-color .layui-input-block {
+    margin-left: 15px;
+    min-height: 36px;
+}
+
+.layuimini-color .more-menu-list {
+    width: 100%;
+    margin-top: 30px;
+}
+
+
+.layuimini-color .more-menu-item:first-child {
+    border-top: 1px solid #e8e8e8;
+}
+
+.layuimini-color .more-menu-item .layui-icon {
+    font-size: 18px;
+    padding-right: 10px;
+}
+
+.layuimini-color .more-menu-item {
+    color: #595959;
+    height: 50px;
+    line-height: 50px;
+    font-size: 16px;
+    padding: 0 25px;
+    border-bottom: 1px solid #e8e8e8;
+    font-style: normal;
+    display: block;
+}
+
+.layuimini-color .more-menu-item:hover {
+    background-color: whitesmoke;
+}
+
+.layuimini-color .more-menu-item:after {
+    color: #8c8c8c;
+    right: 16px;
+    content: "\e602";
+    position: absolute;
+    font-family: layui-icon !important;
+}
+
+/**
+鼠标右键
+ */
+.layuimini-tab-mousedown {
+    display: none;
+    width: 80px;
+    position: absolute;
+    top: 0px !important;
+    left: 0px !important;
+}
+
+.layuimini-tab-mousedown dd a {
+    padding: 0 15px;
+    color: #484545;
+}
+
+.layuimini-tab-make{
+    position: absolute;
+    top: 36px;
+    bottom: 0px;
+    width: 100%;
+    background: rgb(255, 255, 255,0);
+    padding: 0px;
+    overflow: hidden;
+}
+
+/**
+菜单缩放
+ */
+.popup-tips .layui-layer-TipsG{
+    display: none;
+}
+.popup-tips.layui-layer-tips .layui-layer-content{
+    padding: 0;
+}
+.popup-tips .layui-nav-tree{
+    width: 150px;
+    border-radius: 10px;
+}
+
+/**左侧菜单字体间距*/
+.layuimini-menu-left .layui-nav-item a span {
+    letter-spacing: 1px;
+}
+
+/**头部菜单字体间距*/
+.layui-layout-admin .layui-header .layuimini-header-menu.layuimini-pc-show,.layui-layout-admin .layui-header .layuimini-header-menu.layuimini-mobile-show {
+    letter-spacing: 1px;
+}
+
+
+/**左侧菜单更多下拉样式*/
+.layuimini-menu-left .layui-nav-more,.layuimini-menu-left-zoom .layui-nav-more {
+    font-family: layui-icon !important;
+    font-size: 12px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    overflow: hidden;
+    width: auto;
+    height: auto;
+    line-height: normal;
+    border: none;
+    display: inline-block;
+    margin-top: -6px !important;
+}
+
+.layuimini-menu-left .layui-nav-child .layui-nav-more {
+    margin-top: -6px !important;
+}
+
+.layuimini-menu-left .layui-nav .layui-nav-mored,.layuimini-menu-left .layui-nav-itemed>a .layui-nav-more{
+    margin-top: -9px!important;
+}
+
+.layuimini-menu-left-zoom.layui-nav .layui-nav-mored,.layuimini-menu-left-zoom.layui-nav-itemed>a .layui-nav-more{
+    margin-top: -9px!important;
+}
+
+.layuimini-menu-left .layui-nav-more:before,.layuimini-menu-left-zoom .layui-nav-more:before {
+    content: "\e61a";
+}
+.layuimini-menu-left .layui-nav-itemed > a > .layui-nav-more,.layuimini-menu-left-zoom .layui-nav-itemed > a > .layui-nav-more {
+    transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    -o-transform: rotate(180deg);
+    width: 12px;
+    text-align: center;
+    border-style:none;
+}
+
+.layuimini-menu-left .layui-nav-itemed > a > .layui-nav-more:before,.layuimini-menu-left-zoom .layui-nav-itemed > a > .layui-nav-more:before {
+    content: '\e61a';
+    background-color: transparent;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+/**修复左侧菜单字体不对齐的问题*/
+.layuimini-menu-left .layui-nav-item a .fa,.layuimini-menu-left .layui-nav-item a .layui-icon{
+    width: 20px;
+}
+
+
+/**
+ PC版样式
+ */
+@media screen and (min-width: 1025px) {
+    /**头部样式（缩放） */
+    .layuimini-mini .layui-layout-left.layuimini-header-menu.layuimini-pc-show {
+        left: 155px !important;
+    }
+
+    /**logo演示（缩放） */
+    .layuimini-mini .layui-layout-admin .layuimini-logo {
+        width: 60px !important;
+    }
+
+    .layuimini-mini .layui-layout-admin .layuimini-logo h1 {
+        display: none;
+    }
+
+    /**左侧菜单栏（缩放） */
+    .layuimini-mini .layuimini-menu-left {
+        width: 80px !important;
+    }
+
+    .layuimini-mini .layui-side.layui-bg-black, .layuimini-mini .layuimini-menu-left > ul, .layuimini-mini .layuimini-menu-left > ul li i {
+        width: 60px !important;
+    }
+
+    .layuimini-mini .layuimini-menu-left > ul li span:first-child {
+        display: none;
+    }
+
+    .layuimini-mini .layuimini-menu-left > ul li span:last-child {
+        float: right;
+        right: 7px;
+    }
+
+    .layuimini-mini .layuimini-menu-left .layui-nav .layui-nav-item a {
+        height: 40px;
+        line-height: 40px;
+        padding-right: 0px !important;
+    }
+
+    /**内容主体（缩放） */
+    .layuimini-mini .layui-layout-admin .layui-body {
+        left: 60px !important;
+    }
+
+    .layuimini-mini .layuimini-tool {
+        left: 95px !important;
+    }
+
+    .layuimini-pc-show{
+        display: block;
+    }
+    .layuimini-mobile-show{
+        display: none;
+    }
+
+    /**菜单缩放*/
+    .layuimini-mini .layuimini-menu-left .layui-nav-more,.layuimini-mini .layuimini-menu-left .layui-nav-child{
+        display: none;!important;
+    }
+}
+
+/**
+ 手机自适应样式
+*/
+@media screen and (max-width: 1024px) {
+
+    /**
+    todo 修复低版本IOS不能滑动问题, 但还是有问题, 低版本IOS部分情况下子页面无法自适应
+     */
+    .layuimini-tab .layui-tab-content .layui-tab-item {
+        -webkit-overflow-scrolling: touch;
+        overflow: scroll;
+        width: 100%;
+        height: 100%;
+    }
+
+    .layuimini-tab .layui-tab-content .layui-tab-item iframe {
+        height: 100%;
+        width: 100%;
+    }
+
+    .layuimini-pc-show{
+        display: none;
+    }
+    .layuimini-mobile-show{
+        display: block;
+    }
+    .layuimini-header-content {
+        left: 0;
+    }
+
+    .layui-layout-admin .layui-body .layui-tab-item.layui-show {
+        border-top: 1px solid #e2e2e2;
+    }
+
+    .layuimini-all .layui-layout-left.layuimini-header-menu {
+        left: 15px !important
+    }
+
+    .layuimini-mini .layui-layout-left.layuimini-header-menu {
+        left: 205px !important
+    }
+
+    .layui-layout-admin .layui-nav.layui-layout-right > li:not(.layuimini-setting) {
+        width: 40px !important;
+    }
+
+    .layui-layout-admin .layui-nav.layui-layout-right > li:not(.layuimini-setting) a {
+        padding: 0 15px;
+    }
+
+    .layuimini-all .layui-layout-admin .layui-body {
+        left: 0px !important;
+    }
+
+    .layuimini-mini .layui-layout-admin .layuimini-menu-left, .layuimini-mini .layui-header .layuimini-logo {
+        left: 0;
+        transition: left .2s;
+        z-index: 1001 !important;
+    }
+
+    .layuimini-all .layui-layout-admin .layuimini-menu-left, .layuimini-all .layui-header .layuimini-logo {
+        left: -200px;
+        transition: left .2s;
+        top: 0;
+        z-index: 1002;
+    }
+
+    .layuimini-mini .layui-layout-admin .layui-body {
+        left: 0!important;
+        transition: left .2s;
+        top: 0;
+        z-index: 998;
+    }
+
+    .layuimini-mini .layuimini-make {
+        display: block;
+    }
+
+    .layuimini-multi-module .layuimini-header-content .layuimini-tool {
+        display: none;
+    }
+
+    .layuimini-single-module .layuimini-header-content .layuimini-tool {
+        left: 15px;
+    }
+
+    .layuimini-mini .layuimini-site-mobile {
+        display: none !important;
+    }
+
+    .layuimini-site-mobile {
+        display: block !important;
+        position: fixed;
+        z-index: 100000;
+        bottom: 15px;
+        left: 15px;
+        width: 40px;
+        height: 40px;
+        line-height: 40px;
+        border-radius: 2px;
+        text-align: center;
+        background-color: rgba(0, 0, 0, .7);
+        color: #fff;
+    }
+
+    .layuimini-header-content {
+        z-index: 997;
+    }
+
+    /*修复UC之类的浏览器点击无效*/
+    .layuimini-make {
+        cursor: pointer;
+    }
+
+    .layuimini-site-mobile {
+        cursor: pointer;
+    }
+}
+
+@media screen and (max-width: 550px){
+
+    /**头部右侧数据*/
+    .layuimini-multi-module.layuimini-mini .layuimini-header-content .layui-layout-right {
+        display: none;
+    }
+}

static/css/public.css

@@ -0,0 +1,70 @@
+body {
+    margin: 15px 15px 15px 15px;
+    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;
+}
+
+/**搜索框*/
+.layuimini-container .table-search-fieldset {
+    margin: 0;
+    border: 1px solid #e6e6e6;
+    padding: 10px 20px 5px 20px;
+    color: #6b6b6b;
+}
+
+/**自定义滚动条样式 */
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px
+}
+
+::-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
+}

static/css/themes/default.css

@@ -0,0 +1,95 @@
+/*头部右侧背景色 headerRightBg */
+.layui-layout-admin .layui-header {
+    background-color: #ffffff !important;
+}
+
+/*头部右侧选中背景色 headerRightBgThis */
+.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
+    background-color: #e4e4e4 !important;
+}
+
+/*头部右侧字体颜色 headerRightColor */
+.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
+    color: rgba(107, 107, 107, 0.7);
+}
+
+/**头部右侧下拉字体颜色 headerRightChildColor */
+.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
+    color: rgba(107, 107, 107, 0.7) !important;
+}
+
+/*头部右侧鼠标选中 headerRightColorThis */
+.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
+    color: #565656 !important;
+}
+
+/*头部右侧更多下拉颜色 headerRightNavMore */
+.layui-header .layui-nav .layui-nav-more {
+    border-top-color: rgba(160, 160, 160, 0.7) !important;
+}
+
+/*头部右侧更多下拉颜色 headerRightNavMore */
+.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {
+    border-color: transparent transparent rgba(160, 160, 160, 0.7) !important;
+}
+
+/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */
+.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
+    background-color: #1E9FFF !important;
+    color: #ffffff !important;
+}
+
+/*头部缩放按钮样式 headerRightToolColor */
+.layui-layout-admin .layui-header .layuimini-tool i {
+    color: #565656;
+}
+
+/*logo背景颜色 headerLogoBg */
+.layui-layout-admin .layuimini-logo {
+    background-color: #192027 !important;
+}
+
+/*logo字体颜色 headerLogoColor */
+.layui-layout-admin .layuimini-logo h1 {
+    color: rgb(191, 187, 187);
+}
+
+/*左侧菜单更多下拉样式 leftMenuNavMore */
+.layuimini-menu-left .layui-nav .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-more {
+    border-top-color: rgb(191, 187, 187);
+}
+
+/*左侧菜单更多下拉样式 leftMenuNavMore */
+.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {
+    border-color: transparent transparent rgb(191, 187, 187) !important;
+}
+
+/*左侧菜单背景 leftMenuBg */
+.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul {
+    background-color: #28333E !important;
+}
+
+/*左侧菜单选中背景 leftMenuBgThis */
+.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
+    background-color: #1E9FFF !important
+}
+
+/*左侧菜单子菜单背景 leftMenuChildBg */
+.layuimini-menu-left .layui-nav-itemed > .layui-nav-child {
+    background-color: #0c0f13 !important;
+}
+
+/*左侧菜单字体颜色 leftMenuColor */
+.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
+    color: rgb(191, 187, 187) !important;
+}
+
+/*左侧菜单选中字体颜色 leftMenuColorThis */
+.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {
+    color: #ffffff !important;
+}
+
+/**tab选项卡选中颜色 tabActiveColor */
+.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
+    background-color: #1e9fff;
+}

static/js/ProgressBarWars.js

@@ -0,0 +1,422 @@
+$.fn.extend({
+    ProgressBarWars: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 6px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars1: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space1"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars2: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space2"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars3: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space3"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars4: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space4"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars5: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space5"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars6: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space6"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars7: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space7"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars8: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space8"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars9: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space9"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+$.fn.extend({
+    ProgressBarWars10: function(a) {
+        var b = this;
+        var e = $(b).attr("id");
+        var d = Date.now();
+        var c = "";
+        defaults = {
+            porcentaje: "100",
+            tiempo: 1000,
+            color: "",
+            estilo: "yoda",
+            tamanio: "30%",
+            alto: "6px"
+        };
+        var a = $.extend({}, defaults, a);
+        if (a.color != "") {
+            c = "<style>.color" + d + "{ border-radius: 2px;display: block; width: 0%; box-shadow:0px 0px 10px 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ", 0 0 1px " + a.color + ";background-color: #fff;}</style>";
+            a.estilo = "color" + d
+        }
+        $(b).before(c);
+        if (a.flag) {
+            $(b).append('<span class="barControl" style="width:' + a.tamanio + ';"><div class="barContro_space10"><span class="' + a.estilo + '" style="height: ' + a.alto + ';"  id="bar' + e + '"></span></div></span>')
+        }
+        $("#bar" + e).animate({
+            width: a.porcentaje + "%"
+        }, a.tiempo);
+        this.mover = function(f) {
+            $("#bar" + $(this).attr("id")).animate({
+                width: f + "%"
+            }, a.tiempo)
+        };
+        return this
+    }
+});
+(function(a) {
+    a.fn.extend({
+        Scroll: function(k, g) {
+            if (!k) {
+                var k = {}
+            }
+            var c = a("#" + k.up);
+            var b = a("#" + k.down);
+            var n;
+            var d = this.eq(0).find("ul:first");
+            var j = d.find("li:first").height(),
+                h = k.line ? parseInt(k.line, 10) : parseInt(this.height() / j, 10),
+                m = k.speed ? parseInt(k.speed, 10) : 500;
+            timer = k.timer;
+            if (h == 0) {
+                h = 1
+            }
+            var o = 0 - h * j;
+            var l = function() {
+                c.unbind("click", l);
+                d.animate({
+                    marginTop: o
+                }, m, function() {
+                    for (i = 1; i <= h; i++) {
+                        d.find("li:first").appendTo(d)
+                    }
+                    d.css({
+                        marginTop: 0
+                    });
+                    c.bind("click", l)
+                })
+            };
+            var e = function() {
+                if (timer) {
+                    n = window.setInterval(l, timer)
+                }
+            };
+            var f = function() {
+                if (timer) {
+                    window.clearInterval(n)
+                }
+            };
+            d.hover(f, e).mouseout();
+            c.css("cursor", "pointer").click(l).hover(f, e);
+            b.css("cursor", "pointer").click(scrollDown).hover(f, e)
+        }
+    })
+})(jQuery);

static/js/lay-config.js

@@ -0,0 +1,30 @@
+/**
+ * date:2019/08/16
+ * author:Mr.Chung
+ * description:此处放layui自定义扩展
+ * version:2.0.4
+ */
+
+window.rootPath = (function (src) {
+    src = document.scripts[document.scripts.length - 1].src;
+    return src.substring(0, src.lastIndexOf("/") + 1);
+})();
+
+layui.config({
+    base: rootPath + "lay-module/",
+    version: true
+}).extend({
+    miniAdmin: "layuimini/miniAdmin", // layuimini后台扩展
+    miniMenu: "layuimini/miniMenu", // layuimini菜单扩展
+    miniTab: "layuimini/miniTab", // layuimini tab扩展
+    miniTheme: "layuimini/miniTheme", // layuimini 主题扩展
+    miniTongji: "layuimini/miniTongji", // layuimini 统计扩展
+    step: 'step-lay/step', // 分步表单扩展
+    treetable: 'treetable-lay/treetable', //table树形扩展
+    tableSelect: 'tableSelect/tableSelect', // table选择扩展
+    iconPickerFa: 'iconPicker/iconPickerFa', // fa图标选择扩展
+    echarts: 'echarts/echarts', // echarts图表扩展
+    echartsTheme: 'echarts/echartsTheme', // echarts图表主题扩展
+    wangEditor: 'wangEditor/wangEditor', // wangEditor富文本扩展
+    layarea: 'layarea/layarea', //  省市县区三级联动下拉选择器
+});

static/js/lay-module/echarts/echartsTheme.js

@@ -0,0 +1,492 @@
+layui.define(function(exports) {
+    exports('echartsTheme',
+        {
+            "color": [
+                "#3fb1e3",
+                "#6be6c1",
+                "#626c91",
+                "#a0a7e6",
+                "#c4ebad",
+                "#96dee8"
+            ],
+            "backgroundColor": "rgba(252,252,252,0)",
+            "textStyle": {},
+            "title": {
+                "textStyle": {
+                    "color": "#666666"
+                },
+                "subtextStyle": {
+                    "color": "#999999"
+                }
+            },
+            "line": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": "3"
+                    }
+                },
+                "lineStyle": {
+                    "normal": {
+                        "width": "4"
+                    }
+                },
+                "symbolSize": "10",
+                "symbol": "emptyCircle",
+                "smooth": true
+            },
+            "radar": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": "3"
+                    }
+                },
+                "lineStyle": {
+                    "normal": {
+                        "width": "4"
+                    }
+                },
+                "symbolSize": "10",
+                "symbol": "emptyCircle",
+                "smooth": true
+            },
+            "bar": {
+                "itemStyle": {
+                    "normal": {
+                        "barBorderWidth": 0,
+                        "barBorderColor": "#ccc"
+                    },
+                    "emphasis": {
+                        "barBorderWidth": 0,
+                        "barBorderColor": "#ccc"
+                    }
+                }
+            },
+            "pie": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    },
+                    "emphasis": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    }
+                }
+            },
+            "scatter": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    },
+                    "emphasis": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    }
+                }
+            },
+            "boxplot": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    },
+                    "emphasis": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    }
+                }
+            },
+            "parallel": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    },
+                    "emphasis": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    }
+                }
+            },
+            "sankey": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    },
+                    "emphasis": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    }
+                }
+            },
+            "funnel": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    },
+                    "emphasis": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    }
+                }
+            },
+            "gauge": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    },
+                    "emphasis": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    }
+                }
+            },
+            "candlestick": {
+                "itemStyle": {
+                    "normal": {
+                        "color": "#e6a0d2",
+                        "color0": "transparent",
+                        "borderColor": "#e6a0d2",
+                        "borderColor0": "#3fb1e3",
+                        "borderWidth": "2"
+                    }
+                }
+            },
+            "graph": {
+                "itemStyle": {
+                    "normal": {
+                        "borderWidth": 0,
+                        "borderColor": "#ccc"
+                    }
+                },
+                "lineStyle": {
+                    "normal": {
+                        "width": "1",
+                        "color": "#cccccc"
+                    }
+                },
+                "symbolSize": "10",
+                "symbol": "emptyCircle",
+                "smooth": true,
+                "color": [
+                    "#3fb1e3",
+                    "#6be6c1",
+                    "#626c91",
+                    "#a0a7e6",
+                    "#c4ebad",
+                    "#96dee8"
+                ],
+                "label": {
+                    "normal": {
+                        "textStyle": {
+                            "color": "#ffffff"
+                        }
+                    }
+                }
+            },
+            "map": {
+                "itemStyle": {
+                    "normal": {
+                        "areaColor": "#eeeeee",
+                        "borderColor": "#aaaaaa",
+                        "borderWidth": 0.5
+                    },
+                    "emphasis": {
+                        "areaColor": "rgba(63,177,227,0.25)",
+                        "borderColor": "#3fb1e3",
+                        "borderWidth": 1
+                    }
+                },
+                "label": {
+                    "normal": {
+                        "textStyle": {
+                            "color": "#ffffff"
+                        }
+                    },
+                    "emphasis": {
+                        "textStyle": {
+                            "color": "rgb(63,177,227)"
+                        }
+                    }
+                }
+            },
+            "geo": {
+                "itemStyle": {
+                    "normal": {
+                        "areaColor": "#eeeeee",
+                        "borderColor": "#aaaaaa",
+                        "borderWidth": 0.5
+                    },
+                    "emphasis": {
+                        "areaColor": "rgba(63,177,227,0.25)",
+                        "borderColor": "#3fb1e3",
+                        "borderWidth": 1
+                    }
+                },
+                "label": {
+                    "normal": {
+                        "textStyle": {
+                            "color": "#ffffff"
+                        }
+                    },
+                    "emphasis": {
+                        "textStyle": {
+                            "color": "rgb(63,177,227)"
+                        }
+                    }
+                }
+            },
+            "categoryAxis": {
+                "axisLine": {
+                    "show": true,
+                    "lineStyle": {
+                        "color": "#cccccc"
+                    }
+                },
+                "axisTick": {
+                    "show": false,
+                    "lineStyle": {
+                        "color": "#333"
+                    }
+                },
+                "axisLabel": {
+                    "show": true,
+                    "textStyle": {
+                        "color": "#999999"
+                    }
+                },
+                "splitLine": {
+                    "show": true,
+                    "lineStyle": {
+                        "color": [
+                            "#eeeeee"
+                        ]
+                    }
+                },
+                "splitArea": {
+                    "show": false,
+                    "areaStyle": {
+                        "color": [
+                            "rgba(250,250,250,0.05)",
+                            "rgba(200,200,200,0.02)"
+                        ]
+                    }
+                }
+            },
+            "valueAxis": {
+                "axisLine": {
+                    "show": true,
+                    "lineStyle": {
+                        "color": "#cccccc"
+                    }
+                },
+                "axisTick": {
+                    "show": false,
+                    "lineStyle": {
+                        "color": "#333"
+                    }
+                },
+                "axisLabel": {
+                    "show": true,
+                    "textStyle": {
+                        "color": "#999999"
+                    }
+                },
+                "splitLine": {
+                    "show": true,
+                    "lineStyle": {
+                        "color": [
+                            "#eeeeee"
+                        ]
+                    }
+                },
+                "splitArea": {
+                    "show": false,
+                    "areaStyle": {
+                        "color": [
+                            "rgba(250,250,250,0.05)",
+                            "rgba(200,200,200,0.02)"
+                        ]
+                    }
+                }
+            },
+            "logAxis": {
+                "axisLine": {
+                    "show": true,
+                    "lineStyle": {
+                        "color": "#cccccc"
+                    }
+                },
+                "axisTick": {
+                    "show": false,
+                    "lineStyle": {
+                        "color": "#333"
+                    }
+                },
+                "axisLabel": {
+                    "show": true,
+                    "textStyle": {
+                        "color": "#999999"
+                    }
+                },
+                "splitLine": {
+                    "show": true,
+                    "lineStyle": {
+                        "color": [
+                            "#eeeeee"
+                        ]
+                    }
+                },
+                "splitArea": {
+                    "show": false,
+                    "areaStyle": {
+                        "color": [
+                            "rgba(250,250,250,0.05)",
+                            "rgba(200,200,200,0.02)"
+                        ]
+                    }
+                }
+            },
+            "timeAxis": {
+                "axisLine": {
+                    "show": true,
+                    "lineStyle": {
+                        "color": "#cccccc"
+                    }
+                },
+                "axisTick": {
+                    "show": false,
+                    "lineStyle": {
+                        "color": "#333"
+                    }
+                },
+                "axisLabel": {
+                    "show": true,
+                    "textStyle": {
+                        "color": "#999999"
+                    }
+                },
+                "splitLine": {
+                    "show": true,
+                    "lineStyle": {
+                        "color": [
+                            "#eeeeee"
+                        ]
+                    }
+                },
+                "splitArea": {
+                    "show": false,
+                    "areaStyle": {
+                        "color": [
+                            "rgba(250,250,250,0.05)",
+                            "rgba(200,200,200,0.02)"
+                        ]
+                    }
+                }
+            },
+            "toolbox": {
+                "iconStyle": {
+                    "normal": {
+                        "borderColor": "#999999"
+                    },
+                    "emphasis": {
+                        "borderColor": "#666666"
+                    }
+                }
+            },
+            "legend": {
+                "textStyle": {
+                    "color": "#999999"
+                }
+            },
+            "tooltip": {
+                "axisPointer": {
+                    "lineStyle": {
+                        "color": "#cccccc",
+                        "width": 1
+                    },
+                    "crossStyle": {
+                        "color": "#cccccc",
+                        "width": 1
+                    }
+                }
+            },
+            "timeline": {
+                "lineStyle": {
+                    "color": "#626c91",
+                    "width": 1
+                },
+                "itemStyle": {
+                    "normal": {
+                        "color": "#626c91",
+                        "borderWidth": 1
+                    },
+                    "emphasis": {
+                        "color": "#626c91"
+                    }
+                },
+                "controlStyle": {
+                    "normal": {
+                        "color": "#626c91",
+                        "borderColor": "#626c91",
+                        "borderWidth": 0.5
+                    },
+                    "emphasis": {
+                        "color": "#626c91",
+                        "borderColor": "#626c91",
+                        "borderWidth": 0.5
+                    }
+                },
+                "checkpointStyle": {
+                    "color": "#3fb1e3",
+                    "borderColor": "rgba(63,177,227,0.15)"
+                },
+                "label": {
+                    "normal": {
+                        "textStyle": {
+                            "color": "#626c91"
+                        }
+                    },
+                    "emphasis": {
+                        "textStyle": {
+                            "color": "#626c91"
+                        }
+                    }
+                }
+            },
+            "visualMap": {
+                "color": [
+                    "#2a99c9",
+                    "#afe8ff"
+                ]
+            },
+            "dataZoom": {
+                "backgroundColor": "rgba(255,255,255,0)",
+                "dataBackgroundColor": "rgba(222,222,222,1)",
+                "fillerColor": "rgba(114,230,212,0.25)",
+                "handleColor": "#cccccc",
+                "handleSize": "100%",
+                "textStyle": {
+                    "color": "#999999"
+                }
+            },
+            "markPoint": {
+                "label": {
+                    "normal": {
+                        "textStyle": {
+                            "color": "#ffffff"
+                        }
+                    },
+                    "emphasis": {
+                        "textStyle": {
+                            "color": "#ffffff"
+                        }
+                    }
+                }
+            }
+        });
+});

static/js/lay-module/iconPicker/iconPickerFa.js

@@ -0,0 +1,399 @@
+/**
+ * fa图标选择器 根据开源项目https://gitee.com/wujiawei0926/iconpicker修改而来
+ * @author wujiawei0926@yeah.net chung@99php.cn
+ * @version 1.1
+ */
+
+layui.define(['laypage', 'form'], function (exports) {
+    "use strict";
+
+    var IconPicker = function () {
+            this.v = '1.1';
+        }, _MOD = 'iconPickerFa',
+        _this = this,
+        $ = layui.jquery,
+        laypage = layui.laypage,
+        form = layui.form,
+        BODY = 'body',
+        TIPS = '请选择图标';
+
+    /**
+     * 渲染组件
+     */
+    IconPicker.prototype.render = function (options) {
+        var opts = options,
+            // DOM选择器
+            elem = opts.elem,
+            // 数据类型：fontClass/unicode
+            url = opts.url,
+            // 是否分页：true/false
+            page = opts.page == null ? true : opts.page,
+            // 每页显示数量
+            limit = opts.limit == null ? 12 : opts.limit,
+            // 是否开启搜索：true/false
+            search = opts.search == null ? true : opts.search,
+            // 每个图标格子的宽度：'43px'或'20%'
+            cellWidth = opts.cellWidth,
+            // 点击回调
+            click = opts.click,
+            // 渲染成功后的回调
+            success = opts.success,
+            // json数据
+            data = {},
+            // 唯一标识
+            tmp = new Date().getTime(),
+            // 初始化时input的值
+            ORIGINAL_ELEM_VALUE = $(elem).val(),
+            TITLE = 'layui-select-title',
+            TITLE_ID = 'layui-select-title-' + tmp,
+            ICON_BODY = 'layui-iconpicker-' + tmp,
+            PICKER_BODY = 'layui-iconpicker-body-' + tmp,
+            PAGE_ID = 'layui-iconpicker-page-' + tmp,
+            LIST_BOX = 'layui-iconpicker-list-box',
+            selected = 'layui-form-selected',
+            unselect = 'layui-unselect';
+
+        var a = {
+            init: function () {
+                data = common.getData(url);
+
+                a.hideElem().createSelect().createBody().toggleSelect();
+                a.preventEvent().inputListen();
+                common.loadCss();
+
+                if (success) {
+                    success(this.successHandle());
+                }
+
+                return a;
+            },
+            successHandle: function () {
+                var d = {
+                    options: opts,
+                    data: data,
+                    id: tmp,
+                    elem: $('#' + ICON_BODY)
+                };
+                return d;
+            },
+            /**
+             * 隐藏elem
+             */
+            hideElem: function () {
+                $(elem).hide();
+                return a;
+            },
+            /**
+             * 绘制select下拉选择框
+             */
+            createSelect: function () {
+                var oriIcon = '<i class="fa">';
+
+                // 默认图标
+                if (ORIGINAL_ELEM_VALUE === '') {
+                    ORIGINAL_ELEM_VALUE = 'fa-adjust';
+
+                }
+
+
+                oriIcon = '<i class="fa ' + ORIGINAL_ELEM_VALUE + '">';
+
+                oriIcon += '</i>';
+
+                var selectHtml = '<div class="layui-iconpicker layui-unselect layui-form-select" id="' + ICON_BODY + '">' +
+                    '<div class="' + TITLE + '" id="' + TITLE_ID + '">' +
+                    '<div class="layui-iconpicker-item">' +
+                    '<span class="layui-iconpicker-icon layui-unselect">' +
+                    oriIcon +
+                    '</span>' +
+                    '<i class="layui-edge"></i>' +
+                    '</div>' +
+                    '</div>' +
+                    '<div class="layui-anim layui-anim-upbit" style="">' +
+                    '123' +
+                    '</div>';
+                $(elem).after(selectHtml);
+                return a;
+            },
+            /**
+             * 展开/折叠下拉框
+             */
+            toggleSelect: function () {
+                var item = '#' + TITLE_ID + ' .layui-iconpicker-item,#' + TITLE_ID + ' .layui-iconpicker-item .layui-edge';
+                a.event('click', item, function (e) {
+                    var $icon = $('#' + ICON_BODY);
+                    if ($icon.hasClass(selected)) {
+                        $icon.removeClass(selected).addClass(unselect);
+                    } else {
+                        // 隐藏其他picker
+                        $('.layui-form-select').removeClass(selected);
+                        // 显示当前picker
+                        $icon.addClass(selected).removeClass(unselect);
+                    }
+                    e.stopPropagation();
+                });
+                return a;
+            },
+            /**
+             * 绘制主体部分
+             */
+            createBody: function () {
+                // 获取数据
+                var searchHtml = '';
+
+                if (search) {
+                    searchHtml = '<div class="layui-iconpicker-search">' +
+                        '<input class="layui-input">' +
+                        '<i class="layui-icon">&#xe615;</i>' +
+                        '</div>';
+                }
+
+                // 组合dom
+                var bodyHtml = '<div class="layui-iconpicker-body" id="' + PICKER_BODY + '">' +
+                    searchHtml +
+                    '<div class="' + LIST_BOX + '"></div> ' +
+                    '</div>';
+                $('#' + ICON_BODY).find('.layui-anim').eq(0).html(bodyHtml);
+                a.search().createList().check().page();
+
+                return a;
+            },
+            /**
+             * 绘制图标列表
+             * @param text 模糊查询关键字
+             * @returns {string}
+             */
+            createList: function (text) {
+                var d = data,
+                    l = d.length,
+                    pageHtml = '',
+                    listHtml = $('<div class="layui-iconpicker-list">')//'<div class="layui-iconpicker-list">';
+
+                // 计算分页数据
+                var _limit = limit, // 每页显示数量
+                    _pages = l % _limit === 0 ? l / _limit : parseInt(l / _limit + 1), // 总计多少页
+                    _id = PAGE_ID;
+
+                // 图标列表
+                var icons = [];
+
+                for (var i = 0; i < l; i++) {
+                    var obj = d[i];
+
+                    // 判断是否模糊查询
+                    if (text && obj.indexOf(text) === -1) {
+                        continue;
+                    }
+
+                    // 是否自定义格子宽度
+                    var style = '';
+                    if (cellWidth !== null) {
+                        style += ' style="width:' + cellWidth + '"';
+                    }
+
+                    // 每个图标dom
+                    var icon = '<div class="layui-iconpicker-icon-item" title="' + obj + '" ' + style + '>';
+
+                    icon += '<i class="fa ' + obj + '"></i>';
+
+                    icon += '</div>';
+
+                    icons.push(icon);
+                }
+
+                // 查询出图标后再分页
+                l = icons.length;
+                _pages = l % _limit === 0 ? l / _limit : parseInt(l / _limit + 1);
+                for (var i = 0; i < _pages; i++) {
+                    // 按limit分块
+                    var lm = $('<div class="layui-iconpicker-icon-limit" id="layui-iconpicker-icon-limit-' + tmp + (i + 1) + '">');
+
+                    for (var j = i * _limit; j < (i + 1) * _limit && j < l; j++) {
+                        lm.append(icons[j]);
+                    }
+
+                    listHtml.append(lm);
+                }
+
+                // 无数据
+                if (l === 0) {
+                    listHtml.append('<p class="layui-iconpicker-tips">无数据</p>');
+                }
+
+                // 判断是否分页
+                if (page) {
+                    $('#' + PICKER_BODY).addClass('layui-iconpicker-body-page');
+                    pageHtml = '<div class="layui-iconpicker-page" id="' + PAGE_ID + '">' +
+                        '<div class="layui-iconpicker-page-count">' +
+                        '<span id="' + PAGE_ID + '-current">1</span>/' +
+                        '<span id="' + PAGE_ID + '-pages">' + _pages + '</span>' +
+                        ' (<span id="' + PAGE_ID + '-length">' + l + '</span>)' +
+                        '</div>' +
+                        '<div class="layui-iconpicker-page-operate">' +
+                        '<i class="layui-icon" id="' + PAGE_ID + '-prev" data-index="0" prev>&#xe603;</i> ' +
+                        '<i class="layui-icon" id="' + PAGE_ID + '-next" data-index="2" next>&#xe602;</i> ' +
+                        '</div>' +
+                        '</div>';
+                }
+
+
+                $('#' + ICON_BODY).find('.layui-anim').find('.' + LIST_BOX).html('').append(listHtml).append(pageHtml);
+                return a;
+            },
+            // 阻止Layui的一些默认事件
+            preventEvent: function () {
+                var item = '#' + ICON_BODY + ' .layui-anim';
+                a.event('click', item, function (e) {
+                    e.stopPropagation();
+                });
+                return a;
+            },
+            // 分页
+            page: function () {
+                var icon = '#' + PAGE_ID + ' .layui-iconpicker-page-operate .layui-icon';
+
+                $(icon).unbind('click');
+                a.event('click', icon, function (e) {
+                    var elem = e.currentTarget,
+                        total = parseInt($('#' + PAGE_ID + '-pages').html()),
+                        isPrev = $(elem).attr('prev') !== undefined,
+                        // 按钮上标的页码
+                        index = parseInt($(elem).attr('data-index')),
+                        $cur = $('#' + PAGE_ID + '-current'),
+                        // 点击时正在显示的页码
+                        current = parseInt($cur.html());
+
+                    // 分页数据
+                    if (isPrev && current > 1) {
+                        current = current - 1;
+                        $(icon + '[prev]').attr('data-index', current);
+                    } else if (!isPrev && current < total) {
+                        current = current + 1;
+                        $(icon + '[next]').attr('data-index', current);
+                    }
+                    $cur.html(current);
+
+                    // 图标数据
+                    $('#' + ICON_BODY + ' .layui-iconpicker-icon-limit').hide();
+                    $('#layui-iconpicker-icon-limit-' + tmp + current).show();
+                    e.stopPropagation();
+                });
+                return a;
+            },
+            /**
+             * 搜索
+             */
+            search: function () {
+                var item = '#' + PICKER_BODY + ' .layui-iconpicker-search .layui-input';
+                a.event('input propertychange', item, function (e) {
+                    var elem = e.target,
+                        t = $(elem).val();
+                    a.createList(t);
+                });
+                return a;
+            },
+            /**
+             * 点击选中图标
+             */
+            check: function () {
+                var item = '#' + PICKER_BODY + ' .layui-iconpicker-icon-item';
+                a.event('click', item, function (e) {
+                    var el = $(e.currentTarget).find('.fa'),
+                        icon = '';
+
+                    var clsArr = el.attr('class').split(/[\s\n]/),
+                        cls = clsArr[1],
+                        icon = cls;
+                    $('#' + TITLE_ID).find('.layui-iconpicker-item .fa').html('').attr('class', clsArr.join(' '));
+
+
+                    $('#' + ICON_BODY).removeClass(selected).addClass(unselect);
+                    $(elem).val(icon).attr('value', icon);
+                    // 回调
+                    if (click) {
+                        click({
+                            icon: icon
+                        });
+                    }
+
+                });
+                return a;
+            },
+            // 监听原始input数值改变
+            inputListen: function () {
+                var el = $(elem);
+                a.event('change', elem, function () {
+                    var value = el.val();
+                })
+                // el.change(function(){
+
+                // });
+                return a;
+            },
+            event: function (evt, el, fn) {
+                $(BODY).on(evt, el, fn);
+            }
+        };
+
+        var common = {
+            /**
+             * 加载样式表
+             */
+            loadCss: function () {
+                var css = '.layui-iconpicker {max-width: 280px;}.layui-iconpicker .layui-anim{display:none;position:absolute;left:0;top:42px;padding:5px 0;z-index:899;min-width:100%;border:1px solid #d2d2d2;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);box-sizing:border-box;}.layui-iconpicker-item{border:1px solid #e6e6e6;width:90px;height:38px;border-radius:4px;cursor:pointer;position:relative;}.layui-iconpicker-icon{border-right:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:60px;height:100%;float:left;text-align:center;background:#fff;transition:all .3s;}.layui-iconpicker-icon i{line-height:38px;font-size:18px;}.layui-iconpicker-item > .layui-edge{left:70px;}.layui-iconpicker-item:hover{border-color:#D2D2D2!important;}.layui-iconpicker-item:hover .layui-iconpicker-icon{border-color:#D2D2D2!important;}.layui-iconpicker.layui-form-selected .layui-anim{display:block;}.layui-iconpicker-body{padding:6px;}.layui-iconpicker .layui-iconpicker-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;}.layui-iconpicker .layui-iconpicker-icon-item{display:inline-block;width:21.1%;line-height:36px;text-align:center;cursor:pointer;vertical-align:top;height:36px;margin:4px;border:1px solid #ddd;border-radius:2px;transition:300ms;}.layui-iconpicker .layui-iconpicker-icon-item i.layui-icon{font-size:17px;}.layui-iconpicker .layui-iconpicker-icon-item:hover{background-color:#eee;border-color:#ccc;-webkit-box-shadow:0 0 2px #aaa,0 0 2px #fff inset;-moz-box-shadow:0 0 2px #aaa,0 0 2px #fff inset;box-shadow:0 0 2px #aaa,0 0 2px #fff inset;text-shadow:0 0 1px #fff;}.layui-iconpicker-search{position:relative;margin:0 0 6px 0;border:1px solid #e6e6e6;border-radius:2px;transition:300ms;}.layui-iconpicker-search:hover{border-color:#D2D2D2!important;}.layui-iconpicker-search .layui-input{cursor:text;display:inline-block;width:86%;border:none;padding-right:0;margin-top:1px;}.layui-iconpicker-search .layui-icon{position:absolute;top:11px;right:4%;}.layui-iconpicker-tips{text-align:center;padding:8px 0;cursor:not-allowed;}.layui-iconpicker-page{margin-top:6px;margin-bottom:-6px;font-size:12px;padding:0 2px;}.layui-iconpicker-page-count{display:inline-block;}.layui-iconpicker-page-operate{display:inline-block;float:right;cursor:default;}.layui-iconpicker-page-operate .layui-icon{font-size:12px;cursor:pointer;}.layui-iconpicker-body-page .layui-iconpicker-icon-limit{display:none;}.layui-iconpicker-body-page .layui-iconpicker-icon-limit:first-child{display:block;}';
+                var $style = $('head').find('style[iconpicker]');
+                if ($style.length === 0) {
+                    $('head').append('<style rel="stylesheet" iconpicker>' + css + '</style>');
+                }
+            },
+
+            /**
+             * 获取数据
+             */
+            getData: function (url) {
+                var iconlist = [];
+                $.ajax({
+                    url: url,
+                    type: 'get',
+                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+                    async: false,
+                    success: function (ret) {
+                        var exp = /fa-var-(.*):/ig;
+                        var result;
+                        while ((result = exp.exec(ret)) != null) {
+                            iconlist.push('fa-' + result[1]);
+                        }
+                    },
+                    error: function (xhr, textstatus, thrown) {
+                        layer.msg('fa图标接口有误');
+                    }
+                });
+                return iconlist;
+            }
+        };
+
+        a.init();
+        return new IconPicker();
+    };
+
+    /**
+     * 选中图标
+     * @param filter lay-filter
+     * @param iconName 图标名称，自动识别fontClass/unicode
+     */
+    IconPicker.prototype.checkIcon = function (filter, iconName) {
+        var el = $('*[lay-filter=' + filter + ']'),
+            p = el.next().find('.layui-iconpicker-item .fa'),
+            c = iconName;
+
+        if (c.indexOf('#xe') > 0) {
+            p.html(c);
+        } else {
+            p.html('').attr('class', 'fa ' + c);
+        }
+        el.attr('value', c).val(c);
+    };
+
+    var iconPicker = new IconPicker();
+    exports(_MOD, iconPicker);
+});

static/js/lay-module/layuimini/miniAdmin.js

@@ -0,0 +1,350 @@
+/**
+ * date:2020/02/27
+ * author:Mr.Chung
+ * version:2.0
+ * description:layuimini 主体框架扩展
+ */
+layui.define(["jquery", "miniMenu", "element","miniTab", "miniTheme"], function (exports) {
+    var $ = layui.$,
+        layer = layui.layer,
+        miniMenu = layui.miniMenu,
+        miniTheme = layui.miniTheme,
+        element = layui.element ,
+        miniTab = layui.miniTab;
+
+    if (!/http(s*):\/\//.test(location.href)) {
+        var tips = "请先将项目部署至web容器（Apache/Tomcat/Nginx/IIS/等），否则部分数据将无法显示";
+        return layer.alert(tips);
+    }
+
+    var miniAdmin = {
+
+        /**
+         * 后台框架初始化
+         * @param options.iniUrl   后台初始化接口地址
+         * @param options.clearUrl   后台清理缓存接口
+         * @param options.urlHashLocation URL地址hash定位
+         * @param options.bgColorDefault 默认皮肤
+         * @param options.multiModule 是否开启多模块
+         * @param options.menuChildOpen 是否展开子菜单
+         * @param options.loadingTime 初始化加载时间
+         * @param options.pageAnim iframe窗口动画
+         * @param options.maxTabNum 最大的tab打开数量
+         */
+        render: function (options) {
+            options.iniUrl = options.iniUrl || null;
+            options.clearUrl = options.clearUrl || null;
+            options.urlHashLocation = options.urlHashLocation || false;
+            options.bgColorDefault = options.bgColorDefault || 0;
+            options.multiModule = options.multiModule || false;
+            options.menuChildOpen = options.menuChildOpen || false;
+            options.loadingTime = options.loadingTime || 1;
+            options.pageAnim = options.pageAnim || false;
+            options.maxTabNum = options.maxTabNum || 20;
+            $.getJSON(options.iniUrl, function (data) {
+                if (data == null) {
+                    miniAdmin.error('暂无菜单信息')
+                } else {
+                    miniAdmin.renderLogo(data.logoInfo);
+                    miniAdmin.renderClear(options.clearUrl);
+                    miniAdmin.renderHome(data.homeInfo);
+                    miniAdmin.renderAnim(options.pageAnim);
+                    miniAdmin.listen();
+                    miniMenu.render({
+                        menuList: data.menuInfo,
+                        multiModule: options.multiModule,
+                        menuChildOpen: options.menuChildOpen
+                    });
+                    miniTab.render({
+                        filter: 'layuiminiTab',
+                        urlHashLocation: options.urlHashLocation,
+                        multiModule: options.multiModule,
+                        menuChildOpen: options.menuChildOpen,
+                        maxTabNum: options.maxTabNum,
+                        menuList: data.menuInfo,
+                        homeInfo: data.homeInfo,
+                        listenSwichCallback: function () {
+                            miniAdmin.renderDevice();
+                        }
+                    });
+                    miniTheme.render({
+                        bgColorDefault: options.bgColorDefault,
+                        listen: true,
+                    });
+                    miniAdmin.deleteLoader(options.loadingTime);
+                }
+            }).fail(function () {
+                miniAdmin.error('菜单接口有误');
+            });
+        },
+
+        /**
+         * 初始化logo
+         * @param data
+         */
+        renderLogo: function (data) {
+            var html = '<a href="' + data.href + '"><img src="' + data.image + '" alt="logo"><h1>' + data.title + '</h1></a>';
+            $('.layuimini-logo').html(html);
+        },
+
+        /**
+         * 初始化首页
+         * @param data
+         */
+        renderHome: function (data) {
+            sessionStorage.setItem('layuiminiHomeHref', data.href);
+            $('#layuiminiHomeTabId').html('<span class="layuimini-tab-active"></span><span class="disable-close">' + data.title + '</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>');
+            $('#layuiminiHomeTabId').attr('lay-id', data.href);
+            $('#layuiminiHomeTabIframe').html('<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0"  src="' + data.href + '"></iframe>');
+        },
+
+        /**
+         * 初始化缓存地址
+         * @param clearUrl
+         */
+        renderClear: function (clearUrl) {
+            $('.layuimini-clear').attr('data-href',clearUrl);
+        },
+
+        /**
+         * 初始化iframe窗口动画
+         * @param anim
+         */
+        renderAnim: function (anim) {
+            if (anim) {
+                $('#layuimini-bg-color').after('<style id="layuimini-page-anim">' +
+                    '.layui-tab-item.layui-show {animation:moveTop 1s;-webkit-animation:moveTop 1s;animation-fill-mode:both;-webkit-animation-fill-mode:both;position:relative;height:100%;-webkit-overflow-scrolling:touch;}\n' +
+                    '@keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}\n' +
+                    '    100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}\n' +
+                    '}\n' +
+                    '@-o-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}\n' +
+                    '    100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}\n' +
+                    '}\n' +
+                    '@-moz-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}\n' +
+                    '    100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}\n' +
+                    '}\n' +
+                    '@-webkit-keyframes moveTop {0% {opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}\n' +
+                    '    100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}\n' +
+                    '}' +
+                    '</style>');
+            }
+        },
+
+        fullScreen: function () {
+            var el = document.documentElement;
+            var rfs = el.requestFullScreen || el.webkitRequestFullScreen;
+            if (typeof rfs != "undefined" && rfs) {
+                rfs.call(el);
+            } else if (typeof window.ActiveXObject != "undefined") {
+                var wscript = new ActiveXObject("WScript.Shell");
+                if (wscript != null) {
+                    wscript.SendKeys("{F11}");
+                }
+            } else if (el.msRequestFullscreen) {
+                el.msRequestFullscreen();
+            } else if (el.oRequestFullscreen) {
+                el.oRequestFullscreen();
+            } else if (el.webkitRequestFullscreen) {
+                el.webkitRequestFullscreen();
+            } else if (el.mozRequestFullScreen) {
+                el.mozRequestFullScreen();
+            } else {
+                miniAdmin.error('浏览器不支持全屏调用！');
+            }
+        },
+
+        /**
+         * 退出全屏
+         */
+        exitFullScreen: function () {
+            var el = document;
+            var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.exitFullScreen;
+            if (typeof cfs != "undefined" && cfs) {
+                cfs.call(el);
+            } else if (typeof window.ActiveXObject != "undefined") {
+                var wscript = new ActiveXObject("WScript.Shell");
+                if (wscript != null) {
+                    wscript.SendKeys("{F11}");
+                }
+            } else if (el.msExitFullscreen) {
+                el.msExitFullscreen();
+            } else if (el.oRequestFullscreen) {
+                el.oCancelFullScreen();
+            }else if (el.mozCancelFullScreen) {
+                el.mozCancelFullScreen();
+            } else if (el.webkitCancelFullScreen) {
+                el.webkitCancelFullScreen();
+            } else {
+                miniAdmin.error('浏览器不支持全屏调用！');
+            }
+        },
+
+        /**
+         * 初始化设备端
+         */
+        renderDevice: function () {
+            if (miniAdmin.checkMobile()) {
+                $('.layuimini-tool i').attr('data-side-fold', 1);
+                $('.layuimini-tool i').attr('class', 'fa fa-outdent');
+                $('.layui-layout-body').removeClass('layuimini-mini');
+                $('.layui-layout-body').addClass('layuimini-all');
+            }
+        },
+
+
+        /**
+         * 初始化加载时间
+         * @param loadingTime
+         */
+        deleteLoader: function (loadingTime) {
+            setTimeout(function () {
+                $('.layuimini-loader').fadeOut();
+            }, loadingTime * 1000)
+        },
+
+        /**
+         * 成功
+         * @param title
+         * @returns {*}
+         */
+        success: function (title) {
+            return layer.msg(title, {icon: 1, shade: this.shade, scrollbar: false, time: 2000, shadeClose: true});
+        },
+
+        /**
+         * 失败
+         * @param title
+         * @returns {*}
+         */
+        error: function (title) {
+            return layer.msg(title, {icon: 2, shade: this.shade, scrollbar: false, time: 3000, shadeClose: true});
+        },
+
+        /**
+         * 判断是否为手机
+         * @returns {boolean}
+         */
+        checkMobile: function () {
+            var ua = navigator.userAgent.toLocaleLowerCase();
+            var pf = navigator.platform.toLocaleLowerCase();
+            var isAndroid = (/android/i).test(ua) || ((/iPhone|iPod|iPad/i).test(ua) && (/linux/i).test(pf))
+                || (/ucweb.*linux/i.test(ua));
+            var isIOS = (/iPhone|iPod|iPad/i).test(ua) && !isAndroid;
+            var isWinPhone = (/Windows Phone|ZuneWP7/i).test(ua);
+            var clientWidth = document.documentElement.clientWidth;
+            if (!isAndroid && !isIOS && !isWinPhone && clientWidth > 1024) {
+                return false;
+            } else {
+                return true;
+            }
+        },
+
+        /**
+         * 监听
+         */
+        listen: function () {
+
+            /**
+             * 清理
+             */
+            $('body').on('click', '[data-clear]', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                sessionStorage.clear();
+
+                // 判断是否清理服务端
+                var clearUrl = $(this).attr('data-href');
+                if (clearUrl != undefined && clearUrl != '' && clearUrl != null) {
+                    $.getJSON(clearUrl, function (data, status) {
+                        layer.close(loading);
+                        if (data.code != 1) {
+                            return miniAdmin.error(data.msg);
+                        } else {
+                            return miniAdmin.success(data.msg);
+                        }
+                    }).fail(function () {
+                        layer.close(loading);
+                        return miniAdmin.error('清理缓存接口有误');
+                    });
+                } else {
+                    layer.close(loading);
+                    return miniAdmin.success('清除缓存成功');
+                }
+            });
+
+            /**
+             * 刷新
+             */
+            $('body').on('click', '[data-refresh]', function () {
+                $(".layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload();
+                miniAdmin.success('刷新成功');
+            });
+
+            /**
+             * 监听提示信息
+             */
+            $("body").on("mouseenter", ".layui-nav-tree .menu-li", function () {
+                if (miniAdmin.checkMobile()) {
+                    return false;
+                }
+                var classInfo = $(this).attr('class'),
+                    tips = $(this).prop("innerHTML"),
+                    isShow = $('.layuimini-tool i').attr('data-side-fold');
+                if (isShow == 0 && tips) {
+                    tips = "<ul class='layuimini-menu-left-zoom layui-nav layui-nav-tree layui-this'><li class='layui-nav-item layui-nav-itemed'>"+tips+"</li></ul>" ;
+                    window.openTips = layer.tips(tips, $(this), {
+                        tips: [2, '#2f4056'],
+                        time: 300000,
+                        skin:"popup-tips",
+                        success:function (el) {
+                            var left = $(el).position().left - 10 ;
+                            $(el).css({ left:left });
+                            element.render();
+                        }
+                    });
+                }
+            });
+
+            $("body").on("mouseleave", ".popup-tips", function () {
+                if (miniAdmin.checkMobile()) {
+                    return false;
+                }
+                var isShow = $('.layuimini-tool i').attr('data-side-fold');
+                if (isShow == 0) {
+                    try {
+                        layer.close(window.openTips);
+                    } catch (e) {
+                        console.log(e.message);
+                    }
+                }
+            });
+
+
+            /**
+             * 全屏
+             */
+            $('body').on('click', '[data-check-screen]', function () {
+                var check = $(this).attr('data-check-screen');
+                if (check == 'full') {
+                    miniAdmin.fullScreen();
+                    $(this).attr('data-check-screen', 'exit');
+                    $(this).html('<i class="fa fa-compress"></i>');
+                } else {
+                    miniAdmin.exitFullScreen();
+                    $(this).attr('data-check-screen', 'full');
+                    $(this).html('<i class="fa fa-arrows-alt"></i>');
+                }
+            });
+
+            /**
+             * 点击遮罩层
+             */
+            $('body').on('click', '.layuimini-make', function () {
+                miniAdmin.renderDevice();
+            });
+
+        }
+    };
+
+
+    exports("miniAdmin", miniAdmin);
+});

static/js/lay-module/layuimini/miniMenu.js

@@ -0,0 +1,250 @@
+/**
+ * date:2020/02/27
+ * author:Mr.Chung
+ * version:2.0
+ * description:layuimini 菜单框架扩展
+ */
+layui.define(["element","laytpl" ,"jquery"], function (exports) {
+    var element = layui.element,
+        $ = layui.$,
+        laytpl = layui.laytpl,
+        layer = layui.layer;
+
+    var miniMenu = {
+
+        /**
+         * 菜单初始化
+         * @param options.menuList   菜单数据信息
+         * @param options.multiModule 是否开启多模块
+         * @param options.menuChildOpen 是否展开子菜单
+         */
+        render: function (options) {
+            options.menuList = options.menuList || [];
+            options.multiModule = options.multiModule || false;
+            options.menuChildOpen = options.menuChildOpen || false;
+            if (options.multiModule) {
+                miniMenu.renderMultiModule(options.menuList, options.menuChildOpen);
+            } else {
+                miniMenu.renderSingleModule(options.menuList, options.menuChildOpen);
+            }
+            miniMenu.listen();
+        },
+
+        /**
+         * 单模块
+         * @param menuList 菜单数据
+         * @param menuChildOpen 是否默认展开
+         */
+        renderSingleModule: function (menuList, menuChildOpen) {
+            menuList = menuList || [];
+            var leftMenuHtml = '',
+                childOpenClass = '',
+                leftMenuCheckDefault = 'layui-this';
+            var me = this ;
+            if (menuChildOpen) childOpenClass = ' layui-nav-itemed';
+            leftMenuHtml = this.renderLeftMenu(menuList,{ childOpenClass:childOpenClass }) ;
+            $('.layui-layout-body').addClass('layuimini-single-module'); //单模块标识
+            $('.layuimini-header-menu').remove();
+            $('.layuimini-menu-left').html(leftMenuHtml);
+
+            element.init();
+        },
+
+        /**
+         * 渲染一级菜单
+         */
+        compileMenu: function(menu,isSub){
+            var menuHtml = '<li {{#if( d.menu){ }}  data-menu="{{d.menu}}" {{#}}} class="layui-nav-item menu-li {{d.childOpenClass}} {{d.className}}"  {{#if( d.id){ }}  id="{{d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }}  target="{{d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }}  <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{d.title}}</span></a>  {{# if(d.children){}} {{d.children}} {{#}}} </li>' ;
+            if(isSub){
+                menuHtml = '<dd class="menu-dd {{d.childOpenClass}} {{ d.className }}"> <a href="javascript:;"  {{#if( d.menu){ }}  data-menu="{{d.menu}}" {{#}}} {{#if( d.id){ }}  id="{{d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{d.href}}" {{#}}} {{#if( d.target){ }}  target="{{d.target}}" {{#}}}> {{#if( d.icon){ }}  <i class="{{d.icon}}"></i> {{#}}} <span class="layui-left-nav"> {{d.title}}</span></a> {{# if(d.children){}} {{d.children}} {{#}}}</dd>'
+            }
+            return laytpl(menuHtml).render(menu);
+        },
+        compileMenuContainer :function(menu,isSub){
+            var wrapperHtml = '<ul class="layui-nav layui-nav-tree layui-left-nav-tree {{d.className}}" id="{{d.id}}">{{d.children}}</ul>' ;
+            if(isSub){
+                wrapperHtml = '<dl class="layui-nav-child ">{{d.children}}</dl>' ;
+            }
+            if(!menu.children){
+                return "";
+            }
+            return laytpl(wrapperHtml).render(menu);
+        },
+
+        each:function(list,callback){
+            var _list = [];
+            for(var i = 0 ,length = list.length ; i<length ;i++ ){
+                _list[i] = callback(i,list[i]) ;
+            }
+            return _list ;
+        },
+        renderChildrenMenu:function(menuList,options){
+            var me = this ;
+            menuList = menuList || [] ;
+            var html = this.each(menuList,function (idx,menu) {
+                if(menu.child && menu.child.length){
+                    menu.children = me.renderChildrenMenu(menu.child,{ childOpenClass: options.childOpenClass || '' });
+                }
+                menu.className = "" ;
+                menu.childOpenClass = options.childOpenClass || ''
+                return me.compileMenu(menu,true)
+            }).join("");
+            return me.compileMenuContainer({ children:html },true)
+        },
+        renderLeftMenu :function(leftMenus,options){
+            options = options || {};
+            var me = this ;
+            var leftMenusHtml =  me.each(leftMenus || [],function (idx,leftMenu) { // 左侧菜单遍历
+                var children = me.renderChildrenMenu(leftMenu.child, { childOpenClass:options.childOpenClass });
+                var leftMenuHtml = me.compileMenu({
+                    href: leftMenu.href,
+                    target: leftMenu.target,
+                    childOpenClass: options.childOpenClass,
+                    icon: leftMenu.icon,
+                    title: leftMenu.title,
+                    children: children,
+                    className: '',
+                });
+                return leftMenuHtml ;
+            }).join("");
+
+            leftMenusHtml = me.compileMenuContainer({ id:options.parentMenuId,className:options.leftMenuCheckDefault,children:leftMenusHtml }) ;
+            return leftMenusHtml ;
+        },
+        /**
+         * 多模块
+         * @param menuList 菜单数据
+         * @param menuChildOpen 是否默认展开
+         */
+        renderMultiModule: function (menuList, menuChildOpen) {
+            menuList = menuList || [];
+            var me = this ;
+            var headerMenuHtml = '',
+                headerMobileMenuHtml = '',
+                leftMenuHtml = '',
+                leftMenuCheckDefault = 'layui-this',
+                childOpenClass = '',
+                headerMenuCheckDefault = 'layui-this';
+
+            if (menuChildOpen) childOpenClass = ' layui-nav-itemed';
+            var headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染
+                var menu = 'multi_module_' + index ;
+                var id = menu+"HeaderId";
+                var topMenuItemHtml = "" ;
+                topMenuItemHtml = me.compileMenu({
+                    className:headerMenuCheckDefault,
+                    menu:menu,
+                    id:id,
+                    title:val.title,
+                    href:"",
+                    target:"",
+                    children:""
+                });
+                leftMenuHtml+=me.renderLeftMenu(val.child,{
+                    parentMenuId:menu,
+                    childOpenClass:childOpenClass,
+                    leftMenuCheckDefault:leftMenuCheckDefault
+                });
+                headerMobileMenuHtml +=me.compileMenu({ id:id,menu:menu,id:id,icon:val.icon, title:val.title, },true);
+                headerMenuCheckDefault = "";
+                leftMenuCheckDefault = "layui-hide" ;
+                return topMenuItemHtml ;
+            }).join("");
+            $('.layui-layout-body').addClass('layuimini-multi-module'); //多模块标识
+            $('.layuimini-menu-header-pc').html(headerMenuHtml); //电脑
+            $('.layuimini-menu-left').html(leftMenuHtml);
+            $('.layuimini-menu-header-mobile').html(headerMobileMenuHtml); //手机
+            element.init();
+        },
+
+        /**
+         * 监听
+         */
+        listen: function () {
+
+            /**
+             * 菜单模块切换
+             */
+            $('body').on('click', '[data-menu]', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var menuId = $(this).attr('data-menu');
+                // header
+                $(".layuimini-header-menu .layui-nav-item.layui-this").removeClass('layui-this');
+                $(this).addClass('layui-this');
+                // left
+                $(".layuimini-menu-left .layui-nav.layui-nav-tree.layui-this").addClass('layui-hide');
+                $(".layuimini-menu-left .layui-nav.layui-nav-tree.layui-this.layui-hide").removeClass('layui-this');
+                $("#" + menuId).removeClass('layui-hide');
+                $("#" + menuId).addClass('layui-this');
+                layer.close(loading);
+            });
+
+            /**
+             * 菜单缩放
+             */
+            $('body').on('click', '.layuimini-site-mobile', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var isShow = $('.layuimini-tool [data-side-fold]').attr('data-side-fold');
+                if (isShow == 1) { // 缩放
+                    $('.layuimini-tool [data-side-fold]').attr('data-side-fold', 0);
+                    $('.layuimini-tool [data-side-fold]').attr('class', 'fa fa-indent');
+                    $('.layui-layout-body').removeClass('layuimini-all');
+                    $('.layui-layout-body').addClass('layuimini-mini');
+                } else { // 正常
+                    $('.layuimini-tool [data-side-fold]').attr('data-side-fold', 1);
+                    $('.layuimini-tool [data-side-fold]').attr('class', 'fa fa-outdent');
+                    $('.layui-layout-body').removeClass('layuimini-mini');
+                    $('.layui-layout-body').addClass('layuimini-all');
+                    layer.close(window.openTips);
+                }
+                element.init();
+                layer.close(loading);
+            });
+            /**
+             * 菜单缩放
+             */
+            $('body').on('click', '[data-side-fold]', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var isShow = $('.layuimini-tool [data-side-fold]').attr('data-side-fold');
+                if (isShow == 1) { // 缩放
+                    $('.layuimini-tool [data-side-fold]').attr('data-side-fold', 0);
+                    $('.layuimini-tool [data-side-fold]').attr('class', 'fa fa-indent');
+                    $('.layui-layout-body').removeClass('layuimini-all');
+                    $('.layui-layout-body').addClass('layuimini-mini');
+                    // $(".menu-li").each(function (idx,el) {
+                    //     $(el).addClass("hidden-sub-menu");
+                    // });
+
+                } else { // 正常
+                    $('.layuimini-tool [data-side-fold]').attr('data-side-fold', 1);
+                    $('.layuimini-tool [data-side-fold]').attr('class', 'fa fa-outdent');
+                    $('.layui-layout-body').removeClass('layuimini-mini');
+                    $('.layui-layout-body').addClass('layuimini-all');
+                    // $(".menu-li").each(function (idx,el) {
+                    //     $(el).removeClass("hidden-sub-menu");
+                    // });
+                    layer.close(window.openTips);
+                }
+                element.init();
+                layer.close(loading);
+            });
+
+            /**
+             * 手机端点开模块
+             */
+            $('body').on('click', '.layuimini-header-menu.layuimini-mobile-show dd', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var check = $('.layuimini-tool [data-side-fold]').attr('data-side-fold');
+                if(check === "1"){
+                    $('.layuimini-site-mobile').trigger("click");
+                    element.init();
+                }
+                layer.close(loading);
+            });
+        },
+
+    };
+
+
+    exports("miniMenu", miniMenu);
+});

static/js/lay-module/layuimini/miniTab.js

@@ -0,0 +1,582 @@
+/**
+ * date:2020/02/27
+ * author:Mr.Chung
+ * version:2.0
+ * description:layuimini tab框架扩展
+ */
+layui.define(["element", "layer", "jquery"], function (exports) {
+    var element = layui.element,
+        layer = layui.layer,
+        $ = layui.$;
+
+
+    var miniTab = {
+
+        /**
+         * 初始化tab
+         * @param options
+         */
+        render: function (options) {
+            options.filter = options.filter || null;
+            options.multiModule = options.multiModule || false;
+            options.urlHashLocation = options.urlHashLocation || false;
+            options.maxTabNum = options.maxTabNum || 20;
+            options.menuList = options.menuList || [];  // todo 后期菜单想改为不操作dom, 而是直接操作初始化传过来的数据
+            options.homeInfo = options.homeInfo || {};
+            options.listenSwichCallback = options.listenSwichCallback || function () {
+            };
+            miniTab.listen(options);
+            miniTab.listenRoll();
+            miniTab.listenSwitch(options);
+            miniTab.listenHash(options);
+        },
+
+        /**
+         * 新建tab窗口
+         * @param options.tabId
+         * @param options.href
+         * @param options.title
+         * @param options.isIframe
+         * @param options.maxTabNum
+         */
+        create: function (options) {
+            options.tabId = options.tabId || null;
+            options.href = options.href || null;
+            options.title = options.title || null;
+            options.isIframe = options.isIframe || false;
+            options.maxTabNum = options.maxTabNum || 20;
+            if ($(".layuimini-tab .layui-tab-title li").length >= options.maxTabNum) {
+                layer.msg('Tab窗口已达到限定数量，请先关闭部分Tab');
+                return false;
+            }
+            var ele = element;
+            if (options.isIframe) ele = parent.layui.element;
+            ele.tabAdd('layuiminiTab', {
+                title: '<span class="layuimini-tab-active"></span><span>' + options.title + '</span><i class="layui-icon layui-unselect layui-tab-close">ဆ</i>' //用于演示
+                , content: '<iframe width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0"   src="' + options.href + '"></iframe>'
+                , id: options.tabId
+            });
+            $('.layuimini-menu-left').attr('layuimini-tab-tag', 'add');
+            sessionStorage.setItem('layuiminimenu_' + options.tabId, options.title);
+        },
+
+
+        /**
+         * 切换选项卡
+         * @param tabId
+         */
+        change: function (tabId) {
+            element.tabChange('layuiminiTab', tabId);
+        },
+
+        /**
+         * 删除tab窗口
+         * @param tabId
+         * @param isParent
+         */
+        delete: function (tabId, isParent) {
+            // todo 未知BUG，不知道是不是layui问题，必须先删除元素
+            $(".layuimini-tab .layui-tab-title .layui-unselect.layui-tab-bar").remove();
+
+            if (isParent === true) {
+                parent.layui.element.tabDelete('layuiminiTab', tabId);
+            } else {
+                element.tabDelete('layuiminiTab', tabId);
+            }
+        },
+
+        /**
+         * 在iframe层打开新tab方法
+         */
+        openNewTabByIframe: function (options) {
+            options.href = options.href || null;
+            options.title = options.title || null;
+            var loading = parent.layer.load(0, {shade: false, time: 2 * 1000});
+            if (options.href === null || options.href === undefined) options.href = new Date().getTime();
+            var checkTab = miniTab.check(options.href, true);
+            if (!checkTab) {
+                miniTab.create({
+                    tabId: options.href,
+                    href: options.href,
+                    title: options.title,
+                    isIframe: true,
+                });
+            }
+            parent.layui.element.tabChange('layuiminiTab', options.href);
+            parent.layer.close(loading);
+        },
+
+        /**
+         * 在iframe层关闭当前tab方法
+         */
+        deleteCurrentByIframe: function () {
+            var ele = $(".layuimini-tab .layui-tab-title li.layui-this", parent.document);
+            if (ele.length > 0) {
+                var layId = $(ele[0]).attr('lay-id');
+                miniTab.delete(layId, true);
+            }
+        },
+
+        /**
+         * 判断tab窗口
+         */
+        check: function (tabId, isIframe) {
+            // 判断选项卡上是否有
+            var checkTab = false;
+            if (isIframe === undefined || isIframe === false) {
+                $(".layui-tab-title li").each(function () {
+                    var checkTabId = $(this).attr('lay-id');
+                    if (checkTabId != null && checkTabId === tabId) {
+                        checkTab = true;
+                    }
+                });
+            } else {
+                parent.layui.$(".layui-tab-title li").each(function () {
+                    var checkTabId = $(this).attr('lay-id');
+                    if (checkTabId != null && checkTabId === tabId) {
+                        checkTab = true;
+                    }
+                });
+            }
+            return checkTab;
+        },
+
+        /**
+         * 开启tab右键菜单
+         * @param tabId
+         * @param left
+         */
+        openTabRignMenu: function (tabId, left) {
+            miniTab.closeTabRignMenu();
+            var menuHtml = '<div class="layui-unselect layui-form-select layui-form-selected layuimini-tab-mousedown layui-show" data-tab-id="' + tabId + '" style="left: ' + left + 'px!important">\n' +
+                '<dl>\n' +
+                '<dd><a href="javascript:;" layuimini-tab-menu-close="current">关 闭 当 前</a></dd>\n' +
+                '<dd><a href="javascript:;" layuimini-tab-menu-close="other">关 闭 其 他</a></dd>\n' +
+                '<dd><a href="javascript:;" layuimini-tab-menu-close="all">关 闭 全 部</a></dd>\n' +
+                '</dl>\n' +
+                '</div>';
+            var makeHtml = '<div class="layuimini-tab-make"></div>';
+            $('.layuimini-tab .layui-tab-title').after(menuHtml);
+            $('.layuimini-tab .layui-tab-content').after(makeHtml);
+        },
+
+        /**
+         * 关闭tab右键菜单
+         */
+        closeTabRignMenu: function () {
+            $('.layuimini-tab-mousedown').remove();
+            $('.layuimini-tab-make').remove();
+        },
+
+        /**
+         * 查询菜单信息
+         * @param href
+         * @param menuList
+         */
+        searchMenu: function (href, menuList) {
+            var menu;
+            for (key in menuList) {
+                var item = menuList[key];
+                if (item.href === href) {
+                    menu = item;
+                    break;
+                }
+                if (item.child) {
+                    newMenu = miniTab.searchMenu(href, item.child);
+                    if (newMenu) {
+                        menu = newMenu;
+                        break;
+                    }
+                }
+            }
+            return menu;
+        },
+
+        /**
+         * 监听
+         * @param options
+         */
+        listen: function (options) {
+            options = options || {};
+            options.maxTabNum = options.maxTabNum || 20;
+
+            /**
+             * 打开新窗口
+             */
+            $('body').on('click', '[layuimini-href]', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var tabId = $(this).attr('layuimini-href'),
+                    href = $(this).attr('layuimini-href'),
+                    title = $(this).text(),
+                    target = $(this).attr('target');
+
+                var el = $("[layuimini-href='" + href + "']", ".layuimini-menu-left");
+                layer.close(window.openTips);
+                if (el.length) {
+                    $(el).closest(".layui-nav-tree").find(".layui-this").removeClass("layui-this");
+                    $(el).parent().addClass("layui-this");
+                }
+
+                if (target === '_blank') {
+                    layer.close(loading);
+                    window.open(href, "_blank");
+                    return false;
+                }
+
+                if (tabId === null || tabId === undefined) tabId = new Date().getTime();
+                var checkTab = miniTab.check(tabId);
+                if (!checkTab) {
+                    miniTab.create({
+                        tabId: tabId,
+                        href: href,
+                        title: title,
+                        isIframe: false,
+                        maxTabNum: options.maxTabNum,
+                    });
+                }
+                element.tabChange('layuiminiTab', tabId);
+                layer.close(loading);
+            });
+
+            /**
+             * 在iframe子菜单上打开新窗口
+             */
+            $('body').on('click', '[layuimini-content-href]', function () {
+                var loading = parent.layer.load(0, {shade: false, time: 2 * 1000});
+                var tabId = $(this).attr('layuimini-content-href'),
+                    href = $(this).attr('layuimini-content-href'),
+                    title = $(this).attr('data-title'),
+                    target = $(this).attr('target');
+                if (target === '_blank') {
+                    parent.layer.close(loading);
+                    window.open(href, "_blank");
+                    return false;
+                }
+                if (tabId === null || tabId === undefined) tabId = new Date().getTime();
+                var checkTab = miniTab.check(tabId, true);
+                if (!checkTab) {
+                    miniTab.create({
+                        tabId: tabId,
+                        href: href,
+                        title: title,
+                        isIframe: true,
+                        maxTabNum: options.maxTabNum,
+                    });
+                }
+                parent.layui.element.tabChange('layuiminiTab', tabId);
+                parent.layer.close(loading);
+            });
+
+            /**
+             * 关闭选项卡
+             **/
+            $('body').on('click', '.layuimini-tab .layui-tab-title .layui-tab-close', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var $parent = $(this).parent();
+                var tabId = $parent.attr('lay-id');
+                if (tabId !== undefined || tabId !== null) {
+                    miniTab.delete(tabId);
+                }
+                layer.close(loading);
+            });
+
+            /**
+             * 选项卡操作
+             */
+            $('body').on('click', '[layuimini-tab-close]', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var closeType = $(this).attr('layuimini-tab-close');
+                $(".layuimini-tab .layui-tab-title li").each(function () {
+                    var tabId = $(this).attr('lay-id');
+                    var id = $(this).attr('id');
+                    var isCurrent = $(this).hasClass('layui-this');
+                    if (id !== 'layuiminiHomeTabId') {
+                        if (closeType === 'all') {
+                            miniTab.delete(tabId);
+                        } else {
+                            if (closeType === 'current' && isCurrent) {
+                                miniTab.delete(tabId);
+                            } else if (closeType === 'other' && !isCurrent) {
+                                miniTab.delete(tabId);
+                            }
+                        }
+                    }
+                });
+                layer.close(loading);
+            });
+
+            /**
+             * 禁用网页右键
+             */
+            $(".layuimini-tab .layui-tab-title").unbind("mousedown").bind("contextmenu", function (e) {
+                e.preventDefault();
+                return false;
+            });
+
+            /**
+             * 注册鼠标右键
+             */
+            $('body').on('mousedown', '.layuimini-tab .layui-tab-title li', function (e) {
+                var left = $(this).offset().left - $('.layuimini-tab ').offset().left + ($(this).width() / 2),
+                    tabId = $(this).attr('lay-id');
+                if (e.which === 3) {
+                    miniTab.openTabRignMenu(tabId, left);
+                }
+            });
+
+            /**
+             * 关闭tab右键菜单
+             */
+            $('body').on('click', '.layui-body,.layui-header,.layuimini-menu-left,.layuimini-tab-make', function () {
+                miniTab.closeTabRignMenu();
+            });
+
+            /**
+             * tab右键选项卡操作
+             */
+            $('body').on('click', '[layuimini-tab-menu-close]', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var closeType = $(this).attr('layuimini-tab-menu-close'),
+                    currentTabId = $('.layuimini-tab-mousedown').attr('data-tab-id');
+                $(".layuimini-tab .layui-tab-title li").each(function () {
+                    var tabId = $(this).attr('lay-id');
+                    var id = $(this).attr('id');
+                    if (id !== 'layuiminiHomeTabId') {
+                        if (closeType === 'all') {
+                            miniTab.delete(tabId);
+                        } else {
+                            if (closeType === 'current' && currentTabId === tabId) {
+                                miniTab.delete(tabId);
+                            } else if (closeType === 'other' && currentTabId !== tabId) {
+                                miniTab.delete(tabId);
+                            }
+                        }
+                    }
+                });
+                miniTab.closeTabRignMenu();
+                layer.close(loading);
+            });
+        },
+
+        /**
+         * 监听tab切换
+         * @param options
+         */
+        listenSwitch: function (options) {
+            options.filter = options.filter || null;
+            options.multiModule = options.multiModule || false;
+            options.urlHashLocation = options.urlHashLocation || false;
+            options.listenSwichCallback = options.listenSwichCallback || function () {
+
+            };
+            element.on('tab(' + options.filter + ')', function (data) {
+                var tabId = $(this).attr('lay-id');
+                if (options.urlHashLocation) {
+                    location.hash = '/' + tabId;
+                }
+                if (typeof options.listenSwichCallback === 'function') {
+                    options.listenSwichCallback();
+                }
+                // 判断是否为新增窗口
+                if ($('.layuimini-menu-left').attr('layuimini-tab-tag') === 'add') {
+                    $('.layuimini-menu-left').attr('layuimini-tab-tag', 'no')
+                } else {
+                    $("[layuimini-href]").parent().removeClass('layui-this');
+                    if (options.multiModule) {
+                        miniTab.listenSwitchMultiModule(tabId);
+                    } else {
+                        miniTab.listenSwitchSingleModule(tabId);
+                    }
+                }
+                miniTab.rollPosition();
+            });
+        },
+
+        /**
+         * 监听hash变化
+         * @param options
+         * @returns {boolean}
+         */
+        listenHash: function (options) {
+            options.urlHashLocation = options.urlHashLocation || false;
+            options.maxTabNum = options.maxTabNum || 20;
+            options.homeInfo = options.homeInfo || {};
+            options.menuList = options.menuList || [];
+            if (!options.urlHashLocation) return false;
+            var tabId = location.hash.replace(/^#\//, '');
+            if (tabId === null || tabId === undefined || tabId ==='') return false;
+
+            // 判断是否为首页
+            if(tabId ===options.homeInfo.href) return false;
+
+            // 判断是否为右侧菜单
+            var menu = miniTab.searchMenu(tabId, options.menuList);
+            if (menu !== undefined) {
+                miniTab.create({
+                    tabId: tabId,
+                    href: tabId,
+                    title: menu.title,
+                    isIframe: false,
+                    maxTabNum: options.maxTabNum,
+                });
+                $('.layuimini-menu-left').attr('layuimini-tab-tag', 'no');
+                element.tabChange('layuiminiTab', tabId);
+                return false;
+            }
+
+            // 判断是否为快捷菜单
+            var isSearchMenu = false;
+            $("[layuimini-content-href]").each(function () {
+                if ($(this).attr("layuimini-content-href") === tabId) {
+                    var title = $(this).attr("data-title");
+                    miniTab.create({
+                        tabId: tabId,
+                        href: tabId,
+                        title: title,
+                        isIframe: false,
+                        maxTabNum: options.maxTabNum,
+                    });
+                    $('.layuimini-menu-left').attr('layuimini-tab-tag', 'no');
+                    element.tabChange('layuiminiTab', tabId);
+                    isSearchMenu = true;
+                    return false;
+                }
+            });
+            if (isSearchMenu) return false;
+
+            // 既不是右侧菜单、快捷菜单,就直接打开
+            var title = sessionStorage.getItem('layuiminimenu_' + tabId) === null ? tabId : sessionStorage.getItem('layuiminimenu_' + tabId);
+            miniTab.create({
+                tabId: tabId,
+                href: tabId,
+                title: title,
+                isIframe: false,
+                maxTabNum: options.maxTabNum,
+            });
+            element.tabChange('layuiminiTab', tabId);
+            return false;
+        },
+
+        /**
+         * 监听滚动
+         */
+        listenRoll: function () {
+            $(".layuimini-tab-roll-left").click(function () {
+                miniTab.rollClick("left");
+            });
+            $(".layuimini-tab-roll-right").click(function () {
+                miniTab.rollClick("right");
+            });
+        },
+
+        /**
+         * 单模块切换
+         * @param tabId
+         */
+        listenSwitchSingleModule: function (tabId) {
+            $("[layuimini-href]").each(function () {
+                if ($(this).attr("layuimini-href") === tabId) {
+                    // 自动展开菜单栏
+                    var addMenuClass = function ($element, type) {
+                        if (type === 1) {
+                            $element.addClass('layui-this');
+                            if ($element.hasClass('layui-nav-item') && $element.hasClass('layui-this')) {
+                                $(".layuimini-header-menu li").attr('class', 'layui-nav-item');
+                            } else {
+                                addMenuClass($element.parent().parent(), 2);
+                            }
+                        } else {
+                            $element.addClass('layui-nav-itemed');
+                            if ($element.hasClass('layui-nav-item') && $element.hasClass('layui-nav-itemed')) {
+                                $(".layuimini-header-menu li").attr('class', 'layui-nav-item');
+                            } else {
+                                addMenuClass($element.parent().parent(), 2);
+                            }
+                        }
+                    };
+                    addMenuClass($(this).parent(), 1);
+                    return false;
+                }
+            });
+        },
+
+        /**
+         * 多模块切换
+         * @param tabId
+         */
+        listenSwitchMultiModule: function (tabId) {
+            $("[layuimini-href]").each(function () {
+                if ($(this).attr("layuimini-href") === tabId) {
+
+                    // 自动展开菜单栏
+                    var addMenuClass = function ($element, type) {
+                        if (type === 1) {
+                            $element.addClass('layui-this');
+                            if ($element.hasClass('layui-nav-item') && $element.hasClass('layui-this')) {
+                                var moduleId = $element.parent().attr('id');
+                                $(".layuimini-header-menu li").attr('class', 'layui-nav-item');
+                                $("#" + moduleId + "HeaderId").addClass("layui-this");
+                                $(".layuimini-menu-left .layui-nav.layui-nav-tree").attr('class', 'layui-nav layui-nav-tree layui-hide');
+                                $("#" + moduleId).attr('class', 'layui-nav layui-nav-tree layui-this');
+                            } else {
+                                addMenuClass($element.parent().parent(), 2);
+                            }
+                        } else {
+                            $element.addClass('layui-nav-itemed');
+                            if ($element.hasClass('layui-nav-item') && $element.hasClass('layui-nav-itemed')) {
+                                var moduleId = $element.parent().attr('id');
+                                $(".layuimini-header-menu li").attr('class', 'layui-nav-item');
+                                $("#" + moduleId + "HeaderId").addClass("layui-this");
+                                $(".layuimini-menu-left .layui-nav.layui-nav-tree").attr('class', 'layui-nav layui-nav-tree layui-hide');
+                                $("#" + moduleId).attr('class', 'layui-nav layui-nav-tree layui-this');
+                            } else {
+                                addMenuClass($element.parent().parent(), 2);
+                            }
+                        }
+                    };
+                    addMenuClass($(this).parent(), 1);
+                    return false;
+                }
+            });
+        },
+
+        /**
+         * 自动定位
+         */
+        rollPosition: function () {
+            var $tabTitle = $('.layuimini-tab  .layui-tab-title');
+            var autoLeft = 0;
+            $tabTitle.children("li").each(function () {
+                if ($(this).hasClass('layui-this')) {
+                    return false;
+                } else {
+                    autoLeft += $(this).outerWidth();
+                }
+            });
+            $tabTitle.animate({
+                scrollLeft: autoLeft - $tabTitle.width() / 3
+            }, 200);
+        },
+
+        /**
+         * 点击滚动
+         * @param direction
+         */
+        rollClick: function (direction) {
+            var $tabTitle = $('.layuimini-tab  .layui-tab-title');
+            var left = $tabTitle.scrollLeft();
+            if ('left' === direction) {
+                $tabTitle.animate({
+                    scrollLeft: left - 450
+                }, 200);
+            } else {
+                $tabTitle.animate({
+                    scrollLeft: left + 450
+                }, 200);
+            }
+        }
+
+    };
+
+    exports("miniTab", miniTab);
+});

static/js/lay-module/layuimini/miniTheme.js

@@ -0,0 +1,474 @@
+/**
+ * date:2020/02/28
+ * author:Mr.Chung
+ * version:2.0
+ * description:layuimini tab框架扩展
+ */
+layui.define(["jquery", "layer"], function (exports) {
+    var $ = layui.$,
+        layer = layui.layer;
+
+    var miniTheme = {
+
+        /**
+         * 主题配置项
+         * @param bgcolorId
+         * @returns {{headerLogo, menuLeftHover, headerRight, menuLeft, headerRightThis, menuLeftThis}|*|*[]}
+         */
+        config: function (bgcolorId) {
+            var bgColorConfig = [
+                {
+                    headerRightBg: '#ffffff', //头部右侧背景色
+                    headerRightBgThis: '#e4e4e4', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(107, 107, 107, 0.7)', //头部右侧字体颜色,
+                    headerRightChildColor: 'rgba(107, 107, 107, 0.7)', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#565656', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(160, 160, 160, 0.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#1E9FFF', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#565656', //头部缩放按钮样式,
+                    headerLogoBg: '#192027', //logo背景颜色,
+                    headerLogoColor: 'rgb(191, 187, 187)', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#28333E', //左侧菜单背景,
+                    leftMenuBgThis: '#1E9FFF', //左侧菜单选中背景,
+                    leftMenuChildBg: '#0c0f13', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#1e9fff', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#23262e', //头部右侧背景色
+                    headerRightBgThis: '#0c0c0c', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#1aa094', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#0c0c0c', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#23262e', //左侧菜单背景,
+                    leftMenuBgThis: '#737373', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#23262e', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#ffa4d1', //头部右侧背景色
+                    headerRightBgThis: '#bf7b9d', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#ffa4d1', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#e694bd', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBgThis: '#737373', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#ffa4d1', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#1aa094', //头部右侧背景色
+                    headerRightBgThis: '#197971', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#1aa094', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#0c0c0c', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#23262e', //左侧菜单背景,
+                    leftMenuBgThis: '#1aa094', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#1aa094', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#1e9fff', //头部右侧背景色
+                    headerRightBgThis: '#0069b7', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#1e9fff', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#0c0c0c', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBgThis: '#1e9fff', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#1e9fff', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#ffb800', //头部右侧背景色
+                    headerRightBgThis: '#d09600', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#d09600', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#243346', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#2f4056', //左侧菜单背景,
+                    leftMenuBgThis: '#8593a7', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#ffb800', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#e82121', //头部右侧背景色
+                    headerRightBgThis: '#ae1919', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#ae1919', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#0c0c0c', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#e82121', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#963885', //头部右侧背景色
+                    headerRightBgThis: '#772c6a', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#772c6a', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#243346', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#2f4056', //左侧菜单背景,
+                    leftMenuBgThis: '#586473', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#963885', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#2D8CF0', //头部右侧背景色
+                    headerRightBgThis: '#0069b7', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#0069b7', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#0069b7', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBgThis: '#2D8CF0', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#2d8cf0', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#ffb800', //头部右侧背景色
+                    headerRightBgThis: '#d09600', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#d09600', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#d09600', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#2f4056', //左侧菜单背景,
+                    leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#ffb800', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#e82121', //头部右侧背景色
+                    headerRightBgThis: '#ae1919', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#ae1919', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#d91f1f', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#e82121', //tab选项卡选中颜色,
+                },
+                {
+                    headerRightBg: '#963885', //头部右侧背景色
+                    headerRightBgThis: '#772c6a', //头部右侧选中背景色,
+                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
+                    headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
+                    headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
+                    headerRightNavMoreBg: '#772c6a', //头部右侧更多下拉列表选中背景色,
+                    headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
+                    headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
+                    headerLogoBg: '#772c6a', //logo背景颜色,
+                    headerLogoColor: '#ffffff', //logo字体颜色,
+                    leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
+                    leftMenuBg: '#2f4056', //左侧菜单背景,
+                    leftMenuBgThis: '#626f7f', //左侧菜单选中背景,
+                    leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
+                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    tabActiveColor: '#963885', //tab选项卡选中颜色,
+                }
+            ];
+            if (bgcolorId === undefined) {
+                return bgColorConfig;
+            } else {
+                return bgColorConfig[bgcolorId];
+            }
+        },
+
+        /**
+         * 初始化
+         * @param options
+         */
+        render: function (options) {
+            options.bgColorDefault = options.bgColorDefault || false;
+            options.listen = options.listen || false;
+            var bgcolorId = sessionStorage.getItem('layuiminiBgcolorId');
+            if (bgcolorId === null || bgcolorId === undefined || bgcolorId === '') {
+                bgcolorId = options.bgColorDefault;
+            }
+            miniTheme.buildThemeCss(bgcolorId);
+            if (options.listen) miniTheme.listen(options);
+        },
+
+        /**
+         * 构建主题样式
+         * @param bgcolorId
+         * @returns {boolean}
+         */
+        buildThemeCss: function (bgcolorId) {
+            if (!bgcolorId) {
+                return false;
+            }
+            var bgcolorData = miniTheme.config(bgcolorId);
+            var styleHtml = '/*头部右侧背景色 headerRightBg */\n' +
+                '.layui-layout-admin .layui-header {\n' +
+                '    background-color: ' + bgcolorData.headerRightBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*头部右侧选中背景色 headerRightBgThis */\n' +
+                '.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {\n' +
+                '    background-color: ' + bgcolorData.headerRightBgThis + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*头部右侧字体颜色 headerRightColor */\n' +
+                '.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {\n' +
+                '    color:  ' + bgcolorData.headerRightColor + ';\n' +
+                '}\n' +
+                '/**头部右侧下拉字体颜色 headerRightChildColor */\n' +
+                '.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {\n' +
+                '    color:  ' + bgcolorData.headerRightChildColor + '!important;\n' +
+                '}\n'+
+                '\n' +
+                '/*头部右侧鼠标选中 headerRightColorThis */\n' +
+                '.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover, .layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {\n' +
+                '    color: ' + bgcolorData.headerRightColorThis + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*头部右侧更多下拉颜色 headerRightNavMore */\n' +
+                '.layui-header .layui-nav .layui-nav-more {\n' +
+                '    border-top-color: ' + bgcolorData.headerRightNavMore + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*头部右侧更多下拉颜色 headerRightNavMore */\n' +
+                '.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {\n' +
+                '    border-color: transparent transparent ' + bgcolorData.headerRightNavMore + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */\n' +
+                '.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {\n' +
+                '    background-color: ' + bgcolorData.headerRightNavMoreBg + ' !important;\n' +
+                '    color:' + bgcolorData.headerRightNavMoreColor + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*头部缩放按钮样式 headerRightToolColor */\n' +
+                '.layui-layout-admin .layui-header .layuimini-tool i {\n' +
+                '    color: ' + bgcolorData.headerRightToolColor + ';\n' +
+                '}\n' +
+                '\n' +
+                '/*logo背景颜色 headerLogoBg */\n' +
+                '.layui-layout-admin .layuimini-logo {\n' +
+                '    background-color: ' + bgcolorData.headerLogoBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*logo字体颜色 headerLogoColor */\n' +
+                '.layui-layout-admin .layuimini-logo h1 {\n' +
+                '    color: ' + bgcolorData.headerLogoColor + ';\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单更多下拉样式 leftMenuNavMore */\n' +
+                '.layuimini-menu-left .layui-nav .layui-nav-more,.layuimini-menu-left-zoom.layui-nav .layui-nav-more {\n' +
+                '    border-top-color: ' + bgcolorData.leftMenuNavMore + ';\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单更多下拉样式 leftMenuNavMore */\n' +
+                '.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more,   .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {\n' +
+                '    border-color: transparent transparent  ' + bgcolorData.leftMenuNavMore + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单背景 leftMenuBg */\n' +
+                '.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul {\n' +
+                '    background-color:  ' + bgcolorData.leftMenuBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单选中背景 leftMenuBgThis */\n' +
+                '.layuimini-menu-left .layui-nav-tree .layui-this, .layuimini-menu-left .layui-nav-tree .layui-this > a, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a, .layuimini-menu-left-zoom.layui-nav-tree .layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-this > a, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this, .layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {\n' +
+                '    background-color: ' + bgcolorData.leftMenuBgThis + ' !important\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单子菜单背景 leftMenuChildBg */\n' +
+                '.layuimini-menu-left .layui-nav-itemed > .layui-nav-child{\n' +
+                '    background-color: ' + bgcolorData.leftMenuChildBg + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单字体颜色 leftMenuColor */\n' +
+                '.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {\n' +
+                '    color:  ' + bgcolorData.leftMenuColor + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/*左侧菜单选中字体颜色 leftMenuColorThis */\n' +
+                '.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {\n' +
+                '    color:' + bgcolorData.leftMenuColorThis + ' !important;\n' +
+                '}\n' +
+                '\n' +
+                '/**tab选项卡选中颜色 tabActiveColor */\n' +
+                '.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {\n' +
+                '    background-color: ' + bgcolorData.tabActiveColor + ';\n' +
+                '}\n';
+            $('#layuimini-bg-color').html(styleHtml);
+        },
+
+        /**
+         * 构建主题选择html
+         * @param options
+         * @returns {string}
+         */
+        buildBgColorHtml: function (options) {
+            options.bgColorDefault = options.bgColorDefault || 0;
+            var bgcolorId = parseInt(sessionStorage.getItem('layuiminiBgcolorId'));
+            if (isNaN(bgcolorId)) bgcolorId = options.bgColorDefault;
+            var bgColorConfig = miniTheme.config();
+            var html = '';
+            $.each(bgColorConfig, function (key, val) {
+                if (key === bgcolorId) {
+                    html += '<li class="layui-this" data-select-bgcolor="' + key + '">\n';
+                } else {
+                    html += '<li  data-select-bgcolor="' + key + '">\n';
+                }
+                html += '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">\n' +
+                    '<div><span style="display:block; width: 20%; float: left; height: 12px; background: ' + val.headerLogoBg + ';"></span><span style="display:block; width: 80%; float: left; height: 12px; background: ' + val.headerRightBg + ';"></span></div>\n' +
+                    '<div><span style="display:block; width: 20%; float: left; height: 40px; background: ' + val.leftMenuBg + ';"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #ffffff;"></span></div>\n' +
+                    '</a>\n' +
+                    '</li>';
+            });
+            return html;
+        },
+
+        /**
+         * 监听
+         * @param options
+         */
+        listen: function (options) {
+            $('body').on('click', '[data-bgcolor]', function () {
+                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var clientHeight = (document.documentElement.clientHeight) - 60;
+                var bgColorHtml = miniTheme.buildBgColorHtml(options);
+                var html = '<div class="layuimini-color">\n' +
+                    '<div class="color-title">\n' +
+                    '<span>配色方案</span>\n' +
+                    '</div>\n' +
+                    '<div class="color-content">\n' +
+                    '<ul>\n' + bgColorHtml + '</ul>\n' +
+                    '</div>\n' +
+                    '<div class="more-menu-list">\n' +
+                    '<a class="more-menu-item" href="http://layuimini.99php.cn/docs/index.html" target="_blank"><i class="layui-icon layui-icon-read" style="font-size: 19px;"></i> 开发文档</a>\n' +
+                    '<a class="more-menu-item" href="https://github.com/zhongshaofa/layuimini" target="_blank"><i class="layui-icon layui-icon-tabs" style="font-size: 16px;"></i> 开源地址</a>\n' +
+                    '<a class="more-menu-item" href="http://layuimini.99php.cn" target="_blank"><i class="layui-icon layui-icon-theme"></i> 官方网站</a>\n' +
+                    '</div>' +
+                    '</div>';
+                layer.open({
+                    type: 1,
+                    title: false,
+                    closeBtn: 0,
+                    shade: 0.2,
+                    anim: 2,
+                    shadeClose: true,
+                    id: 'layuiminiBgColor',
+                    area: ['340px', clientHeight + 'px'],
+                    offset: 'rb',
+                    content: html,
+                    success: function (index, layero) {
+                    },
+                    end: function () {
+                        $('.layuimini-select-bgcolor').removeClass('layui-this');
+                    }
+                });
+                layer.close(loading);
+            });
+
+            $('body').on('click', '[data-select-bgcolor]', function () {
+                var bgcolorId = $(this).attr('data-select-bgcolor');
+                $('.layuimini-color .color-content ul .layui-this').attr('class', '');
+                $(this).attr('class', 'layui-this');
+                sessionStorage.setItem('layuiminiBgcolorId', bgcolorId);
+                miniTheme.render({
+                    bgColorDefault: bgcolorId,
+                    listen: false,
+                });
+            });
+        }
+    };
+
+    exports("miniTheme", miniTheme);
+
+})
+;

static/js/lay-module/layuimini/miniTongji.js

@@ -0,0 +1,40 @@
+/**
+ * date:2020/03/01
+ * author:Mr.Chung
+ * version:2.0
+ * description:layuimini 统计框架扩展
+ */
+layui.define(["jquery"], function (exports) {
+    var $ = layui.$;
+
+    var miniTongji = {
+
+        /**
+         * 初始化
+         * @param options
+         */
+        render: function (options) {
+            options.specific = options.specific || false;
+            options.domains = options.domains || [];
+            var domain = window.location.hostname;
+            if (options.specific === false || (options.specific === true && options.domains.indexOf(domain) >=0)) {
+                miniTongji.listen();
+            }
+        },
+
+        /**
+         * 监听统计代码
+         */
+        listen: function () {
+            var _hmt = _hmt || [];
+            (function () {
+                var hm = document.createElement("script");
+                hm.src = "https://hm.baidu.com/hm.js?d97abf6d61c21d773f97835defbdef4e";
+                var s = document.getElementsByTagName("script")[0];
+                s.parentNode.insertBefore(hm, s);
+            })();
+        }
+    };
+
+    exports("miniTongji", miniTongji);
+});

static/js/lay-module/step-lay/step.css

@@ -0,0 +1,79 @@
+.lay-step {
+    font-size: 0;
+    width: 400px;
+    margin: 0 auto;
+    max-width: 100%;
+    padding-left: 200px;
+}
+
+.step-item {
+    display: inline-block;
+    line-height: 26px;
+    position: relative;
+    font-size: 14px;
+}
+
+.step-item-tail {
+    width: 100%;
+    padding: 0 10px;
+    position: absolute;
+    left: 0;
+    top: 13px;
+}
+
+.step-item-tail i {
+    display: inline-block;
+    width: 100%;
+    height: 1px;
+    vertical-align: top;
+    background: #c2c2c2;
+    position: relative;
+}
+
+.step-item-tail .step-item-tail-done {
+    background: #009688;
+}
+
+.step-item-head {
+    position: relative;
+    display: inline-block;
+    height: 26px;
+    width: 26px;
+    text-align: center;
+    vertical-align: top;
+    color: #009688;
+    border: 1px solid #009688;
+    border-radius: 50%;
+    background: #ffffff;
+}
+
+.step-item-head.step-item-head-active {
+    background: #009688;
+    color: #ffffff;
+}
+
+.step-item-main {
+    display: block;
+    position: relative;
+    margin-left: -50%;
+    margin-right: 50%;
+    padding-left: 26px;
+    text-align: center;
+}
+
+.step-item-main-title {
+    font-weight: bolder;
+    color: #555555;
+}
+
+.step-item-main-desc {
+    color: #aaaaaa;
+}
+
+.lay-step + [carousel-item]:before {
+    display: none;
+}
+
+.lay-step + [carousel-item] > * {
+    background-color: transparent;
+}

static/js/lay-module/step-lay/step.js

@@ -0,0 +1,101 @@
+layui.define(['layer', 'carousel'], function (exports) {
+    var $ = layui.jquery;
+    var layer = layui.layer;
+    var carousel = layui.carousel;
+
+    // 添加步骤条dom节点
+    var renderDom = function (elem, stepItems, postion) {
+        var stepDiv = '<div class="lay-step">';
+        for (var i = 0; i < stepItems.length; i++) {
+            stepDiv += '<div class="step-item">';
+            // 线
+            if (i < (stepItems.length - 1)) {
+                if (i < postion) {
+                    stepDiv += '<div class="step-item-tail"><i class="step-item-tail-done"></i></div>';
+                } else {
+                    stepDiv += '<div class="step-item-tail"><i class=""></i></div>';
+                }
+            }
+
+            // 数字
+            var number = stepItems[i].number;
+            if (!number) {
+                number = i + 1;
+            }
+            if (i == postion) {
+                stepDiv += '<div class="step-item-head step-item-head-active"><i class="layui-icon">' + number + '</i></div>';
+            } else if (i < postion) {
+                stepDiv += '<div class="step-item-head"><i class="layui-icon layui-icon-ok"></i></div>';
+            } else {
+                stepDiv += '<div class="step-item-head "><i class="layui-icon">' + number + '</i></div>';
+            }
+
+            // 标题和描述
+            var title = stepItems[i].title;
+            var desc = stepItems[i].desc;
+            if (title || desc) {
+                stepDiv += '<div class="step-item-main">';
+                if (title) {
+                    stepDiv += '<div class="step-item-main-title">' + title + '</div>';
+                }
+                if (desc) {
+                    stepDiv += '<div class="step-item-main-desc">' + desc + '</div>';
+                }
+                stepDiv += '</div>';
+            }
+            stepDiv += '</div>';
+        }
+        stepDiv += '</div>';
+
+        $(elem).prepend(stepDiv);
+
+        // 计算每一个条目的宽度
+        var bfb = 100 / stepItems.length;
+        $('.step-item').css('width', bfb + '%');
+    };
+
+    var step = {
+        // 渲染步骤条
+        render: function (param) {
+            param.indicator = 'none';  // 不显示指示器
+            param.arrow = 'always';  // 始终显示箭头
+            param.autoplay = false;  // 关闭自动播放
+            if (!param.stepWidth) {
+                param.stepWidth = '400px';
+            }
+
+            // 渲染轮播图
+            carousel.render(param);
+
+            // 渲染步骤条
+            var stepItems = param.stepItems;
+            renderDom(param.elem, stepItems, 0);
+            $('.lay-step').css('width', param.stepWidth);
+
+            //监听轮播切换事件
+            carousel.on('change(' + param.filter + ')', function (obj) {
+                $(param.elem).find('.lay-step').remove();
+                renderDom(param.elem, stepItems, obj.index);
+                $('.lay-step').css('width', param.stepWidth);
+            });
+
+            // 隐藏左右箭头按钮
+            $(param.elem).find('.layui-carousel-arrow').css('display', 'none');
+
+            // 去掉轮播图的背景颜色
+            $(param.elem).css('background-color', 'transparent');
+        },
+        // 下一步
+        next: function (elem) {
+            $(elem).find('.layui-carousel-arrow[lay-type=add]').trigger('click');
+        },
+        // 上一步
+        pre: function (elem) {
+            $(elem).find('.layui-carousel-arrow[lay-type=sub]').trigger('click');
+        }
+    };
+
+    layui.link(layui.cache.base + 'step-lay/step.css');
+
+    exports('step', step);
+});

static/js/lay-module/tableSelect/tableSelect.js

@@ -0,0 +1,272 @@
+layui.define(['table', 'jquery', 'form'], function (exports) {
+    "use strict";
+
+    var MOD_NAME = 'tableSelect',
+        $ = layui.jquery,
+        table = layui.table,
+        form = layui.form;
+    var tableSelect = function () {
+        this.v = '1.1.0';
+    };
+
+    /**
+     * 初始化表格选择器
+     */
+    tableSelect.prototype.render = function (opt) {
+        var elem = $(opt.elem);
+        var tableDone = opt.table.done || function(){};
+
+        //默认设置
+        opt.searchKey = opt.searchKey || 'keyword';
+        opt.searchPlaceholder = opt.searchPlaceholder || '关键词搜索';
+        opt.checkedKey = opt.checkedKey;
+        opt.table.page = opt.table.page || true;
+        opt.table.height = opt.height || 315;
+
+        //最小宽度
+        opt.width = opt.width || '530';
+
+        //多搜索条件
+        opt.searchType = opt.searchType || 'one';
+        opt.searchList = opt.searchList || [{key: opt.searchKey, placeholder: opt.searchPlaceholder}];
+
+        elem.off('click').on('click', function(e) {
+            e.stopPropagation();
+
+            if($('div.tableSelect').length >= 1){
+                return false;
+            }
+
+            var t = elem.offset().top + elem.outerHeight()+"px";
+            var l = elem.offset().left +"px";
+            var tableName = "tableSelect_table_" + new Date().getTime();
+            var tableBox = '<div class="tableSelect layui-anim layui-anim-upbit" style="left:'+l+';top:'+t+';border: 1px solid #d2d2d2;background-color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.12);padding:10px 10px 0 10px;position: absolute;z-index:66666666;margin: 5px 0;border-radius: 2px;min-width:'+opt.width+'px;">';
+            tableBox += '<div class="tableSelectBar">';
+            tableBox += '<form class="layui-form" action="" style="display:inline-block;">';
+
+            //判断是否多搜索条件
+            if(opt.searchType == 'more'){
+                $.each(opt.searchList, function (index, item) {
+                    tableBox += '<input style="display:inline-block;width:190px;height:30px;vertical-align:middle;margin-right:-1px;border: 1px solid #C9C9C9;" type="text" name="'+item.searchKey+'" placeholder="'+item.searchPlaceholder+'" autocomplete="off" class="layui-input">';
+                });
+            }else{
+                tableBox += '<input style="display:inline-block;width:190px;height:30px;vertical-align:middle;margin-right:-1px;border: 1px solid #C9C9C9;" type="text" name="'+opt.searchKey+'" placeholder="'+opt.searchPlaceholder+'" autocomplete="off" class="layui-input">';
+            }
+
+            tableBox += '<button class="layui-btn layui-btn-sm layui-btn-primary tableSelect_btn_search" lay-submit lay-filter="tableSelect_btn_search"><i class="layui-icon layui-icon-search"></i></button>';
+            tableBox += '</form>';
+            tableBox += '<button style="float:right;" class="layui-btn layui-btn-sm tableSelect_btn_select">选择<span></span></button>';
+            tableBox += '</div>';
+            tableBox += '<table id="'+tableName+'" lay-filter="'+tableName+'"></table>';
+            tableBox += '</div>';
+            tableBox = $(tableBox);
+            $('body').append(tableBox);
+
+            //数据缓存
+            var checkedData = [];
+
+            //渲染TABLE
+            opt.table.elem = "#"+tableName;
+            opt.table.id = tableName;
+            opt.table.done = function(res, curr, count){
+                defaultChecked(res, curr, count);
+                setChecked(res, curr, count);
+                tableDone(res, curr, count);
+            };
+            var tableSelect_table = table.render(opt.table);
+
+            //分页选中保存数组
+            table.on('radio('+tableName+')', function(obj){
+                if(opt.checkedKey){
+                    checkedData = table.checkStatus(tableName).data
+                }
+                updataButton(table.checkStatus(tableName).data.length)
+            })
+            table.on('checkbox('+tableName+')', function(obj){
+                if(opt.checkedKey){
+                    if(obj.checked){
+                        for (var i=0;i<table.checkStatus(tableName).data.length;i++){
+                            checkedData.push(table.checkStatus(tableName).data[i])
+                        }
+                    }else{
+                        if(obj.type=='all'){
+                            for (var j=0;j<table.cache[tableName].length;j++) {
+                                for (var i=0;i<checkedData.length;i++){
+                                    if(checkedData[i][opt.checkedKey] == table.cache[tableName][j][opt.checkedKey]){
+                                        checkedData.splice(i,1)
+                                    }
+                                }
+                            }
+                        }else{
+                            //因为LAYUI问题，操作到变化全选状态时获取到的obj为空，这里用函数获取未选中的项。
+                            function nu (){
+                                var noCheckedKey = '';
+                                for (var i=0;i<table.cache[tableName].length;i++){
+                                    if(!table.cache[tableName][i].LAY_CHECKED){
+                                        noCheckedKey = table.cache[tableName][i][opt.checkedKey];
+                                    }
+                                }
+                                return noCheckedKey
+                            }
+                            var noCheckedKey = obj.data[opt.checkedKey] || nu();
+                            for (var i=0;i<checkedData.length;i++){
+                                if(checkedData[i][opt.checkedKey] == noCheckedKey){
+                                    checkedData.splice(i,1);
+                                }
+                            }
+                        }
+                    }
+                    checkedData = uniqueObjArray(checkedData, opt.checkedKey);
+                    updataButton(checkedData.length)
+                }else{
+                    updataButton(table.checkStatus(tableName).data.length)
+                }
+            });
+
+            //渲染表格后选中
+            function setChecked (res, curr, count) {
+                for(var i=0;i<res.data.length;i++){
+                    for (var j=0;j<checkedData.length;j++) {
+                        if(res.data[i][opt.checkedKey] == checkedData[j][opt.checkedKey]){
+                            res.data[i].LAY_CHECKED = true;
+                            var index= res.data[i]['LAY_TABLE_INDEX'];
+                            var checkbox = $('#'+tableName+'').next().find('tr[data-index=' + index + '] input[type="checkbox"]');
+                            checkbox.prop('checked', true).next().addClass('layui-form-checked');
+                            var radio  = $('#'+tableName+'').next().find('tr[data-index=' + index + '] input[type="radio"]');
+                            radio.prop('checked', true).next().addClass('layui-form-radioed').find("i").html('&#xe643;');
+                        }
+                    }
+                }
+                var checkStatus = table.checkStatus(tableName);
+                if(checkStatus.isAll){
+                    $('#'+tableName+'').next().find('.layui-table-header th[data-field="0"] input[type="checkbox"]').prop('checked', true);
+                    $('#'+tableName+'').next().find('.layui-table-header th[data-field="0"] input[type="checkbox"]').next().addClass('layui-form-checked');
+                }
+                updataButton(checkedData.length)
+            }
+
+            //写入默认选中值(puash checkedData)
+            function defaultChecked (res, curr, count){
+                if(opt.checkedKey && elem.attr('ts-selected')){
+                    var selected = elem.attr('ts-selected').split(",");
+                    for(var i=0;i<res.data.length;i++){
+                        for(var j=0;j<selected.length;j++){
+                            if(res.data[i][opt.checkedKey] == selected[j]){
+                                checkedData.push(res.data[i])
+                            }
+                        }
+                    }
+                    checkedData = uniqueObjArray(checkedData, opt.checkedKey);
+                }
+            }
+
+            //更新选中数量
+            function updataButton (n) {
+                tableBox.find('.tableSelect_btn_select span').html(n==0?'':'('+n+')')
+            }
+
+            //数组去重
+            function uniqueObjArray(arr, type){
+                var newArr = [];
+                var tArr = [];
+                if(arr.length == 0){
+                    return arr;
+                }else{
+                    if(type){
+                        for(var i=0;i<arr.length;i++){
+                            if(!tArr[arr[i][type]]){
+                                newArr.push(arr[i]);
+                                tArr[arr[i][type]] = true;
+                            }
+                        }
+                        return newArr;
+                    }else{
+                        for(var i=0;i<arr.length;i++){
+                            if(!tArr[arr[i]]){
+                                newArr.push(arr[i]);
+                                tArr[arr[i]] = true;
+                            }
+                        }
+                        return newArr;
+                    }
+                }
+            }
+
+            //FIX位置
+            var overHeight = (elem.offset().top + elem.outerHeight() + tableBox.outerHeight() - $(window).scrollTop()) > $(window).height();
+            var overWidth = (elem.offset().left + tableBox.outerWidth()) > $(window).width();
+            overHeight && tableBox.css({'top':'auto','bottom':'0px'});
+            overWidth && tableBox.css({'left':'auto','right':'5px'})
+
+            //关键词搜索
+            form.on('submit(tableSelect_btn_search)', function(data){
+                tableSelect_table.reload({
+                    where: data.field,
+                    page: {
+                        curr: 1
+                    }
+                });
+                return false;
+            });
+
+            //双击行选中
+            table.on('rowDouble('+tableName+')', function(obj){
+                var checkStatus = {data:[obj.data]};
+                selectDone(checkStatus);
+            })
+
+            //按钮选中
+            tableBox.find('.tableSelect_btn_select').on('click', function() {
+                var checkStatus = table.checkStatus(tableName);
+                if(checkedData.length > 1){
+                    checkStatus.data = checkedData;
+                }
+                selectDone(checkStatus);
+            })
+
+            //写值回调和关闭
+            function selectDone (checkStatus){
+                if(opt.checkedKey){
+                    var selected = [];
+                    for(var i=0;i<checkStatus.data.length;i++){
+                        selected.push(checkStatus.data[i][opt.checkedKey])
+                    }
+                    elem.attr("ts-selected",selected.join(","));
+                }
+                opt.done(elem, checkStatus);
+                tableBox.remove();
+                delete table.cache[tableName];
+                checkedData = [];
+            }
+
+            //点击其他区域关闭
+            $(document).mouseup(function(e){
+                var userSet_con = $(''+opt.elem+',.tableSelect');
+                if(!userSet_con.is(e.target) && userSet_con.has(e.target).length === 0){
+                    tableBox.remove();
+                    delete table.cache[tableName];
+                    checkedData = [];
+                }
+            });
+        })
+    }
+
+    /**
+     * 隐藏选择器
+     */
+    tableSelect.prototype.hide = function (opt) {
+        $('.tableSelect').remove();
+    }
+
+    //自动完成渲染
+    var tableSelect = new tableSelect();
+
+    //FIX 滚动时错位
+    if(window.top == window.self){
+        $(window).scroll(function () {
+            tableSelect.hide();
+        });
+    }
+
+    exports(MOD_NAME, tableSelect);
+})

static/js/lay-module/treetable-lay/treetable.css

@@ -0,0 +1,18 @@
+.treeTable-empty {
+    width: 20px;
+    display: inline-block;
+}
+
+.treeTable-icon {
+    cursor: pointer;
+}
+
+.treeTable-icon .layui-icon-triangle-d:before {
+    content: "\e623";
+}
+
+.treeTable-icon.open .layui-icon-triangle-d:before {
+    content: "\e625";
+    background-color: transparent;
+}
+

static/js/lay-module/treetable-lay/treetable.js

@@ -0,0 +1,206 @@
+layui.define(['layer', 'table'], function (exports) {
+    var $ = layui.jquery;
+    var layer = layui.layer;
+    var table = layui.table;
+
+    var treetable = {
+        // 渲染树形表格
+        render: function (param) {
+            // 检查参数
+            if (!treetable.checkParam(param)) {
+                return;
+            }
+            // 获取数据
+            if (param.data) {
+                treetable.init(param, param.data);
+            } else {
+                $.getJSON(param.url, param.where, function (res) {
+                    treetable.init(param, res.data);
+                });
+            }
+        },
+        // 渲染表格
+        init: function (param, data) {
+            var mData = [];
+            var doneCallback = param.done;
+            var tNodes = data;
+            // 补上id和pid字段
+            for (var i = 0; i < tNodes.length; i++) {
+                var tt = tNodes[i];
+                if (!tt.id) {
+                    if (!param.treeIdName) {
+                        layer.msg('参数treeIdName不能为空', {icon: 5});
+                        return;
+                    }
+                    tt.id = tt[param.treeIdName];
+                }
+                if (!tt.pid) {
+                    if (!param.treePidName) {
+                        layer.msg('参数treePidName不能为空', {icon: 5});
+                        return;
+                    }
+                    tt.pid = tt[param.treePidName];
+                }
+            }
+
+            // 对数据进行排序
+            var sort = function (s_pid, data) {
+                for (var i = 0; i < data.length; i++) {
+                    if (data[i].pid == s_pid) {
+                        var len = mData.length;
+                        if (len > 0 && mData[len - 1].id == s_pid) {
+                            mData[len - 1].isParent = true;
+                        }
+                        mData.push(data[i]);
+                        sort(data[i].id, data);
+                    }
+                }
+            };
+            sort(param.treeSpid, tNodes);
+
+            // 重写参数
+            param.url = undefined;
+            param.data = mData;
+            param.page = {
+                count: param.data.length,
+                limit: param.data.length
+            };
+            param.cols[0][param.treeColIndex].templet = function (d) {
+                var mId = d.id;
+                var mPid = d.pid;
+                var isDir = d.isParent;
+                var emptyNum = treetable.getEmptyNum(mPid, mData);
+                var iconHtml = '';
+                for (var i = 0; i < emptyNum; i++) {
+                    iconHtml += '<span class="treeTable-empty"></span>';
+                }
+                if (isDir) {
+                    iconHtml += '<i class="layui-icon layui-icon-triangle-d"></i> <i class="layui-icon layui-icon-layer"></i>';
+                } else {
+                    iconHtml += '<i class="layui-icon layui-icon-file"></i>';
+                }
+                iconHtml += '&nbsp;&nbsp;';
+                var ttype = isDir ? 'dir' : 'file';
+                var vg = '<span class="treeTable-icon open" lay-tid="' + mId + '" lay-tpid="' + mPid + '" lay-ttype="' + ttype + '">';
+                return vg + iconHtml + d[param.cols[0][param.treeColIndex].field] + '</span>'
+            };
+
+            param.done = function (res, curr, count) {
+                $(param.elem).next().addClass('treeTable');
+                $('.treeTable .layui-table-page').css('display', 'none');
+                $(param.elem).next().attr('treeLinkage', param.treeLinkage);
+                // 绑定事件换成对body绑定
+                /*$('.treeTable .treeTable-icon').click(function () {
+                    treetable.toggleRows($(this), param.treeLinkage);
+                });*/
+                if (param.treeDefaultClose) {
+                    treetable.foldAll(param.elem);
+                }
+                if (doneCallback) {
+                    doneCallback(res, curr, count);
+                }
+            };
+
+            // 渲染表格
+            table.render(param);
+        },
+        // 计算缩进的数量
+        getEmptyNum: function (pid, data) {
+            var num = 0;
+            if (!pid) {
+                return num;
+            }
+            var tPid;
+            for (var i = 0; i < data.length; i++) {
+                if (pid == data[i].id) {
+                    num += 1;
+                    tPid = data[i].pid;
+                    break;
+                }
+            }
+            return num + treetable.getEmptyNum(tPid, data);
+        },
+        // 展开/折叠行
+        toggleRows: function ($dom, linkage) {
+            var type = $dom.attr('lay-ttype');
+            if ('file' == type) {
+                return;
+            }
+            var mId = $dom.attr('lay-tid');
+            var isOpen = $dom.hasClass('open');
+            if (isOpen) {
+                $dom.removeClass('open');
+            } else {
+                $dom.addClass('open');
+            }
+            $dom.closest('tbody').find('tr').each(function () {
+                var $ti = $(this).find('.treeTable-icon');
+                var pid = $ti.attr('lay-tpid');
+                var ttype = $ti.attr('lay-ttype');
+                var tOpen = $ti.hasClass('open');
+                if (mId == pid) {
+                    if (isOpen) {
+                        $(this).hide();
+                        if ('dir' == ttype && tOpen == isOpen) {
+                            $ti.trigger('click');
+                        }
+                    } else {
+                        $(this).show();
+                        if (linkage && 'dir' == ttype && tOpen == isOpen) {
+                            $ti.trigger('click');
+                        }
+                    }
+                }
+            });
+        },
+        // 检查参数
+        checkParam: function (param) {
+            if (!param.treeSpid && param.treeSpid != 0) {
+                layer.msg('参数treeSpid不能为空', {icon: 5});
+                return false;
+            }
+
+            if (!param.treeColIndex && param.treeColIndex != 0) {
+                layer.msg('参数treeColIndex不能为空', {icon: 5});
+                return false;
+            }
+            return true;
+        },
+        // 展开所有
+        expandAll: function (dom) {
+            $(dom).next('.treeTable').find('.layui-table-body tbody tr').each(function () {
+                var $ti = $(this).find('.treeTable-icon');
+                var ttype = $ti.attr('lay-ttype');
+                var tOpen = $ti.hasClass('open');
+                if ('dir' == ttype && !tOpen) {
+                    $ti.trigger('click');
+                }
+            });
+        },
+        // 折叠所有
+        foldAll: function (dom) {
+            $(dom).next('.treeTable').find('.layui-table-body tbody tr').each(function () {
+                var $ti = $(this).find('.treeTable-icon');
+                var ttype = $ti.attr('lay-ttype');
+                var tOpen = $ti.hasClass('open');
+                if ('dir' == ttype && tOpen) {
+                    $ti.trigger('click');
+                }
+            });
+        }
+    };
+
+    layui.link(layui.cache.base + 'treetable-lay/treetable.css');
+
+    // 给图标列绑定事件
+    $('body').on('click', '.treeTable .treeTable-icon', function () {
+        var treeLinkage = $(this).parents('.treeTable').attr('treeLinkage');
+        if ('true' == treeLinkage) {
+            treetable.toggleRows($(this), true);
+        } else {
+            treetable.toggleRows($(this), false);
+        }
+    });
+
+    exports('treetable', treetable);
+});

static/lib/font-awesome-4.7.0/HELP-US-OUT.txt

@@ -0,0 +1,7 @@
+I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
+Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
+comprehensive icon sets or copy and paste your own.
+
+Please. Check it out.
+
+-Dave Gandy

static/lib/font-awesome-4.7.0/less/animated.less

@@ -0,0 +1,34 @@
+// Animated Icons
+// --------------------------
+
+.@{fa-css-prefix}-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+          animation: fa-spin 2s infinite linear;
+}
+
+.@{fa-css-prefix}-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+          animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}

static/lib/font-awesome-4.7.0/less/bordered-pulled.less

@@ -0,0 +1,25 @@
+// Bordered & Pulled
+// -------------------------
+
+.@{fa-css-prefix}-border {
+  padding: .2em .25em .15em;
+  border: solid .08em @fa-border-color;
+  border-radius: .1em;
+}
+
+.@{fa-css-prefix}-pull-left { float: left; }
+.@{fa-css-prefix}-pull-right { float: right; }
+
+.@{fa-css-prefix} {
+  &.@{fa-css-prefix}-pull-left { margin-right: .3em; }
+  &.@{fa-css-prefix}-pull-right { margin-left: .3em; }
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.@{fa-css-prefix} {
+  &.pull-left { margin-right: .3em; }
+  &.pull-right { margin-left: .3em; }
+}

static/lib/font-awesome-4.7.0/less/core.less

@@ -0,0 +1,12 @@
+// Base Class Definition
+// -------------------------
+
+.@{fa-css-prefix} {
+  display: inline-block;
+  font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}

static/lib/font-awesome-4.7.0/less/fixed-width.less

@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.@{fa-css-prefix}-fw {
+  width: (18em / 14);
+  text-align: center;
+}

static/lib/font-awesome-4.7.0/less/font-awesome.less

@@ -0,0 +1,18 @@
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@import "variables.less";
+@import "mixins.less";
+@import "path.less";
+@import "core.less";
+@import "larger.less";
+@import "fixed-width.less";
+@import "list.less";
+@import "bordered-pulled.less";
+@import "animated.less";
+@import "rotated-flipped.less";
+@import "stacked.less";
+@import "icons.less";
+@import "screen-reader.less";

static/lib/font-awesome-4.7.0/less/icons.less

@@ -0,0 +1,789 @@
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+
+.@{fa-css-prefix}-glass:before { content: @fa-var-glass; }
+.@{fa-css-prefix}-music:before { content: @fa-var-music; }
+.@{fa-css-prefix}-search:before { content: @fa-var-search; }
+.@{fa-css-prefix}-envelope-o:before { content: @fa-var-envelope-o; }
+.@{fa-css-prefix}-heart:before { content: @fa-var-heart; }
+.@{fa-css-prefix}-star:before { content: @fa-var-star; }
+.@{fa-css-prefix}-star-o:before { content: @fa-var-star-o; }
+.@{fa-css-prefix}-user:before { content: @fa-var-user; }
+.@{fa-css-prefix}-film:before { content: @fa-var-film; }
+.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; }
+.@{fa-css-prefix}-th:before { content: @fa-var-th; }
+.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; }
+.@{fa-css-prefix}-check:before { content: @fa-var-check; }
+.@{fa-css-prefix}-remove:before,
+.@{fa-css-prefix}-close:before,
+.@{fa-css-prefix}-times:before { content: @fa-var-times; }
+.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; }
+.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; }
+.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; }
+.@{fa-css-prefix}-signal:before { content: @fa-var-signal; }
+.@{fa-css-prefix}-gear:before,
+.@{fa-css-prefix}-cog:before { content: @fa-var-cog; }
+.@{fa-css-prefix}-trash-o:before { content: @fa-var-trash-o; }
+.@{fa-css-prefix}-home:before { content: @fa-var-home; }
+.@{fa-css-prefix}-file-o:before { content: @fa-var-file-o; }
+.@{fa-css-prefix}-clock-o:before { content: @fa-var-clock-o; }
+.@{fa-css-prefix}-road:before { content: @fa-var-road; }
+.@{fa-css-prefix}-download:before { content: @fa-var-download; }
+.@{fa-css-prefix}-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; }
+.@{fa-css-prefix}-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; }
+.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; }
+.@{fa-css-prefix}-play-circle-o:before { content: @fa-var-play-circle-o; }
+.@{fa-css-prefix}-rotate-right:before,
+.@{fa-css-prefix}-repeat:before { content: @fa-var-repeat; }
+.@{fa-css-prefix}-refresh:before { content: @fa-var-refresh; }
+.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; }
+.@{fa-css-prefix}-lock:before { content: @fa-var-lock; }
+.@{fa-css-prefix}-flag:before { content: @fa-var-flag; }
+.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; }
+.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; }
+.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; }
+.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; }
+.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; }
+.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; }
+.@{fa-css-prefix}-tag:before { content: @fa-var-tag; }
+.@{fa-css-prefix}-tags:before { content: @fa-var-tags; }
+.@{fa-css-prefix}-book:before { content: @fa-var-book; }
+.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; }
+.@{fa-css-prefix}-print:before { content: @fa-var-print; }
+.@{fa-css-prefix}-camera:before { content: @fa-var-camera; }
+.@{fa-css-prefix}-font:before { content: @fa-var-font; }
+.@{fa-css-prefix}-bold:before { content: @fa-var-bold; }
+.@{fa-css-prefix}-italic:before { content: @fa-var-italic; }
+.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; }
+.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; }
+.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; }
+.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; }
+.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; }
+.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; }
+.@{fa-css-prefix}-list:before { content: @fa-var-list; }
+.@{fa-css-prefix}-dedent:before,
+.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; }
+.@{fa-css-prefix}-indent:before { content: @fa-var-indent; }
+.@{fa-css-prefix}-video-camera:before { content: @fa-var-video-camera; }
+.@{fa-css-prefix}-photo:before,
+.@{fa-css-prefix}-image:before,
+.@{fa-css-prefix}-picture-o:before { content: @fa-var-picture-o; }
+.@{fa-css-prefix}-pencil:before { content: @fa-var-pencil; }
+.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; }
+.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; }
+.@{fa-css-prefix}-tint:before { content: @fa-var-tint; }
+.@{fa-css-prefix}-edit:before,
+.@{fa-css-prefix}-pencil-square-o:before { content: @fa-var-pencil-square-o; }
+.@{fa-css-prefix}-share-square-o:before { content: @fa-var-share-square-o; }
+.@{fa-css-prefix}-check-square-o:before { content: @fa-var-check-square-o; }
+.@{fa-css-prefix}-arrows:before { content: @fa-var-arrows; }
+.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; }
+.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; }
+.@{fa-css-prefix}-backward:before { content: @fa-var-backward; }
+.@{fa-css-prefix}-play:before { content: @fa-var-play; }
+.@{fa-css-prefix}-pause:before { content: @fa-var-pause; }
+.@{fa-css-prefix}-stop:before { content: @fa-var-stop; }
+.@{fa-css-prefix}-forward:before { content: @fa-var-forward; }
+.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; }
+.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; }
+.@{fa-css-prefix}-eject:before { content: @fa-var-eject; }
+.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; }
+.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; }
+.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; }
+.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; }
+.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; }
+.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; }
+.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; }
+.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; }
+.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; }
+.@{fa-css-prefix}-times-circle-o:before { content: @fa-var-times-circle-o; }
+.@{fa-css-prefix}-check-circle-o:before { content: @fa-var-check-circle-o; }
+.@{fa-css-prefix}-ban:before { content: @fa-var-ban; }
+.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; }
+.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; }
+.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; }
+.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; }
+.@{fa-css-prefix}-mail-forward:before,
+.@{fa-css-prefix}-share:before { content: @fa-var-share; }
+.@{fa-css-prefix}-expand:before { content: @fa-var-expand; }
+.@{fa-css-prefix}-compress:before { content: @fa-var-compress; }
+.@{fa-css-prefix}-plus:before { content: @fa-var-plus; }
+.@{fa-css-prefix}-minus:before { content: @fa-var-minus; }
+.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; }
+.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; }
+.@{fa-css-prefix}-gift:before { content: @fa-var-gift; }
+.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; }
+.@{fa-css-prefix}-fire:before { content: @fa-var-fire; }
+.@{fa-css-prefix}-eye:before { content: @fa-var-eye; }
+.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; }
+.@{fa-css-prefix}-warning:before,
+.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }
+.@{fa-css-prefix}-plane:before { content: @fa-var-plane; }
+.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; }
+.@{fa-css-prefix}-random:before { content: @fa-var-random; }
+.@{fa-css-prefix}-comment:before { content: @fa-var-comment; }
+.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; }
+.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; }
+.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; }
+.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; }
+.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; }
+.@{fa-css-prefix}-folder:before { content: @fa-var-folder; }
+.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; }
+.@{fa-css-prefix}-arrows-v:before { content: @fa-var-arrows-v; }
+.@{fa-css-prefix}-arrows-h:before { content: @fa-var-arrows-h; }
+.@{fa-css-prefix}-bar-chart-o:before,
+.@{fa-css-prefix}-bar-chart:before { content: @fa-var-bar-chart; }
+.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; }
+.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; }
+.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; }
+.@{fa-css-prefix}-key:before { content: @fa-var-key; }
+.@{fa-css-prefix}-gears:before,
+.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; }
+.@{fa-css-prefix}-comments:before { content: @fa-var-comments; }
+.@{fa-css-prefix}-thumbs-o-up:before { content: @fa-var-thumbs-o-up; }
+.@{fa-css-prefix}-thumbs-o-down:before { content: @fa-var-thumbs-o-down; }
+.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; }
+.@{fa-css-prefix}-heart-o:before { content: @fa-var-heart-o; }
+.@{fa-css-prefix}-sign-out:before { content: @fa-var-sign-out; }
+.@{fa-css-prefix}-linkedin-square:before { content: @fa-var-linkedin-square; }
+.@{fa-css-prefix}-thumb-tack:before { content: @fa-var-thumb-tack; }
+.@{fa-css-prefix}-external-link:before { content: @fa-var-external-link; }
+.@{fa-css-prefix}-sign-in:before { content: @fa-var-sign-in; }
+.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; }
+.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; }
+.@{fa-css-prefix}-upload:before { content: @fa-var-upload; }
+.@{fa-css-prefix}-lemon-o:before { content: @fa-var-lemon-o; }
+.@{fa-css-prefix}-phone:before { content: @fa-var-phone; }
+.@{fa-css-prefix}-square-o:before { content: @fa-var-square-o; }
+.@{fa-css-prefix}-bookmark-o:before { content: @fa-var-bookmark-o; }
+.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; }
+.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }
+.@{fa-css-prefix}-facebook-f:before,
+.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }
+.@{fa-css-prefix}-github:before { content: @fa-var-github; }
+.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; }
+.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; }
+.@{fa-css-prefix}-feed:before,
+.@{fa-css-prefix}-rss:before { content: @fa-var-rss; }
+.@{fa-css-prefix}-hdd-o:before { content: @fa-var-hdd-o; }
+.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; }
+.@{fa-css-prefix}-bell:before { content: @fa-var-bell; }
+.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; }
+.@{fa-css-prefix}-hand-o-right:before { content: @fa-var-hand-o-right; }
+.@{fa-css-prefix}-hand-o-left:before { content: @fa-var-hand-o-left; }
+.@{fa-css-prefix}-hand-o-up:before { content: @fa-var-hand-o-up; }
+.@{fa-css-prefix}-hand-o-down:before { content: @fa-var-hand-o-down; }
+.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; }
+.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; }
+.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; }
+.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; }
+.@{fa-css-prefix}-globe:before { content: @fa-var-globe; }
+.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; }
+.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; }
+.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }
+.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }
+.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; }
+.@{fa-css-prefix}-group:before,
+.@{fa-css-prefix}-users:before { content: @fa-var-users; }
+.@{fa-css-prefix}-chain:before,
+.@{fa-css-prefix}-link:before { content: @fa-var-link; }
+.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; }
+.@{fa-css-prefix}-flask:before { content: @fa-var-flask; }
+.@{fa-css-prefix}-cut:before,
+.@{fa-css-prefix}-scissors:before { content: @fa-var-scissors; }
+.@{fa-css-prefix}-copy:before,
+.@{fa-css-prefix}-files-o:before { content: @fa-var-files-o; }
+.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; }
+.@{fa-css-prefix}-save:before,
+.@{fa-css-prefix}-floppy-o:before { content: @fa-var-floppy-o; }
+.@{fa-css-prefix}-square:before { content: @fa-var-square; }
+.@{fa-css-prefix}-navicon:before,
+.@{fa-css-prefix}-reorder:before,
+.@{fa-css-prefix}-bars:before { content: @fa-var-bars; }
+.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; }
+.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; }
+.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; }
+.@{fa-css-prefix}-underline:before { content: @fa-var-underline; }
+.@{fa-css-prefix}-table:before { content: @fa-var-table; }
+.@{fa-css-prefix}-magic:before { content: @fa-var-magic; }
+.@{fa-css-prefix}-truck:before { content: @fa-var-truck; }
+.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; }
+.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; }
+.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; }
+.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; }
+.@{fa-css-prefix}-money:before { content: @fa-var-money; }
+.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; }
+.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; }
+.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; }
+.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; }
+.@{fa-css-prefix}-columns:before { content: @fa-var-columns; }
+.@{fa-css-prefix}-unsorted:before,
+.@{fa-css-prefix}-sort:before { content: @fa-var-sort; }
+.@{fa-css-prefix}-sort-down:before,
+.@{fa-css-prefix}-sort-desc:before { content: @fa-var-sort-desc; }
+.@{fa-css-prefix}-sort-up:before,
+.@{fa-css-prefix}-sort-asc:before { content: @fa-var-sort-asc; }
+.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; }
+.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }
+.@{fa-css-prefix}-rotate-left:before,
+.@{fa-css-prefix}-undo:before { content: @fa-var-undo; }
+.@{fa-css-prefix}-legal:before,
+.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; }
+.@{fa-css-prefix}-dashboard:before,
+.@{fa-css-prefix}-tachometer:before { content: @fa-var-tachometer; }
+.@{fa-css-prefix}-comment-o:before { content: @fa-var-comment-o; }
+.@{fa-css-prefix}-comments-o:before { content: @fa-var-comments-o; }
+.@{fa-css-prefix}-flash:before,
+.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; }
+.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; }
+.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; }
+.@{fa-css-prefix}-paste:before,
+.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; }
+.@{fa-css-prefix}-lightbulb-o:before { content: @fa-var-lightbulb-o; }
+.@{fa-css-prefix}-exchange:before { content: @fa-var-exchange; }
+.@{fa-css-prefix}-cloud-download:before { content: @fa-var-cloud-download; }
+.@{fa-css-prefix}-cloud-upload:before { content: @fa-var-cloud-upload; }
+.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; }
+.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; }
+.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; }
+.@{fa-css-prefix}-bell-o:before { content: @fa-var-bell-o; }
+.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; }
+.@{fa-css-prefix}-cutlery:before { content: @fa-var-cutlery; }
+.@{fa-css-prefix}-file-text-o:before { content: @fa-var-file-text-o; }
+.@{fa-css-prefix}-building-o:before { content: @fa-var-building-o; }
+.@{fa-css-prefix}-hospital-o:before { content: @fa-var-hospital-o; }
+.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; }
+.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; }
+.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; }
+.@{fa-css-prefix}-beer:before { content: @fa-var-beer; }
+.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; }
+.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; }
+.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; }
+.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; }
+.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; }
+.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; }
+.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; }
+.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; }
+.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; }
+.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; }
+.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; }
+.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; }
+.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; }
+.@{fa-css-prefix}-mobile-phone:before,
+.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; }
+.@{fa-css-prefix}-circle-o:before { content: @fa-var-circle-o; }
+.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; }
+.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; }
+.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; }
+.@{fa-css-prefix}-circle:before { content: @fa-var-circle; }
+.@{fa-css-prefix}-mail-reply:before,
+.@{fa-css-prefix}-reply:before { content: @fa-var-reply; }
+.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; }
+.@{fa-css-prefix}-folder-o:before { content: @fa-var-folder-o; }
+.@{fa-css-prefix}-folder-open-o:before { content: @fa-var-folder-open-o; }
+.@{fa-css-prefix}-smile-o:before { content: @fa-var-smile-o; }
+.@{fa-css-prefix}-frown-o:before { content: @fa-var-frown-o; }
+.@{fa-css-prefix}-meh-o:before { content: @fa-var-meh-o; }
+.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; }
+.@{fa-css-prefix}-keyboard-o:before { content: @fa-var-keyboard-o; }
+.@{fa-css-prefix}-flag-o:before { content: @fa-var-flag-o; }
+.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; }
+.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; }
+.@{fa-css-prefix}-code:before { content: @fa-var-code; }
+.@{fa-css-prefix}-mail-reply-all:before,
+.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; }
+.@{fa-css-prefix}-star-half-empty:before,
+.@{fa-css-prefix}-star-half-full:before,
+.@{fa-css-prefix}-star-half-o:before { content: @fa-var-star-half-o; }
+.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; }
+.@{fa-css-prefix}-crop:before { content: @fa-var-crop; }
+.@{fa-css-prefix}-code-fork:before { content: @fa-var-code-fork; }
+.@{fa-css-prefix}-unlink:before,
+.@{fa-css-prefix}-chain-broken:before { content: @fa-var-chain-broken; }
+.@{fa-css-prefix}-question:before { content: @fa-var-question; }
+.@{fa-css-prefix}-info:before { content: @fa-var-info; }
+.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; }
+.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; }
+.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; }
+.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; }
+.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; }
+.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; }
+.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; }
+.@{fa-css-prefix}-shield:before { content: @fa-var-shield; }
+.@{fa-css-prefix}-calendar-o:before { content: @fa-var-calendar-o; }
+.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }
+.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; }
+.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; }
+.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; }
+.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; }
+.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; }
+.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }
+.@{fa-css-prefix}-html5:before { content: @fa-var-html5; }
+.@{fa-css-prefix}-css3:before { content: @fa-var-css3; }
+.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; }
+.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; }
+.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }
+.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; }
+.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; }
+.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; }
+.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; }
+.@{fa-css-prefix}-ticket:before { content: @fa-var-ticket; }
+.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; }
+.@{fa-css-prefix}-minus-square-o:before { content: @fa-var-minus-square-o; }
+.@{fa-css-prefix}-level-up:before { content: @fa-var-level-up; }
+.@{fa-css-prefix}-level-down:before { content: @fa-var-level-down; }
+.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; }
+.@{fa-css-prefix}-pencil-square:before { content: @fa-var-pencil-square; }
+.@{fa-css-prefix}-external-link-square:before { content: @fa-var-external-link-square; }
+.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; }
+.@{fa-css-prefix}-compass:before { content: @fa-var-compass; }
+.@{fa-css-prefix}-toggle-down:before,
+.@{fa-css-prefix}-caret-square-o-down:before { content: @fa-var-caret-square-o-down; }
+.@{fa-css-prefix}-toggle-up:before,
+.@{fa-css-prefix}-caret-square-o-up:before { content: @fa-var-caret-square-o-up; }
+.@{fa-css-prefix}-toggle-right:before,
+.@{fa-css-prefix}-caret-square-o-right:before { content: @fa-var-caret-square-o-right; }
+.@{fa-css-prefix}-euro:before,
+.@{fa-css-prefix}-eur:before { content: @fa-var-eur; }
+.@{fa-css-prefix}-gbp:before { content: @fa-var-gbp; }
+.@{fa-css-prefix}-dollar:before,
+.@{fa-css-prefix}-usd:before { content: @fa-var-usd; }
+.@{fa-css-prefix}-rupee:before,
+.@{fa-css-prefix}-inr:before { content: @fa-var-inr; }
+.@{fa-css-prefix}-cny:before,
+.@{fa-css-prefix}-rmb:before,
+.@{fa-css-prefix}-yen:before,
+.@{fa-css-prefix}-jpy:before { content: @fa-var-jpy; }
+.@{fa-css-prefix}-ruble:before,
+.@{fa-css-prefix}-rouble:before,
+.@{fa-css-prefix}-rub:before { content: @fa-var-rub; }
+.@{fa-css-prefix}-won:before,
+.@{fa-css-prefix}-krw:before { content: @fa-var-krw; }
+.@{fa-css-prefix}-bitcoin:before,
+.@{fa-css-prefix}-btc:before { content: @fa-var-btc; }
+.@{fa-css-prefix}-file:before { content: @fa-var-file; }
+.@{fa-css-prefix}-file-text:before { content: @fa-var-file-text; }
+.@{fa-css-prefix}-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; }
+.@{fa-css-prefix}-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; }
+.@{fa-css-prefix}-sort-amount-asc:before { content: @fa-var-sort-amount-asc; }
+.@{fa-css-prefix}-sort-amount-desc:before { content: @fa-var-sort-amount-desc; }
+.@{fa-css-prefix}-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; }
+.@{fa-css-prefix}-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; }
+.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; }
+.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; }
+.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; }
+.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; }
+.@{fa-css-prefix}-xing:before { content: @fa-var-xing; }
+.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; }
+.@{fa-css-prefix}-youtube-play:before { content: @fa-var-youtube-play; }
+.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; }
+.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; }
+.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; }
+.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; }
+.@{fa-css-prefix}-adn:before { content: @fa-var-adn; }
+.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; }
+.@{fa-css-prefix}-bitbucket-square:before { content: @fa-var-bitbucket-square; }
+.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; }
+.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; }
+.@{fa-css-prefix}-long-arrow-down:before { content: @fa-var-long-arrow-down; }
+.@{fa-css-prefix}-long-arrow-up:before { content: @fa-var-long-arrow-up; }
+.@{fa-css-prefix}-long-arrow-left:before { content: @fa-var-long-arrow-left; }
+.@{fa-css-prefix}-long-arrow-right:before { content: @fa-var-long-arrow-right; }
+.@{fa-css-prefix}-apple:before { content: @fa-var-apple; }
+.@{fa-css-prefix}-windows:before { content: @fa-var-windows; }
+.@{fa-css-prefix}-android:before { content: @fa-var-android; }
+.@{fa-css-prefix}-linux:before { content: @fa-var-linux; }
+.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; }
+.@{fa-css-prefix}-skype:before { content: @fa-var-skype; }
+.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; }
+.@{fa-css-prefix}-trello:before { content: @fa-var-trello; }
+.@{fa-css-prefix}-female:before { content: @fa-var-female; }
+.@{fa-css-prefix}-male:before { content: @fa-var-male; }
+.@{fa-css-prefix}-gittip:before,
+.@{fa-css-prefix}-gratipay:before { content: @fa-var-gratipay; }
+.@{fa-css-prefix}-sun-o:before { content: @fa-var-sun-o; }
+.@{fa-css-prefix}-moon-o:before { content: @fa-var-moon-o; }
+.@{fa-css-prefix}-archive:before { content: @fa-var-archive; }
+.@{fa-css-prefix}-bug:before { content: @fa-var-bug; }
+.@{fa-css-prefix}-vk:before { content: @fa-var-vk; }
+.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; }
+.@{fa-css-prefix}-renren:before { content: @fa-var-renren; }
+.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; }
+.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; }
+.@{fa-css-prefix}-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; }
+.@{fa-css-prefix}-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; }
+.@{fa-css-prefix}-toggle-left:before,
+.@{fa-css-prefix}-caret-square-o-left:before { content: @fa-var-caret-square-o-left; }
+.@{fa-css-prefix}-dot-circle-o:before { content: @fa-var-dot-circle-o; }
+.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; }
+.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; }
+.@{fa-css-prefix}-turkish-lira:before,
+.@{fa-css-prefix}-try:before { content: @fa-var-try; }
+.@{fa-css-prefix}-plus-square-o:before { content: @fa-var-plus-square-o; }
+.@{fa-css-prefix}-space-shuttle:before { content: @fa-var-space-shuttle; }
+.@{fa-css-prefix}-slack:before { content: @fa-var-slack; }
+.@{fa-css-prefix}-envelope-square:before { content: @fa-var-envelope-square; }
+.@{fa-css-prefix}-wordpress:before { content: @fa-var-wordpress; }
+.@{fa-css-prefix}-openid:before { content: @fa-var-openid; }
+.@{fa-css-prefix}-institution:before,
+.@{fa-css-prefix}-bank:before,
+.@{fa-css-prefix}-university:before { content: @fa-var-university; }
+.@{fa-css-prefix}-mortar-board:before,
+.@{fa-css-prefix}-graduation-cap:before { content: @fa-var-graduation-cap; }
+.@{fa-css-prefix}-yahoo:before { content: @fa-var-yahoo; }
+.@{fa-css-prefix}-google:before { content: @fa-var-google; }
+.@{fa-css-prefix}-reddit:before { content: @fa-var-reddit; }
+.@{fa-css-prefix}-reddit-square:before { content: @fa-var-reddit-square; }
+.@{fa-css-prefix}-stumbleupon-circle:before { content: @fa-var-stumbleupon-circle; }
+.@{fa-css-prefix}-stumbleupon:before { content: @fa-var-stumbleupon; }
+.@{fa-css-prefix}-delicious:before { content: @fa-var-delicious; }
+.@{fa-css-prefix}-digg:before { content: @fa-var-digg; }
+.@{fa-css-prefix}-pied-piper-pp:before { content: @fa-var-pied-piper-pp; }
+.@{fa-css-prefix}-pied-piper-alt:before { content: @fa-var-pied-piper-alt; }
+.@{fa-css-prefix}-drupal:before { content: @fa-var-drupal; }
+.@{fa-css-prefix}-joomla:before { content: @fa-var-joomla; }
+.@{fa-css-prefix}-language:before { content: @fa-var-language; }
+.@{fa-css-prefix}-fax:before { content: @fa-var-fax; }
+.@{fa-css-prefix}-building:before { content: @fa-var-building; }
+.@{fa-css-prefix}-child:before { content: @fa-var-child; }
+.@{fa-css-prefix}-paw:before { content: @fa-var-paw; }
+.@{fa-css-prefix}-spoon:before { content: @fa-var-spoon; }
+.@{fa-css-prefix}-cube:before { content: @fa-var-cube; }
+.@{fa-css-prefix}-cubes:before { content: @fa-var-cubes; }
+.@{fa-css-prefix}-behance:before { content: @fa-var-behance; }
+.@{fa-css-prefix}-behance-square:before { content: @fa-var-behance-square; }
+.@{fa-css-prefix}-steam:before { content: @fa-var-steam; }
+.@{fa-css-prefix}-steam-square:before { content: @fa-var-steam-square; }
+.@{fa-css-prefix}-recycle:before { content: @fa-var-recycle; }
+.@{fa-css-prefix}-automobile:before,
+.@{fa-css-prefix}-car:before { content: @fa-var-car; }
+.@{fa-css-prefix}-cab:before,
+.@{fa-css-prefix}-taxi:before { content: @fa-var-taxi; }
+.@{fa-css-prefix}-tree:before { content: @fa-var-tree; }
+.@{fa-css-prefix}-spotify:before { content: @fa-var-spotify; }
+.@{fa-css-prefix}-deviantart:before { content: @fa-var-deviantart; }
+.@{fa-css-prefix}-soundcloud:before { content: @fa-var-soundcloud; }
+.@{fa-css-prefix}-database:before { content: @fa-var-database; }
+.@{fa-css-prefix}-file-pdf-o:before { content: @fa-var-file-pdf-o; }
+.@{fa-css-prefix}-file-word-o:before { content: @fa-var-file-word-o; }
+.@{fa-css-prefix}-file-excel-o:before { content: @fa-var-file-excel-o; }
+.@{fa-css-prefix}-file-powerpoint-o:before { content: @fa-var-file-powerpoint-o; }
+.@{fa-css-prefix}-file-photo-o:before,
+.@{fa-css-prefix}-file-picture-o:before,
+.@{fa-css-prefix}-file-image-o:before { content: @fa-var-file-image-o; }
+.@{fa-css-prefix}-file-zip-o:before,
+.@{fa-css-prefix}-file-archive-o:before { content: @fa-var-file-archive-o; }
+.@{fa-css-prefix}-file-sound-o:before,
+.@{fa-css-prefix}-file-audio-o:before { content: @fa-var-file-audio-o; }
+.@{fa-css-prefix}-file-movie-o:before,
+.@{fa-css-prefix}-file-video-o:before { content: @fa-var-file-video-o; }
+.@{fa-css-prefix}-file-code-o:before { content: @fa-var-file-code-o; }
+.@{fa-css-prefix}-vine:before { content: @fa-var-vine; }
+.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; }
+.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; }
+.@{fa-css-prefix}-life-bouy:before,
+.@{fa-css-prefix}-life-buoy:before,
+.@{fa-css-prefix}-life-saver:before,
+.@{fa-css-prefix}-support:before,
+.@{fa-css-prefix}-life-ring:before { content: @fa-var-life-ring; }
+.@{fa-css-prefix}-circle-o-notch:before { content: @fa-var-circle-o-notch; }
+.@{fa-css-prefix}-ra:before,
+.@{fa-css-prefix}-resistance:before,
+.@{fa-css-prefix}-rebel:before { content: @fa-var-rebel; }
+.@{fa-css-prefix}-ge:before,
+.@{fa-css-prefix}-empire:before { content: @fa-var-empire; }
+.@{fa-css-prefix}-git-square:before { content: @fa-var-git-square; }
+.@{fa-css-prefix}-git:before { content: @fa-var-git; }
+.@{fa-css-prefix}-y-combinator-square:before,
+.@{fa-css-prefix}-yc-square:before,
+.@{fa-css-prefix}-hacker-news:before { content: @fa-var-hacker-news; }
+.@{fa-css-prefix}-tencent-weibo:before { content: @fa-var-tencent-weibo; }
+.@{fa-css-prefix}-qq:before { content: @fa-var-qq; }
+.@{fa-css-prefix}-wechat:before,
+.@{fa-css-prefix}-weixin:before { content: @fa-var-weixin; }
+.@{fa-css-prefix}-send:before,
+.@{fa-css-prefix}-paper-plane:before { content: @fa-var-paper-plane; }
+.@{fa-css-prefix}-send-o:before,
+.@{fa-css-prefix}-paper-plane-o:before { content: @fa-var-paper-plane-o; }
+.@{fa-css-prefix}-history:before { content: @fa-var-history; }
+.@{fa-css-prefix}-circle-thin:before { content: @fa-var-circle-thin; }
+.@{fa-css-prefix}-header:before { content: @fa-var-header; }
+.@{fa-css-prefix}-paragraph:before { content: @fa-var-paragraph; }
+.@{fa-css-prefix}-sliders:before { content: @fa-var-sliders; }
+.@{fa-css-prefix}-share-alt:before { content: @fa-var-share-alt; }
+.@{fa-css-prefix}-share-alt-square:before { content: @fa-var-share-alt-square; }
+.@{fa-css-prefix}-bomb:before { content: @fa-var-bomb; }
+.@{fa-css-prefix}-soccer-ball-o:before,
+.@{fa-css-prefix}-futbol-o:before { content: @fa-var-futbol-o; }
+.@{fa-css-prefix}-tty:before { content: @fa-var-tty; }
+.@{fa-css-prefix}-binoculars:before { content: @fa-var-binoculars; }
+.@{fa-css-prefix}-plug:before { content: @fa-var-plug; }
+.@{fa-css-prefix}-slideshare:before { content: @fa-var-slideshare; }
+.@{fa-css-prefix}-twitch:before { content: @fa-var-twitch; }
+.@{fa-css-prefix}-yelp:before { content: @fa-var-yelp; }
+.@{fa-css-prefix}-newspaper-o:before { content: @fa-var-newspaper-o; }
+.@{fa-css-prefix}-wifi:before { content: @fa-var-wifi; }
+.@{fa-css-prefix}-calculator:before { content: @fa-var-calculator; }
+.@{fa-css-prefix}-paypal:before { content: @fa-var-paypal; }
+.@{fa-css-prefix}-google-wallet:before { content: @fa-var-google-wallet; }
+.@{fa-css-prefix}-cc-visa:before { content: @fa-var-cc-visa; }
+.@{fa-css-prefix}-cc-mastercard:before { content: @fa-var-cc-mastercard; }
+.@{fa-css-prefix}-cc-discover:before { content: @fa-var-cc-discover; }
+.@{fa-css-prefix}-cc-amex:before { content: @fa-var-cc-amex; }
+.@{fa-css-prefix}-cc-paypal:before { content: @fa-var-cc-paypal; }
+.@{fa-css-prefix}-cc-stripe:before { content: @fa-var-cc-stripe; }
+.@{fa-css-prefix}-bell-slash:before { content: @fa-var-bell-slash; }
+.@{fa-css-prefix}-bell-slash-o:before { content: @fa-var-bell-slash-o; }
+.@{fa-css-prefix}-trash:before { content: @fa-var-trash; }
+.@{fa-css-prefix}-copyright:before { content: @fa-var-copyright; }
+.@{fa-css-prefix}-at:before { content: @fa-var-at; }
+.@{fa-css-prefix}-eyedropper:before { content: @fa-var-eyedropper; }
+.@{fa-css-prefix}-paint-brush:before { content: @fa-var-paint-brush; }
+.@{fa-css-prefix}-birthday-cake:before { content: @fa-var-birthday-cake; }
+.@{fa-css-prefix}-area-chart:before { content: @fa-var-area-chart; }
+.@{fa-css-prefix}-pie-chart:before { content: @fa-var-pie-chart; }
+.@{fa-css-prefix}-line-chart:before { content: @fa-var-line-chart; }
+.@{fa-css-prefix}-lastfm:before { content: @fa-var-lastfm; }
+.@{fa-css-prefix}-lastfm-square:before { content: @fa-var-lastfm-square; }
+.@{fa-css-prefix}-toggle-off:before { content: @fa-var-toggle-off; }
+.@{fa-css-prefix}-toggle-on:before { content: @fa-var-toggle-on; }
+.@{fa-css-prefix}-bicycle:before { content: @fa-var-bicycle; }
+.@{fa-css-prefix}-bus:before { content: @fa-var-bus; }
+.@{fa-css-prefix}-ioxhost:before { content: @fa-var-ioxhost; }
+.@{fa-css-prefix}-angellist:before { content: @fa-var-angellist; }
+.@{fa-css-prefix}-cc:before { content: @fa-var-cc; }
+.@{fa-css-prefix}-shekel:before,
+.@{fa-css-prefix}-sheqel:before,
+.@{fa-css-prefix}-ils:before { content: @fa-var-ils; }
+.@{fa-css-prefix}-meanpath:before { content: @fa-var-meanpath; }
+.@{fa-css-prefix}-buysellads:before { content: @fa-var-buysellads; }
+.@{fa-css-prefix}-connectdevelop:before { content: @fa-var-connectdevelop; }
+.@{fa-css-prefix}-dashcube:before { content: @fa-var-dashcube; }
+.@{fa-css-prefix}-forumbee:before { content: @fa-var-forumbee; }
+.@{fa-css-prefix}-leanpub:before { content: @fa-var-leanpub; }
+.@{fa-css-prefix}-sellsy:before { content: @fa-var-sellsy; }
+.@{fa-css-prefix}-shirtsinbulk:before { content: @fa-var-shirtsinbulk; }
+.@{fa-css-prefix}-simplybuilt:before { content: @fa-var-simplybuilt; }
+.@{fa-css-prefix}-skyatlas:before { content: @fa-var-skyatlas; }
+.@{fa-css-prefix}-cart-plus:before { content: @fa-var-cart-plus; }
+.@{fa-css-prefix}-cart-arrow-down:before { content: @fa-var-cart-arrow-down; }
+.@{fa-css-prefix}-diamond:before { content: @fa-var-diamond; }
+.@{fa-css-prefix}-ship:before { content: @fa-var-ship; }
+.@{fa-css-prefix}-user-secret:before { content: @fa-var-user-secret; }
+.@{fa-css-prefix}-motorcycle:before { content: @fa-var-motorcycle; }
+.@{fa-css-prefix}-street-view:before { content: @fa-var-street-view; }
+.@{fa-css-prefix}-heartbeat:before { content: @fa-var-heartbeat; }
+.@{fa-css-prefix}-venus:before { content: @fa-var-venus; }
+.@{fa-css-prefix}-mars:before { content: @fa-var-mars; }
+.@{fa-css-prefix}-mercury:before { content: @fa-var-mercury; }
+.@{fa-css-prefix}-intersex:before,
+.@{fa-css-prefix}-transgender:before { content: @fa-var-transgender; }
+.@{fa-css-prefix}-transgender-alt:before { content: @fa-var-transgender-alt; }
+.@{fa-css-prefix}-venus-double:before { content: @fa-var-venus-double; }
+.@{fa-css-prefix}-mars-double:before { content: @fa-var-mars-double; }
+.@{fa-css-prefix}-venus-mars:before { content: @fa-var-venus-mars; }
+.@{fa-css-prefix}-mars-stroke:before { content: @fa-var-mars-stroke; }
+.@{fa-css-prefix}-mars-stroke-v:before { content: @fa-var-mars-stroke-v; }
+.@{fa-css-prefix}-mars-stroke-h:before { content: @fa-var-mars-stroke-h; }
+.@{fa-css-prefix}-neuter:before { content: @fa-var-neuter; }
+.@{fa-css-prefix}-genderless:before { content: @fa-var-genderless; }
+.@{fa-css-prefix}-facebook-official:before { content: @fa-var-facebook-official; }
+.@{fa-css-prefix}-pinterest-p:before { content: @fa-var-pinterest-p; }
+.@{fa-css-prefix}-whatsapp:before { content: @fa-var-whatsapp; }
+.@{fa-css-prefix}-server:before { content: @fa-var-server; }
+.@{fa-css-prefix}-user-plus:before { content: @fa-var-user-plus; }
+.@{fa-css-prefix}-user-times:before { content: @fa-var-user-times; }
+.@{fa-css-prefix}-hotel:before,
+.@{fa-css-prefix}-bed:before { content: @fa-var-bed; }
+.@{fa-css-prefix}-viacoin:before { content: @fa-var-viacoin; }
+.@{fa-css-prefix}-train:before { content: @fa-var-train; }
+.@{fa-css-prefix}-subway:before { content: @fa-var-subway; }
+.@{fa-css-prefix}-medium:before { content: @fa-var-medium; }
+.@{fa-css-prefix}-yc:before,
+.@{fa-css-prefix}-y-combinator:before { content: @fa-var-y-combinator; }
+.@{fa-css-prefix}-optin-monster:before { content: @fa-var-optin-monster; }
+.@{fa-css-prefix}-opencart:before { content: @fa-var-opencart; }
+.@{fa-css-prefix}-expeditedssl:before { content: @fa-var-expeditedssl; }
+.@{fa-css-prefix}-battery-4:before,
+.@{fa-css-prefix}-battery:before,
+.@{fa-css-prefix}-battery-full:before { content: @fa-var-battery-full; }
+.@{fa-css-prefix}-battery-3:before,
+.@{fa-css-prefix}-battery-three-quarters:before { content: @fa-var-battery-three-quarters; }
+.@{fa-css-prefix}-battery-2:before,
+.@{fa-css-prefix}-battery-half:before { content: @fa-var-battery-half; }
+.@{fa-css-prefix}-battery-1:before,
+.@{fa-css-prefix}-battery-quarter:before { content: @fa-var-battery-quarter; }
+.@{fa-css-prefix}-battery-0:before,
+.@{fa-css-prefix}-battery-empty:before { content: @fa-var-battery-empty; }
+.@{fa-css-prefix}-mouse-pointer:before { content: @fa-var-mouse-pointer; }
+.@{fa-css-prefix}-i-cursor:before { content: @fa-var-i-cursor; }
+.@{fa-css-prefix}-object-group:before { content: @fa-var-object-group; }
+.@{fa-css-prefix}-object-ungroup:before { content: @fa-var-object-ungroup; }
+.@{fa-css-prefix}-sticky-note:before { content: @fa-var-sticky-note; }
+.@{fa-css-prefix}-sticky-note-o:before { content: @fa-var-sticky-note-o; }
+.@{fa-css-prefix}-cc-jcb:before { content: @fa-var-cc-jcb; }
+.@{fa-css-prefix}-cc-diners-club:before { content: @fa-var-cc-diners-club; }
+.@{fa-css-prefix}-clone:before { content: @fa-var-clone; }
+.@{fa-css-prefix}-balance-scale:before { content: @fa-var-balance-scale; }
+.@{fa-css-prefix}-hourglass-o:before { content: @fa-var-hourglass-o; }
+.@{fa-css-prefix}-hourglass-1:before,
+.@{fa-css-prefix}-hourglass-start:before { content: @fa-var-hourglass-start; }
+.@{fa-css-prefix}-hourglass-2:before,
+.@{fa-css-prefix}-hourglass-half:before { content: @fa-var-hourglass-half; }
+.@{fa-css-prefix}-hourglass-3:before,
+.@{fa-css-prefix}-hourglass-end:before { content: @fa-var-hourglass-end; }
+.@{fa-css-prefix}-hourglass:before { content: @fa-var-hourglass; }
+.@{fa-css-prefix}-hand-grab-o:before,
+.@{fa-css-prefix}-hand-rock-o:before { content: @fa-var-hand-rock-o; }
+.@{fa-css-prefix}-hand-stop-o:before,
+.@{fa-css-prefix}-hand-paper-o:before { content: @fa-var-hand-paper-o; }
+.@{fa-css-prefix}-hand-scissors-o:before { content: @fa-var-hand-scissors-o; }
+.@{fa-css-prefix}-hand-lizard-o:before { content: @fa-var-hand-lizard-o; }
+.@{fa-css-prefix}-hand-spock-o:before { content: @fa-var-hand-spock-o; }
+.@{fa-css-prefix}-hand-pointer-o:before { content: @fa-var-hand-pointer-o; }
+.@{fa-css-prefix}-hand-peace-o:before { content: @fa-var-hand-peace-o; }
+.@{fa-css-prefix}-trademark:before { content: @fa-var-trademark; }
+.@{fa-css-prefix}-registered:before { content: @fa-var-registered; }
+.@{fa-css-prefix}-creative-commons:before { content: @fa-var-creative-commons; }
+.@{fa-css-prefix}-gg:before { content: @fa-var-gg; }
+.@{fa-css-prefix}-gg-circle:before { content: @fa-var-gg-circle; }
+.@{fa-css-prefix}-tripadvisor:before { content: @fa-var-tripadvisor; }
+.@{fa-css-prefix}-odnoklassniki:before { content: @fa-var-odnoklassniki; }
+.@{fa-css-prefix}-odnoklassniki-square:before { content: @fa-var-odnoklassniki-square; }
+.@{fa-css-prefix}-get-pocket:before { content: @fa-var-get-pocket; }
+.@{fa-css-prefix}-wikipedia-w:before { content: @fa-var-wikipedia-w; }
+.@{fa-css-prefix}-safari:before { content: @fa-var-safari; }
+.@{fa-css-prefix}-chrome:before { content: @fa-var-chrome; }
+.@{fa-css-prefix}-firefox:before { content: @fa-var-firefox; }
+.@{fa-css-prefix}-opera:before { content: @fa-var-opera; }
+.@{fa-css-prefix}-internet-explorer:before { content: @fa-var-internet-explorer; }
+.@{fa-css-prefix}-tv:before,
+.@{fa-css-prefix}-television:before { content: @fa-var-television; }
+.@{fa-css-prefix}-contao:before { content: @fa-var-contao; }
+.@{fa-css-prefix}-500px:before { content: @fa-var-500px; }
+.@{fa-css-prefix}-amazon:before { content: @fa-var-amazon; }
+.@{fa-css-prefix}-calendar-plus-o:before { content: @fa-var-calendar-plus-o; }
+.@{fa-css-prefix}-calendar-minus-o:before { content: @fa-var-calendar-minus-o; }
+.@{fa-css-prefix}-calendar-times-o:before { content: @fa-var-calendar-times-o; }
+.@{fa-css-prefix}-calendar-check-o:before { content: @fa-var-calendar-check-o; }
+.@{fa-css-prefix}-industry:before { content: @fa-var-industry; }
+.@{fa-css-prefix}-map-pin:before { content: @fa-var-map-pin; }
+.@{fa-css-prefix}-map-signs:before { content: @fa-var-map-signs; }
+.@{fa-css-prefix}-map-o:before { content: @fa-var-map-o; }
+.@{fa-css-prefix}-map:before { content: @fa-var-map; }
+.@{fa-css-prefix}-commenting:before { content: @fa-var-commenting; }
+.@{fa-css-prefix}-commenting-o:before { content: @fa-var-commenting-o; }
+.@{fa-css-prefix}-houzz:before { content: @fa-var-houzz; }
+.@{fa-css-prefix}-vimeo:before { content: @fa-var-vimeo; }
+.@{fa-css-prefix}-black-tie:before { content: @fa-var-black-tie; }
+.@{fa-css-prefix}-fonticons:before { content: @fa-var-fonticons; }
+.@{fa-css-prefix}-reddit-alien:before { content: @fa-var-reddit-alien; }
+.@{fa-css-prefix}-edge:before { content: @fa-var-edge; }
+.@{fa-css-prefix}-credit-card-alt:before { content: @fa-var-credit-card-alt; }
+.@{fa-css-prefix}-codiepie:before { content: @fa-var-codiepie; }
+.@{fa-css-prefix}-modx:before { content: @fa-var-modx; }
+.@{fa-css-prefix}-fort-awesome:before { content: @fa-var-fort-awesome; }
+.@{fa-css-prefix}-usb:before { content: @fa-var-usb; }
+.@{fa-css-prefix}-product-hunt:before { content: @fa-var-product-hunt; }
+.@{fa-css-prefix}-mixcloud:before { content: @fa-var-mixcloud; }
+.@{fa-css-prefix}-scribd:before { content: @fa-var-scribd; }
+.@{fa-css-prefix}-pause-circle:before { content: @fa-var-pause-circle; }
+.@{fa-css-prefix}-pause-circle-o:before { content: @fa-var-pause-circle-o; }
+.@{fa-css-prefix}-stop-circle:before { content: @fa-var-stop-circle; }
+.@{fa-css-prefix}-stop-circle-o:before { content: @fa-var-stop-circle-o; }
+.@{fa-css-prefix}-shopping-bag:before { content: @fa-var-shopping-bag; }
+.@{fa-css-prefix}-shopping-basket:before { content: @fa-var-shopping-basket; }
+.@{fa-css-prefix}-hashtag:before { content: @fa-var-hashtag; }
+.@{fa-css-prefix}-bluetooth:before { content: @fa-var-bluetooth; }
+.@{fa-css-prefix}-bluetooth-b:before { content: @fa-var-bluetooth-b; }
+.@{fa-css-prefix}-percent:before { content: @fa-var-percent; }
+.@{fa-css-prefix}-gitlab:before { content: @fa-var-gitlab; }
+.@{fa-css-prefix}-wpbeginner:before { content: @fa-var-wpbeginner; }
+.@{fa-css-prefix}-wpforms:before { content: @fa-var-wpforms; }
+.@{fa-css-prefix}-envira:before { content: @fa-var-envira; }
+.@{fa-css-prefix}-universal-access:before { content: @fa-var-universal-access; }
+.@{fa-css-prefix}-wheelchair-alt:before { content: @fa-var-wheelchair-alt; }
+.@{fa-css-prefix}-question-circle-o:before { content: @fa-var-question-circle-o; }
+.@{fa-css-prefix}-blind:before { content: @fa-var-blind; }
+.@{fa-css-prefix}-audio-description:before { content: @fa-var-audio-description; }
+.@{fa-css-prefix}-volume-control-phone:before { content: @fa-var-volume-control-phone; }
+.@{fa-css-prefix}-braille:before { content: @fa-var-braille; }
+.@{fa-css-prefix}-assistive-listening-systems:before { content: @fa-var-assistive-listening-systems; }
+.@{fa-css-prefix}-asl-interpreting:before,
+.@{fa-css-prefix}-american-sign-language-interpreting:before { content: @fa-var-american-sign-language-interpreting; }
+.@{fa-css-prefix}-deafness:before,
+.@{fa-css-prefix}-hard-of-hearing:before,
+.@{fa-css-prefix}-deaf:before { content: @fa-var-deaf; }
+.@{fa-css-prefix}-glide:before { content: @fa-var-glide; }
+.@{fa-css-prefix}-glide-g:before { content: @fa-var-glide-g; }
+.@{fa-css-prefix}-signing:before,
+.@{fa-css-prefix}-sign-language:before { content: @fa-var-sign-language; }
+.@{fa-css-prefix}-low-vision:before { content: @fa-var-low-vision; }
+.@{fa-css-prefix}-viadeo:before { content: @fa-var-viadeo; }
+.@{fa-css-prefix}-viadeo-square:before { content: @fa-var-viadeo-square; }
+.@{fa-css-prefix}-snapchat:before { content: @fa-var-snapchat; }
+.@{fa-css-prefix}-snapchat-ghost:before { content: @fa-var-snapchat-ghost; }
+.@{fa-css-prefix}-snapchat-square:before { content: @fa-var-snapchat-square; }
+.@{fa-css-prefix}-pied-piper:before { content: @fa-var-pied-piper; }
+.@{fa-css-prefix}-first-order:before { content: @fa-var-first-order; }
+.@{fa-css-prefix}-yoast:before { content: @fa-var-yoast; }
+.@{fa-css-prefix}-themeisle:before { content: @fa-var-themeisle; }
+.@{fa-css-prefix}-google-plus-circle:before,
+.@{fa-css-prefix}-google-plus-official:before { content: @fa-var-google-plus-official; }
+.@{fa-css-prefix}-fa:before,
+.@{fa-css-prefix}-font-awesome:before { content: @fa-var-font-awesome; }
+.@{fa-css-prefix}-handshake-o:before { content: @fa-var-handshake-o; }
+.@{fa-css-prefix}-envelope-open:before { content: @fa-var-envelope-open; }
+.@{fa-css-prefix}-envelope-open-o:before { content: @fa-var-envelope-open-o; }
+.@{fa-css-prefix}-linode:before { content: @fa-var-linode; }
+.@{fa-css-prefix}-address-book:before { content: @fa-var-address-book; }
+.@{fa-css-prefix}-address-book-o:before { content: @fa-var-address-book-o; }
+.@{fa-css-prefix}-vcard:before,
+.@{fa-css-prefix}-address-card:before { content: @fa-var-address-card; }
+.@{fa-css-prefix}-vcard-o:before,
+.@{fa-css-prefix}-address-card-o:before { content: @fa-var-address-card-o; }
+.@{fa-css-prefix}-user-circle:before { content: @fa-var-user-circle; }
+.@{fa-css-prefix}-user-circle-o:before { content: @fa-var-user-circle-o; }
+.@{fa-css-prefix}-user-o:before { content: @fa-var-user-o; }
+.@{fa-css-prefix}-id-badge:before { content: @fa-var-id-badge; }
+.@{fa-css-prefix}-drivers-license:before,
+.@{fa-css-prefix}-id-card:before { content: @fa-var-id-card; }
+.@{fa-css-prefix}-drivers-license-o:before,
+.@{fa-css-prefix}-id-card-o:before { content: @fa-var-id-card-o; }
+.@{fa-css-prefix}-quora:before { content: @fa-var-quora; }
+.@{fa-css-prefix}-free-code-camp:before { content: @fa-var-free-code-camp; }
+.@{fa-css-prefix}-telegram:before { content: @fa-var-telegram; }
+.@{fa-css-prefix}-thermometer-4:before,
+.@{fa-css-prefix}-thermometer:before,
+.@{fa-css-prefix}-thermometer-full:before { content: @fa-var-thermometer-full; }
+.@{fa-css-prefix}-thermometer-3:before,
+.@{fa-css-prefix}-thermometer-three-quarters:before { content: @fa-var-thermometer-three-quarters; }
+.@{fa-css-prefix}-thermometer-2:before,
+.@{fa-css-prefix}-thermometer-half:before { content: @fa-var-thermometer-half; }
+.@{fa-css-prefix}-thermometer-1:before,
+.@{fa-css-prefix}-thermometer-quarter:before { content: @fa-var-thermometer-quarter; }
+.@{fa-css-prefix}-thermometer-0:before,
+.@{fa-css-prefix}-thermometer-empty:before { content: @fa-var-thermometer-empty; }
+.@{fa-css-prefix}-shower:before { content: @fa-var-shower; }
+.@{fa-css-prefix}-bathtub:before,
+.@{fa-css-prefix}-s15:before,
+.@{fa-css-prefix}-bath:before { content: @fa-var-bath; }
+.@{fa-css-prefix}-podcast:before { content: @fa-var-podcast; }
+.@{fa-css-prefix}-window-maximize:before { content: @fa-var-window-maximize; }
+.@{fa-css-prefix}-window-minimize:before { content: @fa-var-window-minimize; }
+.@{fa-css-prefix}-window-restore:before { content: @fa-var-window-restore; }
+.@{fa-css-prefix}-times-rectangle:before,
+.@{fa-css-prefix}-window-close:before { content: @fa-var-window-close; }
+.@{fa-css-prefix}-times-rectangle-o:before,
+.@{fa-css-prefix}-window-close-o:before { content: @fa-var-window-close-o; }
+.@{fa-css-prefix}-bandcamp:before { content: @fa-var-bandcamp; }
+.@{fa-css-prefix}-grav:before { content: @fa-var-grav; }
+.@{fa-css-prefix}-etsy:before { content: @fa-var-etsy; }
+.@{fa-css-prefix}-imdb:before { content: @fa-var-imdb; }
+.@{fa-css-prefix}-ravelry:before { content: @fa-var-ravelry; }
+.@{fa-css-prefix}-eercast:before { content: @fa-var-eercast; }
+.@{fa-css-prefix}-microchip:before { content: @fa-var-microchip; }
+.@{fa-css-prefix}-snowflake-o:before { content: @fa-var-snowflake-o; }
+.@{fa-css-prefix}-superpowers:before { content: @fa-var-superpowers; }
+.@{fa-css-prefix}-wpexplorer:before { content: @fa-var-wpexplorer; }
+.@{fa-css-prefix}-meetup:before { content: @fa-var-meetup; }

static/lib/font-awesome-4.7.0/less/larger.less

@@ -0,0 +1,13 @@
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.@{fa-css-prefix}-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -15%;
+}
+.@{fa-css-prefix}-2x { font-size: 2em; }
+.@{fa-css-prefix}-3x { font-size: 3em; }
+.@{fa-css-prefix}-4x { font-size: 4em; }
+.@{fa-css-prefix}-5x { font-size: 5em; }

static/lib/font-awesome-4.7.0/less/list.less

@@ -0,0 +1,19 @@
+// List Icons
+// -------------------------
+
+.@{fa-css-prefix}-ul {
+  padding-left: 0;
+  margin-left: @fa-li-width;
+  list-style-type: none;
+  > li { position: relative; }
+}
+.@{fa-css-prefix}-li {
+  position: absolute;
+  left: -@fa-li-width;
+  width: @fa-li-width;
+  top: (2em / 14);
+  text-align: center;
+  &.@{fa-css-prefix}-lg {
+    left: (-@fa-li-width + (4em / 14));
+  }
+}

static/lib/font-awesome-4.7.0/less/mixins.less

@@ -0,0 +1,60 @@
+// Mixins
+// --------------------------
+
+.fa-icon() {
+  display: inline-block;
+  font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}
+
+.fa-icon-rotate(@degrees, @rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
+  -webkit-transform: rotate(@degrees);
+      -ms-transform: rotate(@degrees);
+          transform: rotate(@degrees);
+}
+
+.fa-icon-flip(@horiz, @vert, @rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
+  -webkit-transform: scale(@horiz, @vert);
+      -ms-transform: scale(@horiz, @vert);
+          transform: scale(@horiz, @vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+.sr-only() {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+.sr-only-focusable() {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}

static/lib/font-awesome-4.7.0/less/path.less

@@ -0,0 +1,15 @@
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
+  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
+    url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
+    url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
+    url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
+    url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
+  // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  font-weight: normal;
+  font-style: normal;
+}

static/lib/font-awesome-4.7.0/less/rotated-flipped.less

@@ -0,0 +1,20 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.@{fa-css-prefix}-rotate-90  { .fa-icon-rotate(90deg, 1);  }
+.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
+.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
+
+.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
+.@{fa-css-prefix}-flip-vertical   { .fa-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .@{fa-css-prefix}-rotate-90,
+:root .@{fa-css-prefix}-rotate-180,
+:root .@{fa-css-prefix}-rotate-270,
+:root .@{fa-css-prefix}-flip-horizontal,
+:root .@{fa-css-prefix}-flip-vertical {
+  filter: none;
+}

static/lib/font-awesome-4.7.0/less/screen-reader.less

@@ -0,0 +1,5 @@
+// Screen Readers
+// -------------------------
+
+.sr-only { .sr-only(); }
+.sr-only-focusable { .sr-only-focusable(); }

static/lib/font-awesome-4.7.0/less/stacked.less

@@ -0,0 +1,20 @@
+// Stacked Icons
+// -------------------------
+
+.@{fa-css-prefix}-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.@{fa-css-prefix}-stack-1x { line-height: inherit; }
+.@{fa-css-prefix}-stack-2x { font-size: 2em; }
+.@{fa-css-prefix}-inverse { color: @fa-inverse; }

static/lib/font-awesome-4.7.0/less/variables.less

@@ -0,0 +1,800 @@
+// Variables
+// --------------------------
+
+@fa-font-path:        "../fonts";
+@fa-font-size-base:   14px;
+@fa-line-height-base: 1;
+//@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts"; // for referencing Bootstrap CDN font files directly
+@fa-css-prefix:       fa;
+@fa-version:          "4.7.0";
+@fa-border-color:     #eee;
+@fa-inverse:          #fff;
+@fa-li-width:         (30em / 14);
+
+@fa-var-500px: "\f26e";
+@fa-var-address-book: "\f2b9";
+@fa-var-address-book-o: "\f2ba";
+@fa-var-address-card: "\f2bb";
+@fa-var-address-card-o: "\f2bc";
+@fa-var-adjust: "\f042";
+@fa-var-adn: "\f170";
+@fa-var-align-center: "\f037";
+@fa-var-align-justify: "\f039";
+@fa-var-align-left: "\f036";
+@fa-var-align-right: "\f038";
+@fa-var-amazon: "\f270";
+@fa-var-ambulance: "\f0f9";
+@fa-var-american-sign-language-interpreting: "\f2a3";
+@fa-var-anchor: "\f13d";
+@fa-var-android: "\f17b";
+@fa-var-angellist: "\f209";
+@fa-var-angle-double-down: "\f103";
+@fa-var-angle-double-left: "\f100";
+@fa-var-angle-double-right: "\f101";
+@fa-var-angle-double-up: "\f102";
+@fa-var-angle-down: "\f107";
+@fa-var-angle-left: "\f104";
+@fa-var-angle-right: "\f105";
+@fa-var-angle-up: "\f106";
+@fa-var-apple: "\f179";
+@fa-var-archive: "\f187";
+@fa-var-area-chart: "\f1fe";
+@fa-var-arrow-circle-down: "\f0ab";
+@fa-var-arrow-circle-left: "\f0a8";
+@fa-var-arrow-circle-o-down: "\f01a";
+@fa-var-arrow-circle-o-left: "\f190";
+@fa-var-arrow-circle-o-right: "\f18e";
+@fa-var-arrow-circle-o-up: "\f01b";
+@fa-var-arrow-circle-right: "\f0a9";
+@fa-var-arrow-circle-up: "\f0aa";
+@fa-var-arrow-down: "\f063";
+@fa-var-arrow-left: "\f060";
+@fa-var-arrow-right: "\f061";
+@fa-var-arrow-up: "\f062";
+@fa-var-arrows: "\f047";
+@fa-var-arrows-alt: "\f0b2";
+@fa-var-arrows-h: "\f07e";
+@fa-var-arrows-v: "\f07d";
+@fa-var-asl-interpreting: "\f2a3";
+@fa-var-assistive-listening-systems: "\f2a2";
+@fa-var-asterisk: "\f069";
+@fa-var-at: "\f1fa";
+@fa-var-audio-description: "\f29e";
+@fa-var-automobile: "\f1b9";
+@fa-var-backward: "\f04a";
+@fa-var-balance-scale: "\f24e";
+@fa-var-ban: "\f05e";
+@fa-var-bandcamp: "\f2d5";
+@fa-var-bank: "\f19c";
+@fa-var-bar-chart: "\f080";
+@fa-var-bar-chart-o: "\f080";
+@fa-var-barcode: "\f02a";
+@fa-var-bars: "\f0c9";
+@fa-var-bath: "\f2cd";
+@fa-var-bathtub: "\f2cd";
+@fa-var-battery: "\f240";
+@fa-var-battery-0: "\f244";
+@fa-var-battery-1: "\f243";
+@fa-var-battery-2: "\f242";
+@fa-var-battery-3: "\f241";
+@fa-var-battery-4: "\f240";
+@fa-var-battery-empty: "\f244";
+@fa-var-battery-full: "\f240";
+@fa-var-battery-half: "\f242";
+@fa-var-battery-quarter: "\f243";
+@fa-var-battery-three-quarters: "\f241";
+@fa-var-bed: "\f236";
+@fa-var-beer: "\f0fc";
+@fa-var-behance: "\f1b4";
+@fa-var-behance-square: "\f1b5";
+@fa-var-bell: "\f0f3";
+@fa-var-bell-o: "\f0a2";
+@fa-var-bell-slash: "\f1f6";
+@fa-var-bell-slash-o: "\f1f7";
+@fa-var-bicycle: "\f206";
+@fa-var-binoculars: "\f1e5";
+@fa-var-birthday-cake: "\f1fd";
+@fa-var-bitbucket: "\f171";
+@fa-var-bitbucket-square: "\f172";
+@fa-var-bitcoin: "\f15a";
+@fa-var-black-tie: "\f27e";
+@fa-var-blind: "\f29d";
+@fa-var-bluetooth: "\f293";
+@fa-var-bluetooth-b: "\f294";
+@fa-var-bold: "\f032";
+@fa-var-bolt: "\f0e7";
+@fa-var-bomb: "\f1e2";
+@fa-var-book: "\f02d";
+@fa-var-bookmark: "\f02e";
+@fa-var-bookmark-o: "\f097";
+@fa-var-braille: "\f2a1";
+@fa-var-briefcase: "\f0b1";
+@fa-var-btc: "\f15a";
+@fa-var-bug: "\f188";
+@fa-var-building: "\f1ad";
+@fa-var-building-o: "\f0f7";
+@fa-var-bullhorn: "\f0a1";
+@fa-var-bullseye: "\f140";
+@fa-var-bus: "\f207";
+@fa-var-buysellads: "\f20d";
+@fa-var-cab: "\f1ba";
+@fa-var-calculator: "\f1ec";
+@fa-var-calendar: "\f073";
+@fa-var-calendar-check-o: "\f274";
+@fa-var-calendar-minus-o: "\f272";
+@fa-var-calendar-o: "\f133";
+@fa-var-calendar-plus-o: "\f271";
+@fa-var-calendar-times-o: "\f273";
+@fa-var-camera: "\f030";
+@fa-var-camera-retro: "\f083";
+@fa-var-car: "\f1b9";
+@fa-var-caret-down: "\f0d7";
+@fa-var-caret-left: "\f0d9";
+@fa-var-caret-right: "\f0da";
+@fa-var-caret-square-o-down: "\f150";
+@fa-var-caret-square-o-left: "\f191";
+@fa-var-caret-square-o-right: "\f152";
+@fa-var-caret-square-o-up: "\f151";
+@fa-var-caret-up: "\f0d8";
+@fa-var-cart-arrow-down: "\f218";
+@fa-var-cart-plus: "\f217";
+@fa-var-cc: "\f20a";
+@fa-var-cc-amex: "\f1f3";
+@fa-var-cc-diners-club: "\f24c";
+@fa-var-cc-discover: "\f1f2";
+@fa-var-cc-jcb: "\f24b";
+@fa-var-cc-mastercard: "\f1f1";
+@fa-var-cc-paypal: "\f1f4";
+@fa-var-cc-stripe: "\f1f5";
+@fa-var-cc-visa: "\f1f0";
+@fa-var-certificate: "\f0a3";
+@fa-var-chain: "\f0c1";
+@fa-var-chain-broken: "\f127";
+@fa-var-check: "\f00c";
+@fa-var-check-circle: "\f058";
+@fa-var-check-circle-o: "\f05d";
+@fa-var-check-square: "\f14a";
+@fa-var-check-square-o: "\f046";
+@fa-var-chevron-circle-down: "\f13a";
+@fa-var-chevron-circle-left: "\f137";
+@fa-var-chevron-circle-right: "\f138";
+@fa-var-chevron-circle-up: "\f139";
+@fa-var-chevron-down: "\f078";
+@fa-var-chevron-left: "\f053";
+@fa-var-chevron-right: "\f054";
+@fa-var-chevron-up: "\f077";
+@fa-var-child: "\f1ae";
+@fa-var-chrome: "\f268";
+@fa-var-circle: "\f111";
+@fa-var-circle-o: "\f10c";
+@fa-var-circle-o-notch: "\f1ce";
+@fa-var-circle-thin: "\f1db";
+@fa-var-clipboard: "\f0ea";
+@fa-var-clock-o: "\f017";
+@fa-var-clone: "\f24d";
+@fa-var-close: "\f00d";
+@fa-var-cloud: "\f0c2";
+@fa-var-cloud-download: "\f0ed";
+@fa-var-cloud-upload: "\f0ee";
+@fa-var-cny: "\f157";
+@fa-var-code: "\f121";
+@fa-var-code-fork: "\f126";
+@fa-var-codepen: "\f1cb";
+@fa-var-codiepie: "\f284";
+@fa-var-coffee: "\f0f4";
+@fa-var-cog: "\f013";
+@fa-var-cogs: "\f085";
+@fa-var-columns: "\f0db";
+@fa-var-comment: "\f075";
+@fa-var-comment-o: "\f0e5";
+@fa-var-commenting: "\f27a";
+@fa-var-commenting-o: "\f27b";
+@fa-var-comments: "\f086";
+@fa-var-comments-o: "\f0e6";
+@fa-var-compass: "\f14e";
+@fa-var-compress: "\f066";
+@fa-var-connectdevelop: "\f20e";
+@fa-var-contao: "\f26d";
+@fa-var-copy: "\f0c5";
+@fa-var-copyright: "\f1f9";
+@fa-var-creative-commons: "\f25e";
+@fa-var-credit-card: "\f09d";
+@fa-var-credit-card-alt: "\f283";
+@fa-var-crop: "\f125";
+@fa-var-crosshairs: "\f05b";
+@fa-var-css3: "\f13c";
+@fa-var-cube: "\f1b2";
+@fa-var-cubes: "\f1b3";
+@fa-var-cut: "\f0c4";
+@fa-var-cutlery: "\f0f5";
+@fa-var-dashboard: "\f0e4";
+@fa-var-dashcube: "\f210";
+@fa-var-database: "\f1c0";
+@fa-var-deaf: "\f2a4";
+@fa-var-deafness: "\f2a4";
+@fa-var-dedent: "\f03b";
+@fa-var-delicious: "\f1a5";
+@fa-var-desktop: "\f108";
+@fa-var-deviantart: "\f1bd";
+@fa-var-diamond: "\f219";
+@fa-var-digg: "\f1a6";
+@fa-var-dollar: "\f155";
+@fa-var-dot-circle-o: "\f192";
+@fa-var-download: "\f019";
+@fa-var-dribbble: "\f17d";
+@fa-var-drivers-license: "\f2c2";
+@fa-var-drivers-license-o: "\f2c3";
+@fa-var-dropbox: "\f16b";
+@fa-var-drupal: "\f1a9";
+@fa-var-edge: "\f282";
+@fa-var-edit: "\f044";
+@fa-var-eercast: "\f2da";
+@fa-var-eject: "\f052";
+@fa-var-ellipsis-h: "\f141";
+@fa-var-ellipsis-v: "\f142";
+@fa-var-empire: "\f1d1";
+@fa-var-envelope: "\f0e0";
+@fa-var-envelope-o: "\f003";
+@fa-var-envelope-open: "\f2b6";
+@fa-var-envelope-open-o: "\f2b7";
+@fa-var-envelope-square: "\f199";
+@fa-var-envira: "\f299";
+@fa-var-eraser: "\f12d";
+@fa-var-etsy: "\f2d7";
+@fa-var-eur: "\f153";
+@fa-var-euro: "\f153";
+@fa-var-exchange: "\f0ec";
+@fa-var-exclamation: "\f12a";
+@fa-var-exclamation-circle: "\f06a";
+@fa-var-exclamation-triangle: "\f071";
+@fa-var-expand: "\f065";
+@fa-var-expeditedssl: "\f23e";
+@fa-var-external-link: "\f08e";
+@fa-var-external-link-square: "\f14c";
+@fa-var-eye: "\f06e";
+@fa-var-eye-slash: "\f070";
+@fa-var-eyedropper: "\f1fb";
+@fa-var-fa: "\f2b4";
+@fa-var-facebook: "\f09a";
+@fa-var-facebook-f: "\f09a";
+@fa-var-facebook-official: "\f230";
+@fa-var-facebook-square: "\f082";
+@fa-var-fast-backward: "\f049";
+@fa-var-fast-forward: "\f050";
+@fa-var-fax: "\f1ac";
+@fa-var-feed: "\f09e";
+@fa-var-female: "\f182";
+@fa-var-fighter-jet: "\f0fb";
+@fa-var-file: "\f15b";
+@fa-var-file-archive-o: "\f1c6";
+@fa-var-file-audio-o: "\f1c7";
+@fa-var-file-code-o: "\f1c9";
+@fa-var-file-excel-o: "\f1c3";
+@fa-var-file-image-o: "\f1c5";
+@fa-var-file-movie-o: "\f1c8";
+@fa-var-file-o: "\f016";
+@fa-var-file-pdf-o: "\f1c1";
+@fa-var-file-photo-o: "\f1c5";
+@fa-var-file-picture-o: "\f1c5";
+@fa-var-file-powerpoint-o: "\f1c4";
+@fa-var-file-sound-o: "\f1c7";
+@fa-var-file-text: "\f15c";
+@fa-var-file-text-o: "\f0f6";
+@fa-var-file-video-o: "\f1c8";
+@fa-var-file-word-o: "\f1c2";
+@fa-var-file-zip-o: "\f1c6";
+@fa-var-files-o: "\f0c5";
+@fa-var-film: "\f008";
+@fa-var-filter: "\f0b0";
+@fa-var-fire: "\f06d";
+@fa-var-fire-extinguisher: "\f134";
+@fa-var-firefox: "\f269";
+@fa-var-first-order: "\f2b0";
+@fa-var-flag: "\f024";
+@fa-var-flag-checkered: "\f11e";
+@fa-var-flag-o: "\f11d";
+@fa-var-flash: "\f0e7";
+@fa-var-flask: "\f0c3";
+@fa-var-flickr: "\f16e";
+@fa-var-floppy-o: "\f0c7";
+@fa-var-folder: "\f07b";
+@fa-var-folder-o: "\f114";
+@fa-var-folder-open: "\f07c";
+@fa-var-folder-open-o: "\f115";
+@fa-var-font: "\f031";
+@fa-var-font-awesome: "\f2b4";
+@fa-var-fonticons: "\f280";
+@fa-var-fort-awesome: "\f286";
+@fa-var-forumbee: "\f211";
+@fa-var-forward: "\f04e";
+@fa-var-foursquare: "\f180";
+@fa-var-free-code-camp: "\f2c5";
+@fa-var-frown-o: "\f119";
+@fa-var-futbol-o: "\f1e3";
+@fa-var-gamepad: "\f11b";
+@fa-var-gavel: "\f0e3";
+@fa-var-gbp: "\f154";
+@fa-var-ge: "\f1d1";
+@fa-var-gear: "\f013";
+@fa-var-gears: "\f085";
+@fa-var-genderless: "\f22d";
+@fa-var-get-pocket: "\f265";
+@fa-var-gg: "\f260";
+@fa-var-gg-circle: "\f261";
+@fa-var-gift: "\f06b";
+@fa-var-git: "\f1d3";
+@fa-var-git-square: "\f1d2";
+@fa-var-github: "\f09b";
+@fa-var-github-alt: "\f113";
+@fa-var-github-square: "\f092";
+@fa-var-gitlab: "\f296";
+@fa-var-gittip: "\f184";
+@fa-var-glass: "\f000";
+@fa-var-glide: "\f2a5";
+@fa-var-glide-g: "\f2a6";
+@fa-var-globe: "\f0ac";
+@fa-var-google: "\f1a0";
+@fa-var-google-plus: "\f0d5";
+@fa-var-google-plus-circle: "\f2b3";
+@fa-var-google-plus-official: "\f2b3";
+@fa-var-google-plus-square: "\f0d4";
+@fa-var-google-wallet: "\f1ee";
+@fa-var-graduation-cap: "\f19d";
+@fa-var-gratipay: "\f184";
+@fa-var-grav: "\f2d6";
+@fa-var-group: "\f0c0";
+@fa-var-h-square: "\f0fd";
+@fa-var-hacker-news: "\f1d4";
+@fa-var-hand-grab-o: "\f255";
+@fa-var-hand-lizard-o: "\f258";
+@fa-var-hand-o-down: "\f0a7";
+@fa-var-hand-o-left: "\f0a5";
+@fa-var-hand-o-right: "\f0a4";
+@fa-var-hand-o-up: "\f0a6";
+@fa-var-hand-paper-o: "\f256";
+@fa-var-hand-peace-o: "\f25b";
+@fa-var-hand-pointer-o: "\f25a";
+@fa-var-hand-rock-o: "\f255";
+@fa-var-hand-scissors-o: "\f257";
+@fa-var-hand-spock-o: "\f259";
+@fa-var-hand-stop-o: "\f256";
+@fa-var-handshake-o: "\f2b5";
+@fa-var-hard-of-hearing: "\f2a4";
+@fa-var-hashtag: "\f292";
+@fa-var-hdd-o: "\f0a0";
+@fa-var-header: "\f1dc";
+@fa-var-headphones: "\f025";
+@fa-var-heart: "\f004";
+@fa-var-heart-o: "\f08a";
+@fa-var-heartbeat: "\f21e";
+@fa-var-history: "\f1da";
+@fa-var-home: "\f015";
+@fa-var-hospital-o: "\f0f8";
+@fa-var-hotel: "\f236";
+@fa-var-hourglass: "\f254";
+@fa-var-hourglass-1: "\f251";
+@fa-var-hourglass-2: "\f252";
+@fa-var-hourglass-3: "\f253";
+@fa-var-hourglass-end: "\f253";
+@fa-var-hourglass-half: "\f252";
+@fa-var-hourglass-o: "\f250";
+@fa-var-hourglass-start: "\f251";
+@fa-var-houzz: "\f27c";
+@fa-var-html5: "\f13b";
+@fa-var-i-cursor: "\f246";
+@fa-var-id-badge: "\f2c1";
+@fa-var-id-card: "\f2c2";
+@fa-var-id-card-o: "\f2c3";
+@fa-var-ils: "\f20b";
+@fa-var-image: "\f03e";
+@fa-var-imdb: "\f2d8";
+@fa-var-inbox: "\f01c";
+@fa-var-indent: "\f03c";
+@fa-var-industry: "\f275";
+@fa-var-info: "\f129";
+@fa-var-info-circle: "\f05a";
+@fa-var-inr: "\f156";
+@fa-var-instagram: "\f16d";
+@fa-var-institution: "\f19c";
+@fa-var-internet-explorer: "\f26b";
+@fa-var-intersex: "\f224";
+@fa-var-ioxhost: "\f208";
+@fa-var-italic: "\f033";
+@fa-var-joomla: "\f1aa";
+@fa-var-jpy: "\f157";
+@fa-var-jsfiddle: "\f1cc";
+@fa-var-key: "\f084";
+@fa-var-keyboard-o: "\f11c";
+@fa-var-krw: "\f159";
+@fa-var-language: "\f1ab";
+@fa-var-laptop: "\f109";
+@fa-var-lastfm: "\f202";
+@fa-var-lastfm-square: "\f203";
+@fa-var-leaf: "\f06c";
+@fa-var-leanpub: "\f212";
+@fa-var-legal: "\f0e3";
+@fa-var-lemon-o: "\f094";
+@fa-var-level-down: "\f149";
+@fa-var-level-up: "\f148";
+@fa-var-life-bouy: "\f1cd";
+@fa-var-life-buoy: "\f1cd";
+@fa-var-life-ring: "\f1cd";
+@fa-var-life-saver: "\f1cd";
+@fa-var-lightbulb-o: "\f0eb";
+@fa-var-line-chart: "\f201";
+@fa-var-link: "\f0c1";
+@fa-var-linkedin: "\f0e1";
+@fa-var-linkedin-square: "\f08c";
+@fa-var-linode: "\f2b8";
+@fa-var-linux: "\f17c";
+@fa-var-list: "\f03a";
+@fa-var-list-alt: "\f022";
+@fa-var-list-ol: "\f0cb";
+@fa-var-list-ul: "\f0ca";
+@fa-var-location-arrow: "\f124";
+@fa-var-lock: "\f023";
+@fa-var-long-arrow-down: "\f175";
+@fa-var-long-arrow-left: "\f177";
+@fa-var-long-arrow-right: "\f178";
+@fa-var-long-arrow-up: "\f176";
+@fa-var-low-vision: "\f2a8";
+@fa-var-magic: "\f0d0";
+@fa-var-magnet: "\f076";
+@fa-var-mail-forward: "\f064";
+@fa-var-mail-reply: "\f112";
+@fa-var-mail-reply-all: "\f122";
+@fa-var-male: "\f183";
+@fa-var-map: "\f279";
+@fa-var-map-marker: "\f041";
+@fa-var-map-o: "\f278";
+@fa-var-map-pin: "\f276";
+@fa-var-map-signs: "\f277";
+@fa-var-mars: "\f222";
+@fa-var-mars-double: "\f227";
+@fa-var-mars-stroke: "\f229";
+@fa-var-mars-stroke-h: "\f22b";
+@fa-var-mars-stroke-v: "\f22a";
+@fa-var-maxcdn: "\f136";
+@fa-var-meanpath: "\f20c";
+@fa-var-medium: "\f23a";
+@fa-var-medkit: "\f0fa";
+@fa-var-meetup: "\f2e0";
+@fa-var-meh-o: "\f11a";
+@fa-var-mercury: "\f223";
+@fa-var-microchip: "\f2db";
+@fa-var-microphone: "\f130";
+@fa-var-microphone-slash: "\f131";
+@fa-var-minus: "\f068";
+@fa-var-minus-circle: "\f056";
+@fa-var-minus-square: "\f146";
+@fa-var-minus-square-o: "\f147";
+@fa-var-mixcloud: "\f289";
+@fa-var-mobile: "\f10b";
+@fa-var-mobile-phone: "\f10b";
+@fa-var-modx: "\f285";
+@fa-var-money: "\f0d6";
+@fa-var-moon-o: "\f186";
+@fa-var-mortar-board: "\f19d";
+@fa-var-motorcycle: "\f21c";
+@fa-var-mouse-pointer: "\f245";
+@fa-var-music: "\f001";
+@fa-var-navicon: "\f0c9";
+@fa-var-neuter: "\f22c";
+@fa-var-newspaper-o: "\f1ea";
+@fa-var-object-group: "\f247";
+@fa-var-object-ungroup: "\f248";
+@fa-var-odnoklassniki: "\f263";
+@fa-var-odnoklassniki-square: "\f264";
+@fa-var-opencart: "\f23d";
+@fa-var-openid: "\f19b";
+@fa-var-opera: "\f26a";
+@fa-var-optin-monster: "\f23c";
+@fa-var-outdent: "\f03b";
+@fa-var-pagelines: "\f18c";
+@fa-var-paint-brush: "\f1fc";
+@fa-var-paper-plane: "\f1d8";
+@fa-var-paper-plane-o: "\f1d9";
+@fa-var-paperclip: "\f0c6";
+@fa-var-paragraph: "\f1dd";
+@fa-var-paste: "\f0ea";
+@fa-var-pause: "\f04c";
+@fa-var-pause-circle: "\f28b";
+@fa-var-pause-circle-o: "\f28c";
+@fa-var-paw: "\f1b0";
+@fa-var-paypal: "\f1ed";
+@fa-var-pencil: "\f040";
+@fa-var-pencil-square: "\f14b";
+@fa-var-pencil-square-o: "\f044";
+@fa-var-percent: "\f295";
+@fa-var-phone: "\f095";
+@fa-var-phone-square: "\f098";
+@fa-var-photo: "\f03e";
+@fa-var-picture-o: "\f03e";
+@fa-var-pie-chart: "\f200";
+@fa-var-pied-piper: "\f2ae";
+@fa-var-pied-piper-alt: "\f1a8";
+@fa-var-pied-piper-pp: "\f1a7";
+@fa-var-pinterest: "\f0d2";
+@fa-var-pinterest-p: "\f231";
+@fa-var-pinterest-square: "\f0d3";
+@fa-var-plane: "\f072";
+@fa-var-play: "\f04b";
+@fa-var-play-circle: "\f144";
+@fa-var-play-circle-o: "\f01d";
+@fa-var-plug: "\f1e6";
+@fa-var-plus: "\f067";
+@fa-var-plus-circle: "\f055";
+@fa-var-plus-square: "\f0fe";
+@fa-var-plus-square-o: "\f196";
+@fa-var-podcast: "\f2ce";
+@fa-var-power-off: "\f011";
+@fa-var-print: "\f02f";
+@fa-var-product-hunt: "\f288";
+@fa-var-puzzle-piece: "\f12e";
+@fa-var-qq: "\f1d6";
+@fa-var-qrcode: "\f029";
+@fa-var-question: "\f128";
+@fa-var-question-circle: "\f059";
+@fa-var-question-circle-o: "\f29c";
+@fa-var-quora: "\f2c4";
+@fa-var-quote-left: "\f10d";
+@fa-var-quote-right: "\f10e";
+@fa-var-ra: "\f1d0";
+@fa-var-random: "\f074";
+@fa-var-ravelry: "\f2d9";
+@fa-var-rebel: "\f1d0";
+@fa-var-recycle: "\f1b8";
+@fa-var-reddit: "\f1a1";
+@fa-var-reddit-alien: "\f281";
+@fa-var-reddit-square: "\f1a2";
+@fa-var-refresh: "\f021";
+@fa-var-registered: "\f25d";
+@fa-var-remove: "\f00d";
+@fa-var-renren: "\f18b";
+@fa-var-reorder: "\f0c9";
+@fa-var-repeat: "\f01e";
+@fa-var-reply: "\f112";
+@fa-var-reply-all: "\f122";
+@fa-var-resistance: "\f1d0";
+@fa-var-retweet: "\f079";
+@fa-var-rmb: "\f157";
+@fa-var-road: "\f018";
+@fa-var-rocket: "\f135";
+@fa-var-rotate-left: "\f0e2";
+@fa-var-rotate-right: "\f01e";
+@fa-var-rouble: "\f158";
+@fa-var-rss: "\f09e";
+@fa-var-rss-square: "\f143";
+@fa-var-rub: "\f158";
+@fa-var-ruble: "\f158";
+@fa-var-rupee: "\f156";
+@fa-var-s15: "\f2cd";
+@fa-var-safari: "\f267";
+@fa-var-save: "\f0c7";
+@fa-var-scissors: "\f0c4";
+@fa-var-scribd: "\f28a";
+@fa-var-search: "\f002";
+@fa-var-search-minus: "\f010";
+@fa-var-search-plus: "\f00e";
+@fa-var-sellsy: "\f213";
+@fa-var-send: "\f1d8";
+@fa-var-send-o: "\f1d9";
+@fa-var-server: "\f233";
+@fa-var-share: "\f064";
+@fa-var-share-alt: "\f1e0";
+@fa-var-share-alt-square: "\f1e1";
+@fa-var-share-square: "\f14d";
+@fa-var-share-square-o: "\f045";
+@fa-var-shekel: "\f20b";
+@fa-var-sheqel: "\f20b";
+@fa-var-shield: "\f132";
+@fa-var-ship: "\f21a";
+@fa-var-shirtsinbulk: "\f214";
+@fa-var-shopping-bag: "\f290";
+@fa-var-shopping-basket: "\f291";
+@fa-var-shopping-cart: "\f07a";
+@fa-var-shower: "\f2cc";
+@fa-var-sign-in: "\f090";
+@fa-var-sign-language: "\f2a7";
+@fa-var-sign-out: "\f08b";
+@fa-var-signal: "\f012";
+@fa-var-signing: "\f2a7";
+@fa-var-simplybuilt: "\f215";
+@fa-var-sitemap: "\f0e8";
+@fa-var-skyatlas: "\f216";
+@fa-var-skype: "\f17e";
+@fa-var-slack: "\f198";
+@fa-var-sliders: "\f1de";
+@fa-var-slideshare: "\f1e7";
+@fa-var-smile-o: "\f118";
+@fa-var-snapchat: "\f2ab";
+@fa-var-snapchat-ghost: "\f2ac";
+@fa-var-snapchat-square: "\f2ad";
+@fa-var-snowflake-o: "\f2dc";
+@fa-var-soccer-ball-o: "\f1e3";
+@fa-var-sort: "\f0dc";
+@fa-var-sort-alpha-asc: "\f15d";
+@fa-var-sort-alpha-desc: "\f15e";
+@fa-var-sort-amount-asc: "\f160";
+@fa-var-sort-amount-desc: "\f161";
+@fa-var-sort-asc: "\f0de";
+@fa-var-sort-desc: "\f0dd";
+@fa-var-sort-down: "\f0dd";
+@fa-var-sort-numeric-asc: "\f162";
+@fa-var-sort-numeric-desc: "\f163";
+@fa-var-sort-up: "\f0de";
+@fa-var-soundcloud: "\f1be";
+@fa-var-space-shuttle: "\f197";
+@fa-var-spinner: "\f110";
+@fa-var-spoon: "\f1b1";
+@fa-var-spotify: "\f1bc";
+@fa-var-square: "\f0c8";
+@fa-var-square-o: "\f096";
+@fa-var-stack-exchange: "\f18d";
+@fa-var-stack-overflow: "\f16c";
+@fa-var-star: "\f005";
+@fa-var-star-half: "\f089";
+@fa-var-star-half-empty: "\f123";
+@fa-var-star-half-full: "\f123";
+@fa-var-star-half-o: "\f123";
+@fa-var-star-o: "\f006";
+@fa-var-steam: "\f1b6";
+@fa-var-steam-square: "\f1b7";
+@fa-var-step-backward: "\f048";
+@fa-var-step-forward: "\f051";
+@fa-var-stethoscope: "\f0f1";
+@fa-var-sticky-note: "\f249";
+@fa-var-sticky-note-o: "\f24a";
+@fa-var-stop: "\f04d";
+@fa-var-stop-circle: "\f28d";
+@fa-var-stop-circle-o: "\f28e";
+@fa-var-street-view: "\f21d";
+@fa-var-strikethrough: "\f0cc";
+@fa-var-stumbleupon: "\f1a4";
+@fa-var-stumbleupon-circle: "\f1a3";
+@fa-var-subscript: "\f12c";
+@fa-var-subway: "\f239";
+@fa-var-suitcase: "\f0f2";
+@fa-var-sun-o: "\f185";
+@fa-var-superpowers: "\f2dd";
+@fa-var-superscript: "\f12b";
+@fa-var-support: "\f1cd";
+@fa-var-table: "\f0ce";
+@fa-var-tablet: "\f10a";
+@fa-var-tachometer: "\f0e4";
+@fa-var-tag: "\f02b";
+@fa-var-tags: "\f02c";
+@fa-var-tasks: "\f0ae";
+@fa-var-taxi: "\f1ba";
+@fa-var-telegram: "\f2c6";
+@fa-var-television: "\f26c";
+@fa-var-tencent-weibo: "\f1d5";
+@fa-var-terminal: "\f120";
+@fa-var-text-height: "\f034";
+@fa-var-text-width: "\f035";
+@fa-var-th: "\f00a";
+@fa-var-th-large: "\f009";
+@fa-var-th-list: "\f00b";
+@fa-var-themeisle: "\f2b2";
+@fa-var-thermometer: "\f2c7";
+@fa-var-thermometer-0: "\f2cb";
+@fa-var-thermometer-1: "\f2ca";
+@fa-var-thermometer-2: "\f2c9";
+@fa-var-thermometer-3: "\f2c8";
+@fa-var-thermometer-4: "\f2c7";
+@fa-var-thermometer-empty: "\f2cb";
+@fa-var-thermometer-full: "\f2c7";
+@fa-var-thermometer-half: "\f2c9";
+@fa-var-thermometer-quarter: "\f2ca";
+@fa-var-thermometer-three-quarters: "\f2c8";
+@fa-var-thumb-tack: "\f08d";
+@fa-var-thumbs-down: "\f165";
+@fa-var-thumbs-o-down: "\f088";
+@fa-var-thumbs-o-up: "\f087";
+@fa-var-thumbs-up: "\f164";
+@fa-var-ticket: "\f145";
+@fa-var-times: "\f00d";
+@fa-var-times-circle: "\f057";
+@fa-var-times-circle-o: "\f05c";
+@fa-var-times-rectangle: "\f2d3";
+@fa-var-times-rectangle-o: "\f2d4";
+@fa-var-tint: "\f043";
+@fa-var-toggle-down: "\f150";
+@fa-var-toggle-left: "\f191";
+@fa-var-toggle-off: "\f204";
+@fa-var-toggle-on: "\f205";
+@fa-var-toggle-right: "\f152";
+@fa-var-toggle-up: "\f151";
+@fa-var-trademark: "\f25c";
+@fa-var-train: "\f238";
+@fa-var-transgender: "\f224";
+@fa-var-transgender-alt: "\f225";
+@fa-var-trash: "\f1f8";
+@fa-var-trash-o: "\f014";
+@fa-var-tree: "\f1bb";
+@fa-var-trello: "\f181";
+@fa-var-tripadvisor: "\f262";
+@fa-var-trophy: "\f091";
+@fa-var-truck: "\f0d1";
+@fa-var-try: "\f195";
+@fa-var-tty: "\f1e4";
+@fa-var-tumblr: "\f173";
+@fa-var-tumblr-square: "\f174";
+@fa-var-turkish-lira: "\f195";
+@fa-var-tv: "\f26c";
+@fa-var-twitch: "\f1e8";
+@fa-var-twitter: "\f099";
+@fa-var-twitter-square: "\f081";
+@fa-var-umbrella: "\f0e9";
+@fa-var-underline: "\f0cd";
+@fa-var-undo: "\f0e2";
+@fa-var-universal-access: "\f29a";
+@fa-var-university: "\f19c";
+@fa-var-unlink: "\f127";
+@fa-var-unlock: "\f09c";
+@fa-var-unlock-alt: "\f13e";
+@fa-var-unsorted: "\f0dc";
+@fa-var-upload: "\f093";
+@fa-var-usb: "\f287";
+@fa-var-usd: "\f155";
+@fa-var-user: "\f007";
+@fa-var-user-circle: "\f2bd";
+@fa-var-user-circle-o: "\f2be";
+@fa-var-user-md: "\f0f0";
+@fa-var-user-o: "\f2c0";
+@fa-var-user-plus: "\f234";
+@fa-var-user-secret: "\f21b";
+@fa-var-user-times: "\f235";
+@fa-var-users: "\f0c0";
+@fa-var-vcard: "\f2bb";
+@fa-var-vcard-o: "\f2bc";
+@fa-var-venus: "\f221";
+@fa-var-venus-double: "\f226";
+@fa-var-venus-mars: "\f228";
+@fa-var-viacoin: "\f237";
+@fa-var-viadeo: "\f2a9";
+@fa-var-viadeo-square: "\f2aa";
+@fa-var-video-camera: "\f03d";
+@fa-var-vimeo: "\f27d";
+@fa-var-vimeo-square: "\f194";
+@fa-var-vine: "\f1ca";
+@fa-var-vk: "\f189";
+@fa-var-volume-control-phone: "\f2a0";
+@fa-var-volume-down: "\f027";
+@fa-var-volume-off: "\f026";
+@fa-var-volume-up: "\f028";
+@fa-var-warning: "\f071";
+@fa-var-wechat: "\f1d7";
+@fa-var-weibo: "\f18a";
+@fa-var-weixin: "\f1d7";
+@fa-var-whatsapp: "\f232";
+@fa-var-wheelchair: "\f193";
+@fa-var-wheelchair-alt: "\f29b";
+@fa-var-wifi: "\f1eb";
+@fa-var-wikipedia-w: "\f266";
+@fa-var-window-close: "\f2d3";
+@fa-var-window-close-o: "\f2d4";
+@fa-var-window-maximize: "\f2d0";
+@fa-var-window-minimize: "\f2d1";
+@fa-var-window-restore: "\f2d2";
+@fa-var-windows: "\f17a";
+@fa-var-won: "\f159";
+@fa-var-wordpress: "\f19a";
+@fa-var-wpbeginner: "\f297";
+@fa-var-wpexplorer: "\f2de";
+@fa-var-wpforms: "\f298";
+@fa-var-wrench: "\f0ad";
+@fa-var-xing: "\f168";
+@fa-var-xing-square: "\f169";
+@fa-var-y-combinator: "\f23b";
+@fa-var-y-combinator-square: "\f1d4";
+@fa-var-yahoo: "\f19e";
+@fa-var-yc: "\f23b";
+@fa-var-yc-square: "\f1d4";
+@fa-var-yelp: "\f1e9";
+@fa-var-yen: "\f157";
+@fa-var-yoast: "\f2b1";
+@fa-var-youtube: "\f167";
+@fa-var-youtube-play: "\f16a";
+@fa-var-youtube-square: "\f166";
+

static/lib/font-awesome-4.7.0/scss/_animated.scss

@@ -0,0 +1,34 @@
+// Spinning Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+          animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+          animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}

static/lib/font-awesome-4.7.0/scss/_bordered-pulled.scss

@@ -0,0 +1,25 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+  padding: .2em .25em .15em;
+  border: solid .08em $fa-border-color;
+  border-radius: .1em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix} {
+  &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+  &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$fa-css-prefix} {
+  &.pull-left { margin-right: .3em; }
+  &.pull-right { margin-left: .3em; }
+}

static/lib/font-awesome-4.7.0/scss/_core.scss

@@ -0,0 +1,12 @@
+// Base Class Definition
+// -------------------------
+
+.#{$fa-css-prefix} {
+  display: inline-block;
+  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}

static/lib/font-awesome-4.7.0/scss/_fixed-width.scss

@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+  width: (18em / 14);
+  text-align: center;
+}

static/lib/font-awesome-4.7.0/scss/_icons.scss

@@ -0,0 +1,789 @@
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+
+.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
+.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
+.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
+.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
+.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
+.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
+.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
+.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
+.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
+.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
+.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
+.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
+.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
+.#{$fa-css-prefix}-remove:before,
+.#{$fa-css-prefix}-close:before,
+.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
+.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
+.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
+.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
+.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
+.#{$fa-css-prefix}-gear:before,
+.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
+.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
+.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
+.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
+.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
+.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
+.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
+.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
+.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
+.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
+.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
+.#{$fa-css-prefix}-rotate-right:before,
+.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
+.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
+.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
+.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
+.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
+.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
+.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
+.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
+.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
+.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
+.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
+.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
+.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
+.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
+.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
+.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
+.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
+.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
+.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
+.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
+.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
+.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
+.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
+.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
+.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
+.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
+.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
+.#{$fa-css-prefix}-dedent:before,
+.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
+.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
+.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
+.#{$fa-css-prefix}-photo:before,
+.#{$fa-css-prefix}-image:before,
+.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
+.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
+.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
+.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
+.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
+.#{$fa-css-prefix}-edit:before,
+.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
+.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
+.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
+.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
+.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
+.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
+.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
+.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
+.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
+.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
+.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
+.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
+.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
+.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
+.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
+.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
+.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
+.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
+.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
+.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
+.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
+.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
+.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
+.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
+.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
+.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
+.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
+.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
+.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
+.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
+.#{$fa-css-prefix}-mail-forward:before,
+.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
+.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
+.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
+.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
+.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
+.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
+.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
+.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
+.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
+.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
+.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
+.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
+.#{$fa-css-prefix}-warning:before,
+.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
+.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
+.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
+.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
+.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
+.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
+.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
+.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
+.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
+.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
+.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
+.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
+.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
+.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
+.#{$fa-css-prefix}-bar-chart-o:before,
+.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
+.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
+.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
+.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
+.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
+.#{$fa-css-prefix}-gears:before,
+.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
+.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
+.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
+.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
+.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
+.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
+.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
+.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
+.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
+.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
+.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
+.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
+.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
+.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
+.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
+.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
+.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
+.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
+.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
+.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
+.#{$fa-css-prefix}-facebook-f:before,
+.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
+.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
+.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
+.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
+.#{$fa-css-prefix}-feed:before,
+.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
+.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
+.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
+.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
+.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
+.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
+.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
+.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
+.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
+.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
+.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
+.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
+.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
+.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
+.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
+.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
+.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
+.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
+.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
+.#{$fa-css-prefix}-group:before,
+.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
+.#{$fa-css-prefix}-chain:before,
+.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
+.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
+.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
+.#{$fa-css-prefix}-cut:before,
+.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
+.#{$fa-css-prefix}-copy:before,
+.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
+.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
+.#{$fa-css-prefix}-save:before,
+.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
+.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
+.#{$fa-css-prefix}-navicon:before,
+.#{$fa-css-prefix}-reorder:before,
+.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
+.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
+.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
+.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
+.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
+.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
+.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
+.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
+.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
+.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
+.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
+.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
+.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
+.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
+.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
+.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
+.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
+.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
+.#{$fa-css-prefix}-unsorted:before,
+.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
+.#{$fa-css-prefix}-sort-down:before,
+.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
+.#{$fa-css-prefix}-sort-up:before,
+.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
+.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
+.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
+.#{$fa-css-prefix}-rotate-left:before,
+.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
+.#{$fa-css-prefix}-legal:before,
+.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
+.#{$fa-css-prefix}-dashboard:before,
+.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
+.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
+.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
+.#{$fa-css-prefix}-flash:before,
+.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
+.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
+.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
+.#{$fa-css-prefix}-paste:before,
+.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
+.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
+.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
+.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
+.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
+.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
+.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
+.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
+.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
+.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
+.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
+.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
+.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
+.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
+.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
+.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
+.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
+.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
+.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
+.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
+.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
+.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
+.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
+.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
+.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
+.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
+.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
+.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
+.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
+.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
+.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
+.#{$fa-css-prefix}-mobile-phone:before,
+.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
+.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
+.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
+.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
+.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
+.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
+.#{$fa-css-prefix}-mail-reply:before,
+.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
+.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
+.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
+.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
+.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
+.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
+.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
+.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
+.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
+.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
+.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
+.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
+.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
+.#{$fa-css-prefix}-mail-reply-all:before,
+.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
+.#{$fa-css-prefix}-star-half-empty:before,
+.#{$fa-css-prefix}-star-half-full:before,
+.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
+.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
+.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
+.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
+.#{$fa-css-prefix}-unlink:before,
+.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
+.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
+.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
+.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
+.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
+.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
+.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
+.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
+.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
+.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
+.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
+.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
+.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
+.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
+.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
+.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
+.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
+.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
+.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
+.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
+.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
+.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
+.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
+.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
+.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
+.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
+.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
+.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
+.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
+.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
+.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
+.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
+.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
+.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
+.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
+.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
+.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
+.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
+.#{$fa-css-prefix}-toggle-down:before,
+.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
+.#{$fa-css-prefix}-toggle-up:before,
+.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
+.#{$fa-css-prefix}-toggle-right:before,
+.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
+.#{$fa-css-prefix}-euro:before,
+.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
+.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
+.#{$fa-css-prefix}-dollar:before,
+.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
+.#{$fa-css-prefix}-rupee:before,
+.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
+.#{$fa-css-prefix}-cny:before,
+.#{$fa-css-prefix}-rmb:before,
+.#{$fa-css-prefix}-yen:before,
+.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
+.#{$fa-css-prefix}-ruble:before,
+.#{$fa-css-prefix}-rouble:before,
+.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
+.#{$fa-css-prefix}-won:before,
+.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
+.#{$fa-css-prefix}-bitcoin:before,
+.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
+.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
+.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
+.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
+.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
+.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
+.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
+.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
+.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
+.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
+.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
+.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
+.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
+.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
+.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
+.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
+.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
+.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
+.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
+.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
+.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
+.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
+.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
+.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
+.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
+.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
+.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
+.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
+.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
+.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
+.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
+.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
+.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
+.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
+.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
+.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
+.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
+.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
+.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
+.#{$fa-css-prefix}-gittip:before,
+.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
+.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
+.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
+.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
+.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
+.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
+.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
+.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
+.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
+.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
+.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
+.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
+.#{$fa-css-prefix}-toggle-left:before,
+.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
+.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
+.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
+.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
+.#{$fa-css-prefix}-turkish-lira:before,
+.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
+.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
+.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
+.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
+.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
+.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
+.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
+.#{$fa-css-prefix}-institution:before,
+.#{$fa-css-prefix}-bank:before,
+.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
+.#{$fa-css-prefix}-mortar-board:before,
+.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
+.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
+.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
+.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
+.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
+.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
+.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
+.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
+.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
+.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
+.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
+.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
+.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
+.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
+.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
+.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
+.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
+.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
+.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
+.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
+.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
+.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
+.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
+.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
+.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
+.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
+.#{$fa-css-prefix}-automobile:before,
+.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
+.#{$fa-css-prefix}-cab:before,
+.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
+.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
+.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
+.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
+.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
+.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
+.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
+.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
+.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
+.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
+.#{$fa-css-prefix}-file-photo-o:before,
+.#{$fa-css-prefix}-file-picture-o:before,
+.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
+.#{$fa-css-prefix}-file-zip-o:before,
+.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
+.#{$fa-css-prefix}-file-sound-o:before,
+.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
+.#{$fa-css-prefix}-file-movie-o:before,
+.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
+.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
+.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
+.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
+.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
+.#{$fa-css-prefix}-life-bouy:before,
+.#{$fa-css-prefix}-life-buoy:before,
+.#{$fa-css-prefix}-life-saver:before,
+.#{$fa-css-prefix}-support:before,
+.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
+.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
+.#{$fa-css-prefix}-ra:before,
+.#{$fa-css-prefix}-resistance:before,
+.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
+.#{$fa-css-prefix}-ge:before,
+.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
+.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
+.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
+.#{$fa-css-prefix}-y-combinator-square:before,
+.#{$fa-css-prefix}-yc-square:before,
+.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
+.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
+.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
+.#{$fa-css-prefix}-wechat:before,
+.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
+.#{$fa-css-prefix}-send:before,
+.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
+.#{$fa-css-prefix}-send-o:before,
+.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
+.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
+.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
+.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
+.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
+.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
+.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
+.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
+.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
+.#{$fa-css-prefix}-soccer-ball-o:before,
+.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
+.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
+.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
+.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
+.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
+.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
+.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
+.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
+.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
+.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
+.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
+.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
+.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
+.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
+.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
+.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
+.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
+.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
+.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
+.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
+.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
+.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
+.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
+.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
+.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
+.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
+.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
+.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
+.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
+.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
+.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
+.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
+.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
+.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
+.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
+.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
+.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
+.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
+.#{$fa-css-prefix}-shekel:before,
+.#{$fa-css-prefix}-sheqel:before,
+.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
+.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
+.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
+.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
+.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
+.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
+.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
+.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
+.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
+.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
+.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
+.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
+.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
+.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
+.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
+.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
+.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
+.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
+.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
+.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
+.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
+.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
+.#{$fa-css-prefix}-intersex:before,
+.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
+.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
+.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
+.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
+.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
+.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
+.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
+.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
+.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
+.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
+.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
+.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
+.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
+.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
+.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
+.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
+.#{$fa-css-prefix}-hotel:before,
+.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
+.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
+.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
+.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
+.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
+.#{$fa-css-prefix}-yc:before,
+.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
+.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
+.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
+.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
+.#{$fa-css-prefix}-battery-4:before,
+.#{$fa-css-prefix}-battery:before,
+.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
+.#{$fa-css-prefix}-battery-3:before,
+.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
+.#{$fa-css-prefix}-battery-2:before,
+.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
+.#{$fa-css-prefix}-battery-1:before,
+.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
+.#{$fa-css-prefix}-battery-0:before,
+.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
+.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
+.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
+.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
+.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
+.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
+.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
+.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
+.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
+.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
+.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
+.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
+.#{$fa-css-prefix}-hourglass-1:before,
+.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
+.#{$fa-css-prefix}-hourglass-2:before,
+.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
+.#{$fa-css-prefix}-hourglass-3:before,
+.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
+.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
+.#{$fa-css-prefix}-hand-grab-o:before,
+.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
+.#{$fa-css-prefix}-hand-stop-o:before,
+.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
+.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
+.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
+.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
+.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
+.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
+.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
+.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
+.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
+.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
+.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
+.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
+.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
+.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
+.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
+.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
+.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
+.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
+.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
+.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
+.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
+.#{$fa-css-prefix}-tv:before,
+.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
+.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
+.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
+.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
+.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
+.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
+.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
+.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
+.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
+.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
+.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
+.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
+.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
+.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
+.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
+.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
+.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
+.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
+.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
+.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
+.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
+.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
+.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
+.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
+.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
+.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
+.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
+.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
+.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
+.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
+.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
+.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
+.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
+.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
+.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
+.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
+.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
+.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
+.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
+.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
+.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
+.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
+.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
+.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
+.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
+.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
+.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
+.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
+.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
+.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
+.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
+.#{$fa-css-prefix}-asl-interpreting:before,
+.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
+.#{$fa-css-prefix}-deafness:before,
+.#{$fa-css-prefix}-hard-of-hearing:before,
+.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
+.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
+.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
+.#{$fa-css-prefix}-signing:before,
+.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
+.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
+.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
+.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
+.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
+.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
+.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
+.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
+.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
+.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
+.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
+.#{$fa-css-prefix}-google-plus-circle:before,
+.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
+.#{$fa-css-prefix}-fa:before,
+.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }
+.#{$fa-css-prefix}-handshake-o:before { content: $fa-var-handshake-o; }
+.#{$fa-css-prefix}-envelope-open:before { content: $fa-var-envelope-open; }
+.#{$fa-css-prefix}-envelope-open-o:before { content: $fa-var-envelope-open-o; }
+.#{$fa-css-prefix}-linode:before { content: $fa-var-linode; }
+.#{$fa-css-prefix}-address-book:before { content: $fa-var-address-book; }
+.#{$fa-css-prefix}-address-book-o:before { content: $fa-var-address-book-o; }
+.#{$fa-css-prefix}-vcard:before,
+.#{$fa-css-prefix}-address-card:before { content: $fa-var-address-card; }
+.#{$fa-css-prefix}-vcard-o:before,
+.#{$fa-css-prefix}-address-card-o:before { content: $fa-var-address-card-o; }
+.#{$fa-css-prefix}-user-circle:before { content: $fa-var-user-circle; }
+.#{$fa-css-prefix}-user-circle-o:before { content: $fa-var-user-circle-o; }
+.#{$fa-css-prefix}-user-o:before { content: $fa-var-user-o; }
+.#{$fa-css-prefix}-id-badge:before { content: $fa-var-id-badge; }
+.#{$fa-css-prefix}-drivers-license:before,
+.#{$fa-css-prefix}-id-card:before { content: $fa-var-id-card; }
+.#{$fa-css-prefix}-drivers-license-o:before,
+.#{$fa-css-prefix}-id-card-o:before { content: $fa-var-id-card-o; }
+.#{$fa-css-prefix}-quora:before { content: $fa-var-quora; }
+.#{$fa-css-prefix}-free-code-camp:before { content: $fa-var-free-code-camp; }
+.#{$fa-css-prefix}-telegram:before { content: $fa-var-telegram; }
+.#{$fa-css-prefix}-thermometer-4:before,
+.#{$fa-css-prefix}-thermometer:before,
+.#{$fa-css-prefix}-thermometer-full:before { content: $fa-var-thermometer-full; }
+.#{$fa-css-prefix}-thermometer-3:before,
+.#{$fa-css-prefix}-thermometer-three-quarters:before { content: $fa-var-thermometer-three-quarters; }
+.#{$fa-css-prefix}-thermometer-2:before,
+.#{$fa-css-prefix}-thermometer-half:before { content: $fa-var-thermometer-half; }
+.#{$fa-css-prefix}-thermometer-1:before,
+.#{$fa-css-prefix}-thermometer-quarter:before { content: $fa-var-thermometer-quarter; }
+.#{$fa-css-prefix}-thermometer-0:before,
+.#{$fa-css-prefix}-thermometer-empty:before { content: $fa-var-thermometer-empty; }
+.#{$fa-css-prefix}-shower:before { content: $fa-var-shower; }
+.#{$fa-css-prefix}-bathtub:before,
+.#{$fa-css-prefix}-s15:before,
+.#{$fa-css-prefix}-bath:before { content: $fa-var-bath; }
+.#{$fa-css-prefix}-podcast:before { content: $fa-var-podcast; }
+.#{$fa-css-prefix}-window-maximize:before { content: $fa-var-window-maximize; }
+.#{$fa-css-prefix}-window-minimize:before { content: $fa-var-window-minimize; }
+.#{$fa-css-prefix}-window-restore:before { content: $fa-var-window-restore; }
+.#{$fa-css-prefix}-times-rectangle:before,
+.#{$fa-css-prefix}-window-close:before { content: $fa-var-window-close; }
+.#{$fa-css-prefix}-times-rectangle-o:before,
+.#{$fa-css-prefix}-window-close-o:before { content: $fa-var-window-close-o; }
+.#{$fa-css-prefix}-bandcamp:before { content: $fa-var-bandcamp; }
+.#{$fa-css-prefix}-grav:before { content: $fa-var-grav; }
+.#{$fa-css-prefix}-etsy:before { content: $fa-var-etsy; }
+.#{$fa-css-prefix}-imdb:before { content: $fa-var-imdb; }
+.#{$fa-css-prefix}-ravelry:before { content: $fa-var-ravelry; }
+.#{$fa-css-prefix}-eercast:before { content: $fa-var-eercast; }
+.#{$fa-css-prefix}-microchip:before { content: $fa-var-microchip; }
+.#{$fa-css-prefix}-snowflake-o:before { content: $fa-var-snowflake-o; }
+.#{$fa-css-prefix}-superpowers:before { content: $fa-var-superpowers; }
+.#{$fa-css-prefix}-wpexplorer:before { content: $fa-var-wpexplorer; }
+.#{$fa-css-prefix}-meetup:before { content: $fa-var-meetup; }

static/lib/font-awesome-4.7.0/scss/_larger.scss

@@ -0,0 +1,13 @@
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$fa-css-prefix}-lg {
+  font-size: (4em / 3);
+  line-height: (3em / 4);
+  vertical-align: -15%;
+}
+.#{$fa-css-prefix}-2x { font-size: 2em; }
+.#{$fa-css-prefix}-3x { font-size: 3em; }
+.#{$fa-css-prefix}-4x { font-size: 4em; }
+.#{$fa-css-prefix}-5x { font-size: 5em; }

static/lib/font-awesome-4.7.0/scss/_list.scss

@@ -0,0 +1,19 @@
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+  padding-left: 0;
+  margin-left: $fa-li-width;
+  list-style-type: none;
+  > li { position: relative; }
+}
+.#{$fa-css-prefix}-li {
+  position: absolute;
+  left: -$fa-li-width;
+  width: $fa-li-width;
+  top: (2em / 14);
+  text-align: center;
+  &.#{$fa-css-prefix}-lg {
+    left: -$fa-li-width + (4em / 14);
+  }
+}

static/lib/font-awesome-4.7.0/scss/_mixins.scss

@@ -0,0 +1,60 @@
+// Mixins
+// --------------------------
+
+@mixin fa-icon() {
+  display: inline-block;
+  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+}
+
+@mixin fa-icon-rotate($degrees, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
+  -webkit-transform: rotate($degrees);
+      -ms-transform: rotate($degrees);
+          transform: rotate($degrees);
+}
+
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
+  -webkit-transform: scale($horiz, $vert);
+      -ms-transform: scale($horiz, $vert);
+          transform: scale($horiz, $vert);
+}
+
+
+// Only display content to screen readers. A la Bootstrap 4.
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+@mixin sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+// Use in conjunction with .sr-only to only display content when it's focused.
+//
+// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+//
+// Credit: HTML5 Boilerplate
+
+@mixin sr-only-focusable {
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+  }
+}

static/lib/font-awesome-4.7.0/scss/_path.scss

@@ -0,0 +1,15 @@
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+  src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+    url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
+    url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+    url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+    url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+//  src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  font-weight: normal;
+  font-style: normal;
+}

static/lib/font-awesome-4.7.0/scss/_rotated-flipped.scss

@@ -0,0 +1,20 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .#{$fa-css-prefix}-rotate-90,
+:root .#{$fa-css-prefix}-rotate-180,
+:root .#{$fa-css-prefix}-rotate-270,
+:root .#{$fa-css-prefix}-flip-horizontal,
+:root .#{$fa-css-prefix}-flip-vertical {
+  filter: none;
+}

static/lib/font-awesome-4.7.0/scss/_screen-reader.scss

@@ -0,0 +1,5 @@
+// Screen Readers
+// -------------------------
+
+.sr-only { @include sr-only(); }
+.sr-only-focusable { @include sr-only-focusable(); }

static/lib/font-awesome-4.7.0/scss/_stacked.scss

@@ -0,0 +1,20 @@
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
+.#{$fa-css-prefix}-inverse { color: $fa-inverse; }