.lesson-list-page[data-v-1f08bb91]{padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.lesson-list-page .lesson-list[data-v-1f08bb91]{margin:0 20px 30px 0;width:285px;height:305px;border-radius:5px;padding:10px;background-color:#fff;cursor:pointer;position:relative}.lesson-list-page .lesson-list[data-v-1f08bb91]:nth-child(4n){margin-right:0}.lesson-list-page .lesson-list .icon-icon_recommend[data-v-1f08bb91]{position:absolute;top:10px;left:10px;z-index:200}.lesson-list-page .lesson-list .image[data-v-1f08bb91]{width:265px;height:150px;border-radius:2px}.lesson-list-page .lesson-list .image[data-v-1f08bb91]:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.lesson-list-page .lesson-list .image[data-v-1f08bb91]:hover:before{background:rgba(0,0,0,.1);content:" ";position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;width:100%;height:100%;margin:auto;border-radius:5px}.lesson-list-page .lesson-list .head-image[data-v-1f08bb91]{position:absolute;border-radius:50%;border:2px solid #fff;width:40px;height:40px;left:15px;top:150px}.lesson-list-page .lesson-list .sign-box[data-v-1f08bb91]{background-color:rgba(0,0,0,.6);border-radius:5px;font-size:10px;color:#fff;position:absolute;padding:4px;right:15px;top:130px}.lesson-list-page .lesson-list .name-box[data-v-1f08bb91]{margin-left:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lesson-list-page .lesson-list .name-box .name[data-v-1f08bb91]{font-size:12px;color:#666;max-width:80px}.lesson-list-page .lesson-list .name-box .type[data-v-1f08bb91]{font-size:10px;margin-left:auto;padding:3px 8px;color:#2bc17c;background-color:rgba(43,193,124,.1);border-radius:10px;max-width:120px}.lesson-list-page .lesson-list .title[data-v-1f08bb91]{margin-top:22px;font-size:14px;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:38px}.lesson-list-page .lesson-list .title .progress[data-v-1f08bb91]{padding:2px 5px;border-radius:4px;border:1px solid #2bc17c;color:#2bc17c;margin-right:5px;display:inline-block;font-size:12px;font-weight:400}.lesson-list-page .lesson-list .title[data-v-1f08bb91]:hover{color:#2bc17c}.lesson-list-page .lesson-list .info[data-v-1f08bb91]{margin-top:9px;color:#999;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lesson-list-page .show-border[data-v-1f08bb91]{border:1px solid #eee}.lesson-category-list .type-box .type-list-box .first[data-v-937635fe]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lesson-category-list .type-box .type-list-box .first .first-box[data-v-937635fe]{text-align:center;padding:0 15px;height:36px;line-height:36px;font-size:14px;border-radius:5px;cursor:pointer}.lesson-category-list .type-box .type-list-box .first .active[data-v-937635fe],.lesson-category-list .type-box .type-list-box .first .first-box[data-v-937635fe]:hover{color:#2bc17c;background-color:rgba(43,193,124,.12)}.lesson-category-list .type-box .type-list-box .children[data-v-937635fe]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:5px}.lesson-category-list .type-box .type-list-box .children .children-box[data-v-937635fe]{background-color:rgba(43,193,124,.12);text-align:center;padding:0 15px;height:36px;line-height:36px;font-size:14px;color:#333;cursor:pointer}.lesson-category-list .type-box .type-list-box .children .children-box[data-v-937635fe]:hover{color:#2bc17c}.lesson-category-list .type-box .type-list-box .children .active[data-v-937635fe]{background-color:rgba(43,193,124,.12);color:#2bc17c}.no-content[data-v-0589adaf]{width:280px;margin-top:100px}.no-content .text[data-v-0589adaf]{text-align:center;margin-top:20px;color:#999}.online-lesson-page .top-box[data-v-008c88b8]{margin-top:20px;padding-bottom:20px}.online-lesson-page .top-box .title[data-v-008c88b8]{font-size:20px;font-weight:700}.online-lesson-page .top-box .tab-box[data-v-008c88b8]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.online-lesson-page .top-box .tab-box .tab-text[data-v-008c88b8]{color:#666;height:36px;line-height:36px;font-size:14px;margin-right:15px;min-width:44px}.online-lesson-page .top-box .tab-box .left-box .first[data-v-008c88b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.online-lesson-page .top-box .tab-box .left-box .first .first-box[data-v-008c88b8]{text-align:center;padding:0 15px;height:36px;line-height:36px;font-size:14px;border-radius:5px;cursor:pointer}.online-lesson-page .top-box .tab-box .left-box .first .first-box[data-v-008c88b8]:hover{color:#2bc17c}.online-lesson-page .top-box .tab-box .left-box .first .active[data-v-008c88b8]{background-color:rgba(43,193,124,.12);color:#2bc17c}.online-lesson-page .top-box .tab-box .left-box .second[data-v-008c88b8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:5px;overflow:hidden}.online-lesson-page .top-box .tab-box .left-box .second .second-box[data-v-008c88b8]{background-color:rgba(43,193,124,.12);text-align:center;padding:0 15px;height:36px;line-height:36px;font-size:14px;cursor:pointer}.online-lesson-page .top-box .tab-box .left-box .second .second-box[data-v-008c88b8]:hover{color:#2bc17c}.online-lesson-page .top-box .tab-box .left-box .second .active[data-v-008c88b8]{background-color:rgba(43,193,124,.12);color:#2bc17c}.online-lesson-page .top-box .tab-box .search[data-v-008c88b8]{margin-left:auto}.online-lesson-page .top-box .tab-box .search .el-input[data-v-008c88b8]{width:300px}.online-lesson-page .top-box .tab-box .search .el-input i[data-v-008c88b8]{cursor:pointer;line-height:36px}.online-lesson-page .lesson-box[data-v-008c88b8]{background-color:#f8f8f8;min-height:100vh}.online-lesson-page .lesson-box .page-box[data-v-008c88b8]{text-align:center;padding-bottom:30px}