.my-class[data-v-267fac42]{cursor:pointer;font-size:.07292rem;border-radius:.03125rem;background:#fff;color:#3e454d;overflow:hidden}.my-class[data-v-267fac42]:hover{color:#2e7fdb}.my-class .img-box[data-v-267fac42],.my-class .img-box img[data-v-267fac42]{width:100%;height:.9375rem}.my-class .title[data-v-267fac42]{margin:0 auto;font-size:.07292rem;margin-top:.07813rem;margin-bottom:.05208rem;color:#333;white-space:nowrap}.my-class .remark[data-v-267fac42],.my-class .title[data-v-267fac42]{width:calc(100% - .125rem);overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.my-class .remark[data-v-267fac42]{min-height:.26042rem;margin:0 auto;margin-bottom:.05208rem;color:#999;font-size:.0625rem;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.app-training[data-v-18986183]{position:relative;width:100%;height:100%;background-color:#f4f6fa}.training-banner[data-v-18986183]{width:100%;height:3.125rem;position:relative;overflow:hidden;z-index:1}.banner-bg[data-v-18986183]{position:relative;z-index:2;width:100%;height:100%;background-image:url(../../static/img/banner-0.c5791ebb.png);background-size:cover;background-repeat:no-repeat;background-position:50%}.banner-bg .banner-box[data-v-18986183]{width:calc(100% - 2.53125rem);margin-left:1.26563rem;height:100%}.banner-bg .banner-box .banner-content[data-v-18986183]{width:3.20833rem;height:auto;padding-top:1.17188rem}.banner-bg .banner-box .banner-content .banner-title[data-v-18986183]{font-size:.21875rem;font-family:Syne,sans-serif;font-weight:400;color:#333;margin-bottom:.08333rem}.banner-bg .banner-box .banner-content .banner-title em[data-v-18986183]{color:#0057ff;font-style:normal}.banner-bg .banner-box .banner-content .banner-remark[data-v-18986183]{font-size:.08333rem;font-weight:400;color:#333;letter-spacing:.01042rem;line-height:1.6;margin-bottom:.125rem}.banner-bg .banner-box .banner-content .banner-hot[data-v-18986183]{font-size:.125rem;font-weight:700;color:#0057ff}.banner-grid[data-v-18986183]{display:none}.banner-glow[data-v-18986183]{position:absolute;width:3.125rem;height:3.125rem;background:-webkit-radial-gradient(circle,rgba(0,87,255,.12) 0,transparent 70%);background:-o-radial-gradient(circle,rgba(0,87,255,.12) 0,transparent 70%);background:radial-gradient(circle,rgba(0,87,255,.12) 0,transparent 70%);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;z-index:2}.training-content[data-v-18986183]{width:100%;height:auto;position:relative;z-index:10}.training-content .training-content-box[data-v-18986183]{width:calc(100% - 2.53125rem);height:auto;margin:0 auto;margin-top:-.15625rem}.training-content .training-content-box .content-box-item[data-v-18986183]{width:100%;height:1.11458rem;margin-bottom:.10417rem;background-color:#fff;-webkit-box-shadow:0 .01042rem .05208rem 0 rgba(13,32,76,.09);box-shadow:0 .01042rem .05208rem 0 rgba(13,32,76,.09);border-radius:.04688rem;border:.01042rem solid #fff;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.training-content .training-content-box .content-box-item[data-v-18986183]:hover{-webkit-transform:translateY(-.01042rem);-ms-transform:translateY(-.01042rem);transform:translateY(-.01042rem);-webkit-box-shadow:0 .02083rem .0625rem rgba(0,87,255,.08);box-shadow:0 .02083rem .0625rem rgba(0,87,255,.08);border-color:rgba(0,87,255,.3)}.training-content .training-content-box .content-box-item .box-item[data-v-18986183]{width:calc(100% - .48438rem);margin:0 auto;height:100%;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}.training-content .training-content-box .content-box-item .item-left[data-v-18986183]{width:1.55729rem;height:.86458rem;margin-right:.14583rem;border-radius:.03125rem;overflow:hidden}.training-content .training-content-box .content-box-item .item-left img[data-v-18986183]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.training-content .training-content-box .content-box-item .item-content[data-v-18986183]{width:4.16667rem;height:.86458rem;position:relative}.training-content .training-content-box .content-box-item .item-content .item-content-title[data-v-18986183]{color:#1e252e;font-size:.125rem;font-weight:700;margin-bottom:.09375rem;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}.training-content .training-content-box .content-box-item .item-content .item-content-title .icon-left[data-v-18986183]{margin-left:.0625rem}.training-content .training-content-box .content-box-item .item-content .item-content-title .item-icon[data-v-18986183]{min-width:.3125rem;width:auto;height:.125rem;padding-left:.02604rem;padding-right:.02604rem;line-height:.125rem;background:#e5ffe4;border-radius:.01042rem;border:1px solid #26b520;display:inline-block;font-size:.07292rem;color:#26b520;text-align:center;font-weight:400;margin-left:.0625rem;vertical-align:top}.training-content .training-content-box .content-box-item .item-content .item-content-title .item-green[data-v-18986183]{color:#26b520!important;border:1px solid #e5ffe4!important;background:#e5ffe4!important}.training-content .training-content-box .content-box-item .item-content .item-content-title .item-yellow[data-v-18986183]{border:1px solid #fae7d4!important;color:#ff861a!important;background:#fae7d4!important}.training-content .training-content-box .content-box-item .item-content .item-content-title .item-blue[data-v-18986183]{border:1px solid #cecdff!important;color:#6051cd!important;background:#cecdff!important}.training-content .training-content-box .content-box-item .item-content .item-content-remark[data-v-18986183]{font-size:.08333rem;color:#4d4d4d;font-weight:400;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.training-content .training-content-box .content-box-item .item-content .item-content-bottom[data-v-18986183]{position:absolute;bottom:0;left:0}.training-content .training-content-box .content-box-item .item-content .item-content-bottom .content-text[data-v-18986183]{color:#0057ff;font-size:.08333rem;font-weight:400}.training-content .training-content-box .content-box-item .item-content .item-content-bottom .content-text[data-v-18986183]:nth-child(2){color:#0057ff;font-size:.125rem;font-weight:700}.training-content .training-content-box .content-box-item .item-right[data-v-18986183]{width:calc(100% - 5.20833rem);text-align:center}.training-content .training-content-box .content-box-item .item-right .right-num[data-v-18986183]{color:#ff5e1a;font-size:.23958rem;font-weight:700}.training-content .training-content-box .content-box-item .item-right .right-remark[data-v-18986183]{font-size:.10417rem;font-weight:400;color:#1e252e}.detail-content[data-v-18986183]{width:1280x;height:auto;padding-top:.80208rem;text-align:center}.detail-content .detail-title[data-v-18986183]{font-family:Syne,sans-serif;font-size:clamp(.25rem,7vw,.45833rem);color:#0057ff;font-weight:700;margin-bottom:.05729rem}.detail-content .detail-remark[data-v-18986183]{font-family:Syne,sans-serif;font-size:.25rem;font-weight:500;color:#333;margin-bottom:.15104rem}.detail-content .training-banner .btn-item[data-v-18986183]{padding:.0625rem .125rem;background:rgba(0,87,255,.1);border:1px solid rgba(0,87,255,.25);border-radius:.04167rem;font-size:.07292rem;font-weight:500;color:#0057ff;cursor:pointer;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;white-space:nowrap}.detail-content .training-banner .btn-item[data-v-18986183]:hover{background:#0057ff;color:#fff;border-color:#0057ff}.detail-content .detail-btn[data-v-18986183]{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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.detail-content .detail-btn .btn-item[data-v-18986183]{width:.57292rem;height:.1875rem;line-height:.1875rem;text-align:center;background:#0057ff;border-radius:.02083rem;font-size:.09375rem;font-weight:400;color:#fff;margin-right:.05729rem}.detial-content-box[data-v-18986183]{width:calc(100% - 2.53125rem);height:auto;min-height:6.83854rem;margin:0 auto;margin-top:-.21354rem;background:#fff;-webkit-box-shadow:0 .01042rem .10417rem 0 rgba(13,32,76,.06);box-shadow:0 .01042rem .10417rem 0 rgba(13,32,76,.06);border-radius:0 .04688rem .04688rem .04688rem}.detial-content-box .content-flex[data-v-18986183]{width:100%;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}.detial-content-box .flex-item-one[data-v-18986183]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:.3125rem;text-align:center;line-height:.3125rem;color:#1e252e;font-size:.10417rem;font-weight:500;background:#f5f5f5;margin-left:0;margin-top:-.23958rem;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.detial-content-box .one-cur[data-v-18986183]{background:#e0e0e0!important;margin-left:0!important;position:relative}.detial-content-box .one-cur[data-v-18986183]:after{content:"";position:absolute;width:.36979rem;height:.01042rem;background-color:#1b8bff;bottom:.03125rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.detial-content-box .flex-item-cen[data-v-18986183]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:.3125rem;text-align:center;line-height:.3125rem;color:#1e252e;font-size:.10417rem;font-weight:500;background:#f5f5f5;margin-left:0;margin-top:-.23958rem;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.detial-content-box .cen-cur[data-v-18986183]{background:#e0e0e0!important;margin-left:0!important;position:relative}.detial-content-box .cen-cur[data-v-18986183]:after{content:"";position:absolute;width:.36979rem;height:.01042rem;background-color:#1b8bff;bottom:.03125rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.detial-content-box .detial-box[data-v-18986183]{width:calc(100% - .3125rem)!important;height:auto;margin:0 auto!important;padding-top:.16667rem!important}.detial-content-box .detial-box img[data-v-18986183]{width:100%;height:100%}.app-training .training-mid[data-v-18986183]{width:6.25rem;margin:0 auto}.app-training .app-title[data-v-18986183]{padding-top:.10417rem;width:6.25rem;margin:0 auto}.app-training .lesson-top[data-v-18986183]{padding-top:.05208rem}.app-training .lesson-top .mid[data-v-18986183]{width:6.25rem;margin:0 auto;background:#fff;font-size:.07292rem;color:#333}.app-training .lesson-top .mid .my-class[data-v-18986183]{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:.05208rem}.app-training .lesson-top .mid .my-class .left[data-v-18986183]{width:1.5625rem;border-right:1px solid #e9e9e9;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:.10417rem;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.app-training .lesson-top .mid .my-class .left .img-box img[data-v-18986183]{width:.3125rem;height:.3125rem;border-radius:50%;margin-right:.04167rem}.app-training .lesson-top .mid .my-class .left .user-msg[data-v-18986183]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.app-training .lesson-top .mid .my-class .left .user-msg .name[data-v-18986183]{padding-bottom:.03125rem}.app-training .lesson-top .mid .my-class .left .user-msg .content[data-v-18986183]{color:#7c7c7c}.app-training .lesson-top .mid .my-class .right[data-v-18986183]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.app-training .lesson-top .mid .my-class .right .class-msg[data-v-18986183]{padding-left:.10417rem;height:.15625rem;padding-top:.11458rem}.app-training .lesson-top .mid .my-class .right .class-msg .ms1[data-v-18986183]{float:left;margin-right:.1875rem}.app-training .lesson-top .mid .my-class .right .class-msg .ms2[data-v-18986183]{float:left;margin-right:.1875rem;color:#7c7c7c}.app-training .lesson-top .mid .my-class .right .class-msg .ms3[data-v-18986183]{float:left;color:#7c7c7c}.app-training .lesson-top .mid .my-class .right .class-msg .bt[data-v-18986183]{float:right;padding:.04167rem .11458rem;background:#186dce;text-align:center;color:#fff;border-radius:.02083rem;cursor:pointer;position:relative;top:-.04688rem}.app-training .lesson-top .mid .my-class .right2[data-v-18986183]{width:1.14583rem;position:relative}.app-training .lesson-top .mid .my-class .right2 .text[data-v-18986183]{position:absolute;right:.05208rem;bottom:.05208rem;cursor:pointer;color:#186dce}.app-training .lesson-list[data-v-18986183]{padding:.05208rem 0;width:6.25rem;margin:0 auto}.app-training .lesson-list .class-list[data-v-18986183]{width:6.45833rem;position:relative}.app-training .lesson-list .class-list .list-box[data-v-18986183]{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.app-training .lesson-list .class-list .list-box .list[data-v-18986183]{width:2.01042rem;margin-right:.11458rem;margin-bottom:.08333rem}