.class-list-wrapper[data-v-0ca2d259]{min-height:320px;width:100%}.class-list[data-v-0ca2d259]{display:flex;flex-wrap:wrap}.class-list li[data-v-0ca2d259]{cursor:pointer;margin-right:20px;margin-bottom:20px;background-color:#fff;width:calc(25% - 15px)}.class-list li[data-v-0ca2d259]:nth-child(4n){margin-right:0}.class-list li>div[data-v-0ca2d259]{padding:10px 20px;border-radius:4px;transition:all .2s;height:calc(100% - 24px);box-shadow:0 2px 4px 0 #bdbdbd}.class-list li>div:hover p.title[data-v-0ca2d259]{color:#1684fc}.class-list li>div P[data-v-0ca2d259]{margin:5px 0;font-size:12px;color:#8c939d}.class-list li>div P.title[data-v-0ca2d259]{font-size:16px;font-weight:600;margin-bottom:10px;color:#1c1f21}.dialog-footer[data-v-0ca2d259]{display:flex;justify-content:center}.my-class[data-v-09a83151]{padding:20px 0}.my-class>div[data-v-09a83151]{width:1200px;margin:0 auto}.my-class .my-class-title[data-v-09a83151]{margin-bottom:14px;font-size:24px;color:#333;height:31px;line-height:31px}.my-class-tab[data-v-09a83151] .el-tabs__header .el-tabs__nav-wrap .el-tabs__item{font-size:16px;font-weight:bolder!important}.course-list[data-v-77b6d4c2]{width:100%;display:grid;grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:repeat(5,224px)}.course-list .course-item[data-v-77b6d4c2]{width:100%;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 6px 10px 0 rgba(95,101,105,.15);border-radius:4px;transition:all .2s;padding-bottom:5px}.course-list .course-item[data-v-77b6d4c2]:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.15)}.course-list .course-item .cover[data-v-77b6d4c2]{height:126px;position:relative}.course-list .course-item .wrapper[data-v-77b6d4c2]{padding:0 8px}.course-list .course-item .wrapper .course-name[data-v-77b6d4c2]{font-size:14px;color:#333;margin:6px 0;overflow:hidden;font-weight:400;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px}.course-list .course-item .wrapper .period[data-v-77b6d4c2]{font-size:14px;color:#909399;margin-bottom:10px}.course-list .course-item .wrapper .course-price .price[data-v-77b6d4c2]{font-size:24px;color:#ff1d00}.course-list .course-item .wrapper .course-price .price[data-v-77b6d4c2]:before{content:"￥";font-size:14px}.class-detail-container[data-v-d93b40c8]{padding:0;margin-top:60px}.class-detail-container .class-detail[data-v-d93b40c8]{background-color:#fff;padding:20px}.class-detail-container .class-detail .class-title[data-v-d93b40c8]{font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.class-detail-container .class-detail>div[data-v-d93b40c8]{margin-bottom:10px;color:#333}.class-detail-container .class-detail>div .m-t[data-v-d93b40c8]{color:#8c939d;margin-right:10px}.class-detail-container .course-list[data-v-d93b40c8]{margin-top:20px;background-color:#fff;padding:20px}.class-detail-container .course-list[data-v-d93b40c8] .course-list{grid-template-columns:repeat(5,216px)}.class-detail-container .course-list .course-list-title[data-v-d93b40c8]{margin:0 0 20px}.class-detail-container .course-list .course-list-title .order-learn[data-v-d93b40c8]{font-size:14px;color:#c0c4cc;margin-left:10px;font-weight:400}.lock[data-v-d93b40c8]{position:absolute;background-color:rgba(0,0,0,.3);color:#eaeaea;font-size:28px;text-align:center;display:table;width:100%;height:100%;top:0}.lock i[data-v-d93b40c8]{display:table-cell;vertical-align:middle}.learn-time[data-v-d93b40c8]{font-size:12px;color:#909399;margin-bottom:10px;margin-top:10px}.review[data-v-d93b40c8]{text-align:center;padding-top:10px;padding-bottom:10px;margin-top:10px;color:#333;font-size:12px;border-top:2px solid #f8f8f8}.desc-txt[data-v-d93b40c8]{color:#9ea2a8;font-size:12px}