.code-view[data-v-d8240fd2]{padding-top:22px;padding-bottom:20px;box-sizing:border-box}.code-view .code-tabs[data-v-d8240fd2]{border-radius:10px 10px 0 0;display:flex;height:34px;position:relative}.code-view .code-tabs>img[data-v-d8240fd2]{position:absolute;height:42px;width:calc(50% + 15px);bottom:0}.code-view .code-tabs .code-tabs-item[data-v-d8240fd2]{width:50%;text-align:center;position:relative;line-height:34px;color:#626e81}.code-view .code-tabs.code-tabs-bg[data-v-d8240fd2]{background-color:#dfecff}.code-view .code-tabs.code-tabs-type1 .code-tabs-item[data-v-d8240fd2]:nth-child(3){color:#323c4b}.code-view .code-tabs.code-tabs-type1 .left-active[data-v-d8240fd2]{left:0;display:inline-block}.code-view .code-tabs.code-tabs-type1 .right-active[data-v-d8240fd2]{display:none}.code-view .code-tabs.code-tabs-type2 .code-tabs-item[data-v-d8240fd2]:nth-child(4){color:#323c4b}.code-view .code-tabs.code-tabs-type2 .left-active[data-v-d8240fd2]{display:none}.code-view .code-tabs.code-tabs-type2 .right-active[data-v-d8240fd2]{right:0;display:inline-block}.code-view .code-tabs.code-tabs-type3 .left-active[data-v-d8240fd2]{left:0;display:inline-block}.code-view .code-tabs.code-tabs-type3 .right-active[data-v-d8240fd2]{display:none}.code-view .code-main[data-v-d8240fd2]{background:#fff;border-radius:0 0 10px 10px;padding:23px 16px 30px}.code-view .code-main .person-info[data-v-d8240fd2]{display:flex;margin-bottom:20px}.code-view .code-main .person-info .person-headimg[data-v-d8240fd2]{width:54px;height:54px;border-radius:50%;margin-left:4px;margin-right:12px}.code-view .code-main .person-info .person-headimg>img[data-v-d8240fd2]{width:100%;height:100%;border-radius:50%}.code-view .code-main .person-info .person-name[data-v-d8240fd2]{margin-bottom:10px;display:flex;height:20px;margin-top:7px;align-items:center}.code-view .code-main .person-info .person-name .name[data-v-d8240fd2]{font-size:16px;color:#2d333e;margin-right:10px}.code-view .code-main .person-info .person-name .car[data-v-d8240fd2]{background:#3d6eeb;font-size:14px;border-radius:2px;padding:0 6px;color:#fff}.code-view .code-main .person-info .person-com[data-v-d8240fd2]{font-size:13px;color:#6a717b;line-height:1}.code-view .code-main .visitor-date[data-v-d8240fd2]{background:#f6f7fa;padding:10px 0;border-radius:6px;text-align:center}.code-view .code-main .visitor-date .visitor-day[data-v-d8240fd2]{font-size:12px;color:#959fac;line-height:14px;margin-bottom:6px}.code-view .code-main .visitor-date .visitor-time[data-v-d8240fd2]{font-size:15px;height:24px;line-height:1;color:#2c3746;display:flex;align-items:center;justify-content:center}.code-view .code-main .visitor-date .visitor-time>img[data-v-d8240fd2]{width:8px;height:13px;margin-left:6px}.code-view .code-main .code-line[data-v-d8240fd2]{border-bottom:1px dashed #ccd3df;margin-top:30px}.code-view .code-main .code-line .circle[data-v-d8240fd2]{width:16px;height:16px;top:-8px}.code-view .code-main .code-line .circle-left[data-v-d8240fd2]{left:-24px}.code-view .code-main .code-line .circle-right[data-v-d8240fd2]{right:-24px}.code-view .code-main .qrcode-img[data-v-d8240fd2]{width:240px;height:240px;margin:30px auto 8px}.code-view .code-main .qrcode-img>img[data-v-d8240fd2]{width:100%;height:100%}.code-view .code-main .qrcode-img .mask[data-v-d8240fd2]{top:0;opacity:.95}.code-view .code-main .qrcode-img .text[data-v-d8240fd2]{top:0;font-size:16px;width:100%;text-align:center;color:#fc5820;font-weight:500;line-height:240px}.code-view .code-main .residue-time[data-v-d8240fd2]{margin-bottom:40px;text-align:center;color:#3d6eeb}.code-view .code-main .current-time[data-v-d8240fd2]{text-align:center;color:#959fac;padding-bottom:18px;border-bottom:1px dashed #ccd3df}.code-view .code-main .visitor-tip[data-v-d8240fd2]{color:#959fac;text-align:center;padding-top:16px}.code-view .code-main .visitor-tip>span[data-v-d8240fd2]{text-decoration:underline}.code-view .code-main .target-visitor[data-v-d8240fd2]{margin-top:24px}.code-view .code-main .target-visitor .target-name .name[data-v-d8240fd2]{color:#2c3746;font-size:14px}.code-view .code-main .target-visitor .target-name .target-detail-btn[data-v-d8240fd2]{color:#3d6eeb;font-size:12px}.code-view .code-main .target-visitor .target-location[data-v-d8240fd2]{font-size:12px;color:#626e81;margin-top:8px}.code-view .code-main .open-door[data-v-d8240fd2]{margin-top:6px;color:#3d6eeb;font-size:14px}.remote-door[data-v-d8240fd2]{background-color:#3d6eeb;color:#fff;height:48px;text-align:center;line-height:48px;border-radius:4px}.radio-group-view[data-v-d8240fd2]{overflow-y:auto}.radio-group-view .radio-item[data-v-d8240fd2]{display:flex;align-items:center;margin-bottom:30px}.radio-group-view .radio-item .icon[data-v-d8240fd2]{border:2px solid #ccd3df;margin-right:16px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.radio-group-view .radio-item .icon.active[data-v-d8240fd2]{border:2px solid #3d6eeb;background-color:#3d6eeb}.radio-group-view .radio-item .target[data-v-d8240fd2]{color:#6a717b}.radio-group-view .open-password-item>div[data-v-d8240fd2]{border-bottom:1px solid #ccd3df}