diff --git a/source/scss/header/_index.scss b/source/scss/header/_index.scss
new file mode 100644
index 0000000..8fd39f2
--- /dev/null
+++ b/source/scss/header/_index.scss
@@ -0,0 +1 @@
+@import './ul-header';
\ No newline at end of file
diff --git a/source/scss/header/_ul-header.scss b/source/scss/header/_ul-header.scss
new file mode 100644
index 0000000..b6d9e24
--- /dev/null
+++ b/source/scss/header/_ul-header.scss
@@ -0,0 +1,44 @@
+/* 头部开始 */
+.ul-header {
+    background-color: #fff;
+    box-shadow      : 0 3px 5px #999;
+    padding         : 3px;
+}
+
+.ul-header-main {
+    display        : flex;
+    justify-content: space-between;
+    align-items    : center;
+    margin         : 0 auto;
+}
+
+.ul-header-logo {
+    max-height: 48px;
+}
+
+.ul-header-user {
+    display        : flex;
+    align-items    : center;
+    justify-content: center;
+}
+
+.ul-header-user-avatar {
+    background-image   : url("/static/images/avatar.png");
+    width              : 45px;
+    height             : 45px;
+    background-size    : cover;
+    background-position: center;
+}
+
+.ul-header-user-options {
+    display    : flex;
+    align-items: center;
+    color      : #999;
+    font-size  : 12px;
+    cursor     : pointer;
+    margin-top : 5px;
+}
+
+.ul-header-user-info {
+    margin-left: 10px;
+}
\ No newline at end of file
diff --git a/source/scss/layui-ul.scss b/source/scss/layui-ul.scss
index c8c24b6..10530dc 100644
--- a/source/scss/layui-ul.scss
+++ b/source/scss/layui-ul.scss
@@ -8,53 +8,7 @@
 @import './jumbotron/index';
 @import './footer/index';
 @import './desciptions/index';
-
-
-/* 头部开始 */
-.ul-header {
-    background-color: #fff;
-    box-shadow      : 0 3px 5px #999;
-    padding         : 3px;
-}
-
-.ul-header-main {
-    display        : flex;
-    justify-content: space-between;
-    align-items    : center;
-    margin         : 0 auto;
-}
-
-.ul-header-logo {
-    max-height: 48px;
-}
-
-.ul-header-user {
-    display        : flex;
-    align-items    : center;
-    justify-content: center;
-}
-
-.ul-header-user-avatar {
-    background-image   : url("/static/images/avatar.png");
-    width              : 45px;
-    height             : 45px;
-    background-size    : cover;
-    background-position: center;
-}
-
-.ul-header-user-options {
-    display    : flex;
-    align-items: center;
-    color      : #999;
-    font-size  : 12px;
-    cursor     : pointer;
-}
-
-.ul-header-user-info {
-    margin-left: 10px;
-}
-
-
+@import './header/_index';
 
 /* 链接导航开始 */