品牌一览 hot 位置修改

@@ -108,7 +108,7 @@
             padding: 0 20rem / $pxConvertRem;
             a {
                 display: block;
-                padding-top: 10rem / $pxConvertRem;
+                // padding-top: 10rem / $pxConvertRem;
                 height: 76rem / $pxConvertRem;
                 line-height: 76rem / $pxConvertRem;
                 font-size: 28rem / $pxConvertRem;
@@ -116,13 +116,14 @@
                 border-top: 1px solid #f9f9f9;                    
                 i {
                     display: inline-block;
+                    margin-top: -4rem / $pxConvertRem;
                     margin-left: 24rem / $pxConvertRem;
                     width: 58rem / $pxConvertRem;
                     height: 38rem / $pxConvertRem;
                     text-align: center;
                     vertical-align: middle;
                     font-size: 18rem / $pxConvertRem;
-                    line-height: 39rem / $pxConvertRem;
+                    line-height: 38rem / $pxConvertRem;
                     color: #fff;
                     border-radius: 50rem / $pxConvertRem;;
                 }

@@ -4,12 +4,12 @@
     position: fixed;
     top: 0;
     bottom: 0;
-    // left: 0;
+    left: -540rem / $pxConvertRem;
     right: 640rem / $pxConvertRem;
     width: 540rem / $pxConvertRem;
     z-index: -1;
     overflow: hidden;
-    @include transition(right .3s);
+    @include transition(all .3s);
 
     ul {
         background: #f0f0f0;
@@ -107,6 +107,7 @@
 }
 
 .side-nav.on {
+    left: 0;
     right: 100rem / $pxConvertRem;
     z-index: 3;
 }