diff --git a/index.css b/index.css
index 3555d92..8ea7892 100644
--- a/index.css
+++ b/index.css
@@ -33,6 +33,14 @@ html, body {
       }
     }
   }
+}
+
+.u-line { height:1px; margin-bottom:10px; background:#DEEAF2; }
+
+
+/* 以下部分为保留用来兼容原有代码，新页面中不要使用 */
+
+@component-namespace g {
   /* 主要内容区块,白底圆角boxshadow */
   @b section {
     @e breadcrumb {
@@ -125,8 +133,6 @@ html, body {
   color: #333;
 }
 
-
-.u-line { height:1px; margin-bottom:10px; background:#DEEAF2; }
 .u-table-btns { display: flex; justify-content: center; }
 .u-table-btns button { position: relative; margin-right: 10px; color: #0398ff; min-width: 0; }
 .u-table-btns button::after { content: "";position: absolute; top: 5px;right: -13px; width: 1px; height: 15px; background-color: #eceef2; }
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..4c00f25
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+    plugins: [
+        require('postcss-import')({
+            path: './src/style'
+        }),
+        require('postcss-salad')({
+            browsers: ['ie > 9', 'last 2 versions'],
+            features: {
+                bem: {
+                    shortcuts: {
+                        component: 'b',
+                        modifier: 'm',
+                        descendent: 'e'
+                    },
+                    separators: {
+                        descendent: '__',
+                        modifier: '--'
+                    }
+                }
+            }
+        })
+    ]
+};