body,html{padding:0!important;margin:0!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,#app .main{position:relative}#app .main{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0 auto}#app .main .bg{width:100%;height:100%}#app .main .play{position:absolute;width:1.45rem;height:1.45rem;animation:my-scale 1.5s ease-in-out infinite}#app .main .qq{position:absolute;width:2.18rem;height:1.97rem;right:0;top:50%;transform:translateY(-85%)}#app .main .bottom-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;width:100%}#app .main .bottom-wrapper .btn-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;bottom:0}#app .main .bottom-wrapper .btn-wrapper .btn{width:3rem;height:.84rem;margin:.5rem 0 .5rem .5rem}#app .main .bottom-wrapper .hr{width:.02rem;height:3.21rem;margin:0 .5rem}#app .main .bottom-wrapper .qr{width:2.41rem;height:3.23rem}#app .main .desc-box{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999999}#app .main .desc-box .close{position:absolute;color:#fff;width:.3rem;height:.6rem;font-size:.8rem;right:.8rem;top:50%;margin-top:-3rem}#app .main .desc-box .desc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8rem}@keyframes my-scale{50%{transform:scale(.9)}}