.qr-hover-action[data-v-22fd4dd7]{display:inline-flex;position:relative}.qr-hover-action__popup[data-v-22fd4dd7]{z-index:1001;box-sizing:border-box;cursor:default;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;width:160px;padding:12px 12px 14px;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001a}.qr-hover-action__popup[data-v-22fd4dd7]:before{content:"";width:100%;height:8px;position:absolute;bottom:100%;left:0}.qr-hover-action:hover .qr-hover-action__popup[data-v-22fd4dd7],.qr-hover-action:focus-within .qr-hover-action__popup[data-v-22fd4dd7]{display:block}.qr-hover-action__tip[data-v-22fd4dd7]{color:#333;text-align:center;white-space:nowrap;margin:0 0 10px;font-size:12px;line-height:1.4}.qr-hover-action__code[data-v-22fd4dd7]{background-color:#dcdfe6;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex}.qr-hover-action__img[data-v-22fd4dd7]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.qr-hover-action__placeholder[data-v-22fd4dd7]{color:#999;font-size:14px}.qr-hover-action--right .qr-hover-action__popup[data-v-22fd4dd7]{top:50%;left:-160px;transform:translateY(-50%)}.qr-hover-action--right .qr-hover-action__popup[data-v-22fd4dd7]:before{width:8px;height:auto;inset:0 100% 0 auto}