_new-arrival.scss 1.81 KB
.newarrival-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-bottom:1px solid #e6e6e6;
        > li {
            float: left;
            width: 25%;
            height: 33px;
            line-height: 33px;
            text-align: center;
            font-size: 14px;
            color: #999;
        }

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

        .active > a {
            border-bottom: 2px solid #000;
            color: #000;
            box-sizing:border-box;
        }
        .active > .iconfont {
                color: #000;
                &.cur {
                    color: #000;
                }
            }
 
        .filter .iconfont {
            font-size: 12px;
            @include transition(transform 0.1 ease-in);
        }

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

    .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;
    }
 
}