.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)}.ScreenBox[data-v-4baff739]{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-4baff739]{-webkit-box-flex:1;-ms-flex:1;flex:1}.ScreenBox__header[data-v-4baff739]{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-4baff739]{font-family:YouSheBiaoTiHei-Bold;font-size:28px;padding:5px 0 0 0}.ScreenBox__header .border[data-v-4baff739]{width:100%;display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:14px;height:31px}.ScreenBox__body[data-v-4baff739]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;padding-top:10px}.traffic-container[data-v-4874d9d4]{height:100%}.VehicleParking .chart[data-v-2fef456e],.VehicleParking[data-v-2fef456e]{height:100%;width:100%}.car-container[data-v-77505f46],.people-count[data-v-3b609de9]{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}.panel[data-v-3a527024]{height:100%}