#wrapper{position:relative;width:100%;max-width:640px;min-width:320px;margin:0 auto;background-color:#fff;overflow-x:hidden}.container{position:relative;width:6.8rem;margin:0 auto}.section{width:100%}.popup-menu{position:fixed;top:0;left:50%;z-index:9999;width:101%;height:100%;max-width:640px;min-width:320px;pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .5s;transition:all .5s}.popup-menu.active .popup-mask{background-color:rgba(0,0,0,0.92);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.popup-menu.active .popup-content{pointer-events:auto}.popup-menu.active .popup-content .item-list{opacity:1}.popup-menu.active .popup-content .menu-bar .logo.white{opacity:1}.popup-menu.active .popup-content .menu-bar .logo.black{opacity:0}.popup-menu.active .popup-content .menu-bar .btn-menu .bar{opacity:0}.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(1),.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(2),.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(3){background-color:#000}.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(4),.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(5){background-color:#fff}.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(1){-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0)}.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(3){-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(4){opacity:1;-webkit-transform:rotate3d(0, 0, 1, 45deg) translate3d(0, 0, 0);transform:rotate3d(0, 0, 1, 45deg) translate3d(0, 0, 0)}.popup-menu.active .popup-content .menu-bar .btn-menu .bar:nth-child(5){opacity:1;-webkit-transform:rotate3d(0, 0, 1, -45deg) translate3d(0, 0, 0);transform:rotate3d(0, 0, 1, -45deg) translate3d(0, 0, 0)}.popup-menu .popup-mask{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;-webkit-box-shadow:0 0 .1rem rgba(0,0,0,0.2);box-shadow:0 0 .1rem rgba(0,0,0,0.2);background-color:#fff;-webkit-transform:translate3d(0, calc(-100% + 1.4rem), 0);transform:translate3d(0, calc(-100% + 1.4rem), 0);-webkit-transition:all .5s;transition:all .5s}.popup-menu .popup-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.4rem 0}.popup-menu .popup-content .menu-bar{position:absolute;top:0;left:0;z-index:9999;width:100%;height:1.4rem;pointer-events:auto}.popup-menu .popup-content .menu-bar .logo{position:absolute;top:50%;left:.38rem;width:2.11rem;height:.86rem;margin-top:-0.43rem;background-size:100% 100%;-webkit-transition:all .5s;transition:all .5s}.popup-menu .popup-content .menu-bar .logo.white{opacity:0;background-image:url(../images/logo-1.png)}.popup-menu .popup-content .menu-bar .logo.black{opacity:1;background-image:url(../images/logo-2.png)}.popup-menu .popup-content .menu-bar .btn-menu{position:absolute;top:50%;right:.45rem;padding:.2rem;cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.popup-menu .popup-content .menu-bar .btn-menu .bar{width:.37rem;height:.04rem;margin-top:.1rem;border-radius:.01rem;opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all .5s;transition:all .5s}.popup-menu .popup-content .menu-bar .btn-menu .bar:nth-child(1),.popup-menu .popup-content .menu-bar .btn-menu .bar:nth-child(2),.popup-menu .popup-content .menu-bar .btn-menu .bar:nth-child(3){background-color:#000}.popup-menu .popup-content .menu-bar .btn-menu .bar:nth-child(4),.popup-menu .popup-content .menu-bar .btn-menu .bar:nth-child(5){position:absolute;top:50%;left:50%;margin-top:-0.02rem;margin-left:-0.185rem;opacity:0;background-color:#fff}.popup-menu .popup-content .menu-bar .btn-menu .bar:nth-child(4){-webkit-transform:rotate3d(0, 0, 1, 45deg) translate3d(-50%, -50%, 0);transform:rotate3d(0, 0, 1, 45deg) translate3d(-50%, -50%, 0)}.popup-menu .popup-content .menu-bar .btn-menu .bar:nth-child(5){-webkit-transform:rotate3d(0, 0, 1, -45deg) translate3d(50%, 50%, 0);transform:rotate3d(0, 0, 1, -45deg) translate3d(50%, 50%, 0)}.popup-menu .popup-content .menu-bar .btn-menu .bar:first-child{margin-top:0}.popup-menu .popup-content .item-list{padding:.3rem 0;border-top:1px solid rgba(255,255,255,0.2);opacity:0;-webkit-transition:all .5s;transition:all .5s}.popup-menu .popup-content .item-list .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.2rem 0;padding:0 .4rem;line-height:2;color:#fff}.popup-menu .popup-content .item-list .item a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.32rem;letter-spacing:.04rem;color:#fff}.popup-menu .popup-content .item-list .item a .icon{width:.5rem;margin-right:.22rem}.section-footer{padding:.65rem 0;color:#fff;background-color:#000}.section-footer .logo img{display:block;width:2.2rem}.section-footer .item-list{margin-top:.3rem}.section-footer .item-list .item{line-height:2.5;font-size:.25rem}.section-footer .copyright{margin-top:.2rem;line-height:1.75;font-size:.24rem;opacity:.5}.section-footer .copyright a{color:#fff;text-decoration:underline}