.qr[data-v-c1b5c136]{height:100vh;width:100vw;background-color:transparent}.error[data-v-c1b5c136]{font-weight:700;color:red}.qr-scanner[data-v-c1b5c136]{height:100%;width:100%;position:absolute}.nav-bar[data-v-c1b5c136]{position:absolute;left:0;top:0;z-index:10}.nav-bar .bar-back-btn[data-v-c1b5c136]{width:.24rem;height:.24rem;margin-left:.16rem;background-size:100%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJBAMAAACDXRbvAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAz6BfEO8wf3BQQPop2RQAAABnSURBVEjHYxgFo4AqwLqACEXMu7cTY9Tu3QVEGLV792ZijNodRoxRWxNGjRo1aiCMmk2MUQzSQFULCKrSBqoSIaiKCahqo8OoYaOGDTHDiKg8tEFmETYM7C7ChokwEAE4HBhGwaACABk8fxJrJWOxAAAAAElFTkSuQmCC)}.nav-bar .bar-title-label[data-v-c1b5c136]{line-height:.22rem;font-size:.16rem;color:#fff;font-family:PingFang SC;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qr-scanner .box[data-v-c1b5c136]{box-shadow:0 0 0 9999em rgba(0,0,0,.5);width:70vw;height:70vw;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;background:transparent}.txt[data-v-c1b5c136]{width:100%;height:.35rem;line-height:.35rem;color:#fff;font-size:.14rem;text-align:center;margin:0 auto;position:absolute;top:calc(50vh + 35vw + .2rem);left:0}.qr-scanner .line[data-v-c1b5c136]{height:100%;width:100%;background:linear-gradient(180deg,rgba(0,255,51,0) 3%,#2c64f2 211%);transform:translateY(-100%);animation:radar-beam-c1b5c136 2.5s infinite;animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-delay:.5s}.qr-scanner .angle[data-v-c1b5c136]:after,.qr-scanner .angle[data-v-c1b5c136]:before,.qr-scanner .box[data-v-c1b5c136]:after,.qr-scanner .box[data-v-c1b5c136]:before{content:"";display:block;position:absolute;width:5vw;height:5vw;border:.04rem solid transparent}.qr-scanner .box[data-v-c1b5c136]:after,.qr-scanner .box[data-v-c1b5c136]:before{top:0;border-top-color:#2c64f2}.qr-scanner .angle[data-v-c1b5c136]:after,.qr-scanner .angle[data-v-c1b5c136]:before{bottom:0;border-bottom-color:#2c64f2}.qr-scanner .angle[data-v-c1b5c136]:before,.qr-scanner .box[data-v-c1b5c136]:before{left:0;border-left-color:#2c64f2}.qr-scanner .angle[data-v-c1b5c136]:after,.qr-scanner .box[data-v-c1b5c136]:after{right:0;border-right-color:#2c64f2}@keyframes radar-beam-c1b5c136{0%{transform:translateY(-100%);opacity:1}70%{opacity:1}to{transform:translateY(0);opacity:0}}