.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-7796ead2]{position:relative;width:100%;height:100%;background-color:#f2f6fb}.training-banner[data-v-7796ead2]{width:100%;height:2.91667rem;background:-webkit-gradient(linear,right top,left top,from(#e5f1ff),color-stop(33%,#d8eafd),to(#f7fbff));background:-webkit-linear-gradient(right,#e5f1ff,#d8eafd 33%,#f7fbff);background:-o-linear-gradient(right,#e5f1ff 0,#d8eafd 33%,#f7fbff 100%);background:linear-gradient(270deg,#e5f1ff,#d8eafd 33%,#f7fbff)}.banner-bg[data-v-7796ead2]{width:100%;height:100%;background-image:url(../../static/img/banner-2.c96e0780.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.banner-bg .banner-box[data-v-7796ead2]{width:calc(100% - 2.53125rem);margin-left:1.26563rem;height:100%}.banner-bg .banner-box .banner-content[data-v-7796ead2]{width:3.20833rem;height:auto;padding-top:1.17188rem}.banner-bg .banner-box .banner-content .banner-title[data-v-7796ead2]{font-size:.21875rem;font-family:DingTalk-JinBuTi,DingTalk;font-weight:400;color:#333;margin-bottom:.08333rem}.banner-bg .banner-box .banner-content .banner-remark[data-v-7796ead2]{font-size:.08333rem;font-weight:400;color:#333;letter-spacing:.01042rem}.training-content[data-v-7796ead2]{width:100%;height:auto}.training-content .training-content-box[data-v-7796ead2]{width:calc(100% - 2.53125rem);height:auto;margin:0 auto;margin-top:-.875rem}.training-content .training-content-box .content-box-item[data-v-7796ead2]{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}.training-content .training-content-box .content-box-item .box-item[data-v-7796ead2]{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-7796ead2]{width:1.51563rem;height:.86458rem;margin-right:.14583rem}.training-content .training-content-box .content-box-item .item-left img[data-v-7796ead2]{width:100%;height:100%}.training-content .training-content-box .content-box-item .item-content[data-v-7796ead2]{width:4.16667rem;height:.86458rem;position:relative}.training-content .training-content-box .content-box-item .item-content .item-content-title[data-v-7796ead2]{color:#1e252e;font-size:.125rem;font-weight:500;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-7796ead2]{margin-left:.0625rem}.training-content .training-content-box .content-box-item .item-content .item-content-title .item-icon[data-v-7796ead2]{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-7796ead2]{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-7796ead2]{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-7796ead2]{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-7796ead2]{font-size:.08333rem;color:#999;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-7796ead2]{position:absolute;bottom:0;left:0}.training-content .training-content-box .content-box-item .item-content .item-content-bottom .content-text[data-v-7796ead2]{color:#1e252e;font-size:.08333rem;font-weight:400}.training-content .training-content-box .content-box-item .item-right[data-v-7796ead2]{width:calc(100% - 5.20833rem);text-align:center}.training-content .training-content-box .content-box-item .item-right .right-num[data-v-7796ead2]{color:#1e252e;font-size:.1875rem;font-weight:400}.training-content .training-content-box .content-box-item .item-right .right-remark[data-v-7796ead2]{font-size:.10417rem;font-weight:400;color:#1e252e}.detail-bg[data-v-7796ead2]{background-image:url(../../static/img/banner-1.027f4c61.png)!important}.detail-content[data-v-7796ead2]{width:3.20833rem;height:auto;padding-top:.90625rem}.detail-content .detail-title[data-v-7796ead2]{font-size:.25rem;color:#333;font-weight:400;margin-bottom:.05729rem}.detail-content .detail-remark[data-v-7796ead2]{font-size:.25rem;font-weight:400;color:#333;margin-bottom:.15104rem}.detail-content .detail-btn[data-v-7796ead2]{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}.detail-content .detail-btn .btn-item[data-v-7796ead2]{width:.57292rem;height:.1875rem;line-height:.1875rem;text-align:center;background:rgba(27,139,255,.63);border-radius:.02083rem;font-size:.09375rem;font-weight:400;color:#fff;margin-right:.05729rem}.detial-content-box[data-v-7796ead2]{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-7796ead2]{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-7796ead2]{width:1.29688rem;height:.26042rem;text-align:center;line-height:.26042rem;color:#1e252e;font-size:.09375rem;font-weight:500;background-image:url(../../static/img/icon-1.caa856fb.png);background-size:cover;background-repeat:no-repeat;background-position:50%;margin-left:0;margin-top:-.23958rem;cursor:pointer}.detial-content-box .one-cur[data-v-7796ead2]{background-image:url(../../static/img/icon-3.b698d47a.png)!important;margin-left:-.05208rem!important;position:relative}.detial-content-box .one-cur[data-v-7796ead2]: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-7796ead2]{width:1.29688rem;height:.26042rem;text-align:center;line-height:.26042rem;color:#1e252e;font-size:.09375rem;font-weight:500;background-image:url(../../static/img/icon-2.918ca68a.png);background-size:cover;background-repeat:no-repeat;background-position:50%;margin-left:-.3125rem;margin-top:-.23958rem;cursor:pointer}.detial-content-box .cen-cur[data-v-7796ead2]{background-image:url(../../static/img/icon-4.0b92f357.png)!important;margin-left:-.18229rem!important;position:relative}.detial-content-box .cen-cur[data-v-7796ead2]: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-7796ead2]{width:calc(100% - .3125rem)!important;height:auto;margin:0 auto!important;padding-top:.16667rem!important}.detial-content-box .detial-box img[data-v-7796ead2]{width:100%;height:100%}.app-training .training-mid[data-v-7796ead2]{width:6.25rem;margin:0 auto}.app-training .app-title[data-v-7796ead2]{padding-top:.10417rem;width:6.25rem;margin:0 auto}.app-training .lesson-top[data-v-7796ead2]{padding-top:.05208rem}.app-training .lesson-top .mid[data-v-7796ead2]{width:6.25rem;margin:0 auto;background:#fff;font-size:.07292rem;color:#333}.app-training .lesson-top .mid .my-class[data-v-7796ead2]{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-7796ead2]{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-7796ead2]{width:.3125rem;height:.3125rem;border-radius:50%;margin-right:.04167rem}.app-training .lesson-top .mid .my-class .left .user-msg[data-v-7796ead2]{-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-7796ead2]{padding-bottom:.03125rem}.app-training .lesson-top .mid .my-class .left .user-msg .content[data-v-7796ead2]{color:#7c7c7c}.app-training .lesson-top .mid .my-class .right[data-v-7796ead2]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.app-training .lesson-top .mid .my-class .right .class-msg[data-v-7796ead2]{padding-left:.10417rem;height:.15625rem;padding-top:.11458rem}.app-training .lesson-top .mid .my-class .right .class-msg .ms1[data-v-7796ead2]{float:left;margin-right:.1875rem}.app-training .lesson-top .mid .my-class .right .class-msg .ms2[data-v-7796ead2]{float:left;margin-right:.1875rem;color:#7c7c7c}.app-training .lesson-top .mid .my-class .right .class-msg .ms3[data-v-7796ead2]{float:left;color:#7c7c7c}.app-training .lesson-top .mid .my-class .right .class-msg .bt[data-v-7796ead2]{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-7796ead2]{width:1.14583rem;position:relative}.app-training .lesson-top .mid .my-class .right2 .text[data-v-7796ead2]{position:absolute;right:.05208rem;bottom:.05208rem;cursor:pointer;color:#186dce}.app-training .lesson-list[data-v-7796ead2]{padding:.05208rem 0;width:6.25rem;margin:0 auto}.app-training .lesson-list .class-list[data-v-7796ead2]{width:6.45833rem;position:relative}.app-training .lesson-list .class-list .list-box[data-v-7796ead2]{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-7796ead2]{width:2.01042rem;margin-right:.11458rem;margin-bottom:.08333rem}