.clasz-image-square{width:100%;height:100%;background:#fff;border:1px solid #ddd;border-radius:5pt;display:flex;justify-content:center;align-items:center}.clasz-image-square .cover-image{width:50%;height:50%}.add-file-icon{font-size:48px;color:#acacac}.el-tabs__header{margin:0!important}.video-link-input{width:100%;height:100%}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid #dcdfe6;border-top-left-radius:5px;border-top-right-radius:5px}.el-tabs--card>.el-tabs__header .el-tabs__item{color:#afb1bc;background:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{color:#fff;background:#69bd81;font-size:16px}.el-tabs__content{width:100%;height:100px;border:1px solid #dcdfe6}.upload-demo{float:left;width:162px;height:60px}.form_video{width:267px;height:133px}.el-button--primary{border-color:69BD81!important;background-color:#69bd81!important}.classlib-container[data-v-02e46b35]{width:100%;height:100%;overflow:auto;background-color:#fafbfc;position:relative}.classlib-container[data-v-02e46b35] ::-webkit-scrollbar{display:none}.mobile-classlib-container[data-v-02e46b35]{width:1880px!important;background-color:#fafbfc;position:relative;width:100%;height:100%;overflow:auto}.search-part[data-v-02e46b35]{margin-left:32px;width:calc(100% - 32px);height:108px}.search-part .left-operate[data-v-02e46b35]{height:100%;display:flex;flex-direction:row;align-items:center}.search-part .left-operate .class-lib-selected[data-v-02e46b35]{cursor:pointer;font-weight:700;color:#444a60;font-size:28px;margin-right:32px}.search-part .left-operate .class-lib[data-v-02e46b35]{cursor:pointer;font-weight:400;color:#c3cbd5;font-size:18px;margin-right:32px}.search-part .right-search[data-v-02e46b35]{margin-right:10px;display:flex;flex-direction:row}.search-part .right-search .search-btn[data-v-02e46b35]{cursor:pointer;margin-left:10px;width:50px;border-radius:50%;background:linear-gradient(37deg,#7eb98c,#7dbd7d)}.search-part .right-search .search-btn[data-v-02e46b35]:hover{background:#82bb93}.search-part .right-search .search-btn[data-v-02e46b35]:active{background:#4e7b58}.grid-container[data-v-02e46b35]{background:#f0f0f0;width:100%;height:calc(100% - 120px)}.grid-item[data-v-02e46b35]{position:relative;width:calc(100% - 80px);height:100%;margin-left:32px;display:flex;flex-wrap:wrap;align-content:flex-start;overflow:auto}.grid-item .class-item-container[data-v-02e46b35]{position:relative;width:calc(25% - 5px);margin-top:20px;height:396px;margin-left:5px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.grid-item .class-item-container .clasz-item[data-v-02e46b35]{width:calc(100% - 10px);height:100%;border-radius:5px;background:#fff}.grid-item .class-item-container .clasz-item .class-cover[data-v-02e46b35]{margin-left:16px;margin-top:16px;width:calc(100% - 32px);height:217px}.grid-item .class-item-container .clasz-item .class-title-opr[data-v-02e46b35]{margin-top:8px;margin-left:16px;height:24px;width:calc(100% - 32px);display:flex;flex-direction:row;justify-content:space-between}.grid-item .class-item-container .clasz-item .class-title-opr .clasz-name[data-v-02e46b35]{font-size:18px;color:#181818;font-weight:500;line-height:25px}.grid-item .class-item-container .clasz-item .class-title-opr .clasz-operate[data-v-02e46b35]{display:flex;flex-direction:row;align-items:center}.grid-item .class-item-container .clasz-item .class-title-opr .clasz-operate .clasz-edit[data-v-02e46b35]{font-size:14px;color:#408efc;cursor:pointer}.grid-item .class-item-container .clasz-item .class-title-opr .clasz-operate .clasz-splite[data-v-02e46b35]{width:10px;padding-left:5px;font-size:14px;color:#e4e4e4}.grid-item .class-item-container .clasz-item .class-title-opr .clasz-operate .clasz-delete[data-v-02e46b35]{font-size:14px;color:#fe6c61;cursor:pointer}.grid-item .class-item-container .clasz-item .author-info[data-v-02e46b35]{margin-top:4px;margin-left:16px;width:calc(100% - 30px);height:22px}.grid-item .class-item-container .clasz-item .author-info .left-author span[data-v-02e46b35]{font-size:14px;font-weight:400;color:#7b7b7b;line-height:20px}.grid-item .class-item-container .clasz-item .author-info .right-add[data-v-02e46b35]{cursor:pointer}.grid-item .class-item-container .clasz-item .author-info .right-add .add-icon[data-v-02e46b35]{font-size:16px;color:#408efc}.grid-item .class-item-container .clasz-item .author-info .right-add span[data-v-02e46b35]{font-size:14px;color:#408efc}.grid-item .class-item-container .clasz-item .author-info span[data-v-02e46b35]{font-size:14px;font-weight:400;color:#7b7b7b;line-height:20px}.grid-item .class-item-container .clasz-item .flex-space-between[data-v-02e46b35]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.grid-item .class-item-container .clasz-item .clasz-desc[data-v-02e46b35]{margin-left:16px;margin-top:8px;font-size:14px;color:#acacac;font-weight:400}.grid-item .class-item-container .clasz-item .clasz-desc-detail[data-v-02e46b35]{margin-left:16px;width:calc(100% - 32px);height:58px}.grid-item .class-item-container .clasz-item .clasz-desc-detail span[data-v-02e46b35]{font-size:14px;font-weight:400;color:#acacac;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:.3rem}.grid-item .class-item-container .clasz-item .splite-line[data-v-02e46b35]{margin-left:16px;width:calc(100% - 32px);height:1px;border-bottom:1px solid #ddd}.grid-item .class-item-container .clasz-item .content-opr[data-v-02e46b35]{margin-top:8px;margin-left:16px;width:calc(100% - 32px);height:32px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.grid-item .class-item-container .clasz-item .content-opr span[data-v-02e46b35]{margin-left:5px;color:#408efc;font-size:14px;cursor:pointer}.grid-item .class-item-container .clasz-item .content-opr .add-icon[data-v-02e46b35]{font-size:16px}.grid-item .class-item-container .clasz-item .chapter-container[data-v-02e46b35]{width:100%;height:195px;overflow:scroll}.grid-item .class-item-container .clasz-item .chapter-container .content-item[data-v-02e46b35]{margin-top:4px;margin-left:16px;width:calc(100% - 32px);height:32px;background:rgba(64,142,252,.1);display:flex;flex-direction:row}.grid-item .class-item-container .clasz-item .chapter-container .content-item .left-item[data-v-02e46b35]{flex:1;display:flex;align-items:center}.grid-item .class-item-container .clasz-item .chapter-container .content-item .left-item .active-link[data-v-02e46b35]{margin-left:12px;color:#408efc;font-size:14px;opacity:1;cursor:pointer}.grid-item .class-item-container .clasz-item .chapter-container .content-item .left-item .bad-link[data-v-02e46b35]{margin-left:12px;color:#181818;font-size:14px;opacity:1;cursor:pointer}.grid-item .class-item-container .clasz-item .chapter-container .content-item .middle-item[data-v-02e46b35]{display:flex;align-items:center;justify-content:center;width:100px}.grid-item .class-item-container .clasz-item .chapter-container .content-item .middle-item .item-edit[data-v-02e46b35]{color:#408efc;font-size:14px;cursor:pointer}.grid-item .class-item-container .clasz-item .chapter-container .content-item .middle-item .splite[data-v-02e46b35]{width:10px;padding-left:5px;font-size:14px;color:#e4e4e4}.grid-item .class-item-container .clasz-item .chapter-container .content-item .middle-item .delete[data-v-02e46b35]{color:#fe6c61;font-size:14px;cursor:pointer}.grid-item .class-item-container .clasz-item .chapter-container .content-item .show-operate[data-v-02e46b35]{display:none}.grid-item .class-item-container .clasz-item .chapter-container .content-item .right-item[data-v-02e46b35]{display:flex;align-items:center;justify-content:flex-start;width:90px;color:#408efc;font-size:16px}.grid-item .class-item-container .clasz-item .chapter-container .content-item .right-item .clock-icon[data-v-02e46b35]{margin-left:10px;font-size:20px;color:#ffc200}.grid-item .class-item-container .clasz-item .chapter-container .content-item .right-item span[data-v-02e46b35]{margin-left:5px;margin-right:2px}.grid-item .class-item-container .clasz-item .chapter-container .content-item:hover .show-operate[data-v-02e46b35]{display:inherit}.no-data[data-v-02e46b35]{position:relative;width:calc(100% - 80px);height:calc(100% - 160px);margin-left:32px;margin-right:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-data .no-data-img[data-v-02e46b35]{width:280px;height:280px}.no-data span[data-v-02e46b35]{color:#afb1bb;font-size:14px}.controls_play[data-v-02e46b35]{position:absolute;left:-12px;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;text-align:center}.controls_play p[data-v-02e46b35]{font-size:20px;color:hsla(0,0%,100%,.5)}.play_video[data-v-02e46b35]{background-color:#ddd;margin-top:1%;width:90%;height:80%;z-index:1000}.clasz-opr-btn[data-v-02e46b35]{position:absolute;bottom:120px;right:60px;width:80px;height:80px;background:#69bd81;border-radius:50%;cursor:pointer}.clasz-opr-btn .clasz-icon[data-v-02e46b35]{color:#fff;font-size:36px}