.newarrival-page {
    background-color: #f0f0f0;

     .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;
        }
    }
 
    .newarrival-nav {
        width: 100%;
        height: 60rem / $pxConvertRem;
        padding: 10rem / $pxConvertRem 0;
        background-color: #fff;

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

    .newarrival-nav-item {
        box-sizing: border-box;
        float: left;
        width: 25%;
        height: 60rem / $pxConvertRem;
        line-height: 60rem / $pxConvertRem;
        text-align: center;
        color: #ccc;
        border-right: 1px solid #ccc;

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