.media-page .row-item{width:100%;margin-bottom:8px}.media-page .card-item{cursor:pointer;width:328px;height:54px!important;margin:auto;border-radius:8px}.media-page .card-item .el-card__body{display:flex;flex-direction:row;align-items:center;padding:0;width:100%;height:54px;font-size:16px}.media-page .card-icon{width:56px;min-width:56px;display:flex;justify-content:center;align-items:center;font-size:24px}.media-page .card-icon .card-image{width:24px;height:24px;-o-object-fit:cover;object-fit:cover}.media-page .card-content{flex:1}.media-page .card-arrow{width:40px;min-width:40px;display:flex;justify-content:center;align-items:center;font-size:24px}.media-page .disabled{pointer-events:none;opacity:.5}.content-size{width:328px;padding-left:calc(50% - 164px)}.info_warning{padding-top:32px;padding-bottom:16px}.input-type-switch{display:flex;width:100%;justify-content:center;height:32px;border-radius:8px}.qr-content{width:100%;height:160px;display:flex;flex-direction:column;align-items:center}.qr-description{text-align:center;font-size:12px;color:#888;padding-top:50%}.qr-description,.serial-input{width:100%;line-height:18px;white-space:pre-line}.serial-input{font-size:16px;padding-top:10%}.switch-item{flex:1;display:flex;align-items:center;justify-content:center;height:32px;border-radius:5px;font-size:14px;color:#555;background:#e5e5e5;cursor:pointer}.switch-item.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}.icon-image{width:24px;height:24px;padding:3px;-o-object-fit:cover;object-fit:cover}.custom-steps .el-step__icon{width:20px;height:20px;font-size:12px;line-height:20px;background-color:#d3d3d3;color:#fff}.custom-steps .el-step__line{top:9px;background-color:#d0d0d0!important;height:2px}.custom-steps .el-step__title{font-size:12px;line-height:18px;margin-top:2px;color:#c8c8c8}.custom-steps .el-step__head.is-process{color:#333;border-color:#333}.custom-steps .el-step__head.is-process .el-step__icon{background-color:#333!important;color:#fff!important}.custom-steps .el-step__title.is-process{color:#333}.custom-steps .el-step__head.is-finish{color:#333;border-color:#333}.custom-steps .el-step__head.is-finish .el-step__icon{background-color:#333;border:none;color:#fff}.custom-steps .el-step__head.is-finish .el-step__line{height:3px;width:100%;background-color:#333!important}.custom-steps .el-step__title.is-finish{color:#333}.custom-steps .el-step__head.is-wait{color:#c8c8c8;border-color:#c8c8c8}.custom-steps .el-step__title.is-wait{color:#c8c8c8}.set-button{transform:translate(-50%,80px)!important}.button-size{width:300px}.button-size .button-space{flex:block;margin-bottom:10px}.page-select{width:100%}.info-table{display:inline-block;width:250px;border:0;background-color:#409eff}.info-table .text{text-align:right;display:block}.info-table .col{width:124px}.selected-row{background-color:#fce4ec!important}.file-label{display:inline-flex;gap:.5rem;cursor:pointer}.file-label input[type=file]{display:none}.divider-line{padding:0;border-bottom:1px solid #e0e0e0}.date-cell-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 5px;box-sizing:border-box}.date-text{flex:1;text-align:left}.checkbox-right{display:inline-flex;align-items:center}.set-button{top:65%}.set-disabled-button.is-disabled{background-color:#909399!important;border-color:#909399!important}.config-table{color:#000}.config-table .el-table__header-wrapper th{background-color:#41414b!important;color:#fff}.config-table .el-table__body tr td{background-color:#fff!important}.config-table .el-table__body tr.checked-row td{background-color:#f5f5f5!important}.black-checkbox .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#000!important;border-color:#000!important}.black-checkbox .el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:#fff!important}.stat{white-space:nowrap;padding:0 5px;width:calc(100% - 15px);float:left;overflow:hidden}.stat>div{display:inline-table;float:none}.auto-scroll{overflow:hidden;margin-left:5px}.text-center{text-align:center;width:100%}.text-center .auto-scroll{margin-left:5px}.text-center.stat>div{display:inline-table;float:none}.animate{display:inline-block;white-space:nowrap;animation:wordsLoop 10s linear infinite normal}.animate div{float:left}.animate:hover{animation:unset}@keyframes wordsLoop{0%{transform:translateX(0);-webkit-transform:translateX(0)}to{transform:translateX(-50%);-webkit-transform:translateX(-50%)}}.radio-box[data-v-d7e306b2]{border:1px solid #e6e6e6;margin:0 10px 10px 10px;width:calc(100% - 22px);height:50px;float:left}.radio-box .client-info-line[data-v-d7e306b2],.radio-box .ssid-info-line[data-v-d7e306b2]{float:left;width:calc(100% - 100px)}.radio-box .ssid-info-line[data-v-d7e306b2]{margin-top:5px}.radio-box .client-info-line>span[data-v-d7e306b2]:first-child{font-weight:700;padding:0 5px}.radio-box .single-line[data-v-d7e306b2]{line-height:50px}.radio-box i[data-v-d7e306b2]{font-size:40px}.radio-box .wifi-green[data-v-d7e306b2],.radio-box .wifi-red[data-v-d7e306b2],.radio-box .wifi-yellow[data-v-d7e306b2]{width:80px;margin:5px;float:left;position:relative}.radio-box .wifi-green div[data-v-d7e306b2],.radio-box .wifi-red div[data-v-d7e306b2],.radio-box .wifi-yellow div[data-v-d7e306b2]{position:absolute;left:30px;bottom:0;font-size:16px;transform:scale(.75)}.radio-box .wifi-green[data-v-d7e306b2]{color:#67c23a}.radio-box .wifi-red[data-v-d7e306b2]{color:#f56c6c}.radio-box .wifi-yellow[data-v-d7e306b2]{color:#e6a23c}.radio-box.two-radioes[data-v-d7e306b2]{height:75px}.radio-box.two-radioes i[data-v-d7e306b2]{font-size:60px}.radio-box.two-radioes .ssid-info-line[data-v-d7e306b2]{margin-top:17px}.radio-box.two-radioes .wifi-green[data-v-d7e306b2],.radio-box.two-radioes .wifi-red[data-v-d7e306b2],.radio-box.two-radioes .wifi-yellow[data-v-d7e306b2]{margin-top:10px}.radio-box.two-radioes .wifi-green div[data-v-d7e306b2],.radio-box.two-radioes .wifi-red div[data-v-d7e306b2],.radio-box.two-radioes .wifi-yellow div[data-v-d7e306b2]{left:40px;white-space:nowrap}.wifi-box[data-v-18698fbc]{min-width:320px}.wifi-box>div[data-v-18698fbc]{width:calc(100% - 12px);height:230px;border:1px solid #e6e6e6;border-radius:10px;margin:0 10px 20px 0}.wifi-box>div .one-ssid-info[data-v-18698fbc]{margin:auto 5px;width:calc(100% - 15px)}.wifi-box>div .ssid-title[data-v-18698fbc]{font-weight:700;padding:10px 20px}.wifi-box>div .ssid-name[data-v-18698fbc]{width:100%;line-height:1.5}.wifi-box>div .ssid-name>div>span[data-v-18698fbc]:first-child{font-weight:700;padding-right:8px}.wifi-box>div .wifi-gray[data-v-18698fbc]{width:100%;margin:10px 0 20px 0;text-align:center;color:#909399}.wifi-box>div .wifi-gray i[data-v-18698fbc]{font-size:100px}.wifi-box>div .status-off[data-v-18698fbc]{text-transform:uppercase;color:#909399;text-align:center}.el-popover.el-popper.fail-reason-popover{border-color:var(--el-color-danger);color:var(--el-color-danger)}.el-popover.el-popper.fail-reason-popover .el-popover__title{color:var(--el-color-danger)}.el-popover.el-popper.fail-reason-popover .el-popper__arrow:before{border-color:var(--el-color-danger)}.user-page.page-form .el-form-item__label{min-width:120px!important}.floor-page{display:flex;width:100%!important}.columns{display:flex;flex-direction:row;justify-content:center;margin-left:4px;margin-right:4px}.columns .column{flex:1 0 0px;max-width:500px;min-width:0}@media(max-width:599px){.column{max-width:600px}}.entries{flex-wrap:wrap;align-content:center}.entries,.entries .entry{display:flex;box-sizing:border-box;align-items:center}.entries .entry{padding:0 4px;flex-direction:column;cursor:pointer;margin-bottom:12px;width:20%}.box-border-container{border-radius:10px;padding:10px;border:solid 1px var(--el-border-color)}.box-border-container,.box-noborder-container{margin:10px 10px 0 0}.box-border-container .title,.box-noborder-container .title{font-size:24px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-border-container .location,.box-noborder-container .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-border-container .title-line,.box-noborder-container .title-line{display:inline-block;width:100%}.box-border-container .title-line .name,.box-noborder-container .title-line .name{font-size:24px;font-weight:400;float:left}.box-border-container .title-line .right-btns,.box-noborder-container .title-line .right-btns{float:right;font-size:14px;font-weight:400}.iot-line{display:flex;line-height:28px;margin-bottom:8px;line-height:40px}.iot-line .icon{width:40px;height:40px;text-align:center;border-radius:20px;cursor:pointer}.iot-line .icon i{font-size:24px;border-radius:24px}.iot-line .icon i.ri-flashlight-fill{color:var(--el-color-primary-dark-2)}.iot-line .icon i.ri-door-closed-line{color:var(--el-color-success)}.iot-line .icon i.ri-door-open-line{color:var(--el-color-danger)}.iot-line .icon .ri-lightbulb-flash-fill{color:#ffaf60}.iot-line .icon .ri-lightbulb-fill{color:#44739e}.iot-line .icon i.disabled{color:#9e9e9e}.iot-line .location{width:calc(100% - 80px)}.iot-line .status{font-weight:700}.iot-line.low-device{cursor:pointer}.iot-line.low-device .location{width:auto}.iot-line.low-device .location,.iot-line.low-device .reason{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iot-line.low-device .reason{text-align:right}.iot-line.disabled{color:#9e9e9e}.iot-line.disabled .icon i{color:#9e9e9e!important}.iot-line:first-child{margin-top:8px}.iot-line.door-Locked .icon i{color:var(--el-color-success)}.iot-line.door-Unlocked .icon i{color:var(--el-color-danger)}.iot-line.door-Offline .icon{cursor:not-allowed}.iot-line.door-Offline .icon i{color:#9e9e9e}.iot-line.smart-socket .location{width:calc(100% - 120px)}.iot-line.smart-socket .action{width:80px}.iot-line.smart-socket .action i{margin-right:20px;cursor:pointer}.iot-line.smart-socket .action i.ri-flashlight-fill{font-size:18px;color:var(--el-color-primary);position:relative}.iot-line.smart-socket .action i.ri-flashlight-fill.inactive{color:#5e6d82}.iot-line.smart-socket .action i.turn-off:after{content:"\\";position:absolute;left:4px;top:-12px;font-size:20px;text-shadow:1px 1px #fff}.iot-line.smart-socket .action i.disabled{cursor:not-allowed;color:#9e9e9e}.smart-socket-Offline .icon{cursor:not-allowed}.smart-socket-Offline .icon i.ri-flashlight-fill{color:#9e9e9e}.entry.thermometer .icon,.entry.thermometer .location,.entry.thermometer .value{width:100%;text-align:center}.entry.thermometer .location,.entry.thermometer .value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry.thermometer .icon{font-size:24px;line-height:50px}.air-conditioning.disabled,.entry.thermometer.disabled{color:#9e9e9e;cursor:not-allowed}.covering{position:relative}.top-right-icon{width:20px;height:20px;position:absolute;top:5px;right:5px;text-align:center}.top-right-icon i{line-height:20px;cursor:pointer;background:#fff;border-radius:50%;border:5px solid #fff}.top-right-icon i.disabled,.top-right-icon i.disabled:hover{color:#9e9e9e;cursor:not-allowed;background:#fff;border-color:#fff}.top-right-icon i:hover{border-color:var(--el-color-warning-light-8);background:var(--el-color-warning-light-8)}.entry.light{border-radius:10px;padding:10px;border:solid 1px var(--el-border-color);margin:0 4px 4px 0;width:calc(33.33333% - 4px);position:relative;min-width:80px}.entry.light .rs-full .rs-tooltip{top:90%}.entry.light .light-tooltip,.entry.light .rs-tooltip-text{font-size:12px}.entry.light .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;margin-top:4px}.entry.light .location.disabled{color:#9e9e9e}.entry.light .light-main{position:relative;margin-top:18px;padding:5px}.light-icon{position:absolute;top:50%;left:50%;width:50%;height:50%;transform:translate(-50%,-50%)}.light-icon .light-Off,.light-icon .light-Offline,.light-icon .light-On{width:100%;height:100%;text-align:center}.light-icon .light-Off i,.light-icon .light-Offline i,.light-icon .light-On i{line-height:1}.light-icon .light-On i{color:#ffaf60;cursor:pointer}.light-icon .light-Off i{color:#44739e;cursor:pointer}.light-icon .light-Offline i{color:#9e9e9e;cursor:not-allowed}.iot-map>img{width:100%}.air-conditioning{position:relative}.air-conditioning .air-main{padding:15px 25px}.air-conditioning .air-control{display:flex;width:90%;padding:0 5%;position:absolute;bottom:12%}.air-conditioning .air-control i{color:#9e9e9e;flex:1;font-size:20px}.air-conditioning .air-control img{width:40px;height:40px}.air-conditioning .air-control .ri-drop-fill{position:relative}.air-conditioning .air-control .ri-drop-fill:after{content:"x";position:absolute;left:6px;top:4px;color:#fff;font-size:10px}.air-conditioning .rs-tooltip-text{font-size:60px}.air-conditioning .rs-tooltip-text span:first-child{vertical-align:super;font-size:24px}.air-conditioning .rs-tooltip-text span:nth-child(2){margin-top:20%}.air-conditioning .rs-tooltip-text span:not(:first-child){display:block;width:100%;text-align:center;line-height:20px;font-size:20px;font-weight:400}.air-conditioning .rs-handle.rs-move{cursor:pointer}.air-conditioning .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;margin-top:4px}@keyframes twinkle{0%{opacity:1}to{opacity:.3}}.covering-main{background-image:url(../img/window.3b004ae4.png);background-repeat:no-repeat;background-size:100% 100%;position:relative;float:left;width:80%;height:240px;margin:10% 10%}.covering-main .left,.covering-main .right{width:50%;height:100%;margin-top:5px;float:left;position:relative}.covering-main .left img,.covering-main .right img{height:100%;width:100%}.covering-main .left i,.covering-main .right i{position:absolute;top:-5px;line-height:16px;font-size:16px;color:var(--el-color-danger-dark-2)}.covering-main .left i{right:-5px}.covering-main .right i{left:-5px}.covering-main .left.running i,.covering-main .right.running i{animation:twinkle 1s infinite alternate}.covering-main .left.running .ri-checkbox-blank-circle-fill,.covering-main .right.running .ri-checkbox-blank-circle-fill{display:none}.covering-main .right{float:right}.covering-main .percentage{position:absolute;top:50%;left:50%;padding:0 10px;height:40px;background:#000;color:#fff;font-size:32px;transform:translate(-50%,-50%);border-radius:5px;text-align:center;line-height:40px}.covering-btns{display:flex;width:80%;margin:0 10% 10% 10%}.covering-btns div{flex:1;border-radius:48px;width:30px;height:30px;text-align:center}.covering-btns .small-circle{width:32px;height:32px;border-radius:32px;text-align:center;margin:8px auto;cursor:pointer;border:5px solid #fff}.covering-btns .big-circle{width:48px;height:48px;border-radius:48px;text-align:center;margin:auto;cursor:pointer;border:5px solid #fff}.covering-btns .big-circle.disabled,.covering-btns .small-circle.disabled{cursor:not-allowed;color:#9e9e9e}.covering-btns .small-circle:hover{background-color:var(--el-color-primary-light-9);border:solid 5px var(--el-color-primary-light-9)}.covering-btns .big-circle:hover{background-color:var(--el-color-warning-light-8);border:solid 5px var(--el-color-warning-light-8)}.covering-btns i{font-size:30px;line-height:48px}.covering-btns img{width:60%;height:60%;margin-top:20%}.iot-map{position:relative;min-height:160px}.iot-map .bg{width:100%;height:calc(100% - 50px);position:relative}.iot-map .bg img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:.6}.iot-map .devices-layer{position:absolute;top:0;left:0}.iot-map .line-quality-tip{position:absolute;top:10px;right:55px;left:10px;z-index:2;text-align:center}.iot-map .line-quality-tip .lq-line{position:relative;line-height:16px;padding-left:8px;display:inline-block;text-align:left;padding-right:30px}.iot-map .line-quality-tip .lq-line:before{content:" ";width:20px;height:2px;position:absolute;top:6px;left:-20px}.iot-map .line-quality-tip .lq-line.unknown:before{background:#73767a}.iot-map .line-quality-tip .lq-line.bad:before{background:#f56c6c}.iot-map .line-quality-tip .lq-line.good:before{background:#409eff}.iot-map .line-quality-tip .lq-line.great:before{background:#67c23a}.iot-map .line-quality-tip .lq-line:last-child{padding-right:0}.iot-map .iot-device:hover{border-radius:50%;background:#fcf6f6}.iot-map .iot-device.disabled:hover{background-color:inherit}.iot-map .iot-device.jtk-endpoint-anchor{background:#fcf6f6;border-radius:50%;box-sizing:border-box;border:1px dashed red;z-index:2}.iot-map .iot-device.jtk-endpoint-anchor.selected{border-style:solid;box-shadow:2px 2px var(--el-color-danger)}.iot-map .iot-device.temp:hover{border-radius:5px;background:#000}.iot-map .iot-device{position:absolute;text-align:center}.iot-map .iot-device i{color:var(--el-color-primary-dark-2);cursor:pointer}.iot-map .iot-device i.warning{color:var(--el-color-danger);position:absolute;right:-40%;top:-50%}.iot-map .iot-device i.ri-door-closed-line{color:var(--el-color-success);cursor:pointer}.iot-map .iot-device i.ri-door-open-line{color:var(--el-color-danger);cursor:pointer}.iot-map .iot-device i.disabled{color:#9e9e9e;cursor:not-allowed}.iot-map .iot-device .ri-lightbulb-flash-fill{color:#ffaf60;text-shadow:0 -1px 10px #ffaf60}.iot-map .iot-device .ri-lightbulb-flash-fill.disabled{text-shadow:none}.iot-map .iot-device .ri-lightbulb-fill.light-off{color:#44739e}.iot-map .iot-device.disabled{cursor:not-allowed}.iot-map .iot-device.disabled .ri-lightbulb-fill.light-off,.iot-map .iot-device.disabled .ri-lightbulb-flash-fill,.iot-map .iot-device.disabled i,.iot-map .iot-device.disabled i.ri-door-closed-line,.iot-map .iot-device.disabled i.ri-door-open-line{color:#9e9e9e}.iot-map .iot-device.ap.disabled{cursor:pointer}.iot-map .iot-device.temp{background:#000;color:#fff;border-radius:5px;padding:0 3px}.iot-map .iot-device.temp i{color:#fff}.iot-map .iot-device.temp.disabled{background:#9e9e9e;cursor:not-allowed}.sensor-icon{width:100%;height:100%;display:inline-block}.sensor-icon i.ri-walk-fill{position:relative;left:-5%}.sensor-icon .detect-icon{transform:rotateX(180deg) rotateY(180deg);position:absolute;line-height:1;top:-10%;right:-10%}.sensor-icon.unoccupied i.ri-walk-fill:after{content:"\\";position:absolute;left:45%;text-shadow:1px 1px #fff}.sensor-icon.disabled i{color:#9e9e9e!important}.sensor-icon.occupied i{color:#ffaf60}.dialog-icon{width:160px;margin:0 calc(50% - 80px) 30px calc(50% - 80px);position:relative;text-align:center}.dialog-icon .light-icon{font-size:80px;line-height:80px}.dialog-icon .light-tooltip{font-size:12px;line-height:1.2;margin-top:16px}.dialog-icon.door-icon{text-align:center}.dialog-icon.door-icon i{font-size:80px;cursor:pointer}.dialog-icon.door-icon i.ri-door-closed-line{color:var(--el-color-success)}.dialog-icon.door-icon i.ri-door-open-line{color:var(--el-color-danger)}.dialog-icon.door-icon i.disabled{color:#9e9e9e;cursor:not-allowed}.dialog-icon.window-covering{width:400px;margin:0 calc(50% - 200px) 30px calc(50% - 200px)}.dialog-icon .rs-full .rs-tooltip{top:90%}.dialog-icon .rs-tooltip-text{font-size:12px}.iot-settings{position:relative}.iot-settings .setting-title{color:var(--el-color-info);width:calc(100% - 80px)}.iot-settings .actions{float:right;position:absolute;top:8px;right:10px}.iot-settings .actions i{cursor:pointer;font-size:20px;line-height:1}.iot-settings .actions i:not(:first-child){margin-left:8px}.iot-settings .actions .ri-arrow-down-s-line,.iot-settings .actions .ri-arrow-right-s-line,.iot-settings .actions .ri-edit-box-line,.iot-settings .actions .ri-save-line{color:var(--el-color-primary)}.iot-settings table{margin-top:10px;width:100%}.iot-settings table td{width:50%;white-space:nowrap}.iot-settings table .el-divider--horizontal{margin:5px 0}.iot-control .label-line span{padding-right:10px}.iot-control .slider-line{display:flex;margin-top:10px}.iot-control .slider-line img{width:20px;height:20px;margin-top:5px}.iot-control .slider-line .el-slider{width:calc(100% - 80px);margin:0 20px}.iot-control .slider-line .el-slider .el-slider__bar,.iot-control .slider-line .el-slider .el-slider__runway{height:var(--el-slider-button-size);border-radius:var(--el-slider-button-size)}.iot-control .slider-line .el-slider .el-slider__bar{border-top-right-radius:0;border-bottom-right-radius:0}.iot-control .slider-line .el-slider .el-slider__button-wrapper{top:-8px}.entry.ap-switch-box{width:33%}.entry.ap-switch-box .name,.entry.ap-switch-box .number{width:100%;text-overflow:ellipsis;text-align:center;overflow:hidden;line-height:24px;white-space:nowrap}.entry.ap-switch-box .device-icon{width:100%;font-size:30px;text-align:center}.entry.ap-switch-box .online{color:var(--el-color-success)}.right-btns{text-align:right;line-height:20px}.right-btns i{border-radius:50%;border:5px solid #fff;background:#fff;cursor:pointer}.right-btns i:hover{border-color:var(--el-color-warning-light-8);background:var(--el-color-warning-light-8)}.network-btns{display:none}.fullscreen{position:fixed!important;left:0;top:0;height:calc(100% - 20px);width:calc(100% - 20px);min-height:600px;min-width:600px;z-index:1000;background:#fff;display:block;margin:0;padding:10px;border-radius:0;border:0 none}.fullscreen .network-btns{text-align:right;display:block}.table-iot-icon{width:18px;height:18px;text-align:center}.offline{color:var(--el-color-danger)}.iot-table{width:100%}i.table-icon-btn{margin-right:10px;font-size:20px;color:var(--el-color-primary);cursor:pointer}i.table-icon-btn.unpaired-icon{position:relative;color:var(--el-color-danger)}i.table-icon-btn.unpaired-icon:after{content:"\\";position:absolute;left:35%;text-shadow:1px 2px #fff}i.table-icon-btn.disabled{cursor:not-allowed;color:#9e9e9e}.table-icon-container{display:inline-block;line-height:20px;width:20px;height:20px}.table-icon-container .el-loading-mask,i .el-loading-mask{border-radius:50%}.table-icon-container .el-loading-spinner,i .el-loading-spinner{margin-top:-50%}.table-icon-container .el-loading-spinner .circular,i .el-loading-spinner .circular{width:100%;height:100%}i.table-icon-btn:last-child{margin-right:0}i.table-icon-btn:hover{opacity:.8}i.table-icon-btn.ri-lock-unlock-fill{color:var(--el-color-danger)}i.table-icon-btn.ri-lock-fill{color:var(--el-color-success)}i.table-icon-btn.ri-lightbulb-flash-fill{color:#ffaf60}i.table-icon-btn.ri-lightbulb-fill{color:#44739e}.scenes-page-title{font-size:16px;font-weight:700;line-height:24px;margin:8px 0 18px 0;display:flex}.scenes-page-title .add-btn{margin-left:40px;font-size:14px}.scenes-page-title span{font-weight:400}.iot-icon{display:inline-block;text-align:center}.iot-icon img{width:75%;height:75%;top:12.5%}.iot-icon>i,.iot-icon>img{display:none}.iot-icon.covering-closed .full-close,.iot-icon.covering-opened .full-open,.iot-icon.door-locked .ri-door-closed-line,.iot-icon.door-unlocked .ri-door-open-line,.iot-icon.light-off .ri-lightbulb-fill,.iot-icon.light-on .ri-lightbulb-flash-fill{display:inline}.iot-icon.sense-occupied .sense,.iot-icon.sense-unoccupied .sense{display:inline;position:relative;left:-5%}.iot-icon.sense-occupied .sense .detect-icon,.iot-icon.sense-unoccupied .sense .detect-icon{transform:rotateX(180deg) rotateY(180deg);position:absolute;line-height:1;top:-10%;right:-10%}.iot-icon.sense-unoccupied i.ri-walk-fill:after{content:"\\";position:absolute;left:45%;text-shadow:1px 1px #fff}.iot-icon.dimmer-switch-bound .ri-cast-fill,.iot-icon.dimmer-switch-unbound .ri-cast-line,.iot-icon.no-repeat .ri-time-line,.iot-icon.repeat .ri-repeat-2-line{display:inline}.iot-icon.unknown-device .unknown{display:inline;color:var(--el-color-danger);border:solid 1px var(--el-color-danger);padding:0 2px}.iot-icon.disabled i{color:#9e9e9e!important;text-shadow:none!important}.iot-icon.color i{color:var(--el-color-primary-dark-2)}.iot-icon.color .ri-door-closed-line{color:var(--el-color-success)}.iot-icon.color .ri-door-open-line{color:var(--el-color-danger)}.iot-icon.color .ri-lightbulb-flash-fill{color:#ffaf60}.iot-icon.color .ri-lightbulb-fill{color:#44739e}.iot-icon.sense-unoccupied.color i{color:#000}.add-icon{font-weight:400!important;color:var(--el-color-primary)!important;cursor:pointer}.add-icon:hover{opacity:.8}.delete-icon:hover,.edit-icon:hover{border-radius:50%;border-color:var(--el-color-warning-light-8);background:var(--el-color-warning-light-8)}.add-icon.disabled,.delete-icon.disabled,.edit-icon.disabled{color:#9e9e9e;cursor:not-allowed}.table-btn{width:50px}.table-btn i{width:24px;height:24px;text-align:center;line-height:24px;float:right}.scenes-content{display:flex;flex-wrap:wrap}.scenes-content .scene-box.box-border-container{margin-right:10px;width:calc(25% - 34px);height:160px;min-width:280px}.scenes-content .scene-box.box-border-container .title-line{display:flex}.scenes-content .scene-box.box-border-container .title-line .name{width:calc(100% - 90px);font-size:18px;line-height:32px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scenes-content .scene-box.box-border-container .title-line .right-btns{text-align:right;font-size:24px}.scenes-content .scene-box.box-border-container .title-line .right-btns i{color:var(--el-color-success);cursor:pointer;margin-right:10px}.scenes-content .scene-box.box-border-container .title-line .right-btns i:hover{opacity:.8}.scenes-content .scene-box.box-border-container .description{width:100%;height:calc(100% - 75px);color:var(--el-color-info);margin-top:10px;line-height:1.2}.scenes-content .scene-box.box-border-container .bottom-line{display:flex;font-size:24px}.scenes-content .scene-box.box-border-container .bottom-line .condition-plan{width:calc(100% - 80px)}.scenes-content .scene-box.box-border-container .bottom-line .condition-plan .conditions{display:inline-block}.scenes-content .scene-box.box-border-container .bottom-line .condition-plan .conditions .ri-more-line{color:#fff;background:var(--el-color-primary-dark-2);border-radius:50%;font-size:14px;margin-left:-12px}.scenes-content .scene-box.box-border-container .bottom-line .condition-plan .plan{display:inline-block}.scenes-content .scene-box.box-border-container .bottom-line .right-btns{width:80px;text-align:right;font-size:18px;line-height:28px}.iot-pairing-device{position:absolute;right:0;z-index:1}.el-dialog.pairing-dialog{min-width:400px}.el-dialog.pairing-dialog .dialog-select{width:100%}.detail-settings{margin-bottom:0!important}.detail-settings .el-form-item__label{min-width:150px}.detail-settings .el-form-item__content .el-input__inner,.detail-settings .el-form-item__content .el-input__suffix,.detail-settings .el-form-item__content .el-select__caret{height:31px;line-height:31px}.detail-settings .el-form-item__content .el-select{width:auto;margin-right:20px}.detail-settings .el-form-item__content .detail-input{width:90px}.ssid-qos-rate-settings{border-spacing:0;width:100%}.ssid-qos-rate-settings td,.ssid-qos-rate-settings th{border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;padding:0 15px;height:40px;line-height:40px}.ssid-qos-rate-settings td .item-class,.ssid-qos-rate-settings th .item-class{display:flex}.ssid-qos-rate-settings th{color:#909399}.ssid-qos-rate-settings td:first-child{white-space:nowrap}.ssid-qos-rate-settings tr:last-child td,.ssid-qos-rate-settings tr:last-child th{border-bottom:1px solid #e6e6e6}.ssid-qos-rate-settings td:last-child,.ssid-qos-rate-settings th:last-child{border-right:1px solid #e6e6e6}.ssid-qos-rate-settings td{position:relative}.ssid-qos-rate-settings td .el-input,.ssid-qos-rate-settings td .el-select{width:calc(100% - 100px);margin-right:5px}.ssid-qos-rate-settings td .el-select{width:80px}.ssid-qos-rate-settings td .el-select .el-input{width:100%}.ssid-qos-rate-settings td .el-input__inner,.ssid-qos-rate-settings td .el-input__suffix{height:24px!important;line-height:24px!important}.dateSpan{display:inline-block;width:150px}.el-slider{width:400px;height:20px;margin-top:10px;display:inline-block;vertical-align:middle;position:relative}.qos-title .el-form-item__label{min-width:100px;font-weight:700}.qos-table{width:100%;margin-top:10px;margin-bottom:15px}.el-dialog.profile-dialog .el-dialog__body{height:calc(100% - 210px)}.separate-inputs[data-v-4bdca6f2]{display:flex}.separate-inputs .el-input[data-v-4bdca6f2]{flex:1;margin-right:8px}.number-cls[data-v-4bdca6f2]{max-width:220px}.device-selection{width:320px}.device-selection>div:first-child{width:90px}.device-selection>div:first-child .el-select,.device-selection>div:first-child .el-select__wrapper{height:100%}.device-selection>div:nth-child(2){width:calc(100% - 90px)}.device-selection>div:nth-child(2) .el-select,.device-selection>div:nth-child(2) .el-select__wrapper{height:100%}[data-v-567cc190] .device-tree-select{width:350px}[data-v-567cc190] .device-tree-select .el-select__selected-item{display:none!important}[data-v-567cc190] .device-select-dropdown{min-width:400px!important}.device-selection-row[data-v-137357be]{display:flex;align-items:center;width:100%}.left-content[data-v-137357be]{flex:1}.right-buttons[data-v-137357be]{margin-left:auto}.snapshot-list[data-v-137357be] .el-table__inner-wrapper:after,.snapshot-list[data-v-137357be] .el-table__inner-wrapper:before{display:none!important}.snapshot-list[data-v-137357be] .el-table{border:none!important}.main{padding:16px;padding-top:32px;font-size:16px}.main .mobile-header{padding-bottom:32px}.main .mobile-el-form{height:312px;gap:16px}.main .el-input.is-disabled.mobile-el-form-input .el-input__wrapper{background-color:#fff!important;color:#999}.info{font-size:16px}.info .info-header{padding-top:32px;padding-bottom:10px;padding-left:16px;padding-right:16px}.set-button{top:85%}.set-button,.set-done-button{position:fixed;transform:translate(-50%)!important}.set-done-button{top:80%}.media-page .item{height:72px;padding:0 16px!important;border-bottom:1px solid #f2f2f2;display:flex;justify-content:center;flex-direction:column;background-color:#fff}.media-page .item-inner{align-items:center}.media-page .item .label{font-size:12px;color:#888;align-items:center;padding:5 0}.media-page .item .value{font-size:16px;align-items:center;padding:5 0}.image-page .el-dialog{max-width:400px}.permission-dialog .el-dialog__body{height:400px}.permission-dialog .permission-header{padding-left:50px}.permission-dialog .permission-header .el-form-item__label{padding-right:100px}.permission-dialog .permission-header .permission-status{display:flex;justify-content:space-between;align-items:center}.permission-dialog .permission-body{margin-top:15px}.permission-dialog .permission-body .el-collapse-item__header{display:flex;align-items:center;width:100%}.permission-dialog .permission-body .el-collapse-item__arrow{display:flex;order:-1;margin:0 10px 0 0}.permission-dialog .permission-body .permission-bulk{display:flex;align-items:center;width:50%;margin-left:auto}.permission-dialog .permission-body .permission-bulk .el-select{width:50%;margin-left:10px}.permission-dialog .permission-body .permission-resource{display:flex;justify-content:space-between;margin-left:30px}.permission-dialog .permission-body .permission-resource .el-radio-group{width:50%}.accounts-page .user-table-top{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.accounts-page .user-table-top .image-search{flex-grow:2}.accounts-page .user-table-top .add-account-btn{margin-left:auto;flex-shrink:0}.accounts-page .el-form-item__label{position:relative;padding:0 12px;text-align:left}.accounts-page .el-form-item__label span:after{content:none!important}.accounts-page .yet-access{color:red}.accounts-page .is-disabled-icon{pointer-events:none;cursor:not-allowed;opacity:.4}.provisioning-page i.warning{color:var(--el-color-danger);font-size:20px}.provisioning-page .sub-title{padding-bottom:20px}.provisioning-page .device-search{float:left}.provisioning-page .add-new-sn{float:right;margin-right:0;margin-bottom:20px}.provisioning-page .device-local-settings{width:100%}.provisioning-page .device-local-settings img{width:calc(100% - 20px);margin-left:10px}.provisioning-page .need-upgrade-select{display:flex}.provisioning-page .need-upgrade-select .el-select:first-child{width:100px;margin-right:10px}.provisioning-page .need-upgrade-select .el-button--small{height:20px}.provisioning-page .need-upgrade-select .el-upload-list__item .el-upload-list__item-status-label{display:block}.provisioning-page .need-upgrade-select .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.provisioning-page .need-upgrade-select .el-icon--close{top:45%}.provisioning-page .config-preview{position:absolute;bottom:30%;right:30%;width:520px;min-height:400px;background-color:#fff;z-index:2000;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.12),0 4px 4px 0 rgba(0,0,0,.24);border-radius:1px;padding:20px}.provisioning-page .config-preview *{font-family:Roboto-Regular}.provisioning-page .config-preview .header{display:flex;justify-content:space-between;font-size:20px}.provisioning-page .config-preview .header .title{font-weight:700}.provisioning-page .config-preview .header .el-button{margin-right:0}.provisioning-page .config-preview .header .el-button i{font-size:20px}.provisioning-page .config-preview .sub-header{font-size:16px;display:flex;justify-content:space-between;margin:10px 0}.provisioning-page .config-preview .sub-header .el-button{margin-right:0}.provisioning-page .config-preview .sub-header .el-button i{font-size:18px}.provisioning-page .config-preview .config-body{width:100%;height:350px;background:#f2f2f2;border:1px solid #c9c9c9;margin-bottom:20px;overflow:auto}.provisioning-page .config-preview .close-btn-buttom{text-align:center}.provisioning-page .config-preview #close_btn_title{font-size:20px}.provisioning-page .add-device .el-table .cell{line-height:unset}.edit-device-dialog .section-header[data-v-1236bb5c]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin:12px 0 16px}.edit-device-dialog .section-icon[data-v-1236bb5c]{font-size:22px}.edit-device-dialog .form-table[data-v-1236bb5c]{width:700px;margin:0 auto}.edit-device-dialog .el-table[data-v-1236bb5c]{--el-table-border-color:transparent;--el-table-border:0}.edit-device-dialog .el-table__cell[data-v-1236bb5c],.edit-device-dialog .el-table td[data-v-1236bb5c],.edit-device-dialog .el-table th[data-v-1236bb5c]{border-bottom:0!important}.edit-device-dialog .el-table__inner-wrapper[data-v-1236bb5c]:after,.edit-device-dialog .el-table__inner-wrapper[data-v-1236bb5c]:before{display:none!important}.edit-device-dialog .el-table--border[data-v-1236bb5c],.edit-device-dialog .el-table--fit[data-v-1236bb5c]{border:none!important}.edit-device-dialog .el-table td[data-v-1236bb5c]{padding:6px 0}.edit-device-dialog .label-cell[data-v-1236bb5c]{text-align:right;white-space:nowrap}.edit-device-dialog .label-colon[data-v-1236bb5c]{display:inline-block;width:16px;text-align:center}.edit-device-dialog .field-input[data-v-1236bb5c]{width:360px}.edit-device-dialog[data-v-1236bb5c] .el-input.is-disabled .el-input__inner{background-color:#8c8c8c;color:#000}.edit-device-dialog .soft-divider[data-v-1236bb5c]{margin:18px 0;border-top:1px dashed #aaa}.edit-device-dialog .dialog-footer[data-v-1236bb5c]{display:flex;justify-content:flex-end;gap:16px}.edit-device-dialog .save-btn[data-v-1236bb5c]{min-width:100px}.replace-device-dialog .replace-header[data-v-1236bb5c]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin:12px 0 6px}.replace-device-dialog .form-table[data-v-1236bb5c]{width:700px;margin:0 auto}.replace-device-dialog .el-table[data-v-1236bb5c]{--el-table-border-color:transparent;--el-table-border:0}.replace-device-dialog .el-table__cell[data-v-1236bb5c],.replace-device-dialog .el-table td[data-v-1236bb5c],.replace-device-dialog .el-table th[data-v-1236bb5c]{border-bottom:0!important}.replace-device-dialog .el-table__inner-wrapper[data-v-1236bb5c]:after,.replace-device-dialog .el-table__inner-wrapper[data-v-1236bb5c]:before{display:none!important}.replace-device-dialog .el-table--border[data-v-1236bb5c],.replace-device-dialog .el-table--fit[data-v-1236bb5c]{border:none!important}.replace-device-dialog .el-table td[data-v-1236bb5c]{padding:6px 0}.replace-device-dialog .label-cell[data-v-1236bb5c]{text-align:right;white-space:nowrap}.replace-device-dialog .label-colon[data-v-1236bb5c]{display:inline-block;width:16px;text-align:center}.replace-note[data-v-1236bb5c]{margin-top:16px;color:red;font-size:13px}.replace-note ul[data-v-1236bb5c]{padding-left:18px}.device-list[data-v-1236bb5c] .el-table{--el-table-border-color:transparent;--el-table-border:0}.device-list[data-v-1236bb5c] .el-table__cell,.device-list[data-v-1236bb5c] .el-table td,.device-list[data-v-1236bb5c] .el-table th{border-bottom:0!important}.device-list[data-v-1236bb5c] .el-table__inner-wrapper:after,.device-list[data-v-1236bb5c] .el-table__inner-wrapper:before{display:none!important}.device-list[data-v-1236bb5c] .el-table--border,.device-list[data-v-1236bb5c] .el-table--fit{border:none!important}.register-device-buttons[data-v-1236bb5c]{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px;margin-top:12px}.right-buttons[data-v-1236bb5c]{display:flex;gap:0}.device-list .footer-pagination[data-v-1236bb5c]{display:flex;justify-content:center}.user-page .user-table-top{margin-top:10px;width:100%}.user-page .user-table-search{float:left}.user-page .user-table-oper{float:right}.user-page .target-delete-accounts-list{padding:20px}.user-page.page-form .el-form-item__label{min-width:220px!important}.user-page.page-form .table-bottom-add-line{margin-top:12px;display:flex;gap:10px}.user-page.page-form .table-bottom-add-line .el-form-item{display:inline-block}.user-page.page-form .table-bottom-add-line .el-form-item .el-form-item__label{color:var(--el-text-color-secondary);height:16px;line-height:16px}.user-page.page-form .table-bottom-add-line .el-form-item .el-button{margin-top:14px}.user-page.page-form .table-bottom-add-line .el-form-item .el-input{line-height:24px}.user-page.page-form .table-bottom-add-line .el-form-item .el-input .el-input__inner{height:24px;line-height:24px}.user-page.page-form .table-bottom-add-line .el-form-item .el-input .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:solid 1px var(--el-border-color)}.user-page.page-form .table-bottom-add-line .el-form-item .el-input .el-input-group__append{box-shadow:none;border-radius:0;background-color:unset;padding:0 8px;color:var(--el-text-color-regular)}.delete-icon{color:var(--el-color-danger)}.delete-icon,.edit-icon{cursor:pointer;font-size:15px;padding:5px;background:none}.edit-icon{color:var(--el-color-primary)}.image-search{display:flex;width:100%;box-sizing:border-box}.image-search .create-tenant{margin-left:auto}.required-star{color:red;margin-left:4px;font-size:20px}.footer-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:0 10px}.pagination-right{margin-right:0}.dashboard-table[data-v-2dc15db6]{border:1px solid #e6e6e6;margin-top:20px}.dashboard-tabs[data-v-2dc15db6]{width:100%;border-bottom:4px solid #e6e6e6}.dashboard-tabs div[data-v-2dc15db6]{display:inline-block;line-height:40px;padding:0 20px;font-size:14px;border-bottom:4px solid #e6e6e6;margin-bottom:-4px;margin-right:8px;border-radius:5px 5px 0 0;background:#fff;cursor:pointer}.dashboard-tabs div.active[data-v-2dc15db6]{border-bottom-color:#0185d8;color:#0185d8}.chart-select-part{position:relative;height:32px;font-weight:400;width:100%;max-width:490px}.chart-select-part .current-selected{display:flex;padding:3px 10px;line-height:24px;border-radius:5px;background:#fff;border:solid 1px var(--el-color-black);white-space:nowrap;overflow:hidden;width:calc(100% - 20px);cursor:pointer}.chart-select-part .current-selected i{font-size:20px;line-height:24px}.chart-select-part .current-selected span{overflow:hidden;text-overflow:ellipsis;width:calc(100% - 40px)}.chart-select-part .current-selected.opened{border-color:var(--el-color-black)}.chart-select-part .current-selected.closed:hover{box-shadow:0 0 0 1px var(--el-color-black) inset}.chart-select-part .duration-selections{display:inline-block;padding:15px;border-radius:5px;border:solid 1px var(--el-color-black);position:absolute;right:0;top:50px;background:#fff;z-index:100}.chart-select-part .duration-selections .duration-selection{display:flex;margin:5px 0}.chart-select-part .duration-selections .duration-selection .duration-number{width:80px}.chart-select-part .duration-selections .duration-selection .duration-select{width:90px}.chart-select-part .duration-selections .duration-selection .duration-range{width:200px}.chart-select-part .duration-selections .duration-selection>label{margin:0 5px}.chart-select-part .duration-selections .duration-between{line-height:40px}.chart-select-part .duration-selections .duration-buttons{margin-top:15px}.chart-select-part .duration-selections .duration-buttons .el-button{margin-left:0;margin-right:10px}.chart-select-part .duration-selections:before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:#fff;box-sizing:border-box;top:-5px;right:50px;border-left:solid 1px var(--el-border-color);border-top:solid 1px var(--el-border-color)}.chart-select-part .duration-selections.left{right:unset;left:0}.chart-select-part .duration-selections.left:before{right:unset;left:50px}.device-statistic .basic-info[data-v-b5f91094]{border:1px solid #e6e6e6;border-radius:10px;margin-bottom:20px;padding:20px;float:left;width:calc(100% - 42px);color:#000}.device-statistic .basic-info table[data-v-b5f91094]{width:50%;margin:0;float:left;border:0 none}.device-statistic .basic-info table td[data-v-b5f91094]:first-child{width:25%;max-width:200px}.device-statistic .basic-info table td[data-v-b5f91094]{white-space:nowrap}.device-statistic .basic-info table td table[data-v-b5f91094]{border-spacing:0;width:100%}.device-statistic .basic-info table td table td[data-v-b5f91094]{border-bottom:1px solid #e6e6e6;line-height:32px}.device-statistic .basic-info table td table td[data-v-b5f91094]:first-child{color:#909399}.device-statistic .basic-info table td table td[data-v-b5f91094]:nth-child(2){padding-left:20px}.device-statistic .basic-info table td.product-pic[data-v-b5f91094]{vertical-align:top;text-align:left}.device-statistic .basic-info table td.product-pic img[data-v-b5f91094]{width:80%;height:80%}.device-statistic .basic-info table td.band-icon[data-v-b5f91094]{text-align:right;vertical-align:top;padding-top:10px;padding-right:20px}.device-statistic .statistic-selection-line[data-v-b5f91094]{float:left;width:100%;margin-bottom:20px}.device-statistic .statistic-selection-line .chart-select-part[data-v-b5f91094]{float:right}.device-statistic .dni-echart-box[data-v-b5f91094]{border:1px solid #e6e6e6;border-radius:10px;margin-bottom:20px;width:calc(100% - 2px);height:250px;float:left}.device-statistic .dni-echart-box>div[data-v-b5f91094]{width:100%;height:100%}.device-statistic .dni-echart-box.multi-echarts[data-v-b5f91094]{height:400px}.device-statistic .header-link[data-v-b5f91094]{color:#0065ac;text-decoration:underline;cursor:pointer}.site-traffic[data-v-4e1163d7]{padding:8px}.top-row[data-v-4e1163d7]{display:flex;gap:12px;margin-bottom:16px;align-items:stretch}.panel[data-v-4e1163d7]{flex:1;background:#fff;border:1px solid #cfcfcf;border-radius:8px;padding:8px;box-sizing:border-box;overflow:hidden}.traffic-kpi-panel[data-v-4e1163d7]{width:260px;min-width:260px;display:flex;flex-direction:column;gap:8px}.traffic-kpi-box[data-v-4e1163d7]{background:#fff;border:1px solid #cfcfcf;border-radius:8px;overflow:hidden}.device-busy-port-panel[data-v-4e1163d7]{flex:1;border:1px solid #cfcfcf;border-radius:8px;overflow:hidden}.device-content[data-v-4e1163d7]{height:calc(100% - 40px)}.top5-port-table[data-v-4e1163d7]{width:100%;border-collapse:collapse;table-layout:fixed}.top5-port-table tbody tr[data-v-4e1163d7]{height:36px}.top5-port-table td[data-v-4e1163d7],.top5-port-table th[data-v-4e1163d7]{padding:6px 8px;text-align:center}.top5-port-table th[data-v-4e1163d7]{background:#f5f5f5}.top5-port-table td[data-v-4e1163d7]:first-child,.top5-port-table td[data-v-4e1163d7]:nth-child(2),.top5-port-table th[data-v-4e1163d7]:first-child,.top5-port-table th[data-v-4e1163d7]:nth-child(2){width:80px}.top5-port-table td[data-v-4e1163d7]:last-child,.top5-port-table th[data-v-4e1163d7]:last-child{width:auto}.top5-port-table td[data-v-4e1163d7]:last-child{text-align:left}.panel-title[data-v-4e1163d7]{font-weight:700;padding:8px}.kpi-row[data-v-4e1163d7]{flex:1;display:flex;justify-content:space-between;align-items:center;padding:12px}.kpi-row[data-v-4e1163d7]:last-child{border-bottom:none}.kpi-label[data-v-4e1163d7]{font-weight:700}.kpi-value[data-v-4e1163d7]{font-weight:400}.interface-table[data-v-22584000]{border-radius:10px;border:solid 1px var(--el-border-color);float:left;width:calc(100% - 2px)}.interface-table .table-title[data-v-22584000]{border-bottom:solid 1px var(--el-border-color);float:left;width:calc(100% - 2px);display:flex}.interface-table .table-title .title[data-v-22584000]{width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;line-height:40px;font-weight:700;padding-left:10px}.interface-table .table-title .column-setting[data-v-22584000]{width:40px;position:relative;text-align:center;line-height:40px}.interface-table .table-title .column-setting i[data-v-22584000]{cursor:pointer}.interface-table .table-title .column-setting i.active[data-v-22584000]{background:var(--el-color-primary-light-3);color:#fff;border-radius:50%;border:solid 5px var(--el-color-primary-light-3)}.interface-table .table-title .column-setting .table-columns[data-v-22584000]{position:absolute;top:32px;right:0;background:#fff;border:solid 1px var(--el-border-color);z-index:9}.interface-table .table-title .column-setting .table-columns .columns[data-v-22584000]{height:240px;padding:10px}.interface-table .table-title .column-setting .table-columns .columns .el-checkbox[data-v-22584000]{float:left}.interface-table .table-title .column-setting .table-columns .tip[data-v-22584000]{background:var(--el-color-info);color:#fff;line-height:20px}.interface-table .port-table[data-v-22584000]{width:calc(100% - 22px);margin:10px;float:left}.product-pic[data-v-22584000]{vertical-align:top;text-align:center}.product-pic img[data-v-22584000]{width:100%;max-width:200px}.product-pic>div[data-v-22584000]{width:80%;height:80%;position:relative}.ap-clients-pic{max-width:100%;height:100%;position:relative;display:flex}.ap-clients-pic .device-sum{display:flex;flex-direction:column;flex:1 0 20px}.ap-clients-pic .device-sum>div{width:40%;flex:1 0 20px}.ap-clients-pic .device-sum>div:nth-child(2){width:60%}.ap-clients-pic .line{height:4px;width:80%;background:#e6e6e6;left:50%}.ap-clients-pic .internet,.ap-clients-pic .line{position:absolute;top:30%;transform:translate(-50%,-50%)}.ap-clients-pic .internet{left:10%}.ap-clients-pic .internet i{font-size:40px}.ap-clients-pic .gateway{position:absolute;left:30%;top:30%;transform:translate(-50%,-50%)}.ap-clients-pic .gateway .icon{width:38px;height:38px;border-radius:20px;border:1px solid #e6e6e6}.ap-clients-pic .bg-chart{width:160px;height:160px;position:absolute;top:-30px;left:-30px}.ap-clients-pic .aps .labels tr:not(:first-child) td:first-child{color:#91cc75;padding-left:10px;position:relative}.ap-clients-pic .aps .labels tr:not(:first-child) td:first-child:before{content:" ";width:5px;height:18px;background:#91cc75;position:absolute;border-radius:2px;left:0;top:4px}.ap-clients-pic .aps .labels tr:last-child td:first-child{color:#909399}.ap-clients-pic .aps .labels tr:last-child td:first-child:before{background:#909399}.ap-clients-pic .clients [class^=band-icon-]{line-height:1.2}.ap-clients-pic .aps .center,.ap-clients-pic .clients .center,.ap-clients-pic .switches .center{width:84px;height:84px;border-radius:100%;background:#fff;top:8px;left:8px;position:absolute;text-align:center}.ap-clients-pic .aps .center i,.ap-clients-pic .clients .center i,.ap-clients-pic .switches .center i{font-size:48px}.ap-clients-pic .aps .center div,.ap-clients-pic .clients .center div,.ap-clients-pic .switches .center div{font-size:12px;font-weight:700}.ap-clients-pic .label{position:absolute;top:120%;left:50%;transform:translate(-50%);width:150%;text-align:center;font-weight:700}.ap-clients-pic .labels{position:absolute;top:100%;width:100%;border-spacing:0;font-weight:700;font-size:14px}.ap-clients-pic .labels tr:first-child td{text-align:center;font-size:16px;line-height:40px}.ap-clients-pic .labels tr:not(:first-child) td{line-height:24px;border-bottom:2px solid #e6e6e6}.throughput-chart .title{font-size:24px;font-weight:700;padding:15px}.throughput-chart .chart-button-group{position:absolute;right:15px;top:58px;display:flex}.throughput-chart .chart-button-group .ssid-list{margin-right:20px}.throughput-chart .throughput-chart-box{width:100%;height:400px;position:relative;margin-bottom:20px;margin-top:40px}.throughput-small-box{position:relative}.throughput-small-box .right-btns{position:absolute;top:10px;right:10px}.throughput-small-box .throughput-chart .throughput-chart-box{margin-top:0;margin-bottom:0;height:200px}.throughput-small-box.fullscreen .throughput-chart .throughput-chart-box{height:400px;margin-top:80px}.dashboard-edit[data-v-f79cf0e4]{z-index:50}.right-buttons[data-v-f79cf0e4]{margin:20px;float:right;height:50px}.grid-layout[data-v-113563ca]{display:grid;width:calc(100% - 20px);grid-template-columns:50% 50%;grid-column-gap:20px}@media(max-width:1435px){.grid-layout[data-v-113563ca]{width:100%;grid-template-columns:100%}}.dashboard-page[data-v-113563ca]{width:100%;float:left}.dashboard-page .dashboard-edit[data-v-113563ca]{z-index:50}.dashboard-page .summary-top[data-v-113563ca]{background:rgba(242,243,245,.4705882353);padding:10px;margin-bottom:10px;border-radius:10px}.dashboard-page .ap-clients-info[data-v-113563ca]{width:calc(50% - 2px);max-width:500px}.dashboard-page .charts-row[data-v-113563ca]{width:100%;float:left;margin-bottom:20px}.dashboard-page .charts-row .ping-chart-box[data-v-113563ca]{width:50%;height:500px;border:1px solid #e6e6e6;position:relative;float:left;margin-right:10px;border-radius:10px}.dashboard-page .charts-row .client-chart-box[data-v-113563ca]{width:calc(50% - 15px);height:500px;border:1px solid #e6e6e6;position:relative;float:left}.dashboard-page .charts-row .client-chart-box>div[data-v-113563ca]:first-child,.dashboard-page .charts-row .ping-chart-box>div[data-v-113563ca]:first-child{width:100%;height:100%}.dashboard-page .charts-row .echarts-tabs[data-v-113563ca]{position:absolute;right:15px;top:50px}.dashboard-page .charts-row .chart-box[data-v-113563ca]{width:100%;height:500px;border:1px solid #e6e6e6;position:relative;float:left;margin-top:20px;border-radius:10px}.dashboard-page .charts-row .traffic-class[data-v-113563ca]{width:100%;height:400px;border:1px solid #e6e6e6;border-radius:10px;position:relative}.dashboard-page .charts-row .tr-duration-list[data-v-113563ca]{position:absolute;right:15px;top:20px}.dashboard-page .charts-row .ap-traffic-chart-box[data-v-113563ca],.dashboard-page .charts-row .client-traffic-chart-box[data-v-113563ca],.dashboard-page .charts-row .ssid-traffic-chart-box[data-v-113563ca]{width:calc(32% - 5px);height:300px;border:1px dashed #e6e6e6;border-radius:10px;position:relative;top:70px;float:left}.dashboard-page .charts-row .ap-traffic-chart-box[data-v-113563ca]{margin-left:5px}.dashboard-page .charts-row .client-traffic-chart-box[data-v-113563ca]{margin:0 10px}.dashboard-page [class^=band-icon-][data-v-113563ca]{cursor:pointer}.dashboard-page .device-map[data-v-113563ca]{height:280px;border-radius:10px}.dashboard-page .dashobard-box[data-v-113563ca]{width:calc(50% - 13px);margin-left:10px;height:280px;border:1px solid #e6e6e6;border-radius:10px;cursor:pointer;margin-bottom:10px;float:left}.dashboard-page .dashobard-box .title[data-v-113563ca]{font-size:24px;font-weight:700;text-transform:uppercase;padding:5px}.dashboard-page .dashobard-box .number[data-v-113563ca]{font-size:60px;font-weight:700;width:100%;text-align:center;margin-top:70px}.dashboard-page .floor[data-v-113563ca]{min-height:556px;margin-bottom:20px;overflow:auto}.dashboard-page .floor .floor-map[data-v-113563ca]{position:relative;width:98%;border:1px solid;border-color:#ebeef5;height:calc(100% - 2px)}.dashboard-page .floor .floor-map .floor-map-div[data-v-113563ca]{width:100%;height:100%}.dashboard-page .floor .floor-map .floor-map-div .floor-map-image[data-v-113563ca]{margin-top:30px;height:calc(100% - 30px);width:100%}.dashboard-page .floor .floor-map .wifi-client[data-v-113563ca]{height:23px;position:absolute;top:10px;right:0;z-index:2}.dashboard-page .floor .floor-map .wifi-client .row[data-v-113563ca]{float:left;margin-right:10px}.dashboard-page .floor .floor-map .wifi-client .row div[data-v-113563ca]{display:inline-block}.dashboard-page .floor .floor-device[data-v-113563ca]{width:25%;margin-left:5px;float:top}.dashboard-page .floor .floor-device .upper[data-v-113563ca]{position:relative;height:60%;margin-bottom:10px;border:1px solid;border-color:#ebeef5}.dashboard-page .floor .floor-device .upper .el-divider--horizontal[data-v-113563ca]{margin:10px 0!important}.dashboard-page .floor .floor-device .upper #div[data-v-113563ca]{width:100%}.dashboard-page .floor .floor-device .upper .nav-active[data-v-113563ca]{background:#d3e5f0}.dashboard-page .floor .floor-device .below[data-v-113563ca]{height:calc(40% - 14px);border:1px solid;border-color:#ebeef5}.dashboard-page .floor .floor-device .below .below-title[data-v-113563ca]{font-size:18px;text-align:center;border-bottom:2px solid #f5c903;line-height:40px}.dashboard-page .floor .floor-device .below .below-title i[data-v-113563ca]{font-size:24px;color:#f5c903;margin-left:8px;cursor:pointer}.dashboard-page .device-icon:hover .tooltip[data-v-113563ca]{display:block}.dashboard-page .tooltip[data-v-113563ca]{position:absolute;top:10px;left:40px;white-space:nowrap;display:none;background:rgba(238,102,238,.7333333333);padding:5px;z-index:5;color:#fff}@keyframes fade-113563ca{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.dashboard-page .flash-icon[data-v-113563ca]{color:#fff;animation:fade-113563ca .6s infinite;-webkit-animation:fade-113563ca .6s infinite}.dashboard-page .circle[data-v-113563ca]{height:8px;width:8px;border-radius:50%;margin-left:5px;margin-right:5px}.dashboard-page .circle-arround[data-v-113563ca]{position:absolute;top:16px;left:16px}.dni-box-content[data-v-28509ae6]{position:relative}.legend[data-v-28509ae6]{margin-top:10px;text-align:center;position:absolute;width:100%}.legend>div[data-v-28509ae6]{display:inline-block;padding-right:20px;div[data-v-28509ae6]{display:inline-block}div[data-v-28509ae6]:first-child{width:10px;height:10px;border-radius:50%;margin-right:8px}}.issue-tip[data-v-28509ae6]{border-top:solid 1px var(--el-border-color);font-size:16px;line-height:40px;padding:10px 0}.issue-info-row[data-v-28509ae6]{margin-top:10px}.dni-box.static-height[data-v-04ab4aa2]{height:400px}.dni-box.static-height[data-v-f5f7d4f4]{height:calc(100% - 70px)}.split-container[data-v-f5f7d4f4]{display:flex;flex-direction:column;height:100vh;gap:5px;height:calc(100% - 70px)}.topology-frame[data-v-f5f7d4f4]{border:1px solid #000;border-radius:5px;padding:10px;overflow:auto}.issues-frame[data-v-f5f7d4f4]{flex:1;border:none;padding:10px;overflow:auto}.resizer[data-v-f5f7d4f4]{height:3px;background:#000;cursor:ns-resize;position:relative;transition:background .2s}.resizer[data-v-f5f7d4f4]:hover{background:#000}.resizer[data-v-f5f7d4f4]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:7px;background:#000;border-radius:2px}.resizer.dragging[data-v-f5f7d4f4]{background:#000}.scanner-container{display:flex;justify-content:center;flex-direction:column;align-items:center;background:#000;height:100vh;width:100%}#qr-reader{width:100%;width:320px}#qr-reader>div{display:flex;justify-content:center}#qr-reader video{width:100%!important;-o-object-fit:cover;object-fit:cover}#qr-reader canvas{display:block;margin:0 auto!important}