.video-center[data-v-31cc11c5]{margin:0 auto;height:100%}.video-center-box[data-v-31cc11c5]{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-center-box .video-center-header .header-search[data-v-31cc11c5]{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;gap:20px}.video-center-box .video-center-header .header-search[data-v-31cc11c5] .full-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.video-center-box .video-center-header .header-search[data-v-31cc11c5] .full-item .el-form-item__content{width:100%}.video-center-box .video-center-header .header-search[data-v-31cc11c5] .el-form-item{margin-right:0}.video-center-box .video-center-body[data-v-31cc11c5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,4fr));gap:20px}.video-center-box .video-center-body .card-item[data-v-31cc11c5]{cursor:pointer;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:10px;background-color:#fff}.video-center-box .video-center-body .card-item .video-time[data-v-31cc11c5]{position:absolute;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;gap:2px;top:12px;right:12px;padding:2px 5px;background-color:rgba(0,0,0,.3);color:#fff;border-radius:32px;font-size:12px;z-index:10}.video-center-box .video-center-body .card-item .card-img[data-v-31cc11c5]{position:relative;width:100%}.video-center-box .video-center-body .card-item .card-img img[data-v-31cc11c5]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.video-center-box .video-center-body .card-item .card-img .card-overlay[data-v-31cc11c5]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;border-top-left-radius:10px;border-top-right-radius:10px}.video-center-box .video-center-body .card-item .card-img .card-overlay[data-v-31cc11c5],.video-center-box .video-center-body .card-item .card-img .play-button[data-v-31cc11c5]{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}.video-center-box .video-center-body .card-item .card-img .play-button[data-v-31cc11c5]{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:all .3s ease;transition:all .3s ease}.video-center-box .video-center-body .card-item .card-img .play-button i[data-v-31cc11c5]{font-size:64px;color:#fff}.video-center-box .video-center-body .card-item:hover .card-overlay[data-v-31cc11c5]{opacity:1}.video-center-box .video-center-body .card-item:hover .play-button[data-v-31cc11c5]{-webkit-transform:scale(1);transform:scale(1)}.video-center-box .video-center-body .card-item .card-content[data-v-31cc11c5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}.video-center-box .video-center-body .card-item .card-title[data-v-31cc11c5]{font-size:16px;font-weight:700;line-height:40px}.video-center-box .video-center-body .card-item .card-desc[data-v-31cc11c5]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:13px;line-height:24px}.video-center-box .video-center-body .card-item .card-desc .desc-ellipsis[data-v-31cc11c5]{height:48px}.video-center-box .video-center-body .card-item .card-footer[data-v-31cc11c5]{padding-bottom:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-center-box .video-center-body .card-item .card-footer .instructor-name[data-v-31cc11c5]{-webkit-box-flex:1;-ms-flex:1;flex:1}.video-center-box .video-center-body .card-item .card-footer .go-detail[data-v-31cc11c5] .el-button{border-radius:38px}.video-center-box .pagination-box[data-v-31cc11c5]{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-center-box .pagination-box[data-v-31cc11c5] .btn-next,.video-center-box .pagination-box[data-v-31cc11c5] .btn-prev{background:#fff}.empty-box[data-v-31cc11c5]{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;height:100%}.flex1[data-v-31cc11c5]{-webkit-box-flex:1;-ms-flex:1;flex:1}.padding-10[data-v-31cc11c5]{padding:0 10px}.templete-style[data-v-31cc11c5]{overflow:auto}.max-width-popover-200{max-width:300px}