.screen-side-panel[data-v-30ccf7b5]{overflow:auto;position:absolute;top:0;background-size:100% 100%;-webkit-transition:-webkit-transform .55s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .55s cubic-bezier(0,0,.2,1) 0ms;transition:transform .55s cubic-bezier(0,0,.2,1) 0ms;transition:transform .55s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .55s cubic-bezier(0,0,.2,1) 0ms;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.screen-side-panel.full[data-v-30ccf7b5]{height:calc(100% - 103px);top:103px}.screen-side-panel.back[data-v-30ccf7b5]{background-color:rgba(3,19,60,.7)}.screen-side-panel.default[data-v-30ccf7b5]{right:0}.screen-side-panel.left[data-v-30ccf7b5]{left:0;background:-webkit-gradient(linear,left top,right top,from(rgba(13,15,22,.8)),color-stop(76%,rgba(13,15,22,.5)),to(rgba(13,15,22,0)));background:linear-gradient(-270deg,rgba(13,15,22,.8),rgba(13,15,22,.5) 76%,rgba(13,15,22,0))}.screen-side-panel.left.expand[data-v-30ccf7b5]{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0}.screen-side-panel.right[data-v-30ccf7b5]{right:0;background:-webkit-gradient(linear,right top,left top,from(rgba(13,15,22,.8)),color-stop(76%,rgba(13,15,22,.5)),to(rgba(13,15,22,0)));background:linear-gradient(270deg,rgba(13,15,22,.8),rgba(13,15,22,.5) 76%,rgba(13,15,22,0))}.screen-side-panel.right.expand[data-v-30ccf7b5]{-webkit-transform:translateX(100%);transform:translateX(100%);right:0}.screen-side-panel__content[data-v-30ccf7b5]{padding:20px 40px}.screen-side-panel__body[data-v-30ccf7b5],.screen-side-panel__content[data-v-30ccf7b5]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screen-side-panel__arrow[data-v-30ccf7b5]{position:absolute;top:50%;z-index:1;padding:10px 5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.screen-side-panel__arrow i[data-v-30ccf7b5]{color:var(--primary-color)}.screen-side-panel__arrow.left[data-v-30ccf7b5]{right:-25px;border-bottom-right-radius:6px;border-top-right-radius:6px}.screen-side-panel__arrow.right[data-v-30ccf7b5]{left:-25px;border-bottom-left-radius:6px;border-top-left-radius:6px}.screen-side-panel__header[data-v-30ccf7b5]{padding:12px 20px;background-color:#1d253a;border-top-left-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.screen-side-panel__header i[data-v-30ccf7b5]{cursor:pointer}.screen-side-panel.show[data-v-30ccf7b5]{-webkit-transform:translateX(0);transform:translateX(0)}.StatsBox[data-v-4f4cc8dc]{width:100%;height:100%;padding-top:15px}.StatsBox__chart[data-v-4f4cc8dc]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100px;width:40%}.StatsBox__header[data-v-4f4cc8dc]{list-style:none;width:50%;margin:auto}.StatsBox__header li[data-v-4f4cc8dc]{height:52px;line-height:52px;color:#fff;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.StatsBox__header li h4[data-v-4f4cc8dc]{padding:0;margin:0;padding-left:22px;padding-bottom:4px;font-size:18px;font-family:Source Han Sans CN;font-weight:500;color:#eff0f1;line-height:21px}.StatsBox__header li p[data-v-4f4cc8dc]{width:120px;margin-top:10px;height:24px;font-size:28px;font-family:zcoolqingkehuangyouti;font-weight:700;text-align:left;line-height:27px}.StatsBox__header li .bg-blue[data-v-4f4cc8dc],.StatsBox__header li .bg-green[data-v-4f4cc8dc],.StatsBox__header li .bg-yellow[data-v-4f4cc8dc],.StatsBox__header li .bg[data-v-4f4cc8dc]{width:152px;font-family:YouSheBiaoTiHei;font-weight:400;line-height:52px;color:transparent;background-clip:text;-webkit-background-clip:text;font-size:24px;padding-right:18px;width:100%;text-align:right}.StatsBox__header li .bg-blue[data-v-4f4cc8dc]{background-image:-webkit-gradient(linear,left top,right top,from(#097ce7),color-stop(76%,#fff));background-image:linear-gradient(90deg,#097ce7,#fff 76%)}.StatsBox__header li .bg-green[data-v-4f4cc8dc]{background-image:-webkit-gradient(linear,left top,right top,from(#14c9c9),color-stop(76%,#fff));background-image:linear-gradient(90deg,#14c9c9,#fff 76%)}.StatsBox__header li .bg-yellow[data-v-4f4cc8dc]{background-image:-webkit-gradient(linear,left top,right top,from(#f7ba1e),color-stop(76%,#fff));background-image:linear-gradient(90deg,#f7ba1e,#fff 76%)}.StatsBox__header li.blue[data-v-4f4cc8dc]{border-left:8px solid #00cbff;background:-webkit-gradient(linear,left top,right top,from(rgba(0,203,255,.6)),to(rgba(0,203,255,0)));background:linear-gradient(90deg,rgba(0,203,255,.6),rgba(0,203,255,0))}.StatsBox__header li.blue h4[data-v-4f4cc8dc]{color:#00cbff}.StatsBox__header li.yellow[data-v-4f4cc8dc]{border-left:8px solid #ffc600;background:-webkit-gradient(linear,left top,right top,from(rgba(255,198,0,.6)),to(rgba(255,198,0,0)));background:linear-gradient(90deg,rgba(255,198,0,.6),rgba(255,198,0,0))}.StatsBox__header li.yellow h4[data-v-4f4cc8dc]{color:#ffc600}.StatsBox__header li.green[data-v-4f4cc8dc]{border-left:8px solid #00ff9c;background:-webkit-gradient(linear,left top,right top,from(rgba(0,255,156,.6)),to(rgba(0,255,156,0)));background:linear-gradient(90deg,rgba(0,255,156,.6),rgba(0,255,156,0))}.StatsBox__header li.green h4[data-v-4f4cc8dc]{color:#00ff9c}.car-container[data-v-77505f46],.people-count[data-v-485542f1],.traffic-main[data-v-4dca3a33],.traffic-main[data-v-6eaf0eac]{height:100%}.ScreenBox[data-v-80df01da]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 30px 10px 30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-size:100% 100%}.ScreenBox.flex[data-v-80df01da]{-webkit-box-flex:1;-ms-flex:1;flex:1}.ScreenBox__header[data-v-80df01da]{height:40px;font-size:18px;width:100%;color:#fff;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa4AAAAECAYAAADWBdumAAAAAXNSR0IArs4c6QAAAO5JREFUWEft2EEKgkAUxvH/hN6gdbUJ2laLdm3rIO3c16LuUEfoQl2lZRHYvJBK1DQSXCR8gqAz45vht/l4usBs0YGDwcgB5oF7+W3F8czaj7nX2qrxZI90rmTPyu/WLjlmeg1nG8u+61kCEpCABP5L4DLuc17NuU4GjRzsGQJmQQgRsHOebmVoeLAYqBM02YAqCb7agVcIrkYUVEQCEpCABFojkOteMOuGni2eiJiw2Hn9Y8fVGmkdVAISkIAEGhHIB9e75M1GgbF3MctceCUd16+/ETPrvnZwdesVOq7e8TRtREJFJCABCUigFQIPvvLItMx5QfQAAAAASUVORK5CYII=) 0 100% no-repeat}.ScreenBox__header .title[data-v-80df01da]{font-family:YouSheBiaoTiHei-Bold;font-size:28px;padding:5px 0 0 0;cursor:pointer}.ScreenBox__header .title[data-v-80df01da]:hover{color:#409eff}.ScreenBox__header .border[data-v-80df01da]{width:100%;display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:14px;height:31px}.ScreenBox__body[data-v-80df01da]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;padding-top:10px}.margin-70[data-v-4ef73952]{margin-top:70px}.box-top[data-v-4ef73952],.margin-10[data-v-4ef73952]{margin-top:10px}.top-bar[data-v-4ef73952]{height:164px;position:absolute;left:470px;top:0;width:calc(100% - 940px);background:-webkit-gradient(linear,left top,right top,from(rgba(13,15,22,0)),color-stop(rgba(13,15,22,.456)),to(rgba(13,15,22,0)));background:linear-gradient(90deg,rgba(13,15,22,0) 0,rgba(13,15,22,.456),rgba(13,15,22,0));border-radius:0 0 0 0;opacity:1;z-index:2}.top-bar .bar-list[data-v-4ef73952]{margin-top:20px}.top-bar .list-item[data-v-4ef73952]{margin-right:42px}.top-bar .list-item img[data-v-4ef73952]{width:40px}.top-bar .list-item .item-right[data-v-4ef73952]{cursor:pointer}.top-bar .list-item .item-right .title[data-v-4ef73952]{height:28px;font-size:20px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500;color:hsla(0,0%,100%,.8);line-height:28px;-webkit-background-clip:text}.top-bar .list-item .item-right .value[data-v-4ef73952]{font-size:30px;font-weight:700;margin-top:8px;font-family:HarmonyOS Sans SC-Bold,HarmonyOS Sans SC;color:hsla(0,0%,100%,.9);text-align:center}.top-bar .list-item .item-right:hover .title[data-v-4ef73952],.top-bar .list-item .item-right:hover .value[data-v-4ef73952]{color:#409eff}.box-top[data-v-4ef73952]{height:20%}.box-top .item[data-v-4ef73952]{width:50%;margin:auto}.box-top .item-content[data-v-4ef73952]{padding:0 7px}.box-top .item-content .unit-span[data-v-4ef73952]{font-size:18px;margin-left:4px;color:hsla(0,0%,100%,.7)}.box-top .item-content_title[data-v-4ef73952]{font-size:18px;font-weight:400;color:hsla(0,0%,100%,.7)}.box-top .item-content_value[data-v-4ef73952]{margin-top:8px;font-size:25px;font-weight:900;color:hsla(0,0%,100%,.9);line-height:34px;-webkit-background-clip:text}.box-top .item-content .yellow-font[data-v-4ef73952]{text-shadow:0 1px 11px rgba(255,196,32,.6784)}.box-top .item-content .green-font[data-v-4ef73952]{text-shadow:0 1px 11px rgba(32,255,147,.6784)}.item-icon img[data-v-4ef73952]{width:50px}.box-chart[data-v-4ef73952]{height:80%}.panel[data-v-4ef73952]{height:100%}