#app,#app>div,body,html{width:100%;height:100%!important;margin:0;padding:0;box-sizing:border-box}.container{width:100%;height:100%}.tab-wrapper{position:fixed;top:30.6vh;right:60px;width:8vw;z-index:10}.charge-img{position:absolute;right:50px;top:50px;width:16vh;height:auto;cursor:pointer;animation:zoomInOut 1s infinite}@keyframes zoomInOut{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tabs{width:8vw;position:relative;padding-top:20px;display:flex;flex-direction:column}.tabs ::-webkit-scrollbar{display:none}.tabs .tab-item{padding:1vh;cursor:pointer;position:relative;margin:0 5px;font-weight:400;font-size:.1rem;color:hsla(0,0%,100%,.4)}.tab-line{position:absolute;top:0;right:0;width:2px;height:30vh;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 49%,hsla(0,0%,100%,0));border-radius:0 0 0 0}.tab-indicator{position:absolute;width:10px;height:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAJlJREFUeNqlkk0NwCAMhbniACso2GUG5mIeJgABaEAOShDQNdl7W5OGC3vJd+kPbR4N27kHIiJJuZQunzpiydbapkMZMhFyB+ttE9WUrESQnxiEZq7HSRdedGBdTk420FAQlaoMUJSIXOOAYIzISBbxqshlGhYE4qsTg8a7DfSj0a9axau4VSfmFGNOnZiz9h3LB7B+cqtHfgP2KFJ/4DqlPwAAAABJRU5ErkJggg==);background-size:cover;background-repeat:no-repeat;top:50%;transform:translateY(-50%);right:-9px}.tabs .active{font-size:.12rem;color:#fff;bottom:6px}.swipper-content{position:absolute;top:0;width:100%;height:100%;box-sizing:border-box;z-index:1}.swiper-slide{text-align:center;font-size:18px;background:#000;width:100%!important}.first-page-wrapper{width:100%;height:100%;background-image:url(../img/web_bg_one.93b7a1b4.webp);background-size:cover;display:flex;align-items:center;flex-direction:column}.first-page-wrapper .animation-logo-wrapper{width:40vw;height:30vh;margin-top:10vh}.first-page-wrapper .slogon-wrapper{width:25vw;height:10vh;margin-top:1%}.first-page-wrapper .more-wrapper{width:6vw;height:5vh;margin-top:2%}.first-page-wrapper .swipper-content2{position:absolute;bottom:10px;height:22vh;width:100%}.first-page-wrapper .swipper-content2 .swiper-slide2{width:calc(20% - 100px)!important;height:1000%;background:none}.first-page-wrapper .swipper-content2 .swiper-bottom-wrapper{width:95%;background-size:cover;background-repeat:no-repeat}.four-page-wrapper,.second-page-wrapper,.third-page-wrapper{width:100%;height:100%;overflow:auto;background-image:url(../img/mobile_bg_two.0fe50cb2.webp);background-size:cover;display:flex}.six-page-wrapper{width:100%;height:100%;overflow:auto;background-image:url(../img/mobile_bg_six.8409aa67.webp);background-size:cover;display:flex}.six-page-wrapper .slogon2-wrapper{width:100%;height:auto;margin-top:20vh}.six-page-wrapper .down-wrapper{box-sizing:border-box;display:flex;max-width:100vw;max-height:60vh;margin-top:2vh}.six-page-wrapper .down-wrapper .qr-wrapper{flex:2;width:10vw;height:10vw}.six-page-wrapper .down-wrapper .button-wrapper{flex:3;display:flex;flex-direction:column;margin-left:30px}.six-page-wrapper .down-wrapper .button-wrapper .button-top{width:17vw;height:auto;margin-top:6px}.six-page-wrapper .down-wrapper .button-wrapper .button-bottom{width:17vw;height:auto;margin-top:2vh}.six-page-wrapper .name-wrapper2{font-family:PingFang SC;font-weight:400;font-size:10px;color:hsla(0,0%,100%,.6);line-height:12px;margin-top:14px;padding-left:15px;margin-bottom:50px}.five-page-wrapper{width:100vw;height:100vh;background-image:url(../img/mobile_bg_five.8cee01fc.webp);background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center}.five-page-wrapper .join-wrapper{width:20vw;height:35vh}.logo-wrapper{position:absolute;width:220px;height:220px;left:70px;top:59px}.pic-wrapper{max-width:35%;max-height:70%;margin-top:7%;margin-left:15%}.pic-wrapper2{max-width:25%;max-height:50%;margin-top:12%;margin-left:20%}.name-wrapper{text-align:left;font-family:PingFang SC;font-weight:400;font-size:10px;color:#fff;line-height:12px;margin-top:42px;padding-left:15px}.right-wrapper{max-width:30vw;max-height:30vh;margin-top:14vh;margin-left:5vw}.beauty-wrapper{max-width:35%;max-height:40%;margin-top:15%;margin-left:50px}.name-wrapper3{position:absolute;right:1vw;bottom:1vh;width:15vw;height:4vh;background-image:url(../img/name.bcc57d2d.png);background-size:100%,100%;background-repeat:no-repeat;z-index:20}.join-pop{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:100}.pop{width:35vw;height:40vh;background-image:url(../img/join_bg.108ba00b.png);background-size:contain;background-position:50%;background-repeat:no-repeat}