.qr-code[data-v-5dc2a540]{display:flex;align-items:center;flex-direction:column;text-align:center;margin-top:50px;width:380px;height:536px;background:#fff}.qr-code-logo[data-v-5dc2a540]{width:20%;height:20%;position:absolute;top:40%;left:40%}.qr-code-main[data-v-5dc2a540]{position:relative}.qr-code-mask[data-v-5dc2a540]{position:absolute;top:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.8)}.qr-code-mask img[data-v-5dc2a540]{position:absolute;width:20%;height:20%;top:0;left:0;right:0;bottom:0;margin:auto}.qr-code-error[data-v-5dc2a540]{background:url(../img/placeholder.3b12d640.svg);margin:auto}.qr-refresh-text[data-v-5dc2a540]{margin-top:10px;width:242px;font-size:22px;font-weight:400;color:#222;line-height:30px;display:flex;align-items:center;justify-content:center}.qr-refresh-text img[data-v-5dc2a540]{width:40px;height:40px;margin-right:9px}.qr-title[data-v-5dc2a540]{height:45px;font-size:32px;font-weight:400;color:#222;line-height:45px;margin:52px auto 38px}.oauth[data-v-0346d6f4]{width:100%;height:100%;background:#333;display:flex;align-items:center;flex-direction:column}