_discount.scss 2.37 KB
.discount-page {
    background-color: #fff;

     .swiper-container {
        width: 100%;
        height: 310rem / $pxConvertRem;

        img {
            height: 100%;
            width: 100%;
        }

        .swiper-pagination {
            bottom: 0;
            left: 0;
            width: 100%;
        }

        .swiper-pagination-bullet-active {
            background: #fff;
        }
    }

    .banner-top-single{
        width: 100%;
        height: 200rem / $pxConvertRem;
        img {
           display: block;
           height: 100%;
           width: 100%;
        }
    }
  
    .list-nav {
        border-top:2px solid #fff;
        border-bottom:1px solid #e6e6e6;
        
        > li {
            float: left;
            width: 25%;
            height: 33px;
            line-height: 33px;
            text-align: center;
            font-size: 14px;
        }

        a {
            display: block;
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            color: #999;
        }

        .active > a {
            color: #000;
            .spanTest{
                width: auto;
                height: 100%;
                // border-bottom: 2px solid #000;
                display: inline-block;
                box-sizing:border-box;
            }
            .iconfont {
                color: #999;

                &.cur {
                    color: #000;
                }
            }
        }

        .new .iconfont {
            @include scale(0.8);
            font-weight: bold;
        }

        .filter .iconfont {
            font-size: 12px;
            @include transition(transform 0.1 ease-in);
        }

        .filter.active .iconfont {
            @include rotate(-180deg);
        }

        .icon {
            position: relative;

            i {
                position: absolute;
                @include scale(0.8);
                font-weight: bold;
            }

            .up {
                top: -11px;
            }

            .down {
                top: -4px;
            }
        }
    }

    .no-result {
        text-align: center;
        vertical-align: middle;
        color: #ccc;
        font-size: 1.2em;
        margin-top: 160px;
    }

    .goods-container {
        position: relative;
        min-height: 440px;
        padding-left: 0.375rem;
        padding-top: 0.2rem;
    }

}