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,14 +7,13 @@
     padding-bottom: 10px;
 }
 
-.ma-header {
+.ma-container {
+    .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;
@@ -27,18 +26,19 @@
             text-overflow: ellipsis;
             -webkit-text-overflow: ellipsis;
         }
+    }
 }
 
-.tab {
+.ma-container {
+    .tab {
         width: 100%;
         height: 310px;
-}
 
-.tab {
         img {
             width: 100%;
             height: 100%;
         }
+    }
 }
 
 .swiper-container {
@@ -57,38 +57,26 @@
     background: #fff !important;
 }
 
-.floor-top {
+.ma-container {
+    .floor-top {
         width: 100%;
         height: 68px;
-}
 
-.floor-top {
         img {
             width: 100%;
             height: 100%;
         }
+    }
 }
 
-.floor-ul {
+.ma-container {
+    .floor-ul {
         li {
             width: 100%;
             height: 170px;
             position: relative;
             margin-bottom: 17px;
-    }
-}
-
-.floor-ul {
-    li {
-        img {
-            width: 100%;
-            height: 100%;
-        }
-    }
-}
 
-.floor-ul {
-    li {
             p {
                 height: 45px;
                 line-height: 45px;
@@ -104,23 +92,26 @@
                 -webkit-text-overflow: ellipsis;
                 padding: 0 25px;
             }
+
+            img {
+                width: 100%;
+                height: 100%;
+            }
+        }
     }
 }
 
-.floor-c {
+.ma-container {
+    .floor-c {
         background: #fff;
         padding: 25px;
         position: relative;
-}
 
-.floor-c {
         img {
             width: 100%;
             height: 100%;
         }
-}
 
-.floor-c {
         p {
             height: 45px;
             line-height: 45px;
@@ -136,16 +127,16 @@
             -webkit-text-overflow: ellipsis;
             margin: 0 40px 25px;
         }
+    }
 }
 
-.down {
+.ma-container {
+    .down {
         width: 100%;
         height: 265px;
         position: relative;
         display: block;
-}
 
-.down {
         img {
             width: 100%;
             position: absolute;
@@ -153,4 +144,5 @@
             left: 0;
             right: 0;
         }
+    }
 }