style：样式

@@ -222,6 +222,7 @@ div.navigation {
     font-weight: 400;
     color: #4A4A4A;
     line-height: 24px;
+    padding-bottom: 30px;
 }
 /* -----------------底部start----------------------------- */
 div.footer {

@@ -53,7 +53,7 @@
                 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
             </ul>
         </div>
-        <div class="navigation_crumbs">
+        <div class="navigation_crumbs">  
             <div class="contentBox">
                 <span class="layui-breadcrumb">
                     <a href="../../staticIndex.html">首页</a>
@@ -196,4 +196,12 @@
             }
         });
     });
+    layui.use('element', function(){
+        var element = layui.element;
+        
+        //监听Tab切换，以改变地址hash值
+        element.on('tab(docDemoTabBrief)', function(){
+        location.hash = 'test1='+ this.getAttribute('lay-id');
+        });
+    });
 </script>
\ No newline at end of file

@@ -3,10 +3,23 @@
     padding: 0;
 }
 
-.main {
-
-}
-
+::-webkit-input-placeholder { /* WebKit browsers */
+    font-size: 13px;
+    color: #9B9B9B;
+  }
+  
+::-moz-placeholder { /* Mozilla Firefox 19+ */
+    font-size: 13px;
+    color: #9B9B9B;
+  }
+  
+ :-ms-input-placeholder { /* Internet Explorer 10+ */
+    font-size: 13px;
+    color: #9B9B9B;
+  }
+  input {
+      padding-left: 10px;
+  }
 /*================首页 start=====================*/
 div a {
     color: #000000;
@@ -123,6 +136,7 @@ div.navigation {
     line-height: 25px;
     background: #FAFAFA;
     border: 1px solid #E6E6E6;
+    box-sizing: border-box;
 }
 .navigation_crumbs .layui-breadcrumb a:hover {
     color: #f46143!important;
@@ -226,6 +240,7 @@ div.navigation {
     background: #FFFFFF;
     border-radius: 2px;
     border: 1px solid #CBCBCB;
+    margin-left: 10px;
 }
 
 .top button {
@@ -269,7 +284,6 @@ div.navigation {
 .body {
     display: flex;
     justify-items: left;
-    border-top: 1px solid #CBCBCB;
 }
 
 .body div {