Merge branch 'feature/channel' of git.dev.yoho.cn:web/yohobuy-node into feature/channel

-.banner-bottom {
+.banner-center {
     margin: 30px 0 0;
     margin: 30px 0 0;
-    height: 160px;
+    height: 200px;
     overflow: hidden;
     overflow: hidden;
-
     img {
     img {
         display: block;
         display: block;
         width: 100%;
         width: 100%;
+        height: 100%;
     }
     }
 }
 }

@@ -7,7 +7,7 @@
         display: inline-block;
         display: inline-block;
         width: 275px;
         width: 275px;
         height: 160px;
         height: 160px;
-        border-radius: 4PX;
+        border-radius: 8px;
         background-size: 100%;
         background-size: 100%;
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;

@@ -25,25 +25,25 @@
 
 
     .loading {
     .loading {
         position: absolute;
         position: absolute;
-        width: 60PX;
-        height: 20PX;
+        width: 120px;
+        height: 40px;
         top: 50%;
         top: 50%;
         left: 50%;
         left: 50%;
-        margin-top: -10PX;
-        margin-left: -30PX;
+        margin-top: -20px;
+        margin-left: -60px;
 
 
         > div {
         > div {
             display: inline-block;
             display: inline-block;
             background: #fff;
             background: #fff;
-            width: 15PX;
-            height: 15PX;
+            width: 30px;
+            height: 30px;
             border-radius: 100%;
             border-radius: 100%;
-            margin: 2PX;
+            margin: 4px;
             $init: 0.12;
             $init: 0.12;
 
 
             @for $i from 1 to 3 {
             @for $i from 1 to 3 {
                 &:nth-child($i) {
                 &:nth-child($i) {
-                    animation: scale 0.75s $(init)s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08) ;
+                    animation: scale 0.75s $(init)s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
                 }
                 }
                 $init: ($i + 1) * 0.12;
                 $init: ($i + 1) * 0.12;
             }
             }

@@ -14,7 +14,7 @@ html,
 body {
 body {
     font-family: helvetica, Arial, "黑体";
     font-family: helvetica, Arial, "黑体";
     width: 100%;
     width: 100%;
-    font-size: 12PX;
+    font-size: 24px;
     line-height: 1.4;
     line-height: 1.4;
 }
 }
 
 
@@ -59,11 +59,11 @@ a {
 
 
 .iconfont {
 .iconfont {
     font-family: "iconfont" !important;
     font-family: "iconfont" !important;
-    font-size: 16PX;
+    font-size: 32px;
     font-style: normal;
     font-style: normal;
     text-decoration: none;
     text-decoration: none;
     -webkit-font-smoothing: antialiased;
     -webkit-font-smoothing: antialiased;
-    -webkit-text-stroke-width: 0.2PX;
+    -webkit-text-stroke-width: 0.4px;
     -moz-osx-font-smoothing: grayscale;
     -moz-osx-font-smoothing: grayscale;
 }
 }
 
 
@@ -72,17 +72,17 @@ a {
     display: none;
     display: none;
     text-align: center;
     text-align: center;
     width: 70%;
     width: 70%;
-    padding: 34PX 0;
+    padding: 68px 0;
     top: 50%;
     top: 50%;
     left: 50%;
     left: 50%;
     margin-left: -35%;
     margin-left: -35%;
-    margin-top: -45PX;
+    margin-top: -90px;
     background-color: rgba(0, 0, 0, 0.7);
     background-color: rgba(0, 0, 0, 0.7);
     color: #fff;
     color: #fff;
-    font-size: 18PX;
+    font-size: 36px;
     border: none;
     border: none;
     z-index: 4;
     z-index: 4;
-    border-radius: 10PX;
+    border-radius: 20px;
 }
 }
 
 
 @import "common/lazy-failure";
 @import "common/lazy-failure";