diff --git a/public/static/css/common.css b/public/static/css/common.css
new file mode 100644
index 0000000..5404baf
--- /dev/null
+++ b/public/static/css/common.css
@@ -0,0 +1,100 @@
+@media screen and (max-width: 768px){
+ .layui-body{
+ left: 0;
+ }
+
+ .layui-layout-admin .layui-footer{
+ left: 0;
+ }
+
+ .layui-layout-admin .layui-logo{
+ width: 115px;
+ }
+
+ .layui-layout-admin .layui-side{
+ width: 100%;
+ overflow-x: hidden;
+ height: 100%;
+ position: unset;
+ }
+
+ .layui-layer-content .layui-hide-xs{
+ display: unset !important;
+ }
+
+ .layui-nav-tree{
+ width: 100%;
+ height: 100%;
+ }
+}
+
+.left-bottom-options{
+ position: fixed;
+ left: 20px;
+ bottom: 60px;
+ background: rgba(0,0,0,0.4);
+ color: #fff;
+ font-size: 35px;
+ padding: 3px 5px;
+}
+
+.skin-1 .layui-nav-tree .layui-nav-item a:hover{
+ background-color: #6699CC;
+}
+
+.skin-1 .layui-bg-black{
+ background-color: #66CCFF !important;
+}
+
+.skin-1 .layui-nav-tree .layui-nav-child dd.layui-this,
+.skin-1 .layui-nav-tree .layui-nav-child dd.layui-this a,
+.skin-1 .layui-nav-tree .layui-this,
+.skin-1 .layui-nav-tree .layui-this > a,
+.skin-1 .layui-nav-tree .layui-this > a:hover{
+ background-color: #6699CC;
+}
+
+.skin-1 .layui-layout-admin .layui-logo{
+ color: #fff;
+}
+
+.skin-1 .layui-layout-admin .layui-header{
+ background-color: #66CCFF;
+}
+
+.skin-1 .layui-nav {
+ background-color: #66CCFF;
+}
+
+.skin-1 .layui-nav .layui-nav-item a {
+ color: #FFFFFF
+}
+
+.skin-1 .layui-nav .layui-nav-child a {
+ color: #66CCFF;
+}
+
+.skin-1 .layui-nav .layui-this::after,
+.skin-1 .layui-nav-bar,
+.skin-1 .layui-nav-tree .layui-nav-itemed::after {
+ background-color: #CCFFFF;
+}
+
+.skin-1 .layui-tab-brief > .layui-tab-title .layui-this{
+ color: #66CCFF;
+}
+
+.skin-1 .layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
+ border-color: #66CCFF;
+}
+
+.skin-1 .layui-btn{
+ background-color: #66CCFF;
+}
+.skin-1 .layui-form-radio > i:hover, .layui-form-radioed > i{
+ color: #66CCFF;
+}
+
+.skin-1 .layui-elem-quote{
+ border-color: #66CCFF;
+}
diff --git a/public/static/lib/jquery/jquery.cookie.js b/public/static/lib/jquery/jquery.cookie.js
new file mode 100644
index 0000000..c7f3a59
--- /dev/null
+++ b/public/static/lib/jquery/jquery.cookie.js
@@ -0,0 +1,117 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+ if (typeof define === 'function' && define.amd) {
+ // AMD
+ define(['jquery'], factory);
+ } else if (typeof exports === 'object') {
+ // CommonJS
+ factory(require('jquery'));
+ } else {
+ // Browser globals
+ factory(jQuery);
+ }
+}(function ($) {
+
+ var pluses = /\+/g;
+
+ function encode(s) {
+ return config.raw ? s : encodeURIComponent(s);
+ }
+
+ function decode(s) {
+ return config.raw ? s : decodeURIComponent(s);
+ }
+
+ function stringifyCookieValue(value) {
+ return encode(config.json ? JSON.stringify(value) : String(value));
+ }
+
+ function parseCookieValue(s) {
+ if (s.indexOf('"') === 0) {
+ // This is a quoted cookie as according to RFC2068, unescape...
+ s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+ }
+
+ try {
+ // Replace server-side written pluses with spaces.
+ // If we can't decode the cookie, ignore it, it's unusable.
+ // If we can't parse the cookie, ignore it, it's unusable.
+ s = decodeURIComponent(s.replace(pluses, ' '));
+ return config.json ? JSON.parse(s) : s;
+ } catch(e) {}
+ }
+
+ function read(s, converter) {
+ var value = config.raw ? s : parseCookieValue(s);
+ return $.isFunction(converter) ? converter(value) : value;
+ }
+
+ var config = $.cookie = function (key, value, options) {
+
+ // Write
+
+ if (value !== undefined && !$.isFunction(value)) {
+ options = $.extend({}, config.defaults, options);
+
+ if (typeof options.expires === 'number') {
+ var days = options.expires, t = options.expires = new Date();
+ t.setTime(+t + days * 864e+5);
+ }
+
+ return (document.cookie = [
+ encode(key), '=', stringifyCookieValue(value),
+ options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+ options.path ? '; path=' + options.path : '',
+ options.domain ? '; domain=' + options.domain : '',
+ options.secure ? '; secure' : ''
+ ].join(''));
+ }
+
+ // Read
+
+ var result = key ? undefined : {};
+
+ // To prevent the for loop in the first place assign an empty array
+ // in case there are no cookies at all. Also prevents odd result when
+ // calling $.cookie().
+ var cookies = document.cookie ? document.cookie.split('; ') : [];
+
+ for (var i = 0, l = cookies.length; i < l; i++) {
+ var parts = cookies[i].split('=');
+ var name = decode(parts.shift());
+ var cookie = parts.join('=');
+
+ if (key && key === name) {
+ // If second argument (value) is a function it's a converter...
+ result = read(cookie, value);
+ break;
+ }
+
+ // Prevent storing a cookie that we couldn't decode.
+ if (!key && (cookie = read(cookie)) !== undefined) {
+ result[name] = cookie;
+ }
+ }
+
+ return result;
+ };
+
+ config.defaults = {};
+
+ $.removeCookie = function (key, options) {
+ if ($.cookie(key) === undefined) {
+ return false;
+ }
+
+ // Must not alter options, thus extending a fresh object...
+ $.cookie(key, '', $.extend({}, options, { expires: -1 }));
+ return !$.cookie(key);
+ };
+
+}));
diff --git a/public/static/lib/layui/lib/cropper/croppers.js b/public/static/lib/layui/lib/cropper/croppers.js
index 5860de4..3b0b6c0 100644
--- a/public/static/lib/layui/lib/cropper/croppers.js
+++ b/public/static/lib/layui/lib/cropper/croppers.js
@@ -10,21 +10,21 @@ layui.config({
var html = "\n" +
"