.connect-dialog[data-v-3c47f633]{font-family:PingFangSC,PingFang SC;top:0;right:0;bottom:0;left:0;position:fixed;z-index:999}.connect-dialog .mask[data-v-3c47f633]{background-color:#0009;top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.connect-dialog .connect-container[data-v-3c47f633]{align-items:center;animation:fade-in-3c47f633 .3s ease-in-out forwards;background:#fff;border-radius:8px;display:flex;flex-direction:row;justify-content:center;left:50%;padding:60px 99px 72px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:99}.connect-dialog .connect-container .close-btn[data-v-3c47f633]{cursor:pointer;height:16px;position:absolute;right:16px;top:16px;width:16px}.connect-dialog .connect-container .info[data-v-3c47f633]{align-items:center;display:flex;flex-direction:column;justify-content:center}.connect-dialog .connect-container .info .avatar[data-v-3c47f633]{border-radius:50%;height:154px;margin-bottom:15px;width:154px}.connect-dialog .connect-container .info .phone[data-v-3c47f633]{align-items:center;color:#000;display:flex;flex-direction:row;font-size:24px;font-weight:600;justify-content:center;line-height:33px}.connect-dialog .connect-container .info .phone .phone-img[data-v-3c47f633]{height:28px;margin-right:4px;width:28px}.connect-dialog .connect-container .split[data-v-3c47f633]{background-color:#0000001a;height:240px;margin:0 105px 0 85px;width:1px}.connect-dialog .connect-container .qrcode[data-v-3c47f633]{align-items:center;display:flex;flex-direction:column;justify-content:center}.connect-dialog .connect-container .qrcode .qrcode-img[data-v-3c47f633]{height:140px;margin-bottom:25px;width:140px}.connect-dialog .connect-container .qrcode .tip[data-v-3c47f633]{color:#000;font-size:20px;font-weight:600;line-height:28px}@keyframes fade-in-3c47f633{0%{opacity:0}to{opacity:1}}.customer-box[data-v-c8ee4274]{background:linear-gradient(1turn,#ffa342,#ff5c00);border:2px solid #fff;border-radius:28px;bottom:10%;cursor:pointer;display:flex;flex-direction:column;padding:2px 2px 14px;position:fixed;right:20px;transform:translateY(-50%) translateZ(0);z-index:9}.customer-box .avatar[data-v-c8ee4274]{height:48px;margin-bottom:8px;width:48px}.customer-box[data-v-c8ee4274]:after{background-color:#ffa342;z-index:-1}.customer-box[data-v-c8ee4274]:after,.customer-box[data-v-c8ee4274]:before{border-radius:50%;content:"";height:48px;left:2px;position:absolute;right:2px;top:2px;width:48px}.customer-box[data-v-c8ee4274]:before{animation-delay:1.2s;background-color:#ffa342cc;z-index:-2}.customer-box[data-v-c8ee4274]:after,.customer-box[data-v-c8ee4274]:before{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:ripple-c8ee4274}@keyframes ripple-c8ee4274{0%{box-shadow:0 0 #ff5c00cc;opacity:1}90%{box-shadow:0 0 0 20px #ff5c004d;opacity:0}to{box-shadow:none;opacity:0}}.customer-box .text[data-v-c8ee4274]{align-items:center;color:#fff;display:flex;font-family:PingFangSC,PingFang SC;font-size:16px;font-weight:600;letter-spacing:6px;writing-mode:vertical-lr}.customer-box:hover .qrcode-box[data-v-c8ee4274]{display:flex}.customer-box .qrcode-box[data-v-c8ee4274]{align-items:center;background:#fff;border-radius:16px;bottom:0;box-shadow:0 0 11px #00000026;display:flex;display:none;flex-direction:column;height:218px;justify-content:center;left:0;padding:16px;position:absolute;transform:translate(calc(-100% - 8px));width:180px}.customer-box .qrcode-box .tip[data-v-c8ee4274]{color:#000;font-family:PingFangSC,PingFang SC;font-size:16px;font-weight:400;line-height:22px;padding-bottom:12px}.customer-box .qrcode-box .qrcode[data-v-c8ee4274]{background:#d8d8d8;height:160px;width:160px}.error[data-v-8a29b59a]{align-items:center;display:flex;font-size:32px;font-weight:600;height:100vh;justify-content:center;width:100vw}