优化sale页面sass代码，code review by bikai

@@ -161,90 +161,84 @@
         background-color: #f5f5f5;
         color: #6d6d6d;
         margin-bottom: 10px;
-    }
-    .sale-nav li.active {
+        &.active {
           color: #fff;
           background-repeat: no-repeat;
           background-size: 100% 100%;
         }
-
-    .sale-nav li.green.active {
+        &.green {
+          &.active {
             color: #fff;
-        background-image: image-url('sale/navactive-green-middle.png');
+            background-image: image-url("sale/navactive-green-middle.png");
             background-repeat: no-repeat;
             background-size: 100% 100%;
           }
-
-    .sale-nav li.green.first.active {
-        background-image: image-url('sale/navactive-green-first.png');
+          &.first.active {
+            background-image: image-url("sale/navactive-green-first.png");
           }
-
-    .sale-nav li.green.last.active {
-        background-image: image-url('sale/navactive-green-last.png');
+          &.last.active {
+            background-image: image-url("sale/navactive-green-last.png");
           }
-
-    .sale-nav li.yellow.active {
+        }
+        &.yellow {
+          &.active {
             color: #fff;
-        background-image: image-url('sale/navactive-yellow-middle.png');
+            background-image: image-url("sale/navactive-yellow-middle.png");
             background-repeat: no-repeat;
             background-size: 100% 100%;
           }
-
-    .sale-nav li.yellow.first.active {
-        background-image: image-url('sale/navactive-yellow-first.png');
+          &.first.active {
+            background-image: image-url("sale/navactive-yellow-first.png");
           }
-
-    .sale-nav li.yellow.last.active {
-        background-image: image-url('sale/navactive-yellow-last.png');
+          &.last.active {
+            background-image: image-url("sale/navactive-yellow-last.png");
           }
-
-    .sale-nav li.red.active {
+        }
+        &.red {
+          &.active {
             color: #fff;
-        background-image: image-url('sale/navactive-red-middle.png');
+            background-image: image-url("sale/navactive-red-middle.png");
             background-repeat: no-repeat;
             background-size: 100% 100%;
           }
-
-    .sale-nav li.red.first.active {
-        background-image: image-url('sale/navactive-red-first.png');
+          &.first.active {
+            background-image: image-url("sale/navactive-red-first.png");
+          }
+          &.last.active {
+            background-image: image-url("sale/navactive-red-last.png");
+          }
         }
-
-    .sale-nav li.red.last.active {
-        background-image: image-url('sale/navactive-red-last.png');
     }
 
     @media screen and (min-width: 1150px) {
         .floor-header {
-            margin:80px 0 40px
+          margin: 80px 0 40px;
+          .header-navs li {
+            padding: 1px 15px;
           }
-
-        .floor-header .header-navs li {
-            padding: 1px 15px
         }
     }
 
     .commodity-list ul {
-        width: 1004px
+        width: 1004px;
     }
 
     .commodity-item {
         float: left;
         width: 241px;
-        margin: 0 10px 0 0
+        margin: 0 10px 0 0;
     }
+
     .commodity-img {
         position: relative;
         height: 323px;
-        text-align: center
-    }
-
-    .commodity-img img {
+        text-align: center;
+        img {
           width: 100%;
           height: 100%;
-        vertical-align: middle
+          vertical-align: middle;
         }
-
-    .commodity-img .top-tag {
+        .top-tag {
           position: absolute;
           width: 60px;
           height: 60px;
@@ -253,10 +247,9 @@
           line-height: 60px;
           background: url('../assets/images/furniture/top-tag-bg.png?1450667948');
           font-size: 20px;
-        color: #fff
+          color: #fff;
         }
-
-    .commodity-img .few-tag {
+        .few-tag {
           position: absolute;
           bottom: 0;
           width: 100%;
@@ -265,83 +258,75 @@
           color: #fff;
           line-height: 20px;
           text-align: center;
-        font-size: 12px
+          font-size: 12px;
+        }
     }
 
     .commodity-content {
         padding: 10px 0 0 0;
         height: 69px;
-        overflow: hidden
-    }
-
-    .commodity-content .commodity-name {
+        overflow: hidden;
+        .commodity-name {
           font-size: 12px;
           color: #000;
           line-height: 18px;
-        text-align: center
+          text-align: center;
         }
-
-    .commodity-content .commodity-price {
+        .commodity-price {
           position: relative;
           margin: 3px 0 0 0;
           text-align: center;
           line-height: 20px;
-        color: #000
-    }
-
-    .commodity-content .commodity-price span {
+          color: #000;
+          span {
             display: inline-block;
             *display: inline;
             *zoom: 1;
             font-size: 12px;
             padding: 0 15px;
-    }
-
-    .commodity-content .commodity-price span.origin {
+            &.origin {
               text-decoration: line-through;
             }
-
-    .commodity-content .commodity-price strong {
+          }
+          strong {
             font-weight: normal;
             color: #565656;
             font-size: 13px;
           }
-
-    .commodity-content .commodity-price span.vip-tag {
-        background-image: image-url('sale/vip.png');
+          span.vip-tag {
+            background-image: image-url("sale/vip.png");
             background-repeat: no-repeat;
             background-size: 100% 90%;
             color: #fff;
             font-style: italic;
             margin-right: 5px;
           }
-
-    .commodity-content .commodity-price .price-sale {
+          .price-sale {
             margin-left: 10px;
             padding-left: 10px;
             width: 36px;
             height: 20px;
             line-height: 20px;
             background: url('../assets/images/furniture/sale-tag-bg.png?1450667948');
-        color: #fff
+            color: #fff;
+          }
+        }
     }
 
     @media screen and (min-width: 1150px) {
         .commodity-list ul {
-            width:1160px
+          width: 1160px;
         }
-
         .commodity-item {
-            width: 280px
+          width: 280px;
         }
-
         .commodity-img {
-            height: 374px
+          height: 374px;
         }
-
         .commodity-content {
           padding: 14px 0 0 0;
-            height: 77px
+          height: 77px;
         }
     }
+
 }