.video-container{min-height:calc(100vh - 175px);margin-top:8px;text-align:left;display:flex;justify-content:center}.video-container .video-inner{width:1200px;max-width:calc(100% - 40px);background-color:#fff;border-radius:8px;padding-bottom:24px}.video-container .breadcrumb{height:44px;display:flex;align-items:center;padding:0 20px;font-size:14px;line-height:1;color:#8a919f;border-bottom:1px solid #edf1f6}.video-container .crumb-link{color:#3f8eea;cursor:pointer}.video-container .crumb-sep{margin:0 8px;color:#a3a9b5}.video-container .crumb-current{color:#5a6270}.video-container .video-search{width:720px;max-width:calc(100% - 40px);margin:20px 20px 0}.video-container .major-tabs{margin:16px 20px 0}.video-container .major-tabs .el-tabs__header{margin-bottom:18px}.video-container .major-tabs .el-tabs__item{height:42px;line-height:42px;font-size:14px;color:#404756;font-weight:500;padding:0 16px}.video-container .major-tabs .el-tabs__item.is-active{color:#3f8eea;font-weight:600}.video-container .major-tabs .el-tabs__active-bar{height:2px;background-color:#3f8eea}.video-container .major-tabs .el-tabs__nav-wrap:after{background-color:#e7edf4}.video-container .video-list{margin:0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px;min-height:240px}.video-container .video-list .el-empty{grid-column:1/-1}.video-container .video-list .video-card{position:relative;border-radius:6px;overflow:hidden;background:#fff;cursor:pointer;transition:all .25s ease}.video-container .video-list .video-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(25,61,104,.12)}.video-container .video-list .thumb-img{width:100%;height:158px;display:block;-o-object-fit:cover;object-fit:cover;border-radius:2px;background-color:#f5f7fa;border:1px solid #ecf0f5;box-sizing:border-box}.video-container .video-list .video-name{margin-top:8px;font-size:16px;color:#6f6f6f;line-height:1.3;word-break:break-all}.video-container .video-list .disabled-video-name{color:#949aa5}.video-container .video-list .video-footer{margin-top:2px;display:flex;justify-content:space-between;align-items:center}.video-container .video-list .video-footer .teacher-info{font-size:14px;color:#9aa0aa;line-height:1.3;word-break:break-all}.video-container .video-list .video-footer .disabled-video-info{color:#aab0b8}.video-container .video-list .video-footer .lock-icon{font-size:18px;color:#30c2bb;flex-shrink:0;margin-left:8px}.video-container .video-list .is-locked{cursor:not-allowed}.video-container .video-list .is-locked .thumb-img{-webkit-filter:saturate(.85);filter:saturate(.85);opacity:.9}.video-container .video-list .is-locked:hover{transform:none;box-shadow:none}@media(max-width:1280px){.video-container .video-search{width:520px}.video-container .major-tabs .el-tabs__item{font-size:14px}.video-container .video-list{grid-template-columns:repeat(3,minmax(0,1fr))}.video-container .video-list .video-name{font-size:15px;min-height:40px}.video-container .video-list .video-footer .teacher-info{font-size:13px}.video-container .video-list .video-footer .lock-icon{font-size:16px}}