_discount.css 2.33 KB
.discount-page {
    background-color: #fff;

     .swiper-container {
        width: 100%;
        height: 310px;

        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: 200px;
        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;
        }
        .bytouch{
            background:#eee;
        }
        a {
            display: block;
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            color: #999;
        }

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

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

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

        .filter .iconfont {
            font-size: 12PX;
            transition: transform 0.1 ease-in;
        }

        .filter.active .iconfont {
            transform: rotate(-180deg);
        }

        .icon {
            position: relative;

            i {
                position: absolute;
                transform: 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;
    }

}