@import "header-download", "banner-top","banner-center","banner-bottom", "side-nav", "floor-header", "hot-brands", "fine-brands", "creative-life", "plus-star", "maybe-like",
"icons-enter","trendsetter-collocation",
"trend-topics","goods-category","hot-brands", "hot-category", "home-header";
 
.mobile-container{
    width: 100%;
    overflow: hidden;
}
.mobile-wrap {
    position: relative;
    z-index: 2;
    background: #f0f0f0;
    @include transition(transform .3s);
}

.mobile-wrap.menu-open {
    @include transform(translateX(540rem / $pxConvertRem));
}


.overlay {
    display: none;
    position: absolute;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    z-index: 2;
    @include transition(opacity 1s);
}

.overlay.show {
    display: block;
    opacity: 0.3;
}