bug

-<div class="container">
+<div class="ma-container">
     <div class="ma-header">
         <div>{{headerTip}}</div>
     </div>

-.container {
+.ma-container {
     width: 100%;
     max-width: 640px;
     margin: 0 auto;
@@ -7,37 +7,37 @@
     padding-bottom: 10px;
 }
 
-.ma-header {
-    width: 100%;
-    height: 82px;
-    background: resolve("activity/market/header.jpg") no-repeat center center;
-    background-size: contain;
-}
-
-.ma-header {
-    div {
-        width: 375px;
-        line-height: 82px;
-        font-size: 24px;
-        color: #fff;
-        float: right;
-        text-align: center;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        -webkit-text-overflow: ellipsis;
+.ma-container {
+    .ma-header {
+        width: 100%;
+        height: 82px;
+        background: resolve("activity/market/header.jpg") no-repeat center center;
+        background-size: contain;
+
+        div {
+            width: 375px;
+            line-height: 82px;
+            font-size: 24px;
+            color: #fff;
+            float: right;
+            text-align: center;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            -webkit-text-overflow: ellipsis;
+        }
     }
 }
 
-.tab {
-    width: 100%;
-    height: 310px;
-}
-
-.tab {
-    img {
+.ma-container {
+    .tab {
         width: 100%;
-        height: 100%;
+        height: 310px;
+
+        img {
+            width: 100%;
+            height: 100%;
+        }
     }
 }
 
@@ -57,38 +57,61 @@
     background: #fff !important;
 }
 
-.floor-top {
-    width: 100%;
-    height: 68px;
-}
-
-.floor-top {
-    img {
+.ma-container {
+    .floor-top {
         width: 100%;
-        height: 100%;
+        height: 68px;
+
+        img {
+            width: 100%;
+            height: 100%;
+        }
     }
 }
 
-.floor-ul {
-    li {
-        width: 100%;
-        height: 170px;
-        position: relative;
-        margin-bottom: 17px;
+.ma-container {
+    .floor-ul {
+        li {
+            width: 100%;
+            height: 170px;
+            position: relative;
+            margin-bottom: 17px;
+
+            p {
+                height: 45px;
+                line-height: 45px;
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                color: #fff;
+                font-size: 18px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                -webkit-text-overflow: ellipsis;
+                padding: 0 25px;
+            }
+
+            img {
+                width: 100%;
+                height: 100%;
+            }
+        }
     }
 }
 
-.floor-ul {
-    li {
+.ma-container {
+    .floor-c {
+        background: #fff;
+        padding: 25px;
+        position: relative;
+
         img {
             width: 100%;
             height: 100%;
         }
-    }
-}
 
-.floor-ul {
-    li {
         p {
             height: 45px;
             line-height: 45px;
@@ -102,55 +125,24 @@
             white-space: nowrap;
             text-overflow: ellipsis;
             -webkit-text-overflow: ellipsis;
-            padding: 0 25px;
+            margin: 0 40px 25px;
         }
     }
 }
 
-.floor-c {
-    background: #fff;
-    padding: 25px;
-    position: relative;
-}
-
-.floor-c {
-    img {
+.ma-container {
+    .down {
         width: 100%;
-        height: 100%;
-    }
-}
-
-.floor-c {
-    p {
-        height: 45px;
-        line-height: 45px;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        color: #fff;
-        font-size: 18px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        -webkit-text-overflow: ellipsis;
-        margin: 0 40px 25px;
-    }
-}
-
-.down {
-    width: 100%;
-    height: 265px;
-    position: relative;
-    display: block;
-}
+        height: 265px;
+        position: relative;
+        display: block;
 
-.down {
-    img {
-        width: 100%;
-        position: absolute;
-        top: -10px;
-        left: 0;
-        right: 0;
+        img {
+            width: 100%;
+            position: absolute;
+            top: -10px;
+            left: 0;
+            right: 0;
+        }
     }
 }