解决css命名空间问题

@@ -4,32 +4,6 @@ $subFontC:#b0b0b0;
 $borderC:#e0e0e0;
 $tableCellC:#eee;
 $basicBtnC:#eb0313;
-.my-swiper-button-prev,
-.my-swiper-button-next {
-    position: absolute;
-    top: 50%;
-    width: pxToRem(48px);
-    height: pxToRem(48px);
-    margin-top: pxToRem(-44px);
-    cursor: pointer;
-    -moz-background-size: pxToRem(48px) pxToRem(48px);
-    -webkit-background-size: pxToRem(48px) pxToRem(48px);
-    background-size: pxToRem(48px) pxToRem(48px);
-    background-position: center;
-    background-repeat: no-repeat;
-}
-
-.next-grey {
-    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
-    right: pxToRem(30px);
-    left: auto;
-}
-
-.prev-grey {
-    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
-    left: pxToRem(30px);
-    right: auto;
-}
 
 .good-detail-page {
     overflow: hidden;
@@ -78,11 +52,38 @@ $basicBtnC:#eb0313;
                         border-right: none;
                     }
                 }
-                // }
             }
         }
     }
 
+    .my-swiper-button-prev,
+    .my-swiper-button-next {
+        position: absolute;
+        top: 50%;
+        width: pxToRem(48px);
+        height: pxToRem(48px);
+        margin-top: pxToRem(-44px);
+        cursor: pointer;
+        -moz-background-size: pxToRem(48px) pxToRem(48px);
+        -webkit-background-size: pxToRem(48px) pxToRem(48px);
+        background-size: pxToRem(48px) pxToRem(48px);
+        background-position: center;
+        background-repeat: no-repeat;
+    }
+
+    .next-grey {
+        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
+        right: pxToRem(30px);
+        left: auto;
+    }
+
+    .prev-grey {
+        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
+        left: pxToRem(30px);
+        right: auto;
+    }
+
+
     .tag-container {
         position: absolute;
         left: pxToRem(108px);
@@ -256,7 +257,7 @@ $basicBtnC:#eb0313;
                 height: pxToRem(32px);
             }
             &:nth-child(1) {
-                text-align: right;
+                text-align: left;
                 .vip-img {
                     background: image-url('product/silver.png') no-repeat;
                 }
@@ -267,7 +268,7 @@ $basicBtnC:#eb0313;
                 }
             }
             &:nth-child(3) {
-                text-align: left;
+                text-align: right;
                 .vip-img {
                     background: image-url('product/platinum.png') no-repeat;
                 }