.video-mode[data-v-6a24c695]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.video-mode .video-top[data-v-6a24c695]{height:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 2rem;background:#fff}.video-mode .video-top .log[data-v-6a24c695] .el-breadcrumb__inner,.video-mode .video-top .recorder[data-v-6a24c695] .el-breadcrumb__inner{color:#c0c4cc}.video-mode .video-top .current[data-v-6a24c695] .el-breadcrumb__inner{color:var(--base-color)}.video-mode .video-main[data-v-6a24c695]{background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:2rem;margin:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto}.video-mode .video-main .title[data-v-6a24c695]{position:relative;padding-left:1.5rem;color:#666;font-weight:700;margin-bottom:2rem}.video-mode .video-main .title[data-v-6a24c695]:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;background:var(--base-color)}.video-mode .video-main .main[data-v-6a24c695]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.video-mode .video-main .main .video-content[data-v-6a24c695]{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:20rem;gap:2rem 3rem}.video-mode .video-main .main .video-content .each-video[data-v-6a24c695]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-items:center}.video-mode .video-main .main .video-content .each-video .thumbnail-url[data-v-6a24c695]{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;width:100%;height:17rem;position:relative}.video-mode .video-main .main .video-content .each-video .thumbnail-url .el-image[data-v-6a24c695]{height:100%;width:100%}.video-mode .video-main .main .video-content .each-video .thumbnail-url .svg-icon[data-v-6a24c695]{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:4rem;height:4rem}.video-mode .video-main .main .video-content .each-video span[data-v-6a24c695]{color:#7e7e7e;margin-top:1rem;text-align:center}