.cloud-password[data-v-9452db88]{width:100%;height:100%}input::-ms-reveal{display:none}.cloud-password.cloud-password-padding .el-input__inner{padding-right:40px}.cloud-full-dialog[data-v-60ed12b8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1999;opacity:0;-webkit-transition:all .2s ease-in-out;-o-transition:ease-in-out .2s all;transition:all .2s ease-in-out;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.cloud-full-dialog .cfd-header[data-v-60ed12b8]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:64px;background:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.cloud-full-dialog .cfd-header>h1[data-v-60ed12b8]{color:rgba(0,0,0,.9);font-weight:600;font-size:24px}.cloud-full-dialog .cfd-header .custom-title[data-v-60ed12b8]{-webkit-box-flex:1;-ms-flex:1;flex:1}.cloud-full-dialog-visible[data-v-60ed12b8]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}[data-v-dca9dc28] .ddns-dilog .el-dialog__body{padding:24px 24px 0 24px}[data-v-dca9dc28] .ddns-dilog .el-form-item__label{text-align:right;font-size:14px;color:rgba(0,0,0,.7);letter-spacing:0;padding-right:16px}[data-v-dca9dc28] .ddns-dilog .el-form-item__label .el-form-item__label-text{font-weight:500}[data-v-dca9dc28] .ddns-dilog .open-ddns .el-form-item__label-text{font-weight:600;color:#000}[data-v-dca9dc28] .ddns-dilog .device_serial{font-weight:600;color:#000;font-size:18px}[data-v-dca9dc28] .ddns-dilog .button_positon{text-align:right;height:56px;line-height:56px}.form-position .header_tip[data-v-dca9dc28]{display:-webkit-box;display:-ms-flexbox;display:flex}.form-position .header_tip .icon-tip[data-v-dca9dc28]{cursor:default}.form-position .header_tip>span[data-v-dca9dc28]{margin-left:8px;opacity:.3;font-size:14px;color:#000;letter-spacing:0;text-align:justify;line-height:20px}.form-position .ddns_tip_link[data-v-dca9dc28]{font-size:12px;color:#3262f0;letter-spacing:0;line-height:20px}.form-position .form[data-v-dca9dc28]{position:relative;overflow:hidden;-webkit-transition:max-height .5s,min-height .5s,opacity .5s,visibility .5s;-o-transition:max-height .5s,min-height .5s,opacity .5s,visibility .5s;transition:max-height .5s,min-height .5s,opacity .5s,visibility .5s}.form-position .unfold_form[data-v-dca9dc28]{max-height:444px;min-height:354px;opacity:1;visibility:visible}.form-position .fold_form[data-v-dca9dc28]{max-height:70px;min-height:70px;opacity:0;visibility:hidden}.tips[data-v-907db5cc]{font-size:16px;color:rgba(0,0,0,.7);font-weight:600;padding:16px}.chime-container[data-v-37e37a4d]{width:100%;height:322px;padding:32px;background:#f0f0f2;display:-webkit-box;display:-ms-flexbox;display:flex}.chime-container .tip[data-v-37e37a4d]{display:inline-block;width:257px;height:100%;margin-right:48px}.chime-container .tip .title[data-v-37e37a4d]{margin-top:67px;font-size:20px;color:rgba(0,0,0,.9);font-weight:600}.chime-container .tip .des[data-v-37e37a4d]{width:100%;height:148px;margin-top:15px;color:rgba(0,0,0,.7)}.chime-container .card[data-v-37e37a4d]{display:inline-block;width:254px;height:100%;position:relative;margin-right:32px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(227,230,245,.6),0 8px 20px 0 rgba(216,219,240,.5);box-shadow:0 2px 8px 0 rgba(227,230,245,.6),0 8px 20px 0 rgba(216,219,240,.5);border-radius:10px;padding:32px;cursor:pointer}.chime-container .card[data-v-37e37a4d]:last-child{margin:0}.chime-container .card .checkbox[data-v-37e37a4d]{display:inline-block;width:32px;height:32px;position:absolute;top:0;right:0}.chime-container .card .icon[data-v-37e37a4d]{display:inline-block;width:190px;height:109px}.chime-container .card .title[data-v-37e37a4d]{display:block;width:100%;margin-top:17px;font-size:16px;color:rgba(0,0,0,.7);font-weight:600}.chime-container .card .des[data-v-37e37a4d]{display:block;width:100%;height:40px;margin-top:8px}.chime-container .card .ellipsis[data-v-37e37a4d]{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.chime-container .card .icon-common_rideo_box[data-v-37e37a4d]{opacity:.4}.description-container[data-v-37e37a4d]{width:100%;height:406px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.description-container .mechanical[data-v-37e37a4d]{width:768px;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.description-container .mechanical .chime-button[data-v-37e37a4d]{position:absolute;bottom:0}.description-container .electronic[data-v-37e37a4d]{width:1086px;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.description-container .electronic .vline[data-v-37e37a4d]{border-left:1px solid #ccc;height:160px;vertical-align:text-bottom;display:inline-block;margin-top:35px}.description-container .electronic .ring-time[data-v-37e37a4d]{width:340px;height:300px;padding:35px 0 0 35px}.description-container .electronic .ring-time .slider[data-v-37e37a4d]{width:296px;height:24px;margin-top:40px}.description-container .electronic .ring-time .ring_max[data-v-37e37a4d]{float:right}.description-container .electronic .chime-button[data-v-37e37a4d]{position:absolute;right:263px;bottom:0}.description-container .electronic .tip[data-v-37e37a4d]{width:395px}.description-container .electronic .tip .attention span[data-v-37e37a4d]{width:295px}.description-container .not-install[data-v-37e37a4d]{width:680px;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.description-container .not-install .chime-button[data-v-37e37a4d]{position:absolute;bottom:0}.description-container .tip[data-v-37e37a4d]{width:428px;height:300px;padding:35px 16px}.description-container .tip p[data-v-37e37a4d]{color:rgba(0,0,0,.7);margin-bottom:8px}.description-container .tip p.attention[data-v-37e37a4d]{margin-top:16px;color:rgba(0,0,0,.4);line-height:20px}.description-container .tip p.attention span[data-v-37e37a4d]{display:inline-block;width:328px}.description-container .tip p.attention .icon[data-v-37e37a4d]{width:68px;height:60px;background-size:68px 60px;vertical-align:top}.description-container .chime-button[data-v-37e37a4d]{width:296px;height:40px;max-width:296px;margin-top:56px;border-radius:20px}.doolbell-dialog .el-dialog__body{padding:0}.config-container[data-v-1c39eb75],.config-container[data-v-47681d94]{margin-top:20px}.tourist-mode-disable-wraper{display:inline-block;vertical-align:middle}.tourist-mode-disable-wraper .slotWraper{display:inline-block}.tourist-mode-disable-wraper .slotWraper.tourist-mode-not-allowed *{cursor:not-allowed}.tourist-mode-disable-wraper .slotWraper.tourist-mode-not-allowed .el-checkbox,.tourist-mode-disable-wraper .slotWraper.tourist-mode-not-allowed input[type=text]{pointer-events:none}.tourist-mode-popoverStyle{text-align:left;background:hsla(0,0%,100%,.9);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:20px;font-size:14px;color:rgba(0,0,0,.7);padding:24px 12px}.en-container[data-v-2096696e]{margin-top:20px}.ip_domain_tip[data-v-777b522e]{margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.ip_domain_tip .blue[data-v-777b522e]{color:#455eec;font-size:24px;cursor:default}.edit-ip-domain-form-wrap{padding:20px}.edit-ip-domain-form-wrap .el-form-item__label{text-align:right}.remote-container .dialog-title span[data-v-509c4cf2]{margin-left:10px}.remote-container .dialog-title i[data-v-509c4cf2]{line-height:36px;font-size:36px;color:#fff;text-align:center;float:right;margin-right:44px;opacity:1}.choice-span[data-v-509c4cf2]{cursor:pointer;margin-bottom:10px}.choice-span[data-v-509c4cf2]:hover{color:#455eec}.choice-span[data-v-509c4cf2]:last-child{margin-bottom:0}.iframe-container[data-v-509c4cf2]{position:relative;width:1200px;height:728px}.iframe-container iframe[data-v-509c4cf2]{width:100%;height:100%}.secondAuth-container[data-v-509c4cf2]{width:500px;margin:0 auto;margin-top:250px}.check-container[data-v-509c4cf2]{margin-top:30px}.remote-container .el-dialog__body{padding:2px 8px}.el-message.supportisapi-4-Message{z-index:10000!important}.apply-tip-layout[data-v-5bcc5840]{font-size:14px;color:rgba(0,0,0,.7);letter-spacing:0;line-height:17px;padding-left:20px;padding-top:12px}.apply-num-layout[data-v-5bcc5840]{padding-left:20px}.apply-num-layout .devices-container[data-v-5bcc5840]{height:120px;overflow:auto}.apply-num-layout .devices-container .device-name-tag[data-v-5bcc5840]{display:inline-block;border-radius:2px;padding:0 16px;font-size:14px;font-weight:600;color:rgba(0,0,0,.9);letter-spacing:0;margin-right:16px;margin-top:16px;line-height:40px;height:40px;background:rgba(0,0,0,.06);max-width:512px}.apply-num-layout .devices-container .device-name-tag .device-name-circle[data-v-5bcc5840]{position:relative;top:-3px;display:inline-block;margin-right:4px;width:6px;height:6px;line-height:6px;border-radius:3px;background:rgba(0,0,0,.3)}.apply-num-layout .expire-time[data-v-5bcc5840]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:20px}.apply-num-layout .expire-time span[data-v-5bcc5840]{white-space:nowrap;height:40px;line-height:40px;padding-right:5px;font-weight:600;color:rgba(0,0,0,.9)}.apply-num-layout .expire-time .expire-time-select[data-v-5bcc5840]{width:119px}.apply-num-layout .note[data-v-5bcc5840]{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.apply-num-layout .note .form-title[data-v-5bcc5840]{white-space:nowrap;padding-right:5px;font-weight:600;color:rgba(0,0,0,.9)}.apply-num-layout .note .note-content[data-v-5bcc5840]{margin-top:8px;width:512px;height:160px}.apply-num-tip[data-v-5bcc5840]{margin-top:16px;margin-bottom:-16px;font-size:15px;color:#000;letter-spacing:0;line-height:40px}.permission-confirm .expire-time .el-input__suffix{width:24px!important;height:24px!important;margin-top:0;top:0}.permission-confirm .expire-time .el-input__suffix .el-input__icon.h-icon-angle_down_sm{width:24px!important;height:24px!important;font-size:24px!important;margin-top:0}.permission-confirm .expire-time .el-input--suffix input.el-input__inner{line-height:12px}.ptz-container[data-v-ee475644]{position:relative;display:inline-block;float:left;width:240px;height:100%;margin-right:8px;padding:0 8px}.ptz-container .mask[data-v-ee475644]{display:none;position:absolute;left:0;right:0;top:0;bottom:0;background:hsla(0,0%,100%,.4);background-size:contain;z-index:1002}.ptz-container i[data-v-ee475644]{display:inline-block;width:24px;height:24px;font-size:24px;cursor:pointer}.ptz-container .title[data-v-ee475644]{height:27px;font-size:20px;font-weight:600;margin-bottom:10px;color:#000}.ptz-container .direction-panel[data-v-ee475644]{width:174px;position:relative;height:174px;margin-left:21px;background-image:url(../img/ptz_panel_bg.6416daf4.svg)}.ptz-container .direction-panel i[data-v-ee475644]{width:20px;height:20px;font-size:20px;position:absolute}.ptz-container .direction-panel i.top[data-v-ee475644]{top:25px;left:77px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ptz-container .direction-panel i.bottom[data-v-ee475644]{top:130px;left:77px}.ptz-container .direction-panel i.left[data-v-ee475644]{top:76.5px;left:25px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ptz-container .direction-panel i.right[data-v-ee475644]{top:76.5px;left:130px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.ptz-container .direction-panel i.top-left[data-v-ee475644]{width:14px;height:14px;font-size:14px;top:35px;left:35px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ptz-container .direction-panel i.top-right[data-v-ee475644]{width:14px;height:14px;font-size:14px;top:35px;left:125px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.ptz-container .direction-panel i.bottom-left[data-v-ee475644]{width:14px;height:14px;font-size:14px;top:125px;left:35px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ptz-container .direction-panel i.bottom-right[data-v-ee475644]{width:14px;height:14px;font-size:14px;top:125px;left:125px;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.ptz-container .direction-panel i.auto[data-v-ee475644]{width:48px;height:48px;font-size:48px;top:63px;left:63px;text-align:center;line-height:48px}.ptz-container .direction-panel i.auto.active[data-v-ee475644]{opacity:1;color:#455eec}.ptz-container .button-ctl[data-v-ee475644]{padding:20px 0 12px 0}.speed-ctl[data-v-ee475644]{position:relative}.speed-ctl .slow[data-v-ee475644]{float:left}.speed-ctl .fast[data-v-ee475644]{float:right}.speed-ctl .speed-tip[data-v-ee475644]{width:100%;position:absolute;top:22px;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.speed-ctl .speed-tip span[data-v-ee475644]{font-size:12px;color:rgba(0,0,0,.4)}.capsule[data-v-ee475644]{display:inline-block;width:68px;height:32px;margin-right:10px;border:1px solid #ccc;border-radius:16px;vertical-align:middle}.capsule div[data-v-ee475644]{display:inline-block;width:33px;height:30px;padding:3px 4.5px}.capsule div[data-v-ee475644]:first-child{border-right:1px dashed #ccc}.capsule div[data-v-ee475644]:last-child{width:32px}.windshield-wiper[data-v-ee475644]{width:100%;height:32px;margin-top:12px;border:1px solid #ccc;border-radius:2px;text-align:center}.windshield-wiper i[data-v-ee475644]{margin-top:4px}.windshield-wiper i.active[data-v-ee475644]{opacity:1;color:#455eec}.other-ctl[data-v-ee475644]{position:relative;width:100%;height:calc(100% - 352px)}.other-ctl .tabs[data-v-ee475644]{width:100%;height:30px}.other-ctl .tabs .tab[data-v-ee475644]{display:inline-block;width:76px;height:100%;background:#f5f5f5;border:1px solid #ccc;border-left:none;text-align:center;-webkit-transition:background-color .5s ease;-o-transition:background-color .5s ease;transition:background-color .5s ease}.other-ctl .tabs .tab[data-v-ee475644]:first-child{border-left:1px solid #ccc}.other-ctl .tabs .tab i[data-v-ee475644]{margin-top:3px}.other-ctl .tabs .tab.active[data-v-ee475644]{width:72px;background:#fff;border-top:2px solid #455eec;border-bottom:none}.other-ctl .tabs .tab.active i[data-v-ee475644]{opacity:1;-webkit-transition:color .5s;-o-transition:color .5s;transition:color .5s;color:#455eec}.other-ctl .tabs .tab[data-v-ee475644]:hover{cursor:pointer}.other-ctl .tabs-content[data-v-ee475644]{width:100%;height:calc(100% - 30px);border:1px solid #ccc;border-top:none}.other-items[data-v-ee475644]{width:100%;height:100%;padding:1px;font-size:14px;color:#666}.other-items li.other-item[data-v-ee475644]{width:100%;height:32px;line-height:32px;padding-left:10px}.other-items li.other-item .icomoon-img_ptz_playing[data-v-ee475644],.other-items li.other-item .icomoon-img_ptz_recording[data-v-ee475644]{width:16px;height:16px;font-size:16px;float:left;margin-top:8px;cursor:default}.other-items li.other-item[data-v-ee475644]:hover{background-color:#f2f2f2}.other-items li.other-item span.config-button[data-v-ee475644]{float:right}.other-items li.other-item span.config-title[data-v-ee475644]{display:inline-block;width:70px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.other-items li.other-item span.config-title.gray[data-v-ee475644]{color:#ccc}.other-items li.other-item i[data-v-ee475644]{margin-right:8px;vertical-align:middle}.other-items li.other-item i[data-v-ee475644]:last-child{margin-right:12px}.other-items li.other-item div[data-v-ee475644]{display:inline-block}.other-items .patrol-config-panel[data-v-ee475644]{width:100%;height:100%}.other-items .patrol-config-panel .header[data-v-ee475644]{height:32px;line-height:32px;background:#e0e3f2;border-radius:4px;padding-left:11px}.other-items .patrol-config-panel .header span[data-v-ee475644]{display:inline-block;vertical-align:middle}.other-items .patrol-config-panel .header .preset[data-v-ee475644]{width:79px}.other-items .patrol-config-panel .header .speed[data-v-ee475644]{width:63px;padding-left:12px}.other-items .patrol-config-panel .header .time[data-v-ee475644]{width:60px;padding-left:12px}.other-items .patrol-config-panel .content[data-v-ee475644]{width:100%;height:calc(100% - 110px);padding-bottom:9px}.other-items .patrol-config-panel .content li.preset-item[data-v-ee475644]{width:100%;height:32px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transition:background-color .5s ease;-o-transition:background-color .5s ease;transition:background-color .5s ease}.other-items .patrol-config-panel .content li.preset-item span[data-v-ee475644]{display:inline-block;height:24px}.other-items .patrol-config-panel .content li.preset-item .preset[data-v-ee475644]{width:82px;margin:4px 9px 0 6px}.other-items .patrol-config-panel .content li.preset-item .speed[data-v-ee475644]{width:56px;margin:4px 9px 0 0}.other-items .patrol-config-panel .content li.preset-item .time[data-v-ee475644]{width:50px;margin:4px 0 0 0}.other-items .patrol-config-panel .content li.preset-item.active[data-v-ee475644]{background-color:#f0f0f0}.other-items .patrol-config-panel .no-data[data-v-ee475644]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.other-items .patrol-config-panel .no-data .icon-common_alert_hint[data-v-ee475644]{width:32px;height:32px;font-size:32px}.other-items .patrol-config-panel .no-data span[data-v-ee475644]{color:rgba(0,0,0,.5)}.other-items .patrol-config-panel .footer[data-v-ee475644]{padding:0 4px}.other-items .patrol-config-panel .footer .el-button[data-v-ee475644]{margin-left:8px}.vline[data-v-ee475644]{border-left:1px solid #ccc;height:16px;vertical-align:text-bottom;display:inline-block}.dialog-hint[data-v-ee475644]{margin:10px 0 20px 0}.dialog-hint .icomoon-common_alert_hint_sm[data-v-ee475644]{vertical-align:middle}.other-items .preset-item .el-input__inner{height:24px;padding-right:24px!important}.other-items .preset-item .el-input__suffix{width:24px;height:24px;top:0}.other-items .preset-item .el-input__suffix .el-input__icon{width:24px;height:24px;font-size:24px}.other-items .el-scrollbar__wrap{position:absolute!important}.speed-ctl .el-slider__runway{height:1px}.speed-ctl .el-slider__runway .el-slider__bar{height:1px;background-color:#333}.speed-ctl .el-slider__runway .el-slider__button{width:7px;height:7px}.speed-ctl .el-slider__runway .el-slider__button.dragging,.speed-ctl .el-slider__runway .el-slider__button.hover,.speed-ctl .el-slider__runway .el-slider__button:hover{width:9px;height:9px}.speed-ctl .el-slider__runway .el-slider__button.dragging:after,.speed-ctl .el-slider__runway .el-slider__button.hover:after,.speed-ctl .el-slider__runway .el-slider__button:hover:after{background:none}.speed-ctl .el-slider__runway .el-slider__button-wrapper{top:-11px}.window-container[data-v-15d16737]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.preview-operation[data-v-15d16737]{height:56px;width:100%;padding-left:16px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.preview-operation .continue-button[data-v-15d16737]{width:160px;margin-top:8px;margin-right:24px}.preview-operation .continue-tip[data-v-15d16737]{display:inline-block;height:50px;line-height:55px;font-size:14px;opacity:.7}.preview-operation .continue-pagination[data-v-15d16737]{float:right;margin:17px 0 0 0}.channels-count[data-v-15d16737]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:40px;height:26px;border-radius:14px;background-color:rgba(0,0,0,.1);margin-left:8px;vertical-align:text-top;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.channels-count[data-v-15d16737],.dialog-title[data-v-15d16737]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dialog-title[data-v-15d16737]{padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex}.code-container[data-v-15d16737]{margin:20px}.verify-code-tip[data-v-15d16737]{margin:20px 0 30px 30px}.verify-code-tip i[data-v-15d16737]{vertical-align:top;display:inline-block;font-size:26px;cursor:auto}.verify-code-tip p[data-v-15d16737]{display:inline-block;width:400px;line-height:26px}.ptz-btn-cover[data-v-15d16737]{position:absolute;background:red;display:block;width:20px;height:20px;right:0;bottom:100px}.channels-popover[data-v-37ddb441]{display:inline-block}.channel-list[data-v-37ddb441]{height:100%}.channel-list ul[data-v-37ddb441]{margin-top:8px;height:287px}.channel-list ul .channel-checkbox[data-v-37ddb441]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding-left:12px;padding-right:4px;cursor:pointer}.channel-list ul .channel-checkbox i[data-v-37ddb441]{display:inline-block;margin:0 4px 0 4px;vertical-align:middle}.channel-list ul .channel-checkbox .icon-tree_state_offline[data-v-37ddb441]{position:absolute}.channel-list ul .channel-checkbox span[data-v-37ddb441]{display:inline-block;height:24px;max-width:180px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.channel-list ul .channel-checkbox[data-v-37ddb441]:first-child{margin-left:16px}.channel-list .button-container[data-v-37ddb441]{height:56px;padding-top:16px;text-align:right}.no-data-container[data-v-37ddb441]{height:287px;margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.no-data-container i[data-v-37ddb441]{background-size:72px;width:72px;height:72px}.playback-window-container[data-v-63f673e1]{height:calc(100% - 64px);width:100%}.title-container[data-v-63f673e1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.title-container .title-left[data-v-63f673e1]{margin-left:16px;color:rgba(0,0,0,.7);height:64px;max-width:1100px;line-height:64px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.title-container .title-right[data-v-63f673e1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:16px}.title-container .title-right p[data-v-63f673e1]{font-size:14px;color:rgba(0,0,0,.7);margin-left:36px}.title-container .title-right .el-button[data-v-63f673e1]{width:195px}.title-container .title-right .el-pagination[data-v-63f673e1]{margin-right:42.7px}.continue-tip[data-v-63f673e1]{display:inline-block;height:50px;line-height:55px;font-size:14px;opacity:.7;margin-left:24px}.continue-button[data-v-63f673e1]{width:160px;margin-left:24px;height:32px}.channels-count[data-v-63f673e1]{display:inline-block;width:40px;height:26px;border-radius:14px;background-color:#546bed;margin-left:8px;vertical-align:text-top;color:#fff;text-align:center}.channels-count span[data-v-63f673e1]{position:relative;top:-10px}.dialog-title[data-v-63f673e1]{padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.code-container[data-v-63f673e1]{margin:20px}.verify-code-tip[data-v-63f673e1]{margin:20px 0 30px 30px}.verify-code-tip i[data-v-63f673e1]{vertical-align:top;display:inline-block;font-size:26px;cursor:auto}.verify-code-tip p[data-v-63f673e1]{display:inline-block;width:400px;line-height:26px}.preview-dialog .el-dialog__body{padding:0}.preview-dialog .el-dialog{margin-bottom:0}.title-container .title-right .channel-select-input input{cursor:pointer!important}.port-element[data-v-82870034]{height:44px}.port-element.element-none[data-v-82870034]{width:30px;background:transparent}.port-element.element-border[data-v-82870034]{width:6px;background:hsla(0,0%,94.1%,.1)}.port-element.element-border.left[data-v-82870034]{margin-left:10px}.port-element.element-border.right[data-v-82870034]{margin-right:10px}.port-element.element-border .border-inner[data-v-82870034]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.port-element.element-border .border-inner.up[data-v-82870034]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.port-element.element-border .border-inner.down[data-v-82870034]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.port-element.element-border .border-inner .border-background[data-v-82870034]{width:6px;height:32px;background-color:hsla(0,0%,94.1%,.2)}.port-element.element-septalSpace[data-v-82870034]{width:20px;background:transparent}.port-element.element-port[data-v-82870034]{width:32px;background:hsla(0,0%,94.1%,.1)}.port-element.element-port .port-inner[data-v-82870034]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.port-element.element-port .port-inner .port-id[data-v-82870034]{height:12px;line-height:12px;font-size:8px;color:#fff}.port-element.element-port .port-inner .port-slot[data-v-82870034]{width:32px;height:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,94.1%,.2)}.port-element.element-port .port-inner .port-slot[data-v-82870034],.switch-panel[data-v-20300944]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.switch-panel[data-v-20300944]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.switch-panel .elements-row[data-v-20300944]{display:-webkit-box;display:-ms-flexbox;display:flex}.switch-panel .elements-row[data-v-20300944]>:last-child{margin-right:10px}.port-img-view .legend[data-v-47b534da]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px;font-size:14px;color:rgba(0,0,0,.7)}.port-img-view .legend .left-legend[data-v-47b534da],.port-img-view .legend[data-v-47b534da]{display:-webkit-box;display:-ms-flexbox;display:flex}.port-img-view .legend .left-legend span[data-v-47b534da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.port-img-view .legend .electrical-legend[data-v-47b534da]{margin-right:24px}.right-legend[data-v-47b534da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px;color:rgba(0,0,0,.7);margin-top:8px}.right-legend span[data-v-47b534da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.right-legend .alarm-legend[data-v-47b534da],.right-legend .normal-legend[data-v-47b534da]{margin-right:24px}.right-legend .alarm[data-v-47b534da],.right-legend .normal[data-v-47b534da],.right-legend .not-connected[data-v-47b534da]{width:8px;height:8px;margin-right:8px}.right-legend .alarm[data-v-47b534da]{background:#ff2525}.right-legend .normal[data-v-47b534da]{background:#95ff24}.right-legend .not-connected[data-v-47b534da]{background:rgba(0,0,0,.4)}.device-img[data-v-47b534da]{height:120px;border-radius:6px;display:inline-block;white-space:nowrap;min-width:100%;position:relative;overflow:hidden;text-align:center}.device-img[data-v-47b534da]:after{content:"";display:inline-block;height:100%;vertical-align:middle}.device-img.switch[data-v-47b534da]{background-color:#797c80}.device-img .icon-img_switch_style[data-v-47b534da]{vertical-align:middle}.device-img .port-area[data-v-47b534da]{padding-left:32px;padding-right:32px;display:inline-block;vertical-align:middle}.device-img .target-area[data-v-47b534da]{position:absolute;width:200px;height:120px;background:rgba(50,98,240,.3);border:1px solid #1a42b9;left:0;top:0;display:none}.device-img:hover .target-area[data-v-47b534da]{display:block}.zoom-out-box[data-v-47b534da]{width:300px;height:180px;overflow:hidden}.zoom-out-box .device-img[data-v-47b534da]{position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:left top;transform-origin:left top}.port-img-dialog-wrap[data-v-47b534da]{position:relative;overflow:hidden;height:100%}.port-img-dialog-wrap .device-img[data-v-47b534da]{position:absolute;margin-top:-64px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.port-img-dialog .el-dialog--full,.port-img-dialog .el-dialog--full .el-dialog__header{background:transparent}.port-img-dialog .el-dialog--full button.el-dialog__headerbtn{background-color:hsla(0,0%,100%,.5);border-radius:50%}.port-img-dialog .el-dialog--full button.el-dialog__headerbtn:hover{background-color:#fff}.icomoon-img_hov_more[data-v-2dcfc478]{font-size:16px}.value[data-v-2dcfc478]{display:inline-block;max-width:150px}.switch-remote-trans-on[data-v-78f01ce6]{color:#02bf0f}.cursor-default[data-v-35c29db0]{cursor:default}.switch-port-card[data-v-35c29db0]{border-bottom:1px solid rgba(0,0,0,.1);padding:20px 0 16px}.switch-port-card .port-row-1[data-v-35c29db0]{margin-bottom:12px;width:100%;position:relative}.switch-port-card .port-row-1 .port-col-1[data-v-35c29db0],.switch-port-card .port-row-1[data-v-35c29db0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.switch-port-card .port-row-1 .port-col-1[data-v-35c29db0]{width:50%;font-size:14px}.switch-port-card .port-row-1 .port-col-1 .pipe[data-v-35c29db0]{color:rgba(0,0,0,.4);margin:0 8px}.switch-port-card .port-row-1 .port-col-2[data-v-35c29db0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:200px}.switch-port-card .port-row-1 .port-col-2 .value[data-v-35c29db0]{width:80px;font-size:14px;color:rgba(0,0,0,.7)}.switch-port-card .port-row-1 .port-col-2 .value i[data-v-35c29db0]{font-size:24px;vertical-align:middle}.switch-port-card .port-row-1 .port-col-2 .gray-text[data-v-35c29db0]{font-size:14px}.switch-port-card .port-row-1 .port-col-3[data-v-35c29db0]{position:absolute;top:0;right:0}.switch-port-card .port-row-2[data-v-35c29db0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.switch-port-card .port-row-2 .text-gray[data-v-35c29db0]{color:rgba(0,0,0,.4)}.switch-port-card .port-row-2 .text[data-v-35c29db0]{font-size:14px}.switch-port-card .port-row-2 .rate[data-v-35c29db0]{width:40%;margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex}.switch-port-card .port-row-2 .band-use-color[data-v-35c29db0]{color:rgba(0,0,0,.4)}.switch-port-card .port-row-2 .band-use-color.good[data-v-35c29db0]{color:#02bf0f}.switch-port-card .port-row-2 .band-use-color.busy[data-v-35c29db0]{color:#f5a640}.switch-port-card .port-row-2 .band-use-color.bad[data-v-35c29db0]{color:#ff2525}.switch-port-card .un-connected[data-v-35c29db0],.switch-port-card .un-connected[data-v-35c29db0]:before{color:rgba(0,0,0,.4)}.switch-port-card .fill-un-connected[data-v-35c29db0]{fill:rgba(0,0,0,.4)}.switch-port-card .connected[data-v-35c29db0],.switch-port-card .connected[data-v-35c29db0]:before{color:#02bf0f}.switch-port-card .fill-connected[data-v-35c29db0]{fill:#02bf0f}.switch-port-card .alarm[data-v-35c29db0],.switch-port-card .alarm[data-v-35c29db0]:before{color:#ff2525}.switch-port-card .fill-alarm[data-v-35c29db0]{fill:#ff2525}.switch-port-card .label[data-v-35c29db0]{font-size:14px;color:rgba(0,0,0,.4)}.switch-port-card .icomoon-img_hov_more[data-v-35c29db0]{font-size:16px}.icomoon-img_switch_electrical_24px[data-v-35c29db0]{font-size:24px;cursor:default}.icomoon-img_switch_electrical_24px[data-v-35c29db0]:before{cursor:default}.icomoon-img_switch_light_24px[data-v-35c29db0]{font-size:24px;cursor:default}.icomoon-img_switch_light_24px[data-v-35c29db0]:before{cursor:default}.oppositeDevice-serial i[data-v-35c29db0]{opacity:.7}.oppositeDevice-serial i[data-v-35c29db0]:before{color:rgba(0,0,0,.7)}.cursor-default[data-v-88bd5cda]{cursor:default}h3[data-v-88bd5cda]{font-size:16px;color:rgba(0,0,0,.9);font-weight:600}h3.small[data-v-88bd5cda]{font-size:14px}.text-gray[data-v-88bd5cda]{color:rgba(0,0,0,.4)}.icomoon-img_hov_more[data-v-88bd5cda]{font-size:16px}.port-status-h3[data-v-88bd5cda],.row-port-img[data-v-88bd5cda]{margin-bottom:20px}.band-use-color[data-v-88bd5cda]{color:rgba(0,0,0,.4)}.band-use-color.good[data-v-88bd5cda]{color:#02bf0f}.band-use-color.busy[data-v-88bd5cda]{color:#f5a640}.band-use-color.bad[data-v-88bd5cda]{color:#ff2525}.device-serial[data-v-88bd5cda]{width:120px;display:inline-block;vertical-align:middle}.device-serial i[data-v-88bd5cda]{font-size:24px;vertical-align:middle;opacity:.7}.device-serial i[data-v-88bd5cda]:before{color:rgba(0,0,0,.7)}.un-connected[data-v-88bd5cda]{color:rgba(0,0,0,.4)}.connected[data-v-88bd5cda]{color:#02bf0f}.alarm[data-v-88bd5cda]{color:#ff2525}.switch-reboot-btn.show-hover-color[data-v-25e06138]{color:#455eec}.switch-reboot-btn.show-hover-color i.icomoon-common_topology_reboot[data-v-25e06138]{color:#455eec;opacity:1}.switch-reboot-btn .rebooting[data-v-25e06138]{-webkit-animation:breathe-data-v-25e06138 .5s infinite alternate;animation:breathe-data-v-25e06138 .5s infinite alternate}@-webkit-keyframes breathe-data-v-25e06138{0%{color:rgba(245,166,64,.1)}80%{color:rgba(245,166,64,.6)}to{color:#f5a640;opacity:1}}@keyframes breathe-data-v-25e06138{0%{color:rgba(245,166,64,.1)}80%{color:rgba(245,166,64,.6)}to{color:#f5a640;opacity:1}}.loading-ellipsis[data-v-25e06138]{display:inline-block}.loading-ellipsis i[data-v-25e06138]{color:#f5a640;display:inline-block;opacity:0;-webkit-animation:ellipsis-dot-data-v-25e06138 1.3s infinite;animation:ellipsis-dot-data-v-25e06138 1.3s infinite;font-size:14px;margin-left:4px}.loading-ellipsis i[data-v-25e06138]:first-of-type{-webkit-animation-delay:0s;animation-delay:0s}.loading-ellipsis i[data-v-25e06138]:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loading-ellipsis i[data-v-25e06138]:nth-of-type(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes ellipsis-dot-data-v-25e06138{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes ellipsis-dot-data-v-25e06138{0%{opacity:0}50%{opacity:0}to{opacity:1}}.switch-parts .el-table th{background:#f5f5f5!important}h3[data-v-f2fea06c]{font-size:16px;color:rgba(0,0,0,.9);font-weight:600}h3.small[data-v-f2fea06c]{font-size:14px}.switch-status.left-right-layout[data-v-f2fea06c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100px}.switch-status.left-right-layout .item[data-v-f2fea06c]{width:40%;height:50%;margin-top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item[data-v-f2fea06c]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;margin-top:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item .label[data-v-f2fea06c]{width:164px;text-align:right;color:rgba(0,0,0,.7)}.item .text[data-v-f2fea06c]{margin-left:12px;color:rgba(0,0,0,.9);width:300px}