.sup-video-player[data-v-12899fba]{display:grid;grid-template-columns:100%;grid-template-rows:calc(100% - .25rem) .25rem;height:100%;position:relative}.sup-video-player .video-list[data-v-12899fba]{flex:1 1 auto;background:#98a5a5;display:grid}.sup-video-player .video-list .video-item[data-v-12899fba]{border:.00521rem solid #052524;cursor:pointer;position:relative}.sup-video-player .video-list .video-item.active[data-v-12899fba]{border:.00521rem solid #009586;box-shadow:inset 0 0 .01042rem .01042rem #ffba00}.sup-video-player .video-list.video-split-6[data-v-12899fba]{grid-template-columns:33.33% 33.33% 33.33%;grid-template-rows:33.33% 33.33% 33.33%}.sup-video-player .video-list .video-item.split-6.video-item-1[data-v-12899fba]{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3}.sup-video-player .video-list.video-split-1[data-v-12899fba]{grid-template-columns:100%;grid-template-rows:100%}.sup-video-player .video-list.video-split-4[data-v-12899fba]{grid-template-columns:50% 50%;grid-template-rows:50% 50%}.sup-video-player .video-list.video-split-9[data-v-12899fba]{grid-template-columns:33.33% 33.33% 33.33%;grid-template-rows:33.33% 33.33% 33.33%}.sup-video-player .video-tools[data-v-12899fba]{position:absolute;top:.00521rem;right:.00521rem;border-radius:0 0 .08333rem .08333rem;background-color:rgba(0,0,0,.7);padding:.01563rem .04167rem;display:none}.sup-video-player .video-tools ul[data-v-12899fba]{list-style:none;padding:0 .05208rem;margin:0}.sup-video-player .video-tools ul .icon[data-v-12899fba]{cursor:pointer}.sup-video-player .video-tools ul li[data-v-12899fba]{margin:0 .04167rem;float:left;height:.13542rem;margin:0 8px}.sup-video-player .video-tools ul li i[data-v-12899fba]{font-size:.09375rem;cursor:pointer}.sup-video-player .video-tools ul li i[data-v-12899fba]:hover{color:#3690e3}.sup-video-player .video-tools ul .iconfont[data-v-12899fba]{font-size:.125rem}.sup-video-player:hover .video-tools[data-v-12899fba]{display:block}.clear[data-v-12899fba]{display:block;overflow:hidden}