#container{width:100%;height:100vh}#container,.DatavHome[data-v-3a063d03]{display:-webkit-box;display:-ms-flexbox;display:flex}.DatavHome[data-v-3a063d03]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:100%}.DatavHome .HomeLeft[data-v-3a063d03]{width:446px;background:url(../../assets/img/BIMLeftBg.587c26cd.png) no-repeat;background-size:100% 100%;background-position:50%;padding:0 5px;height:100%}.DatavHome .HomeLeft .List[data-v-3a063d03]{height:calc(100% - 148px);position:relative}.DatavHome .HomeLeft .List .ThreeList[data-v-3a063d03]{padding:25px 28px;margin-top:90px;height:calc(100% - 45px);overflow-y:auto}.DatavHome .HomeLeft .List .ThreeList .ThreeItem[data-v-3a063d03]{padding:12px 14px;margin-bottom:6px;color:hsla(0,0%,100%,.7);font-size:16px;font-weight:600;cursor:pointer}.DatavHome .HomeLeft .List .ThreeList .ThreeItem[data-v-3a063d03]:hover{color:#569bd2;background:rgba(0,0,0,.52)}.DatavHome .HomeLeft .List .ThreeList .ThreeItem:hover i[data-v-3a063d03]{color:#569bd2}.DatavHome .HomeLeft[data-v-3a063d03] ::-webkit-scrollbar{width:0;height:0;background-color:none}.DatavHome .HomeLeft[data-v-3a063d03] ::-webkit-scrollbar-thumb{border-radius:0;background:none;-webkit-box-shadow:none}.DatavHome .HomeLeft[data-v-3a063d03] ::-webkit-scrollbar-thumb:window-inactive{background:none}.DatavHome .HomeContent[data-v-3a063d03]{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 .VideoMenuMain[data-v-3a063d03]{height:calc(100% - 83px);margin:49px 32px 0 25px;background:#000}.DatavHome .HomeContent .VideoMenuMain #my-video_html5_api[data-v-3a063d03],.DatavHome .HomeContent .VideoMenuMain .video-js[data-v-3a063d03]{width:100%;height:100%}.DatavHome .HomeRight[data-v-3a063d03]{height:calc(100% - 40px);width:calc(22% - 40px);background:rgba(20,63,112,.59);padding:20px;overflow:hidden}.hls-container[data-v-3a063d03]{position:relative;width:100%;height:100%}.video-console[data-v-3a063d03]{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-3a063d03]{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-3a063d03]{padding:20px 50px 0 50px}.hover-img img[data-v-3a063d03]{opacity:.5}.hover-img img[data-v-3a063d03]:active{opacity:1}