.left-component[data-v-291495ba]{height:100%;overflow:hidden;display:flex}.left-component .type-container[data-v-291495ba]{width:64px;height:100%;padding:6px 6px 12px 6px}.left-component .type-container>div[data-v-291495ba]{height:56px;margin:0 0 8px 0;border-radius:4px;text-align:center;padding-top:8px;color:#c5c7cd;cursor:pointer;transition:all .2s}.left-component .type-container>div i[data-v-291495ba]{font-size:20px}.left-component .type-container .active-type[data-v-291495ba],.left-component .type-container>div[data-v-291495ba]:hover{background:#096dd9;color:#f3f3f3}.left-component .type-children-container[data-v-291495ba]{width:60px;padding:6px 0 0 0}.left-component .type-children-container>div[data-v-291495ba]{font-size:12px;height:26px;margin:0 0 8px 0;text-align:center;padding-top:8px;color:#c5c7cd;cursor:pointer;transition:all .2s}.left-component .type-children-container .active-child-type[data-v-291495ba],.left-component .type-children-container>div[data-v-291495ba]:hover{color:#007bff}.left-component .list-container[data-v-291495ba]{flex:1;padding:6px 8px 12px 4px;overflow:auto}.left-component .list-container .drag-card[data-v-291495ba]{height:114px;background:#181a24;margin:0 0 8px 0;border-radius:4px;text-align:center;padding:6px;overflow:hidden}.left-component .list-container .drag-card .top-title[data-v-291495ba]{font-size:11px;text-align:center;margin-bottom:10px;color:#babec8}.ruler-wrapper{position:relative;width:100%;height:calc(100% - 44px);overflow:hidden}#mb-ruler .corner{display:none}#mb-ruler .h-container .indicator .value,#mb-ruler .v-container .indicator .value{color:#000}#edit-wrapper{position:absolute;width:100%;height:100%;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-bottom:0;scrollbar-color:rgba(144,146,152,.3) transparent;scrollbar-width:thin}#edit-wrapper::-webkit-scrollbar,#edit-wrapper::-webkit-scrollbar-track-piece{background-color:transparent}#edit-wrapper::-webkit-scrollbar{width:7px}#edit-wrapper::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(144,146,152,.3)}#edit-wrapper::-webkit-scrollbar-corner{background-color:transparent}#edit-container{overflow:auto;position:absolute;top:0;left:0}#edit-container #canvas{position:absolute;left:50%;top:50%;transform-origin:left top;background-repeat:no-repeat;background-size:101% 101%;background-position:50%;background-color:transparent}.color-main{width:100%;height:100%;border-radius:2px}.ant-popover-placement-bottom,.ant-popover-placement-left,.ant-popover-placement-right,.ant-popover-placement-top{padding:0}.ant-popover-placement-bottom .ant-popover-arrow,.ant-popover-placement-left .ant-popover-arrow,.ant-popover-placement-right .ant-popover-arrow,.ant-popover-placement-top .ant-popover-arrow{display:none}.ant-popover-placement-bottom .ant-popover-inner,.ant-popover-placement-left .ant-popover-inner,.ant-popover-placement-right .ant-popover-inner,.ant-popover-placement-top .ant-popover-inner{background:transparent;box-shadow:none}.ant-popover-placement-bottom .ant-popover-inner .ant-popover-inner-content,.ant-popover-placement-left .ant-popover-inner .ant-popover-inner-content,.ant-popover-placement-right .ant-popover-inner .ant-popover-inner-content,.ant-popover-placement-top .ant-popover-inner .ant-popover-inner-content{padding:0 16px}.ant-popover-placement-bottom .ant-popover-inner .ant-popover-inner-content .vc-chrome,.ant-popover-placement-left .ant-popover-inner .ant-popover-inner-content .vc-chrome,.ant-popover-placement-right .ant-popover-inner .ant-popover-inner-content .vc-chrome,.ant-popover-placement-top .ant-popover-inner .ant-popover-inner-content .vc-chrome{background:transparent;box-shadow:0 2px 8px rgba(0,0,0,.25);overflow:hidden}.anticon[data-v-ba791b64]{color:rgba(0,0,0,.45)}.edit-code-modal header[data-v-32565614]{padding:0 8px 0 16px;font-weight:600;font-size:16px;border-bottom:1px solid rgba(164,173,194,.10196078431372549);height:48px;line-height:48px;overflow:hidden}.edit-code-modal .content-container[data-v-32565614]{padding:0 16px;display:grid;grid-template-columns:50% 8px 50%}.edit-code-modal .content-container .left[data-v-32565614]{padding:8px 0 0}.edit-code-modal .content-container .left[data-v-32565614] .visualization-codemirror{border-radius:4px;margin:0 12px;border:1px solid rgba(164,173,194,.1)}.edit-code-modal .content-container .left[data-v-32565614] .visualization-codemirror .CodeMirror{height:500px!important}.edit-code-modal .content-container .left .example-codeMirror[data-v-32565614] .visualization-codemirror .code-mirror-title{height:32px;background:#232630;line-height:32px;padding-left:8px;font-size:12px;color:hsla(0,0%,100%,.7)}.edit-code-modal .content-container .left .example-codeMirror[data-v-32565614] .visualization-codemirror .CodeMirror{height:190px!important}.edit-code-modal .content-container .right[data-v-32565614]{padding-bottom:16px}.edit-code-modal .content-container .right[data-v-32565614] .visualization-codemirror{border-radius:4px;margin:0 8px;border:1px solid rgba(164,173,194,.1)}.edit-code-modal .content-container .right[data-v-32565614] .visualization-codemirror .code-mirror-title{height:32px;background:#232630;line-height:32px;padding-left:8px;font-size:12px;color:hsla(0,0%,100%,.7)}.edit-code-modal .content-container .right[data-v-32565614] .visualization-codemirror .CodeMirror{height:350px!important}.edit-code-modal .content-container .ant-divider[data-v-32565614]{height:100%;margin:0;background:rgba(164,173,194,.10196078431372549)}.edit-code-modal footer[data-v-32565614]{border-top:1px solid rgba(164,173,194,.10196078431372549)}.autoplayTable-setting .ant-collapse-content .column-tab .ant-tabs-ink-bar{width:0;height:0}.autoplayTable-setting .ant-collapse-content .column-tab .ant-tabs-bar .ant-tabs-tab{width:42px;margin:0;font-size:12px;padding:6px}.autoplayTable-setting .visualization-collapse .visualization-collapse-child .ant-collapse-header{font-size:12px}.setting-color-picker[data-v-4ab3066d] .color-main{border-radius:0}.right-component .bigTitle-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent1-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent2-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent3-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent4-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent5-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent6-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent7-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent8-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent9-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent10-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent11-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent12-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .borderComponent13-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .imgComponent-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab{width:338px}.grid-item-container{display:flex;grid-template-columns:50% 50%}.grid-item-container .visualization-input .ant-input{background:#181a24;border:1px solid rgba(191,202,225,.1);color:hsla(0,0%,100%,.65);height:30px;line-height:30px;border-radius:2px}.grid-item-container .visualization-input .ant-input:focus{border-color:#2e8de6}.grid-item-container .visualization-input .ant-input-suffix{color:hsla(0,0%,100%,.65)}.right-component .smallTitle-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab,.right-component .timeComponent-setting .ant-tabs-card .ant-tabs-bar .ant-tabs-tab{width:338px}#app .ant-form-item{margin-bottom:8px}.right-component{height:100%;overflow:hidden}.right-component>header{font-size:14px;color:hsla(0,0%,100%,.7);height:40px;line-height:40px;text-align:center;background:#323746;margin-bottom:16px}.right-component .ant-form{margin:0 12px 12px}.right-component .ant-form .ant-form-item-label>label{color:hsla(0,0%,100%,.7);font-size:12px}.right-component .ant-form .form-item-info{position:absolute;font-size:11px;color:hsla(0,0%,100%,.6);bottom:-10px;right:10px;text-align:right;line-height:14px;width:74px}.right-component .visualization-input.ant-input,.right-component .visualization-input .ant-input{background:#181a24;border:1px solid rgba(191,202,225,.1);color:hsla(0,0%,100%,.7);height:30px;line-height:30px;border-radius:2px}.right-component .visualization-input.ant-input:focus,.right-component .visualization-input .ant-input:focus{border-color:#2e8de6}.right-component .visualization-input .ant-input-suffix{color:hsla(0,0%,100%,.65)}.right-component .visualization-input-number{border:none;height:30px;width:114px}.right-component .visualization-input-number .ant-input-number-input-wrap{background:#181a24;border:1px solid rgba(191,202,225,.1);color:hsla(0,0%,100%,.65);height:30px;line-height:30px;border-radius:2px}.right-component .visualization-input-number .ant-input-number-input-wrap:focus{border-color:#2e8de6}.right-component .visualization-input-number .ant-input-number-handler-wrap{color:hsla(0,0%,100%,.7);border:none;background:#323746;border-radius:0 2px 2px 0}.right-component .visualization-input-number .ant-input-number-handler-wrap .ant-input-number-handler:active{background:#2e8de6}.right-component .visualization-input-number .ant-input-number-handler-wrap .ant-input-number-handler>i{color:hsla(0,0%,100%,.7)}.right-component .visualization-input-number .ant-input-number-handler-wrap .ant-input-number-handler-down{border-top:1px solid #171a24}.right-component .visualization-input-textarea{background:#181a24;border-radius:2px;border:1px solid rgba(191,202,225,.1);color:hsla(0,0%,100%,.65)}.right-component .visualization-select .ant-select-selection--single{height:30px;border:1px solid rgba(191,202,225,.1);border-radius:2px;background:#181a24;line-height:30px;color:hsla(0,0%,100%,.7)}.right-component .visualization-select .ant-select-selection--single i{color:hsla(0,0%,100%,.7)}.right-component .visualization-select .ant-select-selection--single .ant-select-selection__clear{background:#171a24}.right-component .visualization-select .ant-select-selection--multiple{border:1px solid rgba(191,202,225,.1);border-radius:2px;background:#181a24;line-height:30px;color:hsla(0,0%,100%,.7);padding:0;min-height:30px}.right-component .visualization-select .ant-select-selection--multiple .ant-select-selection__choice{background-color:#323746;border-radius:2px;color:hsla(0,0%,100%,.7);border:none;height:22px;margin-top:4px}.right-component .visualization-select .ant-select-selection--multiple i{color:hsla(0,0%,100%,.7)}.right-component .visualization-select-multi .ant-select-selection--multiple{border:1px solid rgba(191,202,225,.1);border-radius:2px;background:#181a24;line-height:30px;color:hsla(0,0%,100%,.7)}.right-component .visualization-select-multi .ant-select-selection--multiple .ant-select-selection__choice{background-color:#323746;border-radius:2px;color:hsla(0,0%,100%,.7);border:none;height:22px;margin-top:4px}.right-component .visualization-select-multi .ant-select-selection--multiple i{color:hsla(0,0%,100%,.7)}.right-component .visualization-checkbox{color:hsla(0,0%,100%,.65)}.right-component .visualization-checkbox .ant-checkbox-inner{background:#181a24;border:1px solid rgba(191,202,225,.2);color:hsla(0,0%,100%,.65)}.right-component .visualization-upload .ant-upload.ant-upload-select-picture-card{background:#181a24;width:234px;height:140px;border-radius:2px;border:1px solid rgba(191,202,225,.1)}.right-component .visualization-upload .ant-upload.ant-upload-select-picture-card i{font-size:48px;color:hsla(0,0%,100%,.45)}.right-component .visualization-upload .ant-upload.ant-upload-select-picture-card:hover{border:1px solid #2e8de6}.right-component .visualization-codemirror{border-radius:4px;margin:0 12px;border:1px solid rgba(164,173,194,.1)}.right-component .visualization-codemirror .code-mirror-title{height:32px;background:#232630;line-height:32px;padding-left:8px;font-size:12px;color:hsla(0,0%,100%,.7)}.right-component .visualization-codemirror .CodeMirror{height:540px!important}.right-component .visualization-radio-group{background:transparent!important}.right-component .visualization-radio-group .ant-radio-wrapper{color:hsla(0,0%,100%,.7)}.right-component .visualization-radio-group .ant-radio-wrapper .ant-radio-inner{background:#181a24;border:1px solid rgba(191,202,225,.2);color:hsla(0,0%,100%,.65)}.right-component .visualization-button{width:100%;border-radius:2px;background:#2e8de6;border:1px solid #2e8de6}.right-component .visualization-button:hover{background:#389fff;border:1px solid #389fff}.right-component .visualization-dashed-btn-small{width:100%;border-radius:4px;background:transparent;color:hsla(0,0%,100%,.7);border:1px dashed #363a45;font-size:11px}.right-component .visualization-dashed-btn-small:hover{border:1px dashed hsla(0,0%,100%,.4)}.right-component .visualization-divider{background:#363c4c;margin:16px 0}.right-component .visualization-question .anticon{color:hsla(0,0%,100%,.6)}.right-component .visualization-collapse{background:transparent}.right-component .visualization-collapse .ant-collapse-item{border-bottom:1px solid rgba(164,173,194,.1);margin-bottom:6px}.right-component .visualization-collapse .ant-collapse-item .ant-collapse-header{padding:6px 0 12px 12px!important;color:hsla(0,0%,100%,.7)}.right-component .visualization-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow{text-align:left!important;left:-4px;bottom:2px}.right-component .visualization-collapse .ant-collapse-item .ant-collapse-content>.ant-collapse-content-box{padding:0}.right-component .setting-group{background:#323746;font-size:12px;color:hsla(0,0%,100%,.7);padding:8px 12px;margin-bottom:8px;border:1px solid rgba(164,173,194,.1);border-left:none;border-right:none}.visualization-select-dropdown{background:#181a24;color:hsla(0,0%,100%,.7)}.visualization-select-dropdown .ant-select-dropdown-menu-item{color:hsla(0,0%,100%,.7);border-radius:2px}.visualization-select-dropdown .ant-select-dropdown-menu-item-selected,.visualization-select-dropdown .ant-select-dropdown-menu-item:hover{background:#43495d}.visualization-select-dropdown .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled){background-color:#232630}.visualization-select-tree-dropdown{background:#181a24}.visualization-select-tree-dropdown .ant-select-tree,.visualization-select-tree-dropdown .ant-select-tree li .ant-select-tree-node-content-wrapper{color:hsla(0,0%,100%,.7)}.visualization-select-tree-dropdown .ant-select-tree li .ant-select-tree-node-content-wrapper:hover{background:#43495d}.visualization-select-tree-dropdown .ant-select-tree li .ant-select-tree-node-selected{background-color:#43495d}.design-accessController{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-accessController .carousel-container{overflow:hidden}.design-accessController .carousel-container .ac-detail-container{color:#fff;width:100%;height:161px;overflow:hidden;padding:1px 0 0 0;border-radius:4px;box-sizing:border-box;display:grid;grid-template-rows:45px auto 45px;margin-bottom:16px}.design-accessController .carousel-container .ac-detail-container>.header{background:#02275c;height:100%;border-radius:4px;display:grid;grid-template-columns:1fr 50px;align-items:center;padding-left:8px;margin:0 6px}.design-accessController .carousel-container .ac-detail-container>.header .name{color:#76bfe2;font-size:13px;font-weight:600}.design-accessController .carousel-container .ac-detail-container>.header .vender-img{max-width:60px;min-width:40px;height:32px;-o-object-fit:fill;object-fit:fill}.design-accessController .carousel-container .ac-detail-container>.middle{height:100%;padding-top:4px;margin:0 6px;display:grid}.design-accessController .carousel-container .ac-detail-container>.middle .info-item{display:grid;grid-template-columns:28px 56px 1fr;align-items:center;padding:0 10px 0 6px;color:#bfcfea}.design-accessController .carousel-container .ac-detail-container>.bottom{margin:0 6px;background:#02275c;height:100%;border-radius:2px;display:flex;align-items:center;padding:0 6px;flex-wrap:nowrap;overflow:hidden;width:100%}.design-accessController .carousel-container .ac-detail-container>.bottom .slider{width:1px;height:20px;background:#18879f}.design-accessController .carousel-container .ac-detail-container>.bottom .monitor-card{height:24px;line-height:24px;text-align:center;flex:1}.design-accessController .carousel-container .ac-detail-container>.bottom .monitor-card .title{font-size:12px;color:#bfcfea}.design-accessController .carousel-container .ac-detail-container>.bottom .monitor-card .value{font-size:12px;color:#fd9c00;font-weight:600;position:relative}.design-accessController .carousel-container .ant-carousel .slick-dots-bottom{bottom:4px;z-index:999}.design-accessController .carousel-container .ant-carousel .slick-dots-bottom button{background:#0b8bba;height:4px;width:24px}@font-face{font-family:YouSheBiaoTiHei;src:url(../fonts/优设标题黑.1726685c.ttf)}@font-face{font-family:HanSans;src:url(../fonts/SourceHanSansCN-Regular.02bbdc39.otf)}@font-face{font-family:D-DIN;src:url(../fonts/D-DIN.d68d8669.otf)}@font-face{font-family:YouSheBiaoTiYuan;src:url(../fonts/YouSheBiaoTiYuan-2.3dc58535.otf)}.design-alertCount{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-alertCount .count-card{display:flex;align-items:center;width:100%;height:100%}.design-alertCount .count-card-title{font-size:16px;font-family:HanSans;margin:0;color:#adc3e6}.design-alertCount .count-card-value-container{display:flex;align-items:baseline;flex-wrap:nowrap}.design-alertCount .count-card-value-container .count-card-value{font-size:24px;font-family:D-DIN;color:#ff9c66}.design-alertCount .count-card-value-container .count-card-unit{font-size:14px;font-family:Adobe Heiti Std;font-weight:400;font-style:italic;color:#7bbbe7;margin-left:4px}.design-alertCountTop{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-alertCountTop>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-alertCountTop .ranking-info .rank{color:#44c1ef;font-size:16px;font-family:D-DIN;margin-right:6px}.design-alertCountTop .ranking-info .ranking-value{font-size:16px;font-family:D-DIN;color:#83c9fe}.design-alertCountTop .inside-column{background-image:linear-gradient(90deg,rgba(3,0,0,.38),hsla(0,0%,82.7%,.213));background-color:#1890ff}.design-alertStatistics{width:100%;height:100%;position:relative;padding:12px 16px;overflow:auto;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.47843137254901963),inset 0 0 30px rgba(63,96,232,.2196078431372549)}.design-alertStatistics>.title{font-size:14px;font-family:HanSans;text-shadow:1px 2px 0 rgba(17,20,22,.22);color:#dbe4fe;font-weight:600;margin-bottom:4px}.design-alertStatistics>.main{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;-moz-column-gap:8px;column-gap:8px;row-gap:10px}.design-alertStatistics>.main .alert-card{height:100%;background:rgba(30,67,112,.7607843137254902);display:flex;flex-wrap:nowrap;align-items:center;padding:2px 16px 0;border-radius:4px}.design-alertStatistics>.main .alert-card .name{font-size:11px;font-family:HanSans;color:#bfcfea}.design-alertStatistics>.main .alert-card .value{font-size:14px;font-family:HanSans;font-weight:600;color:#d6ecff}.design-alertTrend{position:relative;width:100%;height:100%;overflow:auto}.design-alertTrend #little-title-container{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:30px}.design-alertTrend #little-title-container .little-title{padding:0 4px;margin:0 10px 2px 8px;text-align:center;font-size:16px;font-family:HanSans;font-weight:500;font-style:italic;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.design-alertTrend #little-title-container .little-title-border{height:1px;background:linear-gradient(270deg,transparent,#5e8ebb);flex:1}.design-alertTrend #little-title-container .little-title-border:first-of-type{background:linear-gradient(90deg,transparent,#5e8ebb);flex:1}.design-autoplayTable{position:relative;width:100%;height:100%;overflow:auto}.design-autoplayTable .table-header{width:100%;overflow:hidden;flex-wrap:nowrap;display:flex}.design-autoplayTable .table-header .header-td{height:100%;overflow:hidden;padding:0 8px;box-sizing:border-box}.design-autoplayTable .table-body{width:100%;position:relative}.design-autoplayTable .table-body .autoplay-item{display:grid;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:all .25s ease-in-out}.design-autoplayTable .table-body .autoplay-item .body-tr{flex-wrap:nowrap;display:flex;overflow:hidden;width:100%}.design-autoplayTable .table-body .autoplay-item .body-tr .body-td{height:100%;overflow:hidden;padding:0 8px;box-sizing:border-box;display:flex;align-items:center}.design-autoplayTable .table-body .autoplay-item .body-tr .body-td>div{overflow:hidden}.design-autoplayTable .table-body .autoplay-item .body-tr:nth-child(odd) .body-td{background:rgba(6,14,54,.2)}.design-autoplayTable .table-body .autoplay-item .body-tr:nth-child(2n) .body-td{background:rgba(32,64,113,.23921568627450981)}.design-autoplayTable .table-body .autoplay-item-active{transition:all .4s ease-in-out .2s;opacity:1}.design-baseBarChart,.design-baseDashboardChart,.design-baseLineChart{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-bigTitle{position:relative;overflow:auto}.design-bigTitle,.design-bigTitle img{width:100%;height:100%}.design-borderComponent1,.design-borderComponent2,.design-borderComponent3,.design-borderComponent4,.design-borderComponent5,.design-borderComponent6,.design-borderComponent7,.design-borderComponent8,.design-borderComponent9,.design-borderComponent10,.design-borderComponent11,.design-borderComponent12,.design-borderComponent13{position:relative;width:100%;height:100%;overflow:hidden}.design-deviceAbnormalCount{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-deviceAbnormalCount .count-card{display:flex;align-items:center;width:100%;height:100%}.design-deviceAbnormalCount .count-card-title{font-size:16px;font-family:HanSans;margin:0;color:#adc3e6}.design-deviceAbnormalCount .count-card-value-container{display:flex;align-items:baseline;flex-wrap:nowrap}.design-deviceAbnormalCount .count-card-value-container .count-card-value{font-size:24px;font-family:D-DIN;color:#ff9c66}.design-deviceAbnormalCount .count-card-value-container .count-card-unit{font-size:14px;font-family:Adobe Heiti Std;font-weight:400;font-style:italic;color:#7bbbe7;margin-left:4px}.design-deviceDisplay{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-deviceDisplay .group-title{margin-bottom:4px;font-family:HanSans;color:hsla(0,0%,100%,.7);font-weight:600;font-size:14px}.design-deviceStatus{position:relative;padding:12px;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.47843137254901963),inset 0 0 30px rgba(63,96,232,.2196078431372549)}.design-deviceStatus .device-total-container{display:flex;height:30%;align-items:center;min-height:70px}.design-deviceStatus .device-total-container .img{padding:8px}.design-deviceStatus .device-total-container .unit{margin:4px 0 0 6px;font-size:12px;font-family:HanSans;color:#bfcfea}.design-deviceStatus .device-total-container .value{font-size:24px;color:#a8d6ff;font-weight:600;font-family:HanSans}.design-deviceStatus>.title{font-size:14px;font-family:HanSans;text-shadow:1px 2px 0 rgba(17,20,22,.22);color:#dbe4fe;font-weight:600;margin-bottom:6px}.design-deviceStatus .status-container{height:70%;display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;row-gap:4px;margin-top:8px;padding:0 8px}.design-deviceStatus .custom-progress{height:6px;background:#192d5a;width:100%;margin:8px 0;border-radius:3px;overflow:hidden}.design-deviceStatus .custom-progress .progress-bg{height:6px;float:left;opacity:.85}.design-deviceStatusCount{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-deviceStatusCount .count-card{display:flex;align-items:center;width:100%;height:100%}.design-deviceStatusCount .count-card-title{font-size:16px;font-family:HanSans;margin:0;color:#adc3e6}.design-deviceStatusCount .count-card-value-container{display:flex;align-items:baseline;flex-wrap:nowrap}.design-deviceStatusCount .count-card-value-container .count-card-value{font-size:24px;font-family:D-DIN;color:#ff9c66}.design-deviceStatusCount .count-card-value-container .count-card-unit{font-size:14px;font-family:Adobe Heiti Std;font-weight:400;font-style:italic;color:#7bbbe7;margin-left:4px}.design-DigitalFlop{position:relative;width:100%;height:100%;overflow:hidden}.design-groupLineChart{overflow:auto}.design-groupLineChart,.design-hypervisorStatistic{position:relative;padding:12px;width:100%;height:100%}.design-hypervisorStatistic{overflow:hidden}.design-hypervisorStatistic>.header{margin:6px 0 6px 0;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-hypervisorStatistic .base-info{height:calc(100% - 24px);overflow:auto;display:grid}.design-hypervisorStatistic .base-info p{margin:0}.design-hypervisorStatistic .base-info .base-container{min-height:56px;position:relative;margin-bottom:16px;display:flex;text-align:center;align-items:center;justify-content:space-evenly;border-radius:11px;overflow:hidden}.design-hypervisorStatistic .base-info .cpu-container{color:#096dd9;background:rgba(9,109,217,.08)}.design-hypervisorStatistic .base-info .memory-container{color:#47d7b6;background:rgba(71,215,182,.08)}.design-hypervisorStatistic .base-info .storage-container{color:#3dc4df;background:rgba(61,196,223,.0784313725490196)}.design-hypervisorStatistic .base-info .base-container .overview-base-card-container{width:128px}.design-hypervisorStatistic .base-info .title{font-size:12px;color:hsla(0,0%,100%,.65)}.design-hypervisorStatistic .base-info .value{font-size:18px}.design-hypervisorStatistic .base-info .card-title{font-size:14px}.design-hypervisorStatisticCount{position:relative;padding:12px;width:100%;height:100%;overflow:hidden}.design-hypervisorStatisticCount>.header{font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px;margin-bottom:6px}.design-hypervisorStatisticCount .container{display:grid}.design-hypervisorStatisticCount .container p{margin:0;text-align:center}.design-hypervisorStatisticCount .container .overview-count-card{margin:4px 0 10px 0;background:rgba(33,150,243,.0392156862745098);border-radius:10px;overflow:hidden}.design-hypervisorStatisticCount .container .overview-count-card .decoration{height:4px;opacity:.6}.design-hypervisorStatisticCount .container .overview-count-card .main-container{display:flex;height:100%;align-items:center;justify-content:space-evenly}.design-hypervisorStatisticCount .container .overview-count-card .main-container .card-title{font-size:12px;color:hsla(0,0%,100%,.65);line-height:25px}.design-hypervisorStatisticCount .container .overview-count-card .main-container .card-value{font-size:28px;line-height:30px}.design-imgComponent{position:relative;overflow:auto;text-align:center}.design-imgComponent,.design-imgComponent img{width:100%;height:100%}#little-title-container{display:flex;align-items:center;justify-content:space-between;padding:0 12px}#little-title-container .little-title{margin:0 10px 2px 8px;text-align:center;font-size:16px;font-family:HanSans;font-weight:500;font-style:italic;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent}#little-title-container .little-title-border{height:1px;background:linear-gradient(270deg,transparent,#5e8ebb);flex:1}#little-title-container .little-title-border:first-of-type{background:linear-gradient(90deg,transparent,#5e8ebb);flex:1}.design-networkFlow{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-networkFlow>.header{margin-bottom:12px;font-family:HanSans;color:rgba(98,182,241,.86);font-weight:500;font-style:italic;font-size:16px}.design-networkFlow .flow-module{position:relative}.design-networkFlow .flow-module .count-card{width:136px;height:120px;position:relative;text-align:center}.design-networkFlow .flow-module .count-card .flow-title{padding-top:2px;font-size:16px;font-family:HanSans;color:#44c1ef;line-height:32px}.design-networkFlow .flow-module .count-card .flow-value{font-size:30px;font-family:D-DIN;font-weight:700;color:#edfbff}.node-tooltip-content header[data-v-6e3da122]{display:flex;font-size:12px;justify-content:space-between;align-items:center}.node-tooltip-content header .title[data-v-6e3da122]{width:284px;text-align:center;color:#d1e9ff;font-weight:500;padding:0 8px;letter-spacing:1px;line-height:30px}.node-tooltip-content .body[data-v-6e3da122]{height:200px;overflow:auto}.node-tooltip-content .body .small-header[data-v-6e3da122]{color:var(--visualization-color-highlight-text);font-weight:400;padding-left:9px;margin:8px 0;font-size:12px}.node-tooltip-content .body .small-header[data-v-6e3da122]:before{background:var(--visualization-color-highlight-text);height:12px;width:3px;top:4px}.node-tooltip-content .body[data-v-6e3da122] .ant-descriptions-item{padding-bottom:2px}.node-tooltip-content .body[data-v-6e3da122] .ant-descriptions-item .ant-descriptions-item-content{color:#ebf1ff;font-size:10px}.node-tooltip-content .body[data-v-6e3da122] .ant-descriptions-item .ant-descriptions-item-content .ant-tag{font-size:10px;padding:0 4px;border-radius:2px;line-height:14px;height:16px}.node-tooltip-content .body[data-v-6e3da122] .ant-descriptions-item .ant-descriptions-item-label{color:#a9b4cf;font-size:10px}.node-tooltip-content .body .alert-item-container[data-v-6e3da122]{background:rgba(15,48,92,.5490196078431373);height:56px;margin-bottom:8px;display:flex;align-items:center;border-bottom:1px solid rgba(56,147,232,.6666666666666666);border-radius:2px;overflow:hidden}.node-tooltip-content .body .alert-item-container .content[data-v-6e3da122]{flex:1;height:100%}.node-tooltip-content .body .alert-item-container .content .info-container[data-v-6e3da122]{padding:0 8px;height:34px;display:inline-grid;align-items:center}.node-tooltip-content .body .alert-item-container .content .info-container>div[data-v-6e3da122]{color:var(--visualization-color-secondary-text);cursor:default;font-size:10px}.node-tooltip-content .body .alert-item-container .content .info-container>div .span[data-v-6e3da122]{display:inline-block}.node-tooltip-content .body .alert-item-container .content .datetime-container[data-v-6e3da122]{display:flex;justify-content:space-between;padding:0 8px;align-items:flex-end;cursor:default}.node-tooltip-content .body .alert-item-container .content .datetime-container .datetime-text[data-v-6e3da122],.node-tooltip-content .body .alert-item-container .content .datetime-container .description-text[data-v-6e3da122]{font-size:10px;color:var(--visualization-color-primary-text)}.node-tooltip-content .body .alert-item-container .severity-tag[data-v-6e3da122]{width:35px}.node-tooltip-content .body .alert-item-container .severity-tag .ant-tag[data-v-6e3da122]{font-size:10px;padding:0 4px;border-radius:2px;line-height:14px;height:16px}[data-v-1e95dd37] .ant-modal .ant-modal-content{background:transparent;color:hsla(0,0%,100%,.75)}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-modal-close{color:hsla(0,0%,100%,.75)}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-modal-header{background:rgba(3,26,55,.9019607843137255);color:hsla(0,0%,100%,.75);border-color:#22b2e2}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title{color:hsla(0,0%,100%,.75)}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-descriptions-item-content{color:hsla(0,0%,100%,.85)}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-descriptions-item-label{color:hsla(0,0%,100%,.65);font-size:13px}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-body{background:transparent!important;color:hsla(0,0%,100%,.65)}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-body .ant-table-thead>tr>th{background:rgba(33,79,142,.23921568627450981)!important;padding:8px 16px;border:none!important;color:hsla(0,0%,100%,.85);font-weight:500}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-body .ant-table-tbody>tr>td{background:transparent;border:none}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination,[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination .ant-pagination-next,[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination .ant-pagination-next .ant-pagination-item-link,[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination .ant-pagination-prev,[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination .ant-pagination-prev .ant-pagination-item-link{color:hsla(0,0%,100%,.65)}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination .ant-pagination-item{border:none}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination .ant-pagination-item a{color:hsla(0,0%,100%,.65)}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination .ant-pagination-item-active{background:none}[data-v-1e95dd37] .ant-modal .ant-modal-content .ant-table-pagination .ant-pagination-item-active a{color:#1b90e3;font-weight:500}.design-networkTopology{position:relative;width:100%;height:100%;overflow:auto;padding:12px;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.23529411764705882),inset 0 0 30px rgba(63,97,232,.1568627450980392);border-radius:4px}.design-networkTopology .menu-container{display:flex}.design-networkTopology .menu-container .topology-tabs{flex:1}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container{margin:0!important;height:42px}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-tab{width:140px;height:42px;background-image:url(../img/default.24c4d62b.png);font-size:18px;color:#eff2ff;font-family:YouSheBiaoTiHei;line-height:20px;text-align:center}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-tab-active{background-image:url(../img/selected.8a2cecbb.png)}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-ink-bar{width:0!important}.design-networkTopology .menu-container .topology-tabs .ant-tabs-nav-container .ant-tabs-tab-arrow-show{color:#31b7ff}.design-networkTopology .menu-container .video-btn-container{height:42px;width:32px;font-size:24px;line-height:42px}.design-networkTopology .menu-container .video-btn-container a{color:rgba(76,157,244,.7725490196078432)}.design-networkTopology .ant-tabs-bar{border:none}.design-networkTopology .topology-container{width:100%;height:100%;display:flex}.design-networkTopology .topology-container .network-detail-topology{width:100%;height:100%;flex:1}.design-networkTopology .topology-container .network-detail-topology .network-topology-node-title{color:#c4d7ee!important}.design-networkTopology .topology-container .network-detail-topology img{cursor:pointer}.design-networkTopology .topology-container .network-detail-topology .x6-port,.design-networkTopology .topology-container .network-detail-topology .x6-port-body{cursor:default!important}@keyframes topology-edge{to{stroke-dashoffset:-1000}}.design-networkTopology .topology-operation{position:absolute;bottom:20px;right:20px}.design-networkTopology .node-tooltip-container{position:absolute;width:360px;height:320px;padding:12px 16px;bottom:28px;left:10px;z-index:999}.design-networkTopology .node-tooltip-container:after{content:"";background-image:url(../img/tooltip-bg.a25e2adc.png);background-repeat:no-repeat;background-size:cover;width:360px;height:320px;position:absolute;top:0;left:0;opacity:.85;z-index:-1}.design-networkTopology .node-tooltip-container .node-tooltip-content .body{height:260px}.design-notRecoveredAlertList{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-notRecoveredAlertList>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-notRecoveredAlertList .dv-scroll-board .header{width:100%;font-size:14px!important;font-family:HanSans;color:#dbe4fe;line-height:25px;margin-bottom:5px}.design-notRecoveredAlertList .dv-scroll-board .header .header-item{width:calc(100% - 244px)!important}.design-notRecoveredAlertList .dv-scroll-board .header .header-item:first-of-type{width:64px!important}.design-notRecoveredAlertList .dv-scroll-board .header .header-item:nth-of-type(2){width:120px!important}.design-notRecoveredAlertList .dv-scroll-board .header .header-item:last-of-type{width:180px!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item{width:100%;background:linear-gradient(90deg,rgba(2,35,101,.21176470588235294),rgba(5,60,163,.06274509803921569))!important;font-size:12px;font-family:HanSans;color:#dbe4fe;opacity:.8;min-height:44px!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item .ceil{display:flex;align-items:center;align-content:center;width:calc(100% - 244px)!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item .ceil:first-of-type{width:64px!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item .ceil:nth-of-type(2){width:120px!important}.design-notRecoveredAlertList .dv-scroll-board .rows .row-item .ceil:last-of-type{width:180px!important}.design-powerChart{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-powerChart>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-smallTitle{position:relative;overflow:auto}.design-smallTitle,.design-smallTitle img,.design-terminalGroup{width:100%;height:100%}.design-terminalGroup{position:relative;padding:6px;overflow:hidden}.design-terminalGroup .carousel-container{overflow:hidden;min-height:270px}.design-terminalGroup .carousel-container .terminal-group-card{height:100%;position:relative;padding:12px;margin-bottom:16px;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.47843137254901963),inset 0 0 30px rgba(63,96,232,.2196078431372549);overflow:scroll;margin:8px}.design-terminalGroup .carousel-container .terminal-group-card .group-name{position:relative;font-size:16px;color:#bfcfea;font-weight:400;font-family:HanSans;padding:4px 0 0 8px}.design-terminalGroup .carousel-container .terminal-group-card .group-body{margin:12px 6px 6px 6px;color:#fff;display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:16px;column-gap:16px;row-gap:16px}.design-terminalGroup .carousel-container .terminal-group-card .group-body>.container{background-repeat:no-repeat;background-size:100% 100%;padding:6px 8px 0 8px;text-align:center;font-family:HanSans;display:flex;flex-direction:column;justify-content:center;background-color:rgba(0,0,0,.12);box-shadow:0 0 5px rgba(28,115,255,.47843137254901963),inset 0 0 30px rgba(63,96,232,.2196078431372549)}.design-terminalGroup .carousel-container .terminal-group-card .group-body>.container .title{font-size:13px;color:#b4bdd8;font-family:HanSans}.design-terminalGroup .carousel-container .terminal-group-card .group-body>.container .value{font-size:28px;font-family:HanSans}.design-terminalGroup .carousel-container .terminal-group-card .group-body .abnormal{color:#ff4d4f;box-shadow:0 0 5px rgba(255,77,80,.25882352941176473),inset 0 0 30px rgba(255,77,80,.12156862745098039)}.design-terminalGroup .carousel-container .terminal-group-card .group-body .alert{color:#faad14;box-shadow:0 0 5px rgba(250,173,20,.25882352941176473),inset 0 0 30px rgba(250,173,20,.12156862745098039)}.design-terminalGroup .carousel-container .terminal-group-card .group-body .normal{color:#52c41a;box-shadow:0 0 5px rgba(82,196,26,.25882352941176473),inset 0 0 30px rgba(82,196,26,.12156862745098039)}.design-terminalGroup .carousel-container .terminal-group-card .group-body .unknown{color:#c5c5c5;box-shadow:0 0 5px hsla(0,0%,77.3%,.25882352941176473),inset 0 0 30px hsla(0,0%,77.3%,.12156862745098039)}.design-terminalGroup .carousel-container .ant-carousel .slick-dots-bottom{z-index:999;bottom:4px}.design-terminalGroup .carousel-container .ant-carousel .slick-dots-bottom button{background:#0b8bba;height:4px;width:24px}.design-textComponent1,.design-timeComponent[data-v-636c02c8],.design-titleText1[data-v-68f64eec]{position:relative;width:100%;height:100%;overflow:auto}.design-titleText1[data-v-68f64eec]{display:flex;align-items:center;justify-content:space-between;padding:0 12px}.design-titleText1 .little-title[data-v-68f64eec]{padding:0 4px;margin:0 10px 2px 8px;text-align:center;font-size:16px;font-family:HanSans;font-weight:500;font-style:italic;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.design-titleText1 .little-title-border[data-v-68f64eec]{height:1px;background:linear-gradient(270deg,transparent,#5e8ebb);flex:1}.design-titleText1 .little-title-border[data-v-68f64eec]:first-of-type{background:linear-gradient(90deg,transparent,#5e8ebb);flex:1}.design-titleText2[data-v-27494949]{position:relative;width:100%;height:100%;overflow:auto;padding:0 12px}.design-titleText2 .module-header-text[data-v-27494949]{font-size:26px;font-family:YouSheBiaoTiHei;color:#f6f9fe}.design-titleText3[data-v-24a2df10]{position:relative;width:100%;height:100%;overflow:hidden}.design-usageChartFirst{position:relative;padding:12px;width:100%;height:100%;overflow:auto}.design-usageChartFirst>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-usageChartFirst .top-container .top-item{padding:0;margin-bottom:3px;overflow:hidden}.design-usageChartFirst .top-container .top-item .name-container{width:calc(100% - 64px);display:flex}.design-usageChartFirst .top-container .top-item .name-container .index{text-align:center;font-size:12px;font-family:D-DIN;margin-right:6px}.design-usageChartFirst .top-container .top-item .name-container .index-img{width:40px;min-width:40px;max-width:40px;height:24px;line-height:24px;background:url(data:image/png;base64,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);background-size:100% 100%;color:#d1e4ff}.design-usageChartFirst .top-container .top-item .name-container .index-bg{width:36px;height:20px;line-height:20px;margin:2px 6px 0 2px;background-size:100% 100%;background:rgba(118,154,220,.18);color:#b6d8ff}.design-usageChartFirst .top-container .top-item .name-container .name-text{font-size:14px;font-family:D-DIN;color:#aec3dc;line-height:22px}.design-usageChartFirst .top-container .top-item .value-container{font-size:14px;font-family:D-DIN;color:#83c9fe;margin-top:2px;width:64px;min-width:64px;max-width:64px;text-align:right}.design-usageChartFirst .top-container .top-item .value-container:after{content:"%";font-size:11px;position:relative;margin-left:2px}.design-usageChartFirst .top-container .top-item .ant-progress-inner{background:rgba(128,164,229,.18823529411764706)}.design-usageChartSecond{position:relative;padding:12px;width:100%;height:100%;overflow:hidden}.design-usageChartSecond>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.design-usageChartSecond .chart-container{overflow:auto;display:flex;flex-wrap:wrap;justify-content:space-between;padding:6px 0;align-items:center}.design-usageChartSecond .chart-container .body-container{text-align:center;flex:1;margin:10px 4px}.design-usageChartSecond .chart-container .body-container .ant-progress-inner .ant-progress-circle-trail{stroke:rgba(25,58,101,.8705882352941177)!important}.design-usageChartSecond .chart-container .body-container .top-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px;color:#c4cdea;line-height:17px;margin:4px 0 0 -6px}.design-usageChartThird{position:relative;padding:6px;width:100%;height:100%;overflow:auto}.design-usageChartThird>.header{margin-bottom:12px;font-family:HanSans;color:#fff;background:linear-gradient(0deg,rgba(98,182,241,.86) .36621094%,hsla(0,0%,100%,.86));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500;font-style:italic;font-size:16px}.render-card{position:absolute;border-radius:4px;min-height:40px;min-width:40px;background:transparent}.design-component,.design-component .ant-tabs{height:100%}.design-component .ant-tabs .ant-tabs-content{max-height:calc(100% - 48px);overflow-y:auto;overflow-x:hidden}.design-component .component-id{color:hsla(0,0%,100%,.7);margin:0 8px 0 0;padding:0 0 0 14px}.design-component .component-type{color:hsla(0,0%,100%,.5);font-size:12px;padding:2px 8px 14px 14px}.design-component .ant-tabs-card .ant-tabs-bar{background:#323746;border:none}.design-component .ant-tabs-card .ant-tabs-bar .ant-tabs-tab{width:168px;background:#323746;color:hsla(0,0%,100%,.7);border:none;text-align:center;border-radius:0;border-top:2px solid transparent}.design-component .ant-tabs-card .ant-tabs-bar .ant-tabs-tab-active{background:#232630;border-color:#096dd9}.design-component .visualization-content-tabs .ant-tabs-bar .ant-tabs-nav{width:100%}.design-component .visualization-content-tabs .ant-tabs-bar .ant-tabs-nav>div{display:grid;grid-template-columns:repeat(4,1fr)}.design-component .visualization-content-tabs .ant-tabs-bar .ant-tabs-nav>div .ant-tabs-tab{width:auto;margin:0;font-size:12px}.design-component .visualization-content-tabs .ant-tabs-bar .ant-tabs-nav .ant-tabs-ink-bar{height:0}.preview-container{overflow:hidden;height:100%;width:100%}.preview-container .fullScreen-container{position:absolute;top:30px;right:30px;cursor:pointer;z-index:999}.preview-container #previewCanvas{transform-origin:left top;background-repeat:no-repeat;background-size:101% 101%;background-position:50%;background-color:transparent;position:relative}.layout-container{height:calc(100vh - 86px);min-height:calc(100vh - 86px);max-height:calc(100vh - 86px);overflow:hidden;position:relative;z-index:1;color:#fff}.layout-container .ant-layout-header{box-sizing:border-box;background:#232630;border-bottom:1px solid #0d0e10;overflow:hidden;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 24px 0 8px}.layout-container .ant-layout-header .return-btn{width:290px;padding:2px 0 0 8px}.layout-container .ant-layout-header .return-btn div{font-size:14px;color:hsla(0,0%,100%,.85)}.layout-container .ant-layout-header .return-btn .anticon{cursor:pointer;transition:.3s;font-size:14px}.layout-container .ant-layout-header .visualization-button-ghost{border-radius:6px;color:hsla(0,0%,100%,.65);border:1px solid hsla(0,0%,100%,.6)}.layout-container .ant-layout-header .visualization-button-ghost:hover{color:#389fff;border:1px solid #389fff}.layout-container .ant-layout-content{position:relative;background-color:#181a24;display:flex}.layout-container .ant-layout-content .left-sider{box-sizing:border-box;border-right:1px solid #0d0e10;width:300px;background-color:#232630}.layout-container .ant-layout-content .content{flex:1;position:relative}.layout-container .ant-layout-content .content .blank{height:4px;width:100%}.layout-container .ant-layout-content .content .bottom-footer{height:40px;width:100%;text-align:right;padding:1px 12px 0 12px;background-color:#232630;border-top:1px solid #0d0e10}.layout-container .ant-layout-content .right-sider{box-sizing:border-box;border-left:1px solid #0d0e10;width:340px;max-width:340px;min-width:340px;background-color:#232630}.target{width:100px;height:100px;background:#228b22}.group-container .ant-space{height:40px}.group-container .ant-space i{font-size:16px;color:hsla(0,0%,100%,.7)}.split{width:1px;margin:0 4px;background:hsla(0,0%,100%,.15)}.scale-container .ant-space,.split{height:40px}.scale-container .ant-space .ant-input-number-sm{width:60px;background:#181a24;border:1px solid rgba(191,202,225,.1);color:hsla(0,0%,100%,.65);font-size:12px;border-radius:2px}.scale-container .ant-space .ant-input-number-sm .ant-input-number-handler-wrap{display:none}.scale-container .ant-space .ant-btn-icon-only.ant-btn-sm{font-size:14px;color:hsla(0,0%,100%,.65)}.visualization-dropdown .ant-dropdown-menu{background:#232630;color:hsla(0,0%,100%,.7);border-radius:2px;padding:4px}.visualization-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{border-radius:2px;width:90px;padding:0 8px}.visualization-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:#43495d}.visualization-dropdown .ant-dropdown-menu .ant-btn-link{color:hsla(0,0%,100%,.7);font-size:12px;height:28px;line-height:28px}