.device-overview{display:flex;flex-direction:column;gap:16px;width:100%;padding:8px 12px;box-sizing:border-box}.ov-item{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px}.ov-gauge{width:90px;height:90px}.ov-right{background:#1c2638;border-radius:28px;padding:10px 16px}.ov-title{color:#8bd8ff;font-size:14px;margin-bottom:6px}.ov-desc{color:#fff;font-size:13px;display:flex;align-items:center;gap:12px;opacity:.95}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.dot-green{background:#1fdc7d}.dot-red{background:#ff5757}.space{width:16px;display:inline-block}.num{color:#fff}.bar-chart,.device-log,.line-chart{width:100%;height:100%}.device-log{overflow:hidden}table{width:100%;border-collapse:collapse;font-family:Alibaba PuHuiTi 3,Alibaba PuHuiTi 30;font-weight:400;font-size:12px;color:#fff;line-height:40px;text-align:left;font-style:normal;text-transform:none}.log-table{overflow:hidden;table-layout:fixed}.device-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}thead th{padding:8px 10px;color:#ffddb0;border-bottom:1px solid rgba(255,200,120,.5);text-align:left;position:sticky;top:0;z-index:2;background:rgba(10,25,45,.92)}.log-scroll{height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.log-scroll::-webkit-scrollbar{display:none}tbody td{padding:8px 10px;color:#fff;border-bottom:1px dashed rgba(255,200,120,.28)}tbody tr:hover{background:rgba(255,220,160,.06)}.log-insert-enter-active{transition:opacity 2s ease,transform 2s ease}.log-insert-enter-from{opacity:0;transform:translateY(-8px)}.log-insert-enter-to{opacity:1;transform:translateY(0)}.period-chart{width:100%;height:100%}.header{width:1920px;height:177px;border-radius:0 0 0 0;position:absolute;top:0;left:0;background-image:url(/img/hback.b3f188b3.png);background-size:100%}.htitle{font-family:YouSheBiaoTiHei;font-weight:400;font-size:40px;line-height:68px;letter-spacing:9px;text-align:center;font-style:normal;text-transform:none;background:linear-gradient(90deg,#fecd97,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kuang1{width:414px;height:291px;top:122px;left:60px;background-image:url(/img/kuang.7cfded38.png);background-size:100%}.kbody,.kuang1{position:absolute}.kbody{left:8px;right:8px;top:52px;bottom:10px}.ktitle{font-weight:700;font-size:20px;line-height:40px;letter-spacing:2px;text-align:left;font-style:normal;text-transform:none;background:linear-gradient(90deg,#fecd97,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:absolute;top:0;left:34px}.d30{width:40px;left:302px}.d30,.d7{height:40px;font-family:Alibaba PuHuiTi 3,Alibaba PuHuiTi 30;font-weight:400;font-size:16px;color:#fff;line-height:40px;text-align:left;font-style:normal;text-transform:none;position:absolute;top:0}.d7{width:32px;left:360px}.kuang2{width:414px;height:291px;top:433px;left:60px;background-image:url(/img/kuang.7cfded38.png);background-size:100%}.d30,.d7,.kuang2{position:absolute}.d30,.d7{top:0;right:16px;color:#8bd8ff;cursor:pointer}.d7{right:60px}.d30.active,.d7.active{color:#ffd56a;font-weight:600}.kuang3{width:414px;height:291px;position:absolute;top:744px;left:60px;background-image:url(/img/kuang.7cfded38.png);background-size:100%}.kuang4{top:122px;background-image:url(/img/yhsjfx.e958018e.png)}.kuang4,.kuang5{width:414px;height:291px;position:absolute;left:1446px;background-size:100%}.kuang5{top:433px}.kuang5,.kuang6{background-image:url(/img/kuang.7cfded38.png)}.kuang6{width:414px;height:291px;top:744px;left:1446px;background-size:100%}.kuang6,.map{position:absolute}.map{width:912px;height:602px;border-radius:0 0 0 0;top:122px;left:504px;border:1px solid #fff}.map-export-btn{position:absolute;top:130px;left:1296px;background:rgba(0,0,0,.5);color:#8bd8ff;padding:6px 10px;border:1px solid #3c6eff;border-radius:4px;cursor:pointer;font-size:13px}.kuang7{width:912px;height:291px;top:744px;left:504px;background-image:url(/img/ddz.fb533f98.png);background-size:100%}.kuang7,.sjn1{position:absolute}.sjn1{width:210px;height:40px;font-family:FZHanZhenGuangBiaoS-GB;font-weight:700;font-size:30px;line-height:40px;text-align:left;font-style:normal;text-transform:none;background:linear-gradient(90deg,#ffba6c,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sjimg{width:176px;height:131px}.sjimg,.sjt1{position:absolute}.sjt1{width:114px;height:40px;font-family:Alibaba PuHuiTi 3,Alibaba PuHuiTi 30;font-weight:500;font-size:18px;color:#fff2e4;line-height:40px;text-align:center;font-style:normal;-webkit-background-clip:text;background-clip:text}#app,body,html{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.screen-layout{width:1920px;height:1080px;color:#fff}.dv-button-wrapper{position:relative}.dv-button-wrapper .dv-button{padding:10px 20px;display:inline-block;outline:none;border:none;background-color:transparent;line-height:1;font-size:var(--108fc75d);text-decoration:none;text-shadow:var(--45ef2fd4) 0 0 1px;color:var(--fc71f308);cursor:pointer}.dv-button-wrapper .dv-button:focus,.dv-button-wrapper .dv-button:hover{text-shadow:var(--6ca41ab4) 0 0 1px;color:var(--1faf6725)}.dv-button-wrapper .dv-button:focus svg,.dv-button-wrapper .dv-button:hover svg{filter:drop-shadow(var(--6ca41ab4) 0 0 2px)}.dv-button-wrapper .dv-button:focus path[data-type=shape],.dv-button-wrapper .dv-button:hover path[data-type=shape]{fill:var(--6ca41ab4)}.dv-button-wrapper .dv-button-svg-container{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;display:flex}.dv-button-wrapper .dv-button-svg{display:block;flex:1 1 0%;filter:drop-shadow(var(--45ef2fd4) 0 0 2px)}.dv-button-wrapper .dv-button-svg-bg{stroke-width:0;stroke:transparent;fill:var(--45ef2fd4);opacity:var(--9aee3820)}.dv-button-wrapper .dv-button-svg-line{stroke-width:2;stroke:var(--45ef2fd4);vector-effect:non-scaling-stroke;fill:transparent}.dv-button-wrapper .dv-button-text{position:relative}.dv-conical-column-chart{width:100%;height:100%}.dv-conical-column-chart text{text-anchor:middle;font-size:var(--51c9737a)}.dv-percent-pond{position:relative;display:flex;flex-direction:column}.dv-percent-pond svg{position:absolute;left:0;top:0;width:100%;height:100%}.dv-percent-pond polyline{transition:all .3s}.dv-percent-pond text{font-size:25px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.dv-water-pond-level{position:relative}.dv-water-pond-level svg{position:absolute;width:100%;height:100%;top:0;left:0}.dv-water-pond-level text{font-size:25px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.dv-water-pond-level ellipse,.dv-water-pond-level rect{fill:none;stroke-width:3}.dv-water-pond-level canvas{margin-top:8px;margin-left:8px;width:calc(100% - 16px);height:calc(100% - 16px);box-sizing:border-box}.dv-loading{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.dv-loading .loading-tip{font-size:15px}.dv-flyline-chart-enhanced{display:flex;flex-direction:column;background-size:100% 100%}.dv-flyline-chart-enhanced text{text-anchor:middle;dominant-baseline:middle}.dv-flyline-chart{display:flex;flex-direction:column;background-size:100% 100%}.dv-flyline-chart polyline{transition:all .3s}.dv-flyline-chart text{text-anchor:middle;dominant-baseline:middle}.dv-scroll-ranking-board[data-v-26f5f75f]{width:100%;height:100%;color:var(--442085aa);overflow:hidden}.dv-scroll-ranking-board .row-item[data-v-26f5f75f]{transition:all .3s;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.dv-scroll-ranking-board .ranking-info[data-v-26f5f75f]{display:flex;width:100%;font-size:var(--ca44414a)}.dv-scroll-ranking-board .ranking-info .rank[data-v-26f5f75f]{width:40px;color:var(--fdc8fe50)}.dv-scroll-ranking-board .ranking-info .info-name[data-v-26f5f75f]{flex:1}.dv-scroll-ranking-board .ranking-column[data-v-26f5f75f]{border-bottom:2px solid var(--31d0b588);margin-top:5px}.dv-scroll-ranking-board .ranking-column .inside-column[data-v-26f5f75f]{position:relative;height:6px;background-color:var(--fdc8fe50);margin-bottom:2px;border-radius:1px;overflow:hidden}.dv-scroll-ranking-board .ranking-column .shine[data-v-26f5f75f]{position:absolute;left:0;top:2px;height:2px;width:50px;transform:translate(-100%);background:radial-gradient(#28f8ff 5%,transparent 80%);animation:shine-26f5f75f 3s ease-in-out infinite alternate}@keyframes shine-26f5f75f{80%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}.dv-scroll-board{position:relative;width:100%;height:100%;color:#fff}.dv-scroll-board .text{padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-scroll-board .header{display:flex;flex-direction:row;font-size:15px}.dv-scroll-board .header .header-item{padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s}.dv-scroll-board .rows{overflow:hidden}.dv-scroll-board .rows .row-item{display:flex;font-size:14px;transition:all .3s}.dv-scroll-board .rows .ceil{padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-scroll-board .rows .index{border-radius:3px;padding:0 3px}.dv-charts-container{position:relative}.dv-charts-container,.dv-charts-container .charts-canvas-container{width:100%;height:100%}.dv-capsule-chart{position:relative;display:flex;flex-direction:row;box-sizing:border-box;padding:10px;color:var(--1b634ae3)}.dv-capsule-chart .label-column{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding-right:10px;text-align:right;font-size:var(--63348aba)}.dv-capsule-chart .label-column div{height:20px;line-height:20px}.dv-capsule-chart .capsule-container{flex:1;display:flex;flex-direction:column;justify-content:space-between}.dv-capsule-chart .capsule-item{box-shadow:0 0 3px #999;height:10px;margin:5px 0;border-radius:5px}.dv-capsule-chart .capsule-item .capsule-item-column{position:relative;height:8px;margin-top:1px;border-radius:5px;transition:all .3s;display:flex;justify-content:flex-end;align-items:center}.dv-capsule-chart .capsule-item .capsule-item-column .capsule-item-value{font-size:var(--63348aba);transform:translate(100%)}.dv-capsule-chart .unit-label{height:20px;font-size:var(--63348aba);position:relative;display:flex;justify-content:space-between;align-items:center}.dv-capsule-chart .unit-text{text-align:right;display:flex;align-items:flex-end;font-size:var(--63348aba);line-height:20px;margin-left:10px}.dv-digital-flop canvas{width:100%;height:100%}.dv-active-ring-chart{position:relative}.dv-active-ring-chart .active-ring-chart-container{width:100%;height:100%}.dv-active-ring-chart .active-ring-info{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.dv-active-ring-chart .active-ring-info .dv-digital-flop{width:100px;height:30px}.dv-active-ring-chart .active-ring-info .active-ring-name{width:100px;height:30px;color:var(--18d51787);text-align:center;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#dv-full-screen-container{position:fixed;top:0;left:0;overflow:hidden;transform-origin:left top;z-index:999}.dv-decoration-1{width:100%;height:100%}.dv-decoration-1 svg{transform-origin:left top}.dv-decoration-2{display:flex;justify-content:center;align-items:center}.dv-decoration-2,.dv-decoration-3{width:100%;height:100%}.dv-decoration-3 svg{transform-origin:left top}.dv-decoration-4{position:relative;width:100%;height:100%}.dv-decoration-4 .container{display:flex;overflow:hidden;position:absolute;flex:1}.dv-decoration-4 .normal{animation:ani-height ease-in-out infinite;left:50%;margin-left:-2px}.dv-decoration-4 .reverse{animation:ani-width ease-in-out infinite;top:50%;margin-top:-2px}@keyframes ani-height{0%{height:0}70%{height:100%}to{height:100%}}@keyframes ani-width{0%{width:0}70%{width:100%}to{width:100%}}.dv-decoration-5,.dv-decoration-6{width:100%;height:100%}.dv-decoration-6 svg{transform-origin:left top}.dv-decoration-7{justify-content:center;align-items:center}.dv-decoration-7,.dv-decoration-8,.dv-decoration-9{display:flex;width:100%;height:100%}.dv-decoration-9{position:relative;align-items:center;justify-content:center}.dv-decoration-9 svg{position:absolute;left:0;top:0;transform-origin:left top}.dv-decoration-10,.dv-decoration-11{width:100%;height:100%;display:flex}.dv-decoration-11{position:relative}.dv-decoration-11 .decoration-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dv-decoration-12{position:relative;width:100%;height:100%;display:flex}.dv-decoration-12 .decoration-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dv-border-box-1{position:relative;width:100%;height:100%}.dv-border-box-1 .dv-border{position:absolute;display:block}.dv-border-box-1 .right-top{right:0;transform:rotateY(180deg)}.dv-border-box-1 .left-bottom{bottom:0;transform:rotateX(180deg)}.dv-border-box-1 .right-bottom{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.dv-border-box-1 .border-box-content{text-align:center}.dv-border-box-1 .border-box-content,.dv-border-box-2{position:relative;width:100%;height:100%}.dv-border-box-2 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-2 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-2 .border-box-content,.dv-border-box-3{position:relative;width:100%;height:100%}.dv-border-box-3 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-3 .dv-border-svg-container>polyline{fill:none}.dv-border-box-3 .dv-bb3-line1{stroke-width:3}.dv-border-box-3 .dv-bb3-line2{stroke-width:1}.dv-border-box-3 .border-box-content,.dv-border-box-4{position:relative;width:100%;height:100%}.dv-border-box-4 .dv-reverse{transform:rotate(180deg)}.dv-border-box-4 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-4 .dv-border-svg-container>polyline{fill:none}.dv-border-box-4 .sw1{stroke-width:1}.dv-border-box-4 .sw3{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-1,.dv-border-box-4 .dv-bb4-line-2{stroke-width:1}.dv-border-box-4 .dv-bb4-line-3,.dv-border-box-4 .dv-bb4-line-4{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-5,.dv-border-box-4 .dv-bb4-line-6,.dv-border-box-4 .dv-bb4-line-7{stroke-width:1}.dv-border-box-4 .dv-bb4-line-8,.dv-border-box-4 .dv-bb4-line-9{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-9{stroke-dasharray:100 250}.dv-border-box-4 .dv-bb4-line-10{stroke-width:1;stroke-dasharray:80 270}.dv-border-box-4 .border-box-content,.dv-border-box-5{position:relative;width:100%;height:100%}.dv-border-box-5 .dv-reverse{transform:rotate(180deg)}.dv-border-box-5 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-5 .dv-border-svg-container>polyline{fill:none}.dv-border-box-5 .dv-bb5-line-1,.dv-border-box-5 .dv-bb5-line-2{stroke-width:1}.dv-border-box-5 .dv-bb5-line-3,.dv-border-box-5 .dv-bb5-line-6{stroke-width:5}.dv-border-box-5 .dv-bb5-line-4,.dv-border-box-5 .dv-bb5-line-5{stroke-width:2}.dv-border-box-5 .border-box-content,.dv-border-box-6{position:relative;width:100%;height:100%}.dv-border-box-6 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-6 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-6 .border-box-content,.dv-border-box-7{position:relative;width:100%;height:100%}.dv-border-box-7 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-7 .dv-border-svg-container>polyline{fill:none;stroke-linecap:round}.dv-border-box-7 .dv-bb7-line-width-2{stroke-width:2}.dv-border-box-7 .dv-bb7-line-width-5{stroke-width:5}.dv-border-box-7 .border-box-content,.dv-border-box-8{position:relative;width:100%;height:100%}.dv-border-box-8 .dv-border-svg-container{position:absolute;width:100%;height:100%;left:0;top:0}.dv-border-box-8 .border-box-content,.dv-border-box-9{position:relative;width:100%;height:100%}.dv-border-box-9 .dv-border-svg-container{position:absolute;width:100%;height:100%;left:0;top:0}.dv-border-box-10,.dv-border-box-9 .border-box-content{position:relative;width:100%;height:100%}.dv-border-box-10{border-radius:6px}.dv-border-box-10 .dv-border-svg-container{position:absolute;display:block}.dv-border-box-10 .right-top{right:0;transform:rotateY(180deg)}.dv-border-box-10 .left-bottom{bottom:0;transform:rotateX(180deg)}.dv-border-box-10 .right-bottom{right:0;bottom:0;transform:rotateX(180deg) rotateY(180deg)}.dv-border-box-10 .border-box-content,.dv-border-box-11{position:relative;width:100%;height:100%}.dv-border-box-11 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-11 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-11 .border-box-content,.dv-border-box-12{position:relative;width:100%;height:100%}.dv-border-box-12 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-12 .border-box-content,.dv-border-box-13{position:relative;width:100%;height:100%}.dv-border-box-13 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-13 .border-box-content{position:relative;width:100%;height:100%}