.container[data-v-301783c3]{width:100vw;height:100vh;padding:0;overflow-x:hidden;overflow-y:hidden}.container .video-list[data-v-301783c3]{width:100%;height:100%;position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-template-areas:"index1 index2 index3" "index4 index5 index6"}.container .video-list .video-item[data-v-301783c3]{position:relative;border-right:1px solid #fff;border-bottom:1px solid #fff}.container .video-list .video-item:hover .tool-bottom[data-v-301783c3]{display:flex}.container .video-list .video-item video[data-v-301783c3]{width:100%;height:100%}.container .video-list .video-item .tool-top[data-v-301783c3]{width:calc(100% - 20px);position:absolute;display:flex;justify-content:space-between;z-index:999;padding:10px 20px 10px 10px}.container .video-list .video-item .tool-top .tool-name[data-v-301783c3]{width:110px;height:40px}.container .video-list .video-item .tool-bottom[data-v-301783c3]{display:none;justify-content:space-between;width:150px;height:70px;position:absolute;top:100%;margin-top:-70px;left:100%;margin-left:-160px;z-index:999;transition:all .3s linear}.container .video-list .video-item .tool-item[data-v-301783c3]{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.4588235294117647);color:#fff;border-radius:20px}.container .video-list .video-item .tool-icon[data-v-301783c3]{width:40px;height:40px;cursor:pointer}.container .video-list .video-item .tool-icon i[data-v-301783c3]{font-size:20px}.container .tool-bar[data-v-301783c3]{width:220px;height:52px;cursor:all-scroll;position:absolute;top:50px;background:#fff;border:1px solid #eee;left:calc(100% - 270px);display:flex;justify-content:space-around;align-items:center;box-shadow:0 3px 8px 0 rgba(0,0,0,.05);border-radius:8px;z-index:10001}.container .tool-bar i[data-v-301783c3]{font-size:24px;color:#666;cursor:pointer}