.debug{border:1px solid #ff0;background:#ffb6c1}.debugPage{width:100%;height:100vh;flex-direction:column;text-align:center;padding:20px;line-height:2}.debugPage,.flexCenter{display:flex;align-items:center;justify-content:center}.van-swipe__indicator{background:rgba(0,0,0,.3)}.van-swipe__indicator--active{background:red}.invite{width:100%;min-height:100vh;overflow:hidden;position:relative;background:#d63336}.invite .choose-btn{position:absolute;z-index:9;top:15px;right:15px;background:#fff;padding:10px 20px;font-size:12px;border-radius:10px;background:hsla(0,0%,100%,.7);overflow:hidden}.invite .choose-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;filter:blur(10px)}.invite .swiper{width:100%;height:100vh;background:#fff}.invite .swiper .swiper-item{width:100%;height:100%;overflow:hidden;display:flex;align-items:center}.invite .swiper .swiper-item .img{border-radius:10px;transition:all .3s;box-shadow:32px 32px 64px #d0d0d0,-32px -32px 64px #f0f0f0;width:100%;height:auto;position:relative;transform:scale(.85)}.invite .empty{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);color:#555}.invite .mask{width:100vw;height:100vh;position:fixed;z-index:99999999;top:0;left:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.invite .container{position:relative;top:0;left:0;width:100%}.invite .container .poster-img{position:absolute;z-index:10;top:0;left:-10px;width:calc(100% + 10px);height:100%}.invite .container .bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:auto}.invite .container .box{position:absolute;z-index:9;left:50%;transform:translateX(-50%)}.invite .panel{background:#fff;width:calc(100% - 80px);height:auto;margin:40px;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.07)}.invite .panel .code{width:100%;height:0;padding-bottom:100%;border-radius:5px;text-align:center;background-color:#e7141a;position:relative}.invite .panel .code .code-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10rem;height:10rem;padding-bottom:50%;border-radius:8px;overflow:hidden;padding:10px}.invite .panel .code .code-box .box{width:100%;height:100%;background:#fff;position:relative;border-radius:5px;padding:10px;box-sizing:border-box}.invite .panel .code .code-box .bg{position:absolute;width:100%;left:0;top:0}.invite .panel .code .code-box .loading{position:absolute;z-index:-1;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.invite .panel .code .code-box .img{margin:10px;width:calc(100% - 25px);height:auto;border-radius:5px;-o-object-fit:contain;object-fit:contain}.invite .panel .user{text-align:center;position:relative;padding-bottom:30px;z-index:2}.invite .panel .user .avatar{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;margin-top:-30px}.invite .panel .user .name{font-size:15px;font-weight:700;color:#555;margin:10px 0}.invite .panel .user .tip{font-size:10px;color:#999}.invite .share{margin-top:50px;display:flex;justify-content:space-around}.invite .share .item{font-size:10px;color:#999;text-align:center}.invite .share .item .icon{width:60px;height:60px}.invite .share .item .icon:active{filter:brightness(95%)}.invite .canvas{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}