some-css-modified

 <div class="brand-page yoho-page">
 <div class="brand-page yoho-page">
     {{# channel}}
     {{# channel}}
 
 
-    <div class="genderNav">
+    <div class="gender-nav">
         <ul>
         <ul>
             {{# channels}}
             {{# channels}}
                 <li {{#if active}}class="active"{{/if}} data-id="{{@index}}" data-name="{{channelName}}">
                 <li {{#if active}}class="active"{{/if}} data-id="{{@index}}" data-name="{{channelName}}">
@@ -33,7 +33,7 @@
             {{/ hotBrandsScroll}}
             {{/ hotBrandsScroll}}
         {{/ topData}}
         {{/ topData}}
 
 
-        <div class="brandNav">
+        <div class="brand-nav">
             <ul>
             <ul>
                 <li class="allbrand active" data-id="0">
                 <li class="allbrand active" data-id="0">
                     <span>{{brandType}}</span>
                     <span>{{brandType}}</span>

@@ -17,8 +17,8 @@ let $brandList,
     $newBrandWall,
     $newBrandWall,
     $recommandBrandWall,
     $recommandBrandWall,
     $icon = $('.search-icon'),
     $icon = $('.search-icon'),
-    $genderItem = $('.genderNav li'),
-    $brandItem = $('.brandNav li'),
+    $genderItem = $('.gender-nav li'),
+    $brandItem = $('.brand-nav li'),
     $searchAction = $('.search-action'),
     $searchAction = $('.search-action'),
     $homebuttom = $('.homebuttom'),
     $homebuttom = $('.homebuttom'),
     $newSearch = $('.newbrand-search'),
     $newSearch = $('.newbrand-search'),
@@ -258,7 +258,7 @@ function searchResult() {
 
 
 (function() {
 (function() {
     if ($('.banner-top').length === 0) {
     if ($('.banner-top').length === 0) {
-        let h1 = $('.genderNav').height();
+        let h1 = $('.gender-nav').height();
         let h2 = $('.newbrand-search').height();
         let h2 = $('.newbrand-search').height();
 
 
         $('.hot-brands').css('padding-top', (h1 + h2) + 'px');
         $('.hot-brands').css('padding-top', (h1 + h2) + 'px');
@@ -295,7 +295,7 @@ function searchResult() {
     $brandItem.on('click', function() {
     $brandItem.on('click', function() {
         let index = $(this).data('id');
         let index = $(this).data('id');
 
 
-        $('.brandNav ul .active').removeClass('active');
+        $('.brand-nav ul .active').removeClass('active');
         $(this).addClass('active');
         $(this).addClass('active');
         if (index === 0) {
         if (index === 0) {
             $recommandBrandWall.not('.hide').addClass('hide');
             $recommandBrandWall.not('.hide').addClass('hide');

@@ -4,43 +4,6 @@
     max-width: 640px;
     max-width: 640px;
     overflow: hidden;
     overflow: hidden;
 
 
-    .banner-top {
-        position: relative;
-        margin-bottom: -2PX;
-
-        .swiper-pagination {
-            position: absolute;
-            left: 0;
-            right: 0;
-            bottom: 20px;
-            text-align: center;
-            z-index: 1;
-
-            .pagination-inner {
-                display: inline-block;
-                padding: 0 8px 4px;
-                background: rgba(0, 0, 0, 0.2);
-                border-radius: 50px;
-                line-height: 1.2;
-
-                span {
-                    display: inline-block;
-                    width: 14px;
-                    height: 14px;
-                    background: #fff;
-                    opacity: 0.5;
-                    margin: 0 9px;
-                    border-radius: 50%;
-
-                    &.swiper-pagination-bullet-active {
-                        background: #fff;
-                        opacity: 1;
-                    }
-                }
-            }
-        }
-    }
-
     .swiper-slide {
     .swiper-slide {
         img {
         img {
             max-width: 640px;
             max-width: 640px;
@@ -49,6 +12,43 @@
     }
     }
 }
 }
 
 
+.coupon-area-page .banner-top {
+    position: relative;
+    margin-bottom: -2PX;
+
+    .swiper-pagination {
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 20px;
+        text-align: center;
+        z-index: 1;
+
+        .pagination-inner {
+            display: inline-block;
+            padding: 0 8px 4px;
+            background: rgba(0, 0, 0, 0.2);
+            border-radius: 50px;
+            line-height: 1.2;
+
+            span {
+                display: inline-block;
+                width: 14px;
+                height: 14px;
+                background: #fff;
+                opacity: 0.5;
+                margin: 0 9px;
+                border-radius: 50%;
+
+                &.swiper-pagination-bullet-active {
+                    background: #fff;
+                    opacity: 1;
+                }
+            }
+        }
+    }
+}
+
 .just-img {
 .just-img {
     width: 100%;
     width: 100%;
     float: left;
     float: left;
@@ -196,4 +196,4 @@
         height: 56px;
         height: 56px;
         text-align: center;
         text-align: center;
     }
     }
-}
+}

@@ -127,7 +127,6 @@ body.disable-default-action {
     max-width: 790px;
     max-width: 790px;
     height: auto;
     height: auto;
     margin: 0 auto;
     margin: 0 auto;
-    /*overflow: hidden;*/
 }
 }
 
 
 .banner {
 .banner {
@@ -160,10 +159,6 @@ body.disable-default-action {
     height: 19.775rem;
     height: 19.775rem;
 }
 }
 
 
-/*.slide-box .swiper-wrapper {
-    padding: 0px 4.578rem;
-}*/
-
 .slide-box .swiper-slide {
 .slide-box .swiper-slide {
     float: left;
     float: left;
     width: 16rem;
     width: 16rem;

@@ -268,9 +268,6 @@
             color: #b0b0b0;
             color: #b0b0b0;
             overflow: hidden;
             overflow: hidden;
             white-space: nowrap;
             white-space: nowrap;
-            color: #b0b0b0;
-            overflow: hidden;
-            white-space: nowrap;
         }
         }
 
 
         span.disabled {
         span.disabled {

 .pay-back-page {
 .pay-back-page {
-    font-family: helvetica,Arial,黑体;
+    font-family: helvetica, Arial, 黑体;
 
 
     .failure-order {
     .failure-order {
         margin-top: 140px;
         margin-top: 140px;
@@ -24,4 +24,4 @@
             margin-right: 10px;
             margin-right: 10px;
         }
         }
     }
     }
-}
+}

@@ -36,17 +36,17 @@
                     opacity: 0.5;
                     opacity: 0.5;
                     margin: 0 9px;
                     margin: 0 9px;
                     border-radius: 50%;
                     border-radius: 50%;
+                }
 
 
-                    &.swiper-pagination-bullet-active {
-                        background: #fff;
-                        opacity: 1;
-                    }
+                .swiper-pagination-bullet-active {
+                    background: #fff;
+                    opacity: 1;
                 }
                 }
             }
             }
         }
         }
     }
     }
 
 
-    .genderNav {
+    .gender-nav {
         display: block;
         display: block;
         width: 100%;
         width: 100%;
         height: 40PX;
         height: 40PX;
@@ -109,7 +109,7 @@
         }
         }
     }
     }
 
 
-    .brandNav {
+    .brand-nav {
         display: block;
         display: block;
         width: 100%;
         width: 100%;
         line-height: 80px;
         line-height: 80px;

-/*.search-page {
-    .search-input {
-        position: relative;
-        padding: 14px 22px;
-        background: #f8f8f8;
-        form {
-            width: 100%;
-        }
-        .search-icon {
-            position: absolute;
-            font-size: 24px;
-            top: 26px;
-            left: 36px;
-            color: #b2b2b2;
-        }
-
-        input {
-            height: 56px;
-            width: 378px;
-            border-radius: 28px;
-            padding: 0 52px;
-            font-size: 24px;
-            background: #fff;
-            border: none;
-        }
-
-        .clear-input {
-            position: absolute;
-            top: 20px;
-            right: 145px;
-            font-size: 32px;
-            color: #666;
-        }
-
-        .search {
-            position: absolute;
-            top: 18px;
-            right: 40px;
-            border: none;
-            background: transparent;
-            color: #666;
-            font-size: 30px;
-            line-height: 56px;
-        }
-    }
-
-    .search-items {
-        padding: 40px 20px;
-
-        h3 {
-            font-size: 24px;
-            margin-bottom: 20px;
-        }
-
-        li {
-            float: left;
-            margin-right: 20px;
-            margin-bottom: 20px;
-            max-width: 100%;
-            overflow: hidden;
-        }
-
-        a {
-            display: block;
-            height: 68px;
-            line-height: 68px;
-            padding: 0 20px;
-            font-size: 28px;
-            background: #f8f8f8;
-            color: #000;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        .clear-icon {
-            float: right;
-            background: #fff;
-        }
-
-        span {
-            margin-right: 5px;
-        }
-        
-        .search-group {
-
-            .ico-hot {
-                width: 22px;
-                height: 30px;
-                display: inline-block;
-                background: url('/search/hot-ico.png') no-repeat;
-                margin-right: 20px;
-                position: relative;
-                top: 2px;
-            }
-
-            h3 {
-                color: #b0b0b0;
-                font-size: 28px;
-            }
-        }
-
-        .search-content-title {
-            height: 40px;
-
-            .ico-lately {
-                width: 26px;
-                height: 26px;
-                display: inline-block;
-                background: url('/search/time-ico.png') no-repeat;
-                margin-right: 20px;
-                position: relative;
-                top: 2px;
-            }
-
-            .ico-del {
-                width: 24px;
-                height: 26px;
-                display: inline-block;
-                background: url('/search/del-ico.png') no-repeat;
-            }
-
-            .left {
-                float: left;
-            }
-
-            .right {
-                float: right;
-            }
-        }
-
-        .search-content{
-            clear: both;
-            box-sizing: border-box;
-            padding-bottom: 18px;
-
-            a {
-                border-radius: 8px;
-                border: 2px solid #b0b0b0;
-                background: #fff;
-                color: #b0b0b0;
-                font-size: 28px;
-            }
-        }
-
-        .hot-search {
-            margin-top: 38px;
-        }
-    }
-
-}*/
-
 .search-associate {
 .search-associate {
     width: 100%;
     width: 100%;
     background: #f8f8f8;
     background: #f8f8f8;
@@ -299,4 +147,4 @@
             font-size: 24px;
             font-size: 24px;
         }
         }
     }
     }
-}
+}

-/* dialog */
 .dialog-wrapper {
 .dialog-wrapper {
     background: hsla(0, 0%, 0%, 0.5);
     background: hsla(0, 0%, 0%, 0.5);
     position: fixed;
     position: fixed;
@@ -55,8 +54,7 @@
         }
         }
     }
     }
 
 
-    /*边框在物理机上1px变粗*/
-    .dialog-footer::before {
+    .dialog-footer:before {
         content: "";
         content: "";
         position: absolute;
         position: absolute;
         left: 0;
         left: 0;
@@ -65,7 +63,5 @@
         border-top: 1px solid #ccc;
         border-top: 1px solid #ccc;
         transform-origin: left top;
         transform-origin: left top;
         transform: scale3d(0.5, 0.5, 0.5);
         transform: scale3d(0.5, 0.5, 0.5);
-        -webkit-transform: scale3d(0.5, 0.5, 0.5); /* Chrome, Safari, Opera */
-        -ms-transform: scale3d(0.5, 0.5, 0.5); /* IE 9 */
     }
     }
 }
 }

 @import "common/good";
 @import "common/good";
-@import 'channel/floor-header';
-@import './info';
-@import './tvls';
-@import './plus-star';
+@import "channel/floor-header";
+@import "./info";
+@import "./tvls";
+@import "./plus-star";