.mobile-container { margin-left: auto; margin-right: auto; width: 100%; max-width: 640px; overflow: hidden; } .mobile-wrap { position: relative; z-index: 2; background: #f0f0f0; transition: transform 0.3s; .creative-life .classify-name { display: none; } .banner-top .banner-swiper:first-child { height: 312px; } } .mobile-wrap.menu-open { transform: translateX(540px); } .overlay { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 4; transition: opacity 1s; } .overlay.show { display: block; opacity: 0.3; }