.vedeo-container[data-v-ba58680a]{display:flex;height:calc(100% - 104px);padding:10px;margin-top:8px}.vedeo-container .list-wrap[data-v-ba58680a]{width:240px;background:linear-gradient(180deg,rgba(10,51,71,0),rgba(10,51,71,.41) 0,rgba(46,132,219,.2));padding:20px}.vedeo-container .list-wrap .cameraList[data-v-ba58680a]{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-ba58680a]{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-ba58680a]{color:#afb9cb}.vedeo-container .list-wrap .cameraList li a[data-v-ba58680a]:hover{color:#fff}.vedeo-container .vedio-wrap[data-v-ba58680a]{width:calc(100% - 260px);height:calc(100% - 40px);background:#000;margin:0 10px 10px 10px}.sskClass[data-v-ba58680a]{margin:40px auto 20px auto}.guanbi[data-v-ba58680a]{position:absolute;right:30px;top:30px}.body-container[data-v-ba58680a]{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-ba58680a]{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-ba58680a]::-webkit-scrollbar{display:none}.body-container .child-page-title[data-v-ba58680a]{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-ba58680a]{color:#529aff}.body-container .child-page-title .back[data-v-ba58680a]{margin-right:16px;font-size:15px;color:rgba(82,154,255,.75)}.body-container .child-page-title .title-before[data-v-ba58680a]:before{content:"";width:9px;display:inline-block;height:9px;background:#529aff;margin-right:8px;border-radius:1px}.top-splitscreen[data-v-ba58680a]{float:right;margin-top:10px;top:30px;right:20px}.top-splitscreen .top-splitscreen-select[data-v-ba58680a]{width:90px}.monitor-content[data-v-ba58680a]{clear:both;width:100%;height:calc(100% - 50px);padding:20px;display:flex;flex-direction:column}.monitor-content .content-bottom[data-v-ba58680a]{flex:1;display:flex;flex-direction:column;margin:-10px;overflow:hidden}.monitor-content .content-bottom .monitor-column[data-v-ba58680a]{flex:1;display:flex;overflow:hidden}.monitor-content .content-bottom .monitor-column[data-v-ba58680a]:not(:last-child){margin-bottom:5px}.monitor-content .content-bottom .monitor-column .monitor-row[data-v-ba58680a]{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-ba58680a]{border:1px solid #529aff}.monitor-content .content-bottom .monitor-column .monitor-row[data-v-ba58680a]:not(:last-child){margin-right:5px}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask[data-v-ba58680a]{position:absolute;width:100%;height:100%;z-index:9}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask:hover .iframe-close[data-v-ba58680a],.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask:hover .iframe-note[data-v-ba58680a]{opacity:1;transition:opacity 1s}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask .iframe-close[data-v-ba58680a]{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-ba58680a]{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-ba58680a]{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-ba58680a]{color:hsla(0,0%,100%,.5)}.monitor-content .content-bottom .monitor-column .monitor-row .iframe-mask .iframe-note .ali-icon[data-v-ba58680a]:hover{color:#fff;cursor:pointer}.monitor-content .content-bottom .monitor-column .monitor-row .videp-player[data-v-ba58680a]{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-ba58680a]{width:100%;height:100%;position:absolute}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-top-left[data-v-ba58680a]{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-ba58680a]{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-ba58680a]:not(:last-child){margin-bottom:4px}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-play-button[data-v-ba58680a]{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-ba58680a]:hover{cursor:pointer;color:#fff}.monitor-content .content-bottom .monitor-column .monitor-row .video-desc .desc-bottom[data-v-ba58680a]{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-ba58680a]{position:absolute;top:0;bottom:0;left:0;right:0}.content[data-v-ba58680a]{height:98%;min-height:750px}.content>.box[data-v-ba58680a]{height:100%;min-height:750px}.content>.box>div[data-v-ba58680a]{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-ba58680a]{position:absolute;top:-30px;right:44px;display:flex;justify-content:center}.screen-wrap li[data-v-ba58680a]{padding-right:20px;cursor:pointer}.content .menu-wrap[data-v-ba58680a]{width:260px;padding-bottom:30px}.content .menu-wrap>p[data-v-ba58680a]{margin:30px 0 10px 30px;font-size:16px}.content .menu-wrap>p img[data-v-ba58680a]{vertical-align:middle;width:24px}.content .menu-wrap>#movieLsit>.item>p[data-v-ba58680a]{padding:10px 0;padding-left:50px;cursor:pointer}.content .menu-wrap>div>p img[data-v-ba58680a]{vertical-align:middle;margin-right:4px}.content .menu-wrap li span[data-v-ba58680a]{font-size:15px}.li_active[data-v-ba58680a]{background:#0c1b6d;color:#38e9ec!important;border-left:3px solid #38e9ec!important}.vedio-wrap[data-v-ba58680a]{width:calc(100% - 300px)}.vedio-wrap .box[data-v-ba58680a]{justify-content:flex-start;flex-flow:row wrap;height:100%}.video-list[data-v-ba58680a]{width:calc(100% - 220px);padding:10px}.video-control[data-v-ba58680a]{width:100%;height:calc(100% - 100px);position:relative}.video-control img[data-v-ba58680a]{cursor:pointer;padding:1px}.control-c[data-v-ba58680a]{position:absolute;top:250px;right:20px;left:20px;color:#fff;margin:0 auto}.control-c img[data-v-ba58680a]{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-ba58680a]:hover{box-shadow:0 1px 13px 0 rgba(70,90,201,.48)}.control-c img[data-v-ba58680a]:active{background:#2c2e9c}.control-c .box[data-v-ba58680a]{margin-bottom:18px}.control-c .box>div[data-v-ba58680a]{flex:1}.control-c .text-right[data-v-ba58680a]{text-align:right}.control-c .text-center[data-v-ba58680a]{text-align:center}.control-d[data-v-ba58680a]{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-ba58680a]{padding:2px}.control-d img[data-v-ba58680a]:hover{box-shadow:0 1px 13px 0 rgba(70,90,201,.48)}.control-d img[data-v-ba58680a]:active{background:#2c2e9c}.control-d>div[data-v-ba58680a]{height:100%;width:100%;position:relative}.contrl_back[data-v-ba58680a]{position:absolute;top:42px;left:42px;right:42px;bottom:42px;opacity:.2;z-index:1}.contrl_back img[data-v-ba58680a]{width:100%}.control-d .up[data-v-ba58680a]{position:absolute;top:10px;left:80px;z-index:4}.control-d .down[data-v-ba58680a]{position:absolute;bottom:10px;left:80px;z-index:4}.control-d .left[data-v-ba58680a]{position:absolute;top:81px;left:10px;z-index:4}.control-d .right[data-v-ba58680a]{position:absolute;top:81px;right:10px;z-index:4}.control-p[data-v-ba58680a]{position:absolute;top:420px;right:10px;left:10px;z-index:2;margin:0 auto}.control-p .box>div[data-v-ba58680a]{flex:1}.control-p .box>div li[data-v-ba58680a]{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-ba58680a]:hover{box-shadow:0 1px 13px 0 rgba(70,90,201,.48)}.control-p .box>div li:hover p[data-v-ba58680a]{color:#fff}.control-p .box>div li[data-v-ba58680a]:active{background:#2c2e9c}.control-p .box p[data-v-ba58680a]{color:#a8a8e2}.stream-type li[data-v-ba58680a]{font-size:12px;color:#a8a8e2}.control_active span[data-v-ba58680a]{color:#00fff9}.content .menu-wrap .itemWord img[data-v-ba58680a]{vertical-align:middle;margin-right:4px}.content .menu-wrap li[data-v-ba58680a]{color:#9193bf;cursor:pointer;border-left:3px solid #162579}.content .menu-wrap li span[data-v-ba58680a]{display:inline-block;padding:14px 0 14px 70px}.itemWord[data-v-ba58680a]{position:relative;cursor:pointer;box-shadow:0 1px 2px hsla(0,0%,100%,.1)}.itemWord:hover ul[data-v-ba58680a]{display:block;box-shadow:0 1px 13px 0 rgba(0,0,0,.28)}.chooseItem[data-v-ba58680a]{display:inline-block;margin-left:10px;padding:12px;color:#fff;font-size:16px}.itemWord ul[data-v-ba58680a]{position:absolute;left:0;top:45px;background-color:#1e2f89;width:100%;display:none}.itemWord ul li[data-v-ba58680a]{height:40px;line-height:40px;padding:0 18px;font-size:15px;color:#efefef}.itemWord ul li[data-v-ba58680a]:hover{color:#00fff9}.item[data-v-ba58680a]{color:#9193bf}.box[data-v-ba58680a]{display:flex;align-items:center}.box li[data-v-ba58680a]{list-style-type:none}.listBar[data-v-ba58680a]{height:calc(100% - 100px);margin-top:20px}