.player[data-v-7c18582c]{background-size:60px 60px}.common-dialog.el-dialog{height:80vh;overflow:auto;margin-right:18%}[data-v-4c64ac36] .el-dialog--center .el-dialog__body{padding-top:0}.dialog-footer[data-v-4c64ac36]{margin-top:20px;display:flex;align-items:center;justify-content:center}.barrage[data-v-397ddbe4]{display:flex;width:100%}.barrage .barrage-item[data-v-397ddbe4]{display:flex;flex-direction:column;width:20%;align-items:center;cursor:pointer}.barrage .barrage-item i[data-v-397ddbe4]{font-size:20px}.title[data-v-12b176bf]{display:flex;align-items:center;font-size:14px;font-weight:400;color:#333;height:35px;padding:20px;box-sizing:border-box;background:rgba(197,214,241,.5);border-radius:6px 6px 0 0}.title span[data-v-12b176bf]{display:inline-block;margin-right:20px}.title i[data-v-12b176bf]{margin-left:auto;color:#409eff;font-size:14px;margin:0 5px}.video-list[data-v-12b176bf]{width:100%;height:80px;margin-bottom:8px;box-sizing:border-box;border:1px solid #c2c6c9;border-radius:6px}.video-list[data-v-12b176bf] .el-scrollbar__view{height:calc(100% - 8px)}.video-list .video[data-v-12b176bf]{width:100%;height:98%;display:flex}.video-list .screenshot[data-v-12b176bf]{width:155px;min-width:155px;height:100%;position:relative;box-sizing:border-box;background-size:100% 100%;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#d9e9f6;color:#a8b8c5;font-size:14px;font-weight:700;margin-right:5px;text-align:center;cursor:pointer}.video-list .screenshot img[data-v-12b176bf]{width:100%;height:100%;cursor:pointer}.video-list .screenshot img.unClickShot[data-v-12b176bf]{cursor:not-allowed}.video-list .screenshot .mask[data-v-12b176bf]{position:absolute;width:100%;height:100%;z-index:99999;cursor:pointer}.video-list .img-active[data-v-12b176bf]{border:2px solid #409eff;box-sizing:border-box;border-radius:5px}.video-play[data-v-12b176bf]{width:100%;height:calc(100% - 122px);border:1px solid #c2c6c9;border-radius:5px 5px 5px 5px}.video-play .title span[data-v-12b176bf]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid[data-v-12b176bf]{width:100%;height:calc(100% - 40px);background:#000;position:relative}.grid .grid-item[data-v-12b176bf]{width:100%;height:100%}.grid .grid-item .video-empty[data-v-12b176bf]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#d9e9f6;color:#a8b8c5;font-size:14px;font-weight:700}.grid .full-btn[data-v-12b176bf]{position:absolute;bottom:20px;right:20px}.grid .full-btn img[data-v-12b176bf]{width:20px;height:20px;cursor:pointer}.multiScreen[data-v-12b176bf]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.actions[data-v-12b176bf]{width:100%;height:35px;background:#fff;border-radius:0 0 6px 6px;display:flex;justify-content:space-around;align-items:center;box-sizing:border-box;position:relative;border:1px solid #c2c6c9;border-top:none;margin-bottom:8px}.actions .el-button--text[data-v-12b176bf]{color:#20a0ff;padding:0!important}.actions .btn-item[data-v-12b176bf]{width:100px;height:34px;white-space:nowrap;background:#fff;text-align:center;font-size:16px;line-height:34px;cursor:pointer;border-radius:6px}.actions .btn-item:active .el-button--text[data-v-12b176bf]{color:#fff}.actions .btn-img[data-v-12b176bf]{cursor:pointer}.actions .btn-img img[data-v-12b176bf]{width:16px;height:16px}.dark-theme .title[data-v-12b176bf]{font-family:AlibabaPuHuiTi;font-weight:700;font-size:16px;color:#fff;background:#0d2e4c;border-radius:0}.dark-theme .video-list[data-v-12b176bf]{border:1px solid #02548f;padding:2px;box-sizing:border-box;border-radius:0}.dark-theme .video-list .screenshot[data-v-12b176bf]{background:none;color:#02548f}.dark-theme .video-list .img-active[data-v-12b176bf]{border:2px solid #0095ff;border-radius:0}.dark-theme .video-play[data-v-12b176bf]{border:none;border-radius:0}.dark-theme .grid .video-empty[data-v-12b176bf]{background:#07182b;color:#02548f}.dark-theme .actions[data-v-12b176bf]{background:#08182b;border-radius:0;border:1px solid #02548f}.dark-theme .actions .btn-item[data-v-12b176bf]{background:none;border-radius:0}