.qrcode[data-v-383ff9fc]{position:absolute;left:0;top:0;width:100%;height:100%;background:#8d1084;overflow:hidden}.qrcode .main[data-v-383ff9fc]{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch}.qrcode .main[data-v-383ff9fc]::-webkit-scrollbar{width:0;height:0;display:none}.qrcode .panel-box[data-v-383ff9fc]{position:absolute;top:40px;left:50%;width:80%;height:auto;transform:translateX(-50%)}.qrcode .panel[data-v-383ff9fc]{position:relative;width:100%;height:auto;background:#fff;border-radius:10px;margin:auto;box-sizing:border-box;padding:15px 0;font-size:20px}.qrcode .panel h3[data-v-383ff9fc]{text-align:center;font-size:14px;color:#000;margin:10px auto}.qrcode .panel h2[data-v-383ff9fc]{color:#8d1084;font-size:20px;text-align:center}.qrcode .panel .qrcode-box[data-v-383ff9fc]{position:relative;width:70%;display:block;margin:15px auto}.qrcode .panel .qrcode-box .code-img[data-v-383ff9fc],.qrcode .panel .qrcode-box[data-v-383ff9fc] canvas{width:100%!important;display:block}.qrcode .panel .qrcode-box .code-img2[data-v-383ff9fc]{position:absolute;top:0;left:0;z-index:10}.qrcode .panel p[data-v-383ff9fc]{color:#1b1200;font-size:14px;text-align:center;padding:0 20px;line-height:1.4}.qrcode .panel p span[data-v-383ff9fc]{color:#2578fc;font-size:14px;font-weight:bolder}.qrcode .panel p span.grey[data-v-383ff9fc]{color:#9b9b9b;font-size:14px;display:block}.qrcode .panel .small[data-v-383ff9fc]{font-size:14px;color:#999;text-align:center;display:block;font-weight:400}.qrcode .panel .head-img[data-v-383ff9fc]{width:40px;height:40px;border-radius:50%;margin:auto;overflow:hidden}.qrcode .panel .head-img img[data-v-383ff9fc]{width:100%;height:100%;margin:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.qrcode .panel .code-img-box[data-v-383ff9fc]{position:relative}.qrcode .panel .code-icon[data-v-383ff9fc]{position:absolute;top:50%;left:50%;width:36px;height:auto;margin-left:-18px;transform:translateY(-50%);pointer-events:none;z-index:20}.qrcode .panel .result-img[data-v-383ff9fc]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;-o-object-fit:fill;object-fit:fill;-o-object-position:center;object-position:center}.qrcode .tips[data-v-383ff9fc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.qrcode .bottom-box[data-v-383ff9fc]{text-align:center;margin-top:20px;padding-bottom:10px}.qrcode .bottom-box .li[data-v-383ff9fc]{display:inline-block;margin:0 30px;vertical-align:middle;font-size:14px;color:#fff;text-align:center}.qrcode .bottom-box .li a[data-v-383ff9fc]{display:block;color:inherit}.qrcode .bottom-box .li a img[data-v-383ff9fc]{width:48px}.qrcode .bottom-box .bottom-content[data-v-383ff9fc]{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:start}.qrcode .bottom-box .bottom-content .li[data-v-383ff9fc]{display:block;margin:0}.qrcode .play-box[data-v-383ff9fc]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000}.qrcode .play-box .play-cont[data-v-383ff9fc]{position:absolute;top:50%;left:50%;width:90%;background:#000;transform:translate(-50%,-50%)}.qrcode .play-box .play-cont video[data-v-383ff9fc]{display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-o-object-position:center;object-position:center}