.sup-video-player[data-v-b613c22e]{display:grid;position:relative;width:100%;height:100%}.sup-video-player .video-list[data-v-b613c22e]{flex:1 1 auto;background:#98a5a5;display:grid}.sup-video-player .video-list .video-item[data-v-b613c22e]{border:.00521rem solid #052524;cursor:pointer;position:relative}.sup-video-player .video-list .video-item.active[data-v-b613c22e]{border:.00521rem solid #953400}.sup-video-player .video-tools[data-v-b613c22e]{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-b613c22e]{list-style:none;padding:0 .05208rem;margin:0}.sup-video-player .video-tools ul .icon[data-v-b613c22e]{cursor:pointer}.sup-video-player .video-tools ul li[data-v-b613c22e]{margin:0 .04167rem;float:left;height:.13542rem;margin:0 8px}.sup-video-player .video-tools ul li i[data-v-b613c22e]{font-size:.09375rem;cursor:pointer}.sup-video-player .video-tools ul li i[data-v-b613c22e]:hover{color:#3690e3}.sup-video-player .video-tools ul .iconfont[data-v-b613c22e]{font-size:.125rem}.sup-video-player:hover .video-tools[data-v-b613c22e]{display:block}.clear[data-v-b613c22e]{display:block;overflow:hidden}.arrow-keys[data-v-b613c22e]{position:absolute;bottom:.20833rem;left:.20833rem;width:.36458rem;height:.36458rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(0,0,0,.5)}.arrow-key[data-v-b613c22e]{position:absolute;width:.07813rem;height:.07813rem;background-color:transparent;border:.00521rem solid #000;border-radius:.02604rem}.arrow-key[data-v-b613c22e]:first-child{top:0;left:50%;transform:translateX(-50%)}.arrow-key[data-v-b613c22e]:nth-child(2){top:50%;right:0;transform:translateY(-50%)}.arrow-key[data-v-b613c22e]:nth-child(3){bottom:0;left:50%;transform:translateX(-50%)}.arrow-key[data-v-b613c22e]:nth-child(4){top:50%;left:0;transform:translateY(-50%)}