.jp-common-layout{display:-webkit-box;display:-ms-flexbox;display:flex}.jp-common-layout-left{width:250px;border-right:1px solid #ccc}.jp-common-layout-center{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.plugin-container{margin-top:40px;position:relative;height:calc(100% - 40px)}.plugin-area{width:100%;height:100%;border:1px solid #ccc}.operation-buttons{position:absolute;top:10px;left:0;z-index:10;background-color:transparent;width:600px;height:30px}.video-item{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;background-color:#343434;cursor:pointer}.video-js{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),::v-deep .video-js.vjs-fluid:not(.vjs-audio-only-mode){padding-top:0!important;height:100%}.video-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#343434;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000;border:1px solid #171c20}.spinner{border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}