.MenuListData .MenuListView[data-v-1c91dbfe]{margin-left:14px;cursor:pointer}.MenuListData .MenuListView .MenuListItem .MenuOne[data-v-1c91dbfe]{padding:12px 14px;margin-bottom:6px;color:hsla(0,0%,100%,.7)}.MenuListData .MenuListView .MenuListItem .MenuOne i[data-v-1c91dbfe]{font-size:16px;color:hsla(0,0%,100%,.7);font-weight:600}.MenuListData .MenuListView .MenuListItem .MenuOne span[data-v-1c91dbfe]{font-size:16px;font-weight:400;margin-left:18px}.MenuListData .MenuListView .MenuListItem .MenuOne[data-v-1c91dbfe]:hover{color:#569bd2;background:rgba(0,0,0,.52)}.MenuListData .MenuListView .MenuListItem .MenuOne:hover i[data-v-1c91dbfe]{color:#569bd2}.MenuListData .MenuListView .MenuListItem .MenuTwo[data-v-1c91dbfe]{padding:12px 14px 12px 44px;margin-bottom:6px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:hsla(0,0%,100%,.7)}.MenuListData .MenuListView .MenuListItem .MenuTwo .MenuTwoLeft[data-v-1c91dbfe],.MenuListData .MenuListView .MenuListItem .MenuTwo[data-v-1c91dbfe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.MenuListData .MenuListView .MenuListItem .MenuTwo .MenuTwoLeft img[data-v-1c91dbfe]{width:100%;height:100%}.MenuListData .MenuListView .MenuListItem .MenuTwo .MenuTwoLeft span[data-v-1c91dbfe]{font-size:16px;font-weight:400}.MenuListData .MenuListView .MenuListItem .MenuTwo .MenuTwoRight[data-v-1c91dbfe]{font-size:12px;font-weight:400}.MenuListData .MenuListView .MenuListItem .MenuTwo[data-v-1c91dbfe]:hover{color:#569bd2;background:rgba(0,0,0,.52)}.tabs[data-v-1c91dbfe]{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 26px 6px 26px;border:1px solid #477596;border-radius:6px}.tabs .tab-item[data-v-1c91dbfe]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;line-height:40px;font-size:14px;font-weight:700;text-align:center;background-color:#0d273e;cursor:pointer}.tabs .tab-item-active[data-v-1c91dbfe]{color:#333;background-color:#73dfee}img[data-v-3513a93c]{height:100%;width:100%}.TopMenu[data-v-3513a93c]{height:100%}.TopMenu .TopMenuList[data-v-3513a93c]{display:grid;grid-template-columns:repeat(3,1fr)}.TopMenu .TopMenuList .TopMenuItem[data-v-3513a93c]{padding:10px 14px 20px 14px;width:70%;height:66px;background:#35576a;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px;cursor:pointer}.TopMenu .TopMenuList .TopMenuItem .TopMenuTitle[data-v-3513a93c]{font-size:13px;font-weight:400;color:#fff;text-align:center}.TopMenu .TopMenuList .TopMenuItem .TopMenuNum[data-v-3513a93c]{font-size:20px;font-weight:600;color:#fff}.TopMenu .TopMenuList .currentItem[data-v-3513a93c]{background:#0f74c2}.TopMenu .BottomMenuList[data-v-3513a93c]{height:calc(100% - 390px);margin-top:20px;overflow-y:auto}.TopMenu .BottomMenuList .BottomMenuItem[data-v-3513a93c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px;cursor:pointer}.TopMenu .BottomMenuList .BottomMenuItem .BottomMenuImg[data-v-3513a93c]{width:50px;height:50px}.TopMenu .BottomMenuList .BottomMenuItem .BottomMenuTitle[data-v-3513a93c]{font-size:14px;font-weight:500;color:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:20px;margin-left:20px}.TopMenu .BottomMenuList .BottomMenuItem .BottomMenuTime[data-v-3513a93c]{font-size:12px;font-weight:400;color:#fff;width:72px;text-align:center}.TopMenu .BottomMenuList .BottomMenuItem[data-v-3513a93c]:hover{background:rgba(15,116,194,.3)}.TopMenu .BottomMenuListThree[data-v-3513a93c]{height:calc(100% - 232px)}.TopMenu[data-v-3513a93c] ::-webkit-scrollbar{width:0;height:0;background-color:none}.TopMenu[data-v-3513a93c] ::-webkit-scrollbar-thumb{border-radius:0;background:none;-webkit-box-shadow:none}.TopMenu[data-v-3513a93c] ::-webkit-scrollbar-thumb:window-inactive{background:none}.DatavHome[data-v-0e903fe6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:100%}.DatavHome .HomeLeft[data-v-0e903fe6]{width:446px;background:url(../../assets/img/videoLeftBg.0e79f316.png) no-repeat;background-size:100% 100%;background-position:50%;padding:0 5px;height:100%}.DatavHome .HomeLeft .cameraList[data-v-0e903fe6]{height:calc(100% - 148px);position:relative}.DatavHome .HomeLeft .cameraList .cameraNav[data-v-0e903fe6]{margin-top:60px;margin-left:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:38px}.DatavHome .HomeLeft .cameraList .cameraNav .cameraIcon[data-v-0e903fe6]{width:29px;height:20px}.DatavHome .HomeLeft .cameraList .cameraNav .cameraTitle[data-v-0e903fe6]{font-size:16px;font-weight:600;color:#569bd2;margin-left:20px}.DatavHome .HomeLeft .cameraList .TreeList[data-v-0e903fe6]{padding:25px;margin-top:90px;height:calc(100% - 45px);overflow-y:auto}.DatavHome .HomeLeft .cameraList .gradItem[data-v-0e903fe6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:200px;width:100%;background:url(../../assets/img/gradBg.6e317971.png) no-repeat;background-size:100% 100%;background-position:50%}.DatavHome .HomeLeft[data-v-0e903fe6] ::-webkit-scrollbar{width:0;height:0;background-color:none}.DatavHome .HomeLeft[data-v-0e903fe6] ::-webkit-scrollbar-thumb{border-radius:0;background:none;-webkit-box-shadow:none}.DatavHome .HomeLeft[data-v-0e903fe6] ::-webkit-scrollbar-thumb:window-inactive{background:none}.DatavHome .HomeContent[data-v-0e903fe6]{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;background:url(../../assets/img/videoContentBg.5fd805de.png) no-repeat;background-size:100% 100%;background-position:50%;margin:0 10px 0 20px;position:relative}.DatavHome .HomeContent .VideoMenuTitle[data-v-0e903fe6]{font-size:16px;font-weight:600;color:#e0fbff;position:absolute;top:13px;left:68px}.DatavHome .HomeContent .VideoMenuTime[data-v-0e903fe6]{font-size:14px;font-weight:400;color:#e0fbff;position:absolute;top:13px;right:100px}.DatavHome .HomeContent .VideoMenuMain[data-v-0e903fe6]{height:calc(100% - 83px);margin:49px 32px 0 25px;background:#000}.DatavHome .HomeContent .VideoMenuMain #my-video_html5_api[data-v-0e903fe6],.DatavHome .HomeContent .VideoMenuMain .video-js[data-v-0e903fe6]{width:100%;height:100%}.DatavHome .HomeRight[data-v-0e903fe6]{height:calc(100% - 40px);width:calc(22% - 40px);background:rgba(20,63,112,.59);padding:20px;overflow:hidden}.hls-container[data-v-0e903fe6]{position:relative;width:100%;height:100%}.video-console[data-v-0e903fe6]{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:999;width:190px;background:rgba(14,40,74,.6);padding:10px}.control-style[data-v-0e903fe6]{position:absolute;bottom:-10px;width:80%;height:320px;border-radius:15px 15px 0 0;background:#0e284a;padding:50px 50px 0 50px;-webkit-box-sizing:border-box;box-sizing:border-box;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ty-control-style[data-v-0e903fe6]{padding:20px 50px 0 50px}.hover-img img[data-v-0e903fe6]{opacity:.5}.hover-img img[data-v-0e903fe6]:active{opacity:1}