.content-box[data-v-1b618e60]{width:100%;height:100%;background:linear-gradient(180deg,rgba(10,51,71,.09),rgba(46,132,219,.2));position:relative}.content-box[data-v-1b618e60]:after{content:"";position:absolute;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(28,213,231,0) 5%,#42a0ff 50%,rgba(28,213,231,0) 95%);border-radius:50%/2px}.content-box .box-top[data-v-1b618e60]{height:22px;position:relative}.content-box .box-bottom[data-v-1b618e60]{height:calc(100% - 22px);overflow:auto}.map .polyline[data-v-1b618e60]{width:100%;height:1px}.map .polyline .polyline-left[data-v-1b618e60]{display:inline-block;height:1px;background:linear-gradient(90deg,rgba(46,132,219,0),#4ba4ff);position:absolute;top:0;left:0}.map .polyline .polyline-left-decoration[data-v-1b618e60]{width:22px;height:22px;display:inline-block;position:absolute;top:0}.map .polyline .polyline-center[data-v-1b618e60]{display:inline-block;height:1px;background:#4ba4ff;position:absolute;bottom:0;left:50%}.map .polyline .polyline-right-decoration[data-v-1b618e60]{width:22px;height:22px;display:inline-block;position:absolute;top:0}.map .polyline .polyline-right[data-v-1b618e60]{display:inline-block;height:1px;background:linear-gradient(90deg,#4ba4ff,rgba(46,132,219,0));position:absolute;top:0;right:0}.map .left[data-v-1b618e60]{height:8px;display:inline-flex;align-items:flex-end;justify-content:flex-end;position:absolute;top:0;left:8px}.map .left[data-v-1b618e60]:before{content:"";display:inline-block;width:100%;height:18px;position:absolute;top:0;left:0;background:linear-gradient(-135deg,transparent 18px,rgba(0,149,255,.7) 0,rgba(14,94,110,0))}.map .left .first[data-v-1b618e60]{background:rgba(218,207,131,.4)}.map .left .first[data-v-1b618e60],.map .left .second[data-v-1b618e60]{display:inline-block;width:12px;height:4px;transform:skew(45deg);margin-right:8px}.map .left .second[data-v-1b618e60]{background:rgba(218,207,131,.6)}.map .left .third[data-v-1b618e60]{display:inline-block;width:12px;height:4px;background:#dacf83;transform:skew(45deg);margin-right:6px}.map .left .fourth[data-v-1b618e60]{display:inline-block;width:78px;height:8px;background:linear-gradient(-90deg,rgba(0,149,255,0),#00b1ff);margin-right:20px;transform:skew(45deg);border:1px solid;border-right:none;-o-border-image:linear-gradient(-90deg,rgba(0,177,255,0) 62%,#fff) 1 1;border-image:linear-gradient(-90deg,rgba(0,177,255,0) 62%,#fff) 1 1}.map .right[data-v-1b618e60]{height:8px;display:inline-flex;align-items:flex-end;position:absolute;top:0;right:0}.map .right[data-v-1b618e60]:before{content:"";display:inline-block;width:100%;height:18px;position:absolute;top:0;left:-8px;background:linear-gradient(135deg,transparent 18px,rgba(0,149,255,.7) 0,rgba(14,94,110,0))}.map .right .first[data-v-1b618e60]{display:inline-block;width:78px;height:8px;margin-left:14px;background:linear-gradient(90deg,rgba(0,149,255,0),#00b1ff);transform:skew(-45deg);border:1px solid;border-left:none;-o-border-image:linear-gradient(90deg,rgba(0,177,255,0) 62%,#fff) 1 1;border-image:linear-gradient(90deg,rgba(0,177,255,0) 62%,#fff) 1 1}.map .right .second[data-v-1b618e60]{display:inline-block;width:12px;height:4px;background:#dacf83;transform:skew(-45deg);margin-left:6px}.map .right .third[data-v-1b618e60]{background:rgba(218,207,131,.6)}.map .right .fourth[data-v-1b618e60],.map .right .third[data-v-1b618e60]{display:inline-block;width:12px;height:4px;transform:skew(-45deg);margin-left:8px}.map .right .fourth[data-v-1b618e60]{background:rgba(218,207,131,.4)}.map .center[data-v-1b618e60]{height:22px;position:absolute;top:0;left:50%}.map .center[data-v-1b618e60]:before{right:50%;background:linear-gradient(45deg,transparent 18px,rgba(0,149,255,0) 0,rgba(0,149,255,.8))}.map .center[data-v-1b618e60]:after,.map .center[data-v-1b618e60]:before{content:"";display:inline-block;width:50%;height:18px;position:absolute;top:0}.map .center[data-v-1b618e60]:after{left:50%;background:linear-gradient(-45deg,transparent 18px,rgba(0,149,255,0) 0,rgba(0,149,255,.8))}.map .center .title[data-v-1b618e60]{position:absolute;z-index:9;top:-2px;width:100%;line-height:18px;font-size:18px;font-weight:700;color:#fff;letter-spacing:2px;text-align:center;padding:0 12px}.menu .trapezoid-title[data-v-1b618e60]{width:calc(100% - 10px);height:22px;position:absolute;top:0;left:0;overflow:hidden}.menu .trapezoid-title[data-v-1b618e60]:before{position:absolute;top:0;left:-18px;content:"";display:inline-block;width:100%;height:22px;border-bottom:1px solid;-o-border-image:linear-gradient(90deg,rgba(66,160,255,0) 3%,#409fff 38%,#4ba4ff 90%,rgba(46,132,219,0)) 1 1;border-image:linear-gradient(90deg,rgba(66,160,255,0) 3%,#409fff 38%,#4ba4ff 90%,rgba(46,132,219,0)) 1 1}.menu .trapezoid-title[data-v-1b618e60]:after{position:absolute;top:0;left:-9px;content:"";display:inline-block;width:100%;height:18px;background:linear-gradient(90deg,rgba(0,149,255,0),#00b1ff);border:1px solid;border-left:none;-o-border-image:linear-gradient(90deg,rgba(0,177,255,0) 62%,#fff) 1 1;border-image:linear-gradient(90deg,rgba(0,177,255,0) 62%,#fff) 1 1;transform:skew(-45deg)}.menu .triangle .left[data-v-1b618e60]{width:10px;height:14px;position:absolute;top:0;left:4px}.menu .triangle .right[data-v-1b618e60]{width:6px;height:10px;position:absolute;top:-2px;left:10px}.menu .title[data-v-1b618e60]{height:16px;line-height:16px;position:absolute;top:0;left:0;font-size:15px;font-weight:700;color:#fff;letter-spacing:2px;margin-left:24px}.default .polyline[data-v-1b618e60]{width:100%;height:1px}.default .polyline .polyline-left[data-v-1b618e60]{display:inline-block;height:1px;background:linear-gradient(90deg,rgba(66,160,255,0),#409fff);position:absolute;top:21px;left:0}.default .polyline .polyline-right[data-v-1b618e60]{display:inline-block;height:1px;background:linear-gradient(90deg,#4ba4ff,rgba(46,132,219,0));position:absolute;top:0;right:0}.default .polyline .polyline-center[data-v-1b618e60]{width:22px;height:22px;display:inline-block;position:absolute;top:0}.default .trapezoid-title[data-v-1b618e60]{height:18px;position:absolute;top:0;left:0;overflow:hidden}.default .trapezoid-title[data-v-1b618e60]:before{position:absolute;top:0;left:-9px;content:"";display:inline-block;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,149,255,0),#00b1ff);border:1px solid;border-left:none;-o-border-image:linear-gradient(90deg,rgba(0,177,255,0) 62%,#fff) 1 1;border-image:linear-gradient(90deg,rgba(0,177,255,0) 62%,#fff) 1 1;transform:skew(-45deg)}.default .trapezoid-decoration-right[data-v-1b618e60]{height:18px;position:absolute;top:0;right:0;background:linear-gradient(135deg,transparent 18px,rgba(0,149,255,.7) 0,rgba(14,94,110,0))}.default .trapezoid-decoration-bottom[data-v-1b618e60]{height:30px;position:absolute;top:0;left:0}.default .decoration-right[data-v-1b618e60]{height:8px;display:inline-flex;align-items:flex-end;position:absolute;top:1px}.default .decoration-right .first[data-v-1b618e60]{display:inline-block;width:78px;height:8px;background:linear-gradient(90deg,rgba(0,149,255,0),#00b1ff);transform:skew(-45deg);border:1px solid;border-left:none;-o-border-image:linear-gradient(90deg,rgba(0,177,255,0) 62%,#fff) 1 1;border-image:linear-gradient(90deg,rgba(0,177,255,0) 62%,#fff) 1 1}.default .decoration-right .second[data-v-1b618e60]{display:inline-block;width:12px;height:4px;background:#dacf83;transform:skew(-45deg);margin-left:6px}.default .decoration-right .third[data-v-1b618e60]{display:inline-block;width:12px;height:4px;background:rgba(218,207,131,.6);transform:skew(-45deg);margin-left:8px}.default .decoration-right .fourth[data-v-1b618e60]{display:inline-block;width:12px;height:4px;background:rgba(218,207,131,.4);transform:skew(-45deg);margin-left:8px}.default .triangle .left[data-v-1b618e60]{width:10px;height:14px;position:absolute;top:0;left:4px}.default .triangle .right[data-v-1b618e60]{width:6px;height:10px;position:absolute;top:-2px;left:10px}.default .title[data-v-1b618e60]{height:16px;line-height:16px;position:absolute;top:0;left:0;font-size:15px;font-weight:700;color:#fff;letter-spacing:2px;margin-left:24px}.default .title .ali-icon[data-v-1b618e60]{margin-right:8px}.default .title .ali-icon[data-v-1b618e60]:hover{cursor:pointer;color:#00b1ff}.vedeo-container[data-v-468370f8]{display:flex;height:calc(100% - 104px);padding:10px;margin-top:8px}.vedeo-container .list-wrap[data-v-468370f8]{width:240px;padding:0 10px}.vedeo-container .list-wrap .cameraList[data-v-468370f8]{height:450px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:10px 10px;color:#afb9cb}.vedeo-container .list-wrap .cameraList li[data-v-468370f8]{list-style-type:none;height:36px;line-height:36px;background:rgba(100,149,237,.5);background-color:#1a3669;margin-bottom:10px;border-radius:2px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px;text-align:center}.vedeo-container .list-wrap .cameraList li a[data-v-468370f8]{color:#afb9cb}.vedeo-container .list-wrap .cameraList li a[data-v-468370f8]:hover{color:#fff}.vedeo-container .vedio-wrap[data-v-468370f8]{width:calc(100% - 260px);height:calc(100% - 40px);background:#000;margin:0 10px 10px 10px}.sskClass[data-v-468370f8]{margin:40px auto 20px auto}.guanbi[data-v-468370f8]{position:absolute;right:30px;top:30px}.body-container[data-v-468370f8]{width:calc(100% - 260px);height:100%;margin-left:16px;background:linear-gradient(180deg,rgba(10,51,71,.1),rgba(10,51,71,.4),rgba(46,132,219,.2));background-size:100% 100%;position:relative}.body-container .child-page-container[data-v-468370f8]{padding:20px 40px 0 40px;padding-bottom:10px;height:calc(100% - 40px);overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:none}.body-container .child-page-container[data-v-468370f8]::-webkit-scrollbar{display:none}.body-container .child-page-title[data-v-468370f8]{position:absolute;top:32px;left:50px;font-size:16px;display:inline-block;font-weight:700;letter-spacing:2px}.body-container .child-page-title span[data-v-468370f8]{color:#529aff}.body-container .child-page-title .back[data-v-468370f8]{margin-right:16px;font-size:15px;color:rgba(82,154,255,.75)}.body-container .child-page-title .title-before[data-v-468370f8]:before{content:"";width:9px;display:inline-block;height:9px;background:#529aff;margin-right:8px;border-radius:1px}.top-splitscreen[data-v-468370f8]{float:right;margin-top:10px;top:30px;right:20px}.top-splitscreen .top-splitscreen-select[data-v-468370f8]{width:90px}.monitor-content[data-v-468370f8]{clear:both;width:100%;height:calc(100% - 50px);padding:20px;display:flex;flex-direction:column}.monitor-content .content-bottom[data-v-468370f8]{flex:1;display:flex;flex-direction:column;margin:-10px;overflow:hidden}.monitor-content .content-bottom .monitor-column[data-v-468370f8]{flex:1;display:flex;overflow:hidden}.monitor-content .content-bottom .monitor-column[data-v-468370f8]:not(:last-child){margin-bottom:5px}.monitor-content .content-bottom .monitor-column .monitor-row[data-v-468370f8]{flex:1;display:flex;background:rgba(0,0,0,.3);border-radius:2px;position:relative;overflow:hidden;border:1px solid transparent}.monitor-content .content-bottom .monitor-column .monitor-row.active[data-v-468370f8]{border:1px solid #529aff}.monitor-content .content-bottom .monitor-column .monitor-row[data-v-468370f8]:not(:last-child){margin-right:5px}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask[data-v-468370f8]{position:absolute;width:100%;height:100%;z-index:9}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask:hover .iframe-close[data-v-468370f8],.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask:hover .iframe-note[data-v-468370f8]{opacity:1;transition:opacity 1s}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask .iframe-close[data-v-468370f8]{opacity:0;transition:opacity 1s;position:absolute;top:5px;right:5px}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask .iframe-note[data-v-468370f8]{opacity:0;transition:opacity 1s;position:absolute;width:100%;height:32px;bottom:0;padding:0 8px;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.5);font-weight:700}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask .iframe-note .note-name[data-v-468370f8]{flex:1;display:inline-flex;overflow:hidden;margin-right:8px;white-space:nowrap;text-overflow:ellipsis}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask .iframe-note .ali-icon[data-v-468370f8]{color:hsla(0,0%,100%,.5)}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask .iframe-note .ali-icon[data-v-468370f8]:hover{color:#fff;cursor:pointer}.monitor-content .content-bottom .monitor-column .monitor-row .videp-player[data-v-468370f8]{width:100%;height:100%;border:none;border-radius:2px;position:absolute;z-index:1}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc[data-v-468370f8]{width:100%;height:100%;position:absolute}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-top-left[data-v-468370f8]{position:absolute;top:15px;left:15px;display:inline-flex;flex-direction:column}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-top-left label[data-v-468370f8]{font-size:12px;font-weight:700;color:#fff;line-height:14px}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-top-left label[data-v-468370f8]:not(:last-child){margin-bottom:4px}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-play-button[data-v-468370f8]{position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px;font-size:36px;color:hsla(0,0%,100%,.56)}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-play-button[data-v-468370f8]:hover{cursor:pointer;color:#fff}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-bottom[data-v-468370f8]{position:absolute;bottom:0;width:100%;height:32px;text-align:center;line-height:32px;background:rgba(0,0,0,.7);font-size:14px;font-weight:700;color:#fff}.page[data-v-468370f8]{position:absolute;top:0;bottom:0;left:0;right:0}.content[data-v-468370f8]{height:98%;min-height:750px}.content>.box[data-v-468370f8]{height:100%;min-height:750px}.content>.box>div[data-v-468370f8]{background:rgba(5,12,39,.3);box-shadow:0 1px 13px 0 rgba(70,90,201,.48);border:1px solid rgba(85,143,255,.2)}.screen-wrap[data-v-468370f8]{position:absolute;top:-30px;right:44px;display:flex;justify-content:center}.screen-wrap li[data-v-468370f8]{padding-right:20px;cursor:pointer}.content .menu-wrap[data-v-468370f8]{width:260px;padding-bottom:30px}.content .menu-wrap>p[data-v-468370f8]{margin:30px 0 10px 30px;font-size:16px}.content .menu-wrap>p img[data-v-468370f8]{vertical-align:middle;width:24px}.content .menu-wrap>#movieLsit>.item>p[data-v-468370f8]{padding:10px 0;padding-left:50px;cursor:pointer}.content .menu-wrap>div>p img[data-v-468370f8]{vertical-align:middle;margin-right:4px}.content .menu-wrap li span[data-v-468370f8]{font-size:15px}.li_active[data-v-468370f8]{background:#0c1b6d;color:#38e9ec!important;border-left:3px solid #38e9ec!important}.vedio-wrap[data-v-468370f8]{width:calc(100% - 300px)}.vedio-wrap .box[data-v-468370f8]{justify-content:flex-start;flex-flow:row wrap;height:100%}.video-list[data-v-468370f8]{width:calc(100% - 220px);padding:10px}.video-control[data-v-468370f8]{width:100%;height:calc(100% - 100px);position:relative}.video-control img[data-v-468370f8]{cursor:pointer;padding:1px}.control-c[data-v-468370f8]{position:absolute;top:250px;right:20px;left:20px;color:#fff;margin:0 auto}.control-c img[data-v-468370f8]{width:22px;padding:5px 5px 4px 5px;background:rgba(18,20,101,.5);border:1px solid hsla(0,0%,100%,.06);border-radius:2px}.control-c img[data-v-468370f8]:hover{box-shadow:0 1px 13px 0 rgba(70,90,201,.48)}.control-c img[data-v-468370f8]:active{background:#2c2e9c}.control-c .box[data-v-468370f8]{margin-bottom:18px}.control-c .box>div[data-v-468370f8]{flex:1}.control-c .text-right[data-v-468370f8]{text-align:right}.control-c .text-center[data-v-468370f8]{text-align:center}.control-d[data-v-468370f8]{position:absolute;top:40px;right:10px;left:10px;background:#121465;height:180px;width:180px;border-radius:100%;z-index:2;margin:0 auto}.control-d img[data-v-468370f8]{padding:2px}.control-d img[data-v-468370f8]:hover{box-shadow:0 1px 13px 0 rgba(70,90,201,.48)}.control-d img[data-v-468370f8]:active{background:#2c2e9c}.control-d>div[data-v-468370f8]{height:100%;width:100%;position:relative}.contrl_back[data-v-468370f8]{position:absolute;top:42px;left:42px;right:42px;bottom:42px;opacity:.2;z-index:1}.contrl_back img[data-v-468370f8]{width:100%}.control-d .up[data-v-468370f8]{position:absolute;top:10px;left:80px;z-index:4}.control-d .down[data-v-468370f8]{position:absolute;bottom:10px;left:80px;z-index:4}.control-d .left[data-v-468370f8]{position:absolute;top:81px;left:10px;z-index:4}.control-d .right[data-v-468370f8]{position:absolute;top:81px;right:10px;z-index:4}.control-p[data-v-468370f8]{position:absolute;top:420px;right:10px;left:10px;z-index:2;margin:0 auto}.control-p .box>div[data-v-468370f8]{flex:1}.control-p .box>div li[data-v-468370f8]{text-align:center;width:80%;margin-left:10%;cursor:pointer;padding:8px 0;background:rgba(18,20,101,.5);margin-bottom:20px;border:1px solid hsla(0,0%,100%,.08);border-radius:4px}.control-p .box>div li[data-v-468370f8]:hover{box-shadow:0 1px 13px 0 rgba(70,90,201,.48)}.control-p .box>div li:hover p[data-v-468370f8]{color:#fff}.control-p .box>div li[data-v-468370f8]:active{background:#2c2e9c}.control-p .box p[data-v-468370f8]{color:#a8a8e2}.stream-type li[data-v-468370f8]{font-size:12px;color:#a8a8e2}.control_active span[data-v-468370f8]{color:#00fff9}.content .menu-wrap .itemWord img[data-v-468370f8]{vertical-align:middle;margin-right:4px}.content .menu-wrap li[data-v-468370f8]{color:#9193bf;cursor:pointer;border-left:3px solid #162579}.content .menu-wrap li span[data-v-468370f8]{display:inline-block;padding:14px 0 14px 70px}.itemWord[data-v-468370f8]{position:relative;cursor:pointer;box-shadow:0 1px 2px hsla(0,0%,100%,.1)}.itemWord:hover ul[data-v-468370f8]{display:block;box-shadow:0 1px 13px 0 rgba(0,0,0,.28)}.chooseItem[data-v-468370f8]{display:inline-block;margin-left:10px;padding:12px;color:#fff;font-size:16px}.itemWord ul[data-v-468370f8]{position:absolute;left:0;top:45px;background-color:#1e2f89;width:100%;display:none}.itemWord ul li[data-v-468370f8]{height:40px;line-height:40px;padding:0 18px;font-size:15px;color:#efefef}.itemWord ul li[data-v-468370f8]:hover{color:#00fff9}.item[data-v-468370f8]{color:#9193bf}.box[data-v-468370f8]{display:flex;align-items:center}.box li[data-v-468370f8]{list-style-type:none}.sskClass .ant-input{border-radius:20px}