.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-385b3e1c]{position:relative;width:100%;height:100%;background-color:#f2f6fb}.training-banner[data-v-385b3e1c]{width:100%;height:3.125rem}.banner-bg[data-v-385b3e1c]{width:100%;height:3.125rem;background-image:url(../../static/img/banner.2ad5a97f.png);background-size:cover;background-repeat:no-repeat;background-position:50%}.lesson-box[data-v-385b3e1c]{width:7.29167rem;height:auto;margin:0 auto;margin-top:-2.125rem}.lesson-title[data-v-385b3e1c]{color:#333;font-size:.21875rem;font-weight:400;margin-bottom:.16146rem}.lesson-menu[data-v-385b3e1c]{width:100%;height:auto;min-height:.60938rem;background:hsla(0,0%,100%,.5);border-radius:.04688rem;border:.01042rem solid hsla(0,0%,100%,.63);-webkit-backdrop-filter:blur(.02604rem);backdrop-filter:blur(.02604rem);margin-bottom:.16667rem}.lesson-menu .menu-box[data-v-385b3e1c]{width:calc(100% - .16667rem);height:auto;min-height:.60938rem;margin-left:.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}.lesson-menu .menu-box .box-flex[data-v-385b3e1c]{width:100%;height:auto;padding-top:.10417rem;padding-bottom:.10417rem}.lesson-menu .menu-box .felx-item[data-v-385b3e1c]{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-385b3e1c]:last-child{margin-bottom:0!important}.lesson-menu .menu-box .felx-item .item-title[data-v-385b3e1c]{width:.3125rem;height:auto;font-size:.08333rem;font-weight:400;color:#333}.lesson-menu .menu-box .item-lesson-flex[data-v-385b3e1c]{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-385b3e1c]{width:auto;min-width:.26042rem;height:.17188rem;line-height:.17188rem;text-align:center;font-size:.07292rem;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-385b3e1c]:hover{background-color:#39f!important;color:#fff!important}.lesson-menu .menu-box .item-lesson[data-v-385b3e1c]:last-child{margin-right:0!important}.lesson-menu .menu-box .lesson_cur[data-v-385b3e1c]{background-color:#39f!important;color:#fff!important}.lesson-content[data-v-385b3e1c]{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}.lesson-content .lesson-content-item[data-v-385b3e1c]{width:calc(25% - .10417rem);height:1.86458rem;background-color:#fff;border-radius:.04688rem;margin-bottom:.15625rem;margin-right:.13021rem;cursor:pointer}.lesson-content .lesson-content-item[data-v-385b3e1c]:nth-child(4n){margin-right:0!important}.lesson-content .lesson-content-item .item-top[data-v-385b3e1c]{width:100%;height:1.01563rem;margin-bottom:.08333rem;border-top-right-radius:.04688rem;border-top-left-radius:.04688rem}.lesson-content .lesson-content-item .item-top img[data-v-385b3e1c]{width:100%;height:100%;border-top-right-radius:.04688rem;border-top-left-radius:.04688rem}.lesson-content .lesson-content-item .item-content-box[data-v-385b3e1c]{width:calc(100% - .16667rem);height:auto;margin:0 auto}.lesson-content .lesson-content-item .item-content-box .item-content-title[data-v-385b3e1c]{width:100%;height:auto;font-size:.10417rem;font-weight:500;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-385b3e1c]{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-385b3e1c]{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-icon-img[data-v-385b3e1c]{width:.0625rem;height:.0625rem}.lesson-content .lesson-content-item .item-content-box .item-cd-flex[data-v-385b3e1c]{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-385b3e1c]{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-385b3e1c]{margin-left:0!important}.app-lesson .lesson-top[data-v-385b3e1c]{padding-top:.10417rem}.app-lesson .lesson-top .mid[data-v-385b3e1c]{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-385b3e1c]{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-385b3e1c]{position:relative;top:.04167rem;width:.36458rem}.app-lesson .lesson-top .mid .mid-line .two[data-v-385b3e1c]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.app-lesson .lesson-top .mid .li[data-v-385b3e1c]{padding:.04167rem .05208rem;float:left;cursor:pointer;margin-right:.04167rem}.app-lesson .lesson-top .mid .li-click[data-v-385b3e1c]{background:#e7f2f4;color:#39f;border-radius:.02083rem}.app-lesson .lesson-list[data-v-385b3e1c]{padding:.10417rem 0}.app-lesson .lesson-list .class-list[data-v-385b3e1c]{width:6.45833rem;position:relative;left:.09896rem;margin:0 auto}.app-lesson .lesson-list .class-list .list-box[data-v-385b3e1c]{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-385b3e1c]{width:1.44271rem;height:1.11458rem;margin-right:.16667rem;margin-bottom:.08333rem}