侧边栏 划出

@@ -10,7 +10,7 @@
     position: relative;
     z-index: 2;
     background: #f0f0f0;
-    @include transition(transform .3s  ease-out);
+    @include transition(transform .3s);
 }
 
 .mobile-wrap.menu-open {
@@ -27,7 +27,7 @@
     bottom: 0;
     background: #000;
     opacity: 0;
-    z-index: 99;
+    z-index: 2;
     @include transition(opacity 1s);
 }
 

 .side-nav {
-    display: block;
+    display: none;
     background: #fff;
     position: fixed;
     top: 0;
     bottom: 0;
-    left: -540rem / $pxConvertRem;
-    right: 640rem / $pxConvertRem;
+    left: 0;
+    right: 100rem / $pxConvertRem;
     width: 540rem / $pxConvertRem;
-    z-index: -1;
+    z-index: 1;
     overflow: hidden;
     @include transition(all .3s);
 
@@ -107,9 +107,7 @@
 }
 
 .side-nav.on {
-    left: 0;
-    right: 100rem / $pxConvertRem;
-    z-index: 3;
+    display: block;
 }
 
 .sub-nav {