#qr-code-page{height:100vh;background-color:#f4f4f4;padding-top:16.533vw;content:"viewport-units-buggyfill; height: 100vh; padding-top: 16.533vw"}#qr-code-page>.code{width:92vw;height:110.667vw;background-color:#fff;border-radius:1.6vw;margin:auto;padding-top:6.667vw;content:"viewport-units-buggyfill; width: 92vw; height: 110.667vw; border-radius: 1.6vw; padding-top: 6.667vw"}#qr-code-page>.code>.user{height:16vw;margin-top:3.333vw;padding-left:6.667vw;content:"viewport-units-buggyfill; height: 16vw; margin-top: 3.333vw; padding-left: 6.667vw"}#qr-code-page>.code>.user>.left{width:16vw;height:16vw;border-radius:50%;overflow:hidden;background-color:#f4f4f4;border:.267vw solid #fff;float:left;content:"viewport-units-buggyfill; width: 16vw; height: 16vw; border: solid 0.267vw #fff"}#qr-code-page>.code>.user>.left .avatar{width:100%;height:100%}#qr-code-page>.code>.user>.right{width:60vw;height:17.333vw;float:left;padding:1.333vw 0;margin-left:3.333vw;content:"viewport-units-buggyfill; width: 60vw; height: 17.333vw; padding: 1.333vw 0; margin-left: 3.333vw"}#qr-code-page>.code>.user>.right>.top{font-size:4vw;color:#333;margin-top:.933vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;content:"viewport-units-buggyfill; font-size: 4vw; margin-top: 0.933vw"}#qr-code-page>.code>.user>.right>.bottom{font-size:3.733vw;color:#999;margin-top:2.667vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;content:"viewport-units-buggyfill; font-size: 3.733vw; margin-top: 2.667vw"}#qr-code-page>.code>#qrcode{width:69.333vw;height:69.333vw;margin:9.067vw auto 0;content:"viewport-units-buggyfill; width: 69.333vw; height: 69.333vw; margin: 9.067vw auto 0"}#qr-code-page>.code>#qrcode>img,#qr-code-page>.code>#qrcode canvas{width:100%;height:100%}