.container3{height:100vh;position:absolute;left:0;right:0}.container3 .bg{position:absolute;top:0;left:0;width:100%;z-index:-2}.container3 .btn-wrapper>div{display:flex;justify-content:center;margin-top:1.33333rem}.container3 .btn{width:8.18667rem;height:1.28rem;border-radius:2.66667rem;background:#efeff4;color:#3a3d44;text-align:center;line-height:1.28rem;font-weight:500;font-size:.45333rem}.container3 .back{margin:0 auto;margin-top:.69333rem}.container3 .bbbb{text-align:center;font-size:.32rem}.container3 .bbbb .bb{color:#828393}.container3 .pic-container{height:8.24rem;width:8.24rem;position:relative;margin:1.73333rem auto 2.66667rem auto}.container3 .pic-container .pic-stage{height:8.24rem;width:8.24rem;border-radius:.88rem;display:flex;justify-content:center;overflow:hidden;z-index:20;background:linear-gradient(190.61deg,hsla(0,0%,100%,.52) 19.29%,rgba(248,248,255,.8) 54.41%,hsla(0,0%,100%,.77) 90.02%);box-shadow:-.10973rem .53323rem 1.53617rem rgba(58,148,255,.11);backdrop-filter:blur(.20848rem)}.container3 .pic-container .pic-stage .cover{display:flex;justify-content:space-around;flex-direction:column;position:relative}.container3 .pic-container .pic-stage .cover .van-uploader{left:0;height:100%}.container3 .pic-container .pic-stage .cover .van-uploader .van-uploader__wrapper,.container3 .pic-container .pic-stage .cover .van-uploader .van-uploader__wrapper .van-uploader__upload{height:100%}.container3 .pic-container .pic-stage .cover .tip{text-align:center;color:#3a3d44;font-size:.37333rem;font-weight:300}.container3 .pic-container .pic-stage .cover img{width:6.08rem;background:rgba(163,205,255,.02);box-shadow:inset 0 0 1.33333rem rgba(50,135,255,.11);border-radius:.06667rem}.container3 .pic-container .text{position:absolute;opacity:.5;top:-.93333rem;left:.66667rem;z-index:-1}.container3 .pic-container .text img{width:2.13333rem}.container3 .pic-container1{margin-top:1.33333rem}.container3 .pic-container1 .title{display:flex;justify-content:center;align-items:center}.container3 .pic-container1 .title img{opacity:.5;width:2.13333rem;position:absolute;left:1.6rem}.container3 .pic-container1 .title .c{color:#3a3d44;font-size:.37333rem;font-weight:400;text-align:center;margin:0 1.6rem;z-index:100}.container3 .gradient{background:linear-gradient(270deg,#3a94ff,#74c8f5);font-style:normal;color:#fff;background:linear-gradient(270deg,#3a94ff 6.84%,#74c8f5 93.49%);box-shadow:0 .02667rem .8rem rgba(23,137,255,.2);position:relative}.container3 .van-overlay{background:rgba(0,0,0,.8)}.container3 .van-uploader{position:absolute;width:100%;left:1.33333rem}.container3 .van-uploader .van-uploader__wrapper{width:100%}.container3 .van-uploader .van-uploader__wrapper .van-uploader__upload{width:100%;margin:unset;height:1.28rem;width:8.18667rem;opacity:0}.container3 .van-uploader .van-uploader__wrapper .van-uploader__upload .van-icon-photograph:before{content:""}.container3 .scan-wrapper .qr-scanner{position:absolute;top:0;z-index:100;background:hsla(0,0%,100%,0);background-image:linear-gradient(rgba(11,168,252,.12) .01333rem,transparent 0),linear-gradient(90deg,rgba(11,168,252,.12) .01333rem,transparent 0);background-size:.33333rem .33333rem;width:100%;height:100%;animation:scanner-bg 3s infinite}.container3 .scan-wrapper .qr-scanner .box{width:85vw;height:100vh;max-height:85vh;max-width:85vh;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.container3 .scan-wrapper .qr-scanner .line{height:2.66667rem;width:100%;background:linear-gradient(180deg,rgba(58,147,255,0) 43%,rgba(31,176,255,.82) 211%);border-bottom:.13333rem solid rgba(0,115,255,.82);transform:translateY(-100%);animation:radar-beam 3s infinite;animation-timing-function:cubic-bezier(.53,0,.43,.99)}.container3 .scan-wrapper .qr-scanner .box:after,.container3 .scan-wrapper .qr-scanner .box:before{top:0;border-top-color:#0f3}.container3 .scan-wrapper .qr-scanner .angle:after,.container3 .scan-wrapper .qr-scanner .angle:before{bottom:0;border-bottom-color:#0f3}.container3 .scan-wrapper .qr-scanner .angle:before,.container3 .scan-wrapper .qr-scanner .box:before{left:0;border-left-color:#0f3}.container3 .scan-wrapper .qr-scanner .angle:after,.container3 .scan-wrapper .qr-scanner .box:after{right:0;border-right-color:#0f3}@keyframes radar-beam{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(100vh);opacity:.3}}@keyframes scanner-bg{0%{opacity:0}70%{opacity:1}to{opacity:0}}.container3 .scan-wrapper .img{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}