.data-vision-trend[data-v-0004c788]{height:200px;width:100%;background:rgba(21,43,74,.6)}.data-vision-trend .title[data-v-0004c788]{font-size:15px;font-weight:700;padding-left:10px;padding-top:5px}.data-vision-trend .title-not-active[data-v-0004c788]{opacity:.5;font-weight:400}.data-vision-trend .chart[data-v-0004c788]{width:100%;height:170px}.data-events-block-header[data-v-7ff4ecfa]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 10px 0 10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.data-events-block-header p[data-v-7ff4ecfa]{margin:0;padding:0}.data-scroll-box[data-v-7ff4ecfa]{margin-top:10px;opacity:.8;background:rgba(21,43,74,.6)}.scroll-content[data-v-7ff4ecfa]{width:100%;height:200px;font-size:12px;cursor:pointer}.dv-scroll-board[data-v-7ff4ecfa] .rows .row-item{padding:5px 0}.data-control[data-v-39b47122]{margin-top:10px;opacity:.8;height:240px;background:rgba(21,43,74,.6)}.data-control .data-control-title[data-v-39b47122]{padding:10px;font-size:15px;font-weight:600}.data-control .control-content[data-v-39b47122]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 6px}.data-control .control-content .control-people[data-v-39b47122]{width:20%;margin-top:10px;margin-right:15px}.data-control .control-content .control-people .people[data-v-39b47122]{text-align:center;color:#1195db;font-size:14px}.data-control .control-content .control-people .people-item[data-v-39b47122]{text-align:center;font-size:13px;padding:3px 0}.data-control .control-content .control-video[data-v-39b47122]{width:75%;display:-webkit-box;display:-ms-flexbox;display:flex}.data-control .control-content .control-video .video-line[data-v-39b47122]{width:1px;height:180px;background:#000}.data-control .control-content .control-video .video[data-v-39b47122]{margin-left:15px;width:320px;height:180px;background:#000}body{overflow:hidden}body,p{padding:0;margin:0}#HUD{position:absolute;float:left;background:rgba(0,0,0,.5);border-color:#fff;border-radius:5px;color:#fff}#mainCanvas{position:relative}.title{font-size:16px;font-weight:600}.text-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.roam-colection{position:absolute;left:6%;bottom:10%}.trend{width:460px;position:absolute;right:0;top:65px;opacity:.8}.button-3d-2{position:relative;background:#ecd300;background:radial-gradient(#ffe500,#ccb800);font-size:1.4rem;text-shadow:0 -1px 0 #c3af07;color:#fff;border:1px solid #665c00;border-radius:100%;height:80px;width:80px;z-index:4;outline:none;cursor:pointer;-webkit-box-shadow:inset 0 1px 0 #ffe500,0 2px 0 #665c00,0 3px 0 #5c5300,0 4px 0 #524900,0 5px 0 #474000,0 6px 0 #3d3700,0 7px 0 #332e00,0 8px 0 #292500,0 9px 0 #1f1c00;box-shadow:inset 0 1px 0 #ffe500,0 2px 0 #665c00,0 3px 0 #5c5300,0 4px 0 #524900,0 5px 0 #474000,0 6px 0 #3d3700,0 7px 0 #332e00,0 8px 0 #292500,0 9px 0 #1f1c00}.button-3d-2:active{top:2px;-webkit-box-shadow:inset 0 1px 0 #ffe500,0 2px 0 #524900,0 3px 0 #474000,0 4px 0 #3d3700,0 5px 0 #332e00,0 6px 0 #292500,0 7px 0 #1f1c00;box-shadow:inset 0 1px 0 #ffe500,0 2px 0 #524900,0 3px 0 #474000,0 4px 0 #3d3700,0 5px 0 #332e00,0 6px 0 #292500,0 7px 0 #1f1c00}.condition-right{position:absolute;top:80px;right:10px;width:400px}.condition-right .abnormal-box{padding:19px 24px;font-size:14px}