.js-qr[data-v-ac1d4ef4]{width:100%;height:0!important;position:fixed!important;top:0;left:0;z-index:1000!important}.extra-container[data-v-ac1d4ef4]{height:100vh!important}.error[data-v-ac1d4ef4]{font-weight:700;color:red}.cameraMessage[data-v-ac1d4ef4]{width:100%;height:1.6rem}.qr-scanner[data-v-ac1d4ef4]{position:fixed;top:0;left:0;z-index:1000;background-size:3rem 3rem;background-position:-1rem -1rem;width:100%;height:100vh;background-color:rgba(17,17,17,0)}.qr-scanner .qr-scanner-top[data-v-ac1d4ef4]{margin-top:.8rem;padding:0 .8rem;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.48rem}.qr-scanner .qr-scanner-top .close[data-v-ac1d4ef4]{font-size:.96rem}.qr-scanner .box[data-v-ac1d4ef4]{width:5.68rem;height:5.68rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border:.1rem solid rgba(0,255,51,.2)}.qr-scanner .txt[data-v-ac1d4ef4]{width:100%;height:.93333rem;line-height:.93333rem;font-size:.42667rem;text-align:center;margin:0 auto;position:absolute;top:70%;left:0;color:#fff}.qr-scanner .myQrcode[data-v-ac1d4ef4]{text-align:center;color:#00ae10}.qr-scanner .line[data-v-ac1d4ef4]{height:calc(100% - .05333rem);width:100%;background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#0f3 211%);border-bottom:.08rem solid #0f3;transform:translateY(-100%);animation:radar-beam-ac1d4ef4 2s infinite alternate;animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-delay:1.4s}.qr-scanner .angle[data-v-ac1d4ef4]:after,.qr-scanner .angle[data-v-ac1d4ef4]:before,.qr-scanner .box[data-v-ac1d4ef4]:after,.qr-scanner .box[data-v-ac1d4ef4]:before{content:"";display:block;position:absolute;width:3vw;height:3vw;border:.2rem solid transparent}.qr-scanner .box[data-v-ac1d4ef4]:after,.qr-scanner .box[data-v-ac1d4ef4]:before{top:0;border-top-color:#0f3}.qr-scanner .angle[data-v-ac1d4ef4]:after,.qr-scanner .angle[data-v-ac1d4ef4]:before{bottom:0;border-bottom-color:#0f3}.qr-scanner .angle[data-v-ac1d4ef4]:before,.qr-scanner .box[data-v-ac1d4ef4]:before{left:0;border-left-color:#0f3}.qr-scanner .angle[data-v-ac1d4ef4]:after,.qr-scanner .box[data-v-ac1d4ef4]:after{right:0;border-right-color:#0f3}@keyframes radar-beam-ac1d4ef4{0%{transform:translateY(-100%)}to{transform:translateY(0)}}