.main-card[data-v-6e3caa11]{flex:1 1 auto;display:flex;flex-direction:column;width:100%;margin:auto;margin:10px 0 10px 0}.hvCenter[data-v-ccd733ea]{align-items:center}.hCenter[data-v-ccd733ea],.hvCenter[data-v-ccd733ea]{display:flex;justify-content:center}.vCenter[data-v-ccd733ea]{display:flex;align-items:center}.hSide[data-v-ccd733ea]{display:flex;justify-content:space-between}.hAround[data-v-ccd733ea],.hvAroundCenter[data-v-ccd733ea]{display:flex;justify-content:space-around}.hvAroundCenter[data-v-ccd733ea]{align-items:center}.hvSideCenter[data-v-ccd733ea]{display:flex;align-items:center;justify-content:space-between}.hvRightCenter[data-v-ccd733ea]{display:flex;justify-content:flex-end;align-items:center}.multiHvCenter[data-v-ccd733ea]{display:flex;flex-direction:column;justify-content:center;align-items:center}.multiHvLeftCenter[data-v-ccd733ea]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.multiHvCenterSide[data-v-ccd733ea]{justify-content:space-between}.multiHCenter[data-v-ccd733ea],.multiHvCenterSide[data-v-ccd733ea]{display:flex;flex-direction:column;align-items:center}.multiHRight[data-v-ccd733ea]{display:flex;flex-direction:column;align-items:flex-end}.multiHLeft[data-v-ccd733ea]{display:flex;flex-direction:column;align-items:flex-start}.align-left[data-v-ccd733ea]{text-align:left}.align-right[data-v-ccd733ea]{text-align:right}.my-pagination[data-v-ccd733ea]{width:100%;margin-bottom:14px;margin-top:auto;display:flex;justify-content:center;align-items:center}.vAbsoluteCenter[data-v-ccd733ea]{position:absolute;top:50%;transform:translateY(-50%)}.blue-text[data-v-ccd733ea]{color:#1e87f0}.blue-background[data-v-ccd733ea]{background-color:#1e87f0;color:#fff}.sub-page[data-v-ccd733ea]{overflow:auto;display:flex;flex-direction:column;font-size:13px;flex:1}.sub-page[data-v-ccd733ea] .el-table{font-size:13px}.hvCenter[data-v-ae79d5f4]{align-items:center}.hCenter[data-v-ae79d5f4],.hvCenter[data-v-ae79d5f4]{display:flex;justify-content:center}.vCenter[data-v-ae79d5f4]{display:flex;align-items:center}.hSide[data-v-ae79d5f4]{display:flex;justify-content:space-between}.hAround[data-v-ae79d5f4],.hvAroundCenter[data-v-ae79d5f4]{display:flex;justify-content:space-around}.hvAroundCenter[data-v-ae79d5f4]{align-items:center}.hvSideCenter[data-v-ae79d5f4]{display:flex;align-items:center;justify-content:space-between}.hvRightCenter[data-v-ae79d5f4]{display:flex;justify-content:flex-end;align-items:center}.multiHvCenter[data-v-ae79d5f4]{display:flex;flex-direction:column;justify-content:center;align-items:center}.multiHvLeftCenter[data-v-ae79d5f4]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.multiHvCenterSide[data-v-ae79d5f4]{justify-content:space-between}.multiHCenter[data-v-ae79d5f4],.multiHvCenterSide[data-v-ae79d5f4]{display:flex;flex-direction:column;align-items:center}.multiHRight[data-v-ae79d5f4]{display:flex;flex-direction:column;align-items:flex-end}.multiHLeft[data-v-ae79d5f4]{display:flex;flex-direction:column;align-items:flex-start}.align-left[data-v-ae79d5f4]{text-align:left}.align-right[data-v-ae79d5f4]{text-align:right}.my-pagination[data-v-ae79d5f4]{width:100%;margin-bottom:14px;margin-top:auto;display:flex;justify-content:center;align-items:center}.vAbsoluteCenter[data-v-ae79d5f4]{position:absolute;top:50%;transform:translateY(-50%)}.blue-text[data-v-ae79d5f4]{color:#1e87f0}.blue-background[data-v-ae79d5f4]{background-color:#1e87f0;color:#fff}.teachvideo .top-nav[data-v-ae79d5f4]{height:50px;display:flex;align-items:center;padding:0 20px}.teachvideo .title[data-v-ae79d5f4]{font-size:24px;font-weight:400;color:#000;text-align:center}.teachvideo .videotype-list[data-v-ae79d5f4]{display:flex;justify-content:center;margin-top:50px}.teachvideo .videotype-list .videotype-item[data-v-ae79d5f4]{margin:0 13px;width:144px;height:42px;background:hsla(0,0%,54.9%,.2);border-radius:31px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:400;color:#333;cursor:pointer}.teachvideo .videotype-list .videotype-item.active[data-v-ae79d5f4]{background:rgba(30,135,240,.1);border:1px solid #1e87f0;color:#1e87f0}.teachvideo .video-list[data-v-ae79d5f4]{display:grid;grid-template-columns:repeat(auto-fill,249px);-moz-column-gap:20px;column-gap:20px;grid-template-rows:192px;grid-auto-rows:192px;margin-top:20px;justify-content:space-between;padding:0 40px}.teachvideo .video-list .video-item[data-v-ae79d5f4]{display:flex;flex-direction:column;align-items:center;width:249px}.teachvideo .video-list .video-item .video-cover[data-v-ae79d5f4]{width:249px;height:140px;display:grid;cursor:pointer;position:relative;overflow:hidden}.teachvideo .video-list .video-item .video-cover .cover-img[data-v-ae79d5f4]{width:249px;height:140px;grid-row-start:1;grid-row-end:1;grid-column-start:1;grid-column-end:1;transition:transform .3s linear}.teachvideo .video-list .video-item .video-cover .cover-shade[data-v-ae79d5f4]{width:100%;height:100%;background:rgba(0,0,0,.6);grid-row-start:1;grid-row-end:1;grid-column-start:1;grid-column-end:1;position:relative;z-index:1}.teachvideo .video-list .video-item .video-cover .play-icon[data-v-ae79d5f4]{width:44px;height:44px;grid-row-start:1;grid-row-end:1;grid-column-start:1;grid-column-end:1;justify-self:center;align-self:center;position:relative;z-index:1}.teachvideo .video-list .video-item .video-cover .play-count[data-v-ae79d5f4]{background:rgba(0,0,0,.6);border-radius:4px;padding:4px 6px;font-size:10px;font-weight:400;color:#fff;grid-row-start:1;grid-row-end:1;grid-column-start:1;grid-column-end:1;justify-self:end;align-self:end;margin-right:8px;margin-bottom:8px;position:relative;z-index:1}.teachvideo .video-list .video-item .video-cover .time-long[data-v-ae79d5f4]{font-size:10px;font-weight:400;color:#fff;margin-left:12px;margin-bottom:12px;grid-row-start:1;grid-row-end:1;grid-column-start:1;grid-column-end:1;justify-self:start;align-self:end;position:relative;z-index:1}.teachvideo .video-list .video-item .video-cover:hover .cover-shade[data-v-ae79d5f4]{background:rgba(0,0,0,.3)}.teachvideo .video-list .video-item .video-cover:hover .cover-img[data-v-ae79d5f4]{transform:scale(1.1)}.teachvideo .video-list .video-item .video-title[data-v-ae79d5f4]{margin-top:12px;font-size:14px;font-weight:400;color:#333}.teachvideo .pagination-wrap[data-v-ae79d5f4]{display:flex;justify-content:center;padding-bottom:40px}.teachvideo .videopreview-dialog[data-v-ae79d5f4] .video-preview{width:800px}