.my-class[data-v-772be672]{cursor:pointer;font-size:.07292rem;border-radius:.03125rem;background:#fff;color:#3e454d;overflow:hidden}.my-class[data-v-772be672]:hover{color:#2e7fdb}.my-class .img-box img[data-v-772be672]{width:100%;height:.72917rem}.my-class .title[data-v-772be672]{padding:.04167rem .05208rem}.my-class .title .title-rem[data-v-772be672]{font-size:.07292rem;word-break:break-all;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.my-class .banner-img[data-v-772be672]{width:100%}.color-price[data-v-772be672]{height:auto;padding:0;padding-left:.05208rem;padding-bottom:.05208rem;color:red;font-size:.08333rem}.app-lesson[data-v-2233d876]{position:relative;width:100%;height:100%;background-color:#f4f6fa}.training-banner[data-v-2233d876]{width:100%;height:3.125rem;position:relative;overflow:hidden}.banner-bg[data-v-2233d876]{width:100%;height:100%;background:url(../../static/img/banner.5526d62f.png) no-repeat 50%;background-size:cover}.lesson-box[data-v-2233d876]{width:100%;max-width:7.29167rem;height:auto;margin:0 auto;margin-top:-2.08333rem;position:relative;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .10417rem}.lesson-title[data-v-2233d876]{color:#333;font-size:.21875rem;font-weight:400;margin-bottom:.16146rem}.lesson-menu[data-v-2233d876]{width:100%;height:auto;min-height:.60938rem;background:rgba(255,254,254,.5);border-radius:.04688rem;border:.01042rem solid rgba(216,234,253,.63);-webkit-backdrop-filter:blur(.02604rem);backdrop-filter:blur(.02604rem);margin-bottom:.16667rem;-webkit-box-shadow:0 .02083rem .10417rem rgba(0,87,255,.15);box-shadow:0 .02083rem .10417rem rgba(0,87,255,.15)}.lesson-menu .menu-box[data-v-2233d876]{width:100%;height:auto;min-height:.60938rem;padding:0 .16667rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.lesson-menu .menu-box .box-flex[data-v-2233d876]{width:100%;height:auto;padding-top:.10417rem;padding-bottom:.10417rem}.lesson-menu .menu-box .felx-item[data-v-2233d876]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:.07292rem}.lesson-menu .menu-box .felx-item[data-v-2233d876]:last-child{margin-bottom:0!important}.lesson-menu .menu-box .felx-item .item-title[data-v-2233d876]{width:.3125rem;height:auto;font-size:.10417rem;font-weight:400;color:#333}.lesson-menu .menu-box .item-lesson-flex[data-v-2233d876]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.lesson-menu .menu-box .item-lesson[data-v-2233d876]{width:auto;min-width:.26042rem;height:.17188rem;line-height:.17188rem;text-align:center;font-size:.09375rem;color:#666;font-weight:400;margin-right:.14583rem;border-radius:.01563rem;padding-left:.05208rem;padding-right:.05208rem;cursor:pointer}.lesson-menu .menu-box .item-lesson[data-v-2233d876]:hover{background-color:#0057ff!important;color:#fff!important}.lesson-menu .menu-box .item-lesson[data-v-2233d876]:last-child{margin-right:0!important}.lesson-menu .menu-box .lesson_cur[data-v-2233d876]{background-color:#0057ff!important;color:#fff!important}.lesson-content[data-v-2233d876]{width:100%;height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.13021rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}.lesson-content .lesson-content-item[data-v-2233d876]{-webkit-box-flex:0;-webkit-flex:0 1 calc(25% - 0.13021rem);-ms-flex:0 1 calc(25% - 0.13021rem);flex:0 1 calc(25% - 0.13021rem);min-width:1.30208rem;height:1.8125rem;background-color:#fff;border-radius:.0625rem;cursor:pointer;-webkit-box-shadow:0 .01042rem .04167rem rgba(0,0,0,.04);box-shadow:0 .01042rem .04167rem rgba(0,0,0,.04);-webkit-transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,-webkit-box-shadow .2s ease;-o-transition:box-shadow .2s ease,border-color .2s ease;transition:box-shadow .2s ease,border-color .2s ease;transition:box-shadow .2s ease,border-color .2s ease,-webkit-box-shadow .2s ease;border:1px solid transparent}.lesson-content .lesson-content-item[data-v-2233d876]:focus,.lesson-content .lesson-content-item[data-v-2233d876]:hover{-webkit-box-shadow:0 .03125rem .10417rem rgba(0,87,255,.12);box-shadow:0 .03125rem .10417rem rgba(0,87,255,.12);border-color:#0057ff}.lesson-content .lesson-content-item[data-v-2233d876]:focus{outline:none}.lesson-content .lesson-content-item .item-top[data-v-2233d876]{width:100%;height:1.01563rem;margin-bottom:.08333rem;border-top-right-radius:.04688rem;border-top-left-radius:.04688rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.lesson-content .lesson-content-item .item-top img[data-v-2233d876]{width:95%;height:95%;-o-object-fit:contain;object-fit:contain;border-radius:.0625rem}.lesson-content .lesson-content-item .item-content-box[data-v-2233d876]{width:calc(100% - .16667rem);height:auto;margin:0 auto}.lesson-content .lesson-content-item .item-content-box .item-content-title[data-v-2233d876]{width:100%;height:auto;font-size:.10417rem;font-weight:700;color:#1e252e;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.lesson-content .lesson-content-item .item-content-box .item-content-remark[data-v-2233d876]{width:100%;height:auto;font-size:.08333rem;font-weight:400;color:#666;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.10417rem;margin-top:.02083rem}.lesson-content .lesson-content-item .item-content-box .item-content-flex[data-v-2233d876]{width:100%;height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.08333rem;font-weight:400;color:#999}.lesson-content .lesson-content-item .item-content-box .item-content-flex div[data-v-2233d876]:first-child{color:#0057ff;font-weight:700}.lesson-content .lesson-content-item .item-content-box .item-content-flex div[data-v-2233d876]:nth-child(3){color:#ff5e1a;font-weight:700}.lesson-content .lesson-content-item .item-content-box .item-icon-img[data-v-2233d876]{width:.08333rem;height:.08333rem}.lesson-content .lesson-content-item .item-content-box .item-cd-flex[data-v-2233d876]{width:100%;height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:.04167rem}.lesson-content .lesson-content-item .item-content-box .item-cd-flex .item-zy[data-v-2233d876]{width:auto;min-width:.41146rem;height:.125rem;background-color:#f9f8ff;border-radius:.01042rem;border:1px solid #9471ff;color:#7e5fff;font-size:.07292rem;text-align:center;line-height:.125rem;font-weight:400}.margin-left[data-v-2233d876]{margin-left:0!important}.page-gination-box[data-v-2233d876]{width:100%;height:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:.11458rem}.app-lesson .lesson-top[data-v-2233d876]{padding-top:.10417rem}.app-lesson .lesson-top .mid[data-v-2233d876]{width:6.25rem;margin:0 auto;background:#fff;font-size:.07292rem;color:#333;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:.05208rem;overflow:hidden}.app-lesson .lesson-top .mid .mid-line[data-v-2233d876]{padding:.05208rem 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.app-lesson .lesson-top .mid .mid-line .fist-tips[data-v-2233d876]{position:relative;top:.04167rem;width:.36458rem}.app-lesson .lesson-top .mid .mid-line .two[data-v-2233d876]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.app-lesson .lesson-top .mid .li[data-v-2233d876]{padding:.04167rem .05208rem;float:left;cursor:pointer;margin-right:.04167rem}.app-lesson .lesson-top .mid .li-click[data-v-2233d876]{background:#e7f2f4;color:#0057ff;border-radius:.02083rem}.app-lesson .lesson-list[data-v-2233d876]{padding:.10417rem 0}.app-lesson .lesson-list .class-list[data-v-2233d876]{width:6.45833rem;position:relative;left:.09896rem;margin:0 auto}.app-lesson .lesson-list .class-list .list-box[data-v-2233d876]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.app-lesson .lesson-list .class-list .list-box .list[data-v-2233d876]{width:1.44271rem;height:1.11458rem;margin-right:.16667rem;margin-bottom:.08333rem}