diff --git a/public/static/css/common.css b/public/static/css/common.css
index 5404baf..5855345 100644
--- a/public/static/css/common.css
+++ b/public/static/css/common.css
@@ -37,64 +37,3 @@
     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/css/skin-1.css b/public/static/css/skin-1.css
new file mode 100644
index 0000000..0a4704c
--- /dev/null
+++ b/public/static/css/skin-1.css
@@ -0,0 +1,61 @@
+
+.layui-nav-tree .layui-nav-item a:hover{
+    background-color: #6699CC;
+}
+
+.layui-bg-black{
+    background-color: #66CCFF !important; 
+}
+
+.layui-nav-tree .layui-nav-child dd.layui-this, 
+.layui-nav-tree .layui-nav-child dd.layui-this a, 
+.layui-nav-tree .layui-this, 
+.layui-nav-tree .layui-this > a, 
+.layui-nav-tree .layui-this > a:hover{
+    background-color: #6699CC;
+}
+
+.layui-layout-admin .layui-logo{
+    color: #fff;
+}
+
+.layui-layout-admin .layui-header{
+    background-color: #66CCFF;
+}
+
+.layui-nav {
+    background-color: #66CCFF;
+}
+
+.layui-nav .layui-nav-item a {
+    color: #FFFFFF
+}
+
+.layui-nav .layui-nav-child a {
+    color: #66CCFF;
+}
+
+.layui-nav .layui-this::after,
+.layui-nav-bar,
+.layui-nav-tree .layui-nav-itemed::after {
+    background-color: #CCFFFF;
+}
+
+.layui-tab-brief > .layui-tab-title .layui-this{
+    color: #66CCFF;
+}
+
+.layui-tab-brief > .layui-tab-more li.layui-this::after, .layui-tab-brief > .layui-tab-title .layui-this::after{
+    border-color: #66CCFF;
+}
+
+.layui-btn{
+    background-color: #66CCFF;
+}
+.layui-form-radio > i:hover, .layui-form-radioed > i{
+    color: #66CCFF;
+}
+
+.layui-elem-quote{
+    border-color: #66CCFF;
+}
diff --git a/view/admin/common/_require.html b/view/admin/common/_require.html
index 8830c31..0b7a432 100644
--- a/view/admin/common/_require.html
+++ b/view/admin/common/_require.html
@@ -1,6 +1,7 @@
 <link rel="stylesheet" href="/static/css/reset.css">
 <link rel="stylesheet" href="/static/css/pagination.css">
 <link rel="stylesheet" href="/static/lib/layui/css/layui.css">
+<link rel="stylesheet" href="/static/css/{:cookie('skin-name','')}.css">
 <link rel="stylesheet" href="/static/css/common.css">
 <script src="/static/lib/jquery/jquery-3.4.1.min.js"></script>
 <script src="/static/lib/jquery/jquery.cookie.js"></script>
@@ -44,6 +45,8 @@
                         $('body').addClass('skin-1')
 
                     }
+
+                    location.reload()
                 }
             }
         });