.all[data-v-02759944]{width:100vw;height:100vh;left:0;top:0;background:hsla(0,0%,100%,.1);z-index:10003}.all[data-v-02759944],.main[data-v-02759944]{position:fixed}.main[data-v-02759944]{width:380px;height:500px;background-color:#fff;border-radius:4px;z-index:99999;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px 0 rgba(0,0,0,.2)}.main>div[data-v-02759944]:first-child{width:13px;height:14px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAABAUlEQVQokZXRMUtCURTA8V8PEYrW1+Tc1tDULCQUVJRrW4MQ+BUssK8gtLW1WmLUEOEY7gW1v825AhFpeEewhw6d5XL+h/+5956z0mg0XvGDA3xbHmt4wGqCCaq4R3mJUI56FZMEdbyhhhskBSEJXsM76glG2EeGU3QKUid4hj2MZl0z7EaDc7SCtyIfxU0ZlOY6fuIQL2hjGyf4Cv4x/975GOII4xDGkQ+Ln/x3FKUd9OQjvouzF3yhtIk+1nEhX8Vl5P2o/5Eq8gGkuMZV8HbkadQrMynFY4BbNAtPbgav4AlpCV1s4RlnmBakafAN+a66iXxXAxzLR7woxlEfoPQLUck5p+ank54AAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;margin:24px 0 0 354px}.main .login-state[data-v-02759944]{height:20px;line-height:20px;margin:40px 85px 0}.main .login-state>div[data-v-02759944]:first-child{float:left;font-size:18px;color:#666;cursor:pointer}.main .login-state>div:first-child.active[data-v-02759944]{color:#003dd2}.main .login-state>div[data-v-02759944]:last-child{float:right;font-size:18px;color:#666;cursor:pointer}.main .login-state>div:last-child.active[data-v-02759944]{color:#003dd2}.main .form[data-v-02759944]{width:326px;margin:0 auto}.main .form .account-login .input[data-v-02759944]:first-child{margin-top:26px}.main .form .account-login .input[data-v-02759944]{width:326px;height:50px;background-color:#fff;border-radius:4px;border:1px solid #ccc;box-sizing:border-box;margin-top:30px}.main .form .account-login .input.name[data-v-02759944],.main .form .account-login .input.password[data-v-02759944]{position:relative}.main .form .account-login .input input[data-v-02759944]{width:306px;margin:10px;height:30px;font-size:14px}.main .form .account-login .ft-password[data-v-02759944]{margin-top:30px;text-align:right;height:12px;line-height:12px}.main .form .account-login .ft-password a[data-v-02759944]{font-size:12px;color:#666}.main .form .account-login .submit[data-v-02759944]{width:326px;height:50px;line-height:50px;background-color:#003dd2;font-size:20px;border-radius:4px;text-align:center;color:#fff;cursor:pointer;margin-top:15px}.main .form .code-login .input[data-v-02759944]{width:326px;height:50px;background-color:#fff;border-radius:4px;border:1px solid #ccc;box-sizing:border-box;margin-top:26px}.main .form .code-login .input.phone[data-v-02759944]{position:relative}.main .form .code-login .input input[data-v-02759944]{width:306px;margin:10px;height:30px;font-size:14px}.main .form .code-login .code[data-v-02759944]{position:relative;margin-top:30px}.main .form .code-login .code .input-code[data-v-02759944]{position:relative;float:left;width:184px;height:50px;background-color:#fff;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.main .form .code-login .code .input-code input[data-v-02759944]{width:164px;margin:10px;height:30px;font-size:14px}.main .form .code-login .code .btn-code[data-v-02759944]{float:right;width:131px;font-size:14px}.main .form .code-login .code .btn-code[data-v-02759944],.main .form .code-login .submit[data-v-02759944]{height:50px;line-height:50px;color:#fff;text-align:center;background-color:#003dd2;border-radius:4px;cursor:pointer}.main .form .code-login .submit[data-v-02759944]{width:326px;font-size:20px;margin-top:35px}.main .form .txt[data-v-02759944]{padding:10px 0 0;font-size:12px;text-align:right}.main .form .txt a[data-v-02759944]{color:#003dd2}.main .protocol[data-v-02759944]{font-size:12px;position:absolute;bottom:50px;left:45px}.main .protocol a[data-v-02759944]{color:#fb4343}
/*!
 * version 1.4.1 MIT
 * 2019-2-1 wenju
 * http://www.mescroll.com
 */body,html{height:100%}body{-webkit-overflow-scrolling:touch}.mescroll{width:100%;height:100%;overflow-y:auto}.mescroll-hardware{-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.mescroll-downwarp{position:relative;width:100%;height:0;overflow:hidden;text-align:center}.mescroll-downwarp-reset{transition:height .3s}.mescroll-downwarp .downwarp-content{position:absolute;left:0;bottom:0;width:100%;min-height:30px;padding:10px 0}.mescroll-upwarp{min-height:30px;padding:15px 0;text-align:center;visibility:hidden}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-nodata,.mescroll-upwarp .upwarp-tip{display:inline-block;font-size:12px;color:grey;vertical-align:middle}.mescroll-downwarp .downwarp-tip,.mescroll-upwarp .upwarp-tip{margin-left:8px}.mescroll-downwarp .downwarp-progress,.mescroll-upwarp .upwarp-progress{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid;border-color:grey grey transparent;vertical-align:middle}.mescroll-rotate{-webkit-animation:mescrollRotate .6s linear infinite;animation:mescrollRotate .6s linear infinite}@-webkit-keyframes mescrollRotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes mescrollRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mescroll-empty{width:100%;padding-top:20px;text-align:center}.mescroll-empty .empty-icon{width:45%}.mescroll-empty .empty-tip{margin-top:6px;font-size:14px;color:grey}.mescroll-empty .empty-btn{max-width:50%;margin:20px auto;padding:10px;border:1px solid #65aadd;border-radius:6px;background-color:#fff;color:#65aadd}.mescroll-empty .empty-btn:active{opacity:.75}.mescroll-totop{z-index:9990;position:fixed;right:10px;bottom:30px;width:36px;height:36px;border-radius:50%;opacity:0}.mescroll-fade-in,.mescroll-lazy-in{-webkit-animation:mescrollFadeIn .5s linear forwards;animation:mescrollFadeIn .5s linear forwards}@-webkit-keyframes mescrollFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mescrollFadeIn{0%{opacity:0}to{opacity:1}}.mescroll-fade-out{pointer-events:none;-webkit-animation:mescrollFadeOut .5s linear forwards;animation:mescrollFadeOut .5s linear forwards}@-webkit-keyframes mescrollFadeOut{0%{opacity:1}to{opacity:0}}@keyframes mescrollFadeOut{0%{opacity:1}to{opacity:0}}.mescroll-bar::-webkit-scrollbar-track{background-color:transparent}.mescroll-bar::-webkit-scrollbar{width:6px}.mescroll-bar::-webkit-scrollbar-thumb{border-radius:6px;background-color:#ccc}.mescroll-bar::-webkit-scrollbar-thumb:hover{background-color:#aaa}.course-item[data-v-4be5529d]{cursor:pointer;width:290px;height:361px;background:#fff;box-shadow:0 0 20px rgba(160,187,254,.19);margin-right:13px;margin-bottom:18px;transition:all .5s}.course-item[data-v-4be5529d]:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(160,184,245,.5)}.course-item[data-v-4be5529d]:nth-child(4n){margin-right:0}.course-item .course-img[data-v-4be5529d]{width:290px;height:187px;display:flex;justify-content:space-around}.course-item .course-img img[data-v-4be5529d]{margin:0 auto;max-width:290px;max-height:187px;width:auto;height:auto}.course-item .course-body[data-v-4be5529d]{width:100%;padding:0 10px;box-sizing:border-box}.course-item .course-body .course-name[data-v-4be5529d]{height:24px;font-size:14px;font-family:Microsoft YaHei;line-height:24px;color:#333;margin:11px 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-item .course-body .course-des[data-v-4be5529d]{margin-bottom:7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;font-weight:400}.course-item .course-body .course-class-hour[data-v-4be5529d]{position:relative;height:16px;font-size:12px;font-family:Microsoft YaHei;line-height:16px;color:#999}.course-item .course-body .course-class-hour[data-v-4be5529d]:after{position:absolute;content:"";top:32px;left:0;width:100%;border-bottom:1px solid #e4e4e4}.course-item .course-body .course-footer[data-v-4be5529d]{width:100%;height:72px;margin-top:16px;display:flex;justify-content:space-between}.course-item .course-body .course-footer .sign-up-num[data-v-4be5529d]{height:16px;font-size:12px;font-family:Microsoft YaHei;line-height:16px;color:#666;margin-top:32px}.course-item .course-body .course-footer .course-price[data-v-4be5529d]{height:39px;font-size:16px;font-weight:700;font-family:Microsoft YaHei;line-height:19px;color:#f7402e;margin-top:30px}.course-item .course-body .course-footer .course-price .font[data-v-4be5529d]{height:39px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:19px;color:#f7402e}.panel-subject[data-v-1c1b1d58]{width:757px;background:#fff;margin-top:-40px;box-shadow:0 4px 15px 1px rgba(212,234,255,.46);position:absolute;z-index:99;display:flex;flex-wrap:wrap;padding:40px 0 0 14px;box-sizing:border-box}.panel-subject .panel-word[data-v-1c1b1d58]{font-size:14px;color:#333;padding:0 15px;cursor:pointer;height:27px;line-height:27px;border:1px solid #999;border-radius:4px;text-align:center;margin-right:14px;margin-bottom:16px}.panel-subject .panel-word-active[data-v-1c1b1d58]{background:#2867ce;border:1px solid #2867ce;border-radius:4px;color:#fff}.list-img[data-v-1c1b1d58]{width:30px;height:38px;background:#fff;position:absolute;margin-left:727px;margin-top:-37px;display:flex;justify-content:center;align-items:center;z-index:999;cursor:pointer}.list-img img[data-v-1c1b1d58]{width:15px;height:12px}.class-title[data-v-1c1b1d58]{display:flex;width:713px;font-size:16px;font-weight:700;color:#333;margin-top:19px}.class-title img[data-v-1c1b1d58]{width:8px;height:9px;margin-right:5px;position:relative;margin-top:2px}#scrollWidth[data-v-1c1b1d58]{margin-left:0;transition:margin-left 1.5s}.img-default img[data-v-1c1b1d58]{height:164px;width:110px;width:37px;height:57px}.img-default1 img[data-v-1c1b1d58]{width:37px;height:59px}.top[data-v-1c1b1d58]{cursor:pointer}.main[data-v-1c1b1d58]{min-width:1300px}.main .top-nav[data-v-1c1b1d58]{background:#f4f4f4;display:flex;justify-content:center;cursor:pointer}.main .top-nav .top-nav-word[data-v-1c1b1d58]{width:1203px;height:40px;line-height:40px;font-size:14px;color:#333;font-weight:Regular;cursor:pointer}.main .middle-classroom[data-v-1c1b1d58]{display:flex;justify-content:center;background:#f8f8f8;height:491px}.main .middle-classroom .classroom[data-v-1c1b1d58]{width:1240px;height:400px;display:flex}.main .middle-classroom .classroom .classroom-select[data-v-1c1b1d58]{width:730px;height:398px;margin-top:20px}.main .middle-classroom .classroom .classroom-select .select-word[data-v-1c1b1d58]{padding-left:40px;padding-top:40px}.main .middle-classroom .classroom .classroom-select .select-word .select-title[data-v-1c1b1d58]{font-size:24px;font-weight:700;color:#333}.main .middle-classroom .classroom .classroom-select .select-word .select-hour[data-v-1c1b1d58]{margin-top:15px;font-size:14px;font-weight:Regular;color:#999;display:flex;justify-content:space-between}.main .middle-classroom .classroom .classroom-select .select-word .select-hour .number[data-v-1c1b1d58]{color:#666;padding-right:39px}.main .middle-classroom .classroom .classroom-select .select-word .select-subject[data-v-1c1b1d58]{margin-top:26px;display:flex;font-size:16px;color:#333}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type[data-v-1c1b1d58]{margin-left:23px;height:90px;overflow:hidden;width:645px;display:flex;flex-wrap:wrap}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type .subject[data-v-1c1b1d58]{cursor:pointer;min-width:90px;padding:0 15px;height:27px;line-height:27px;font-size:14px;font-weight:400;border:1px solid #999;border-radius:4px;margin-right:13px;margin-bottom:16px;text-align:center;position:relative}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type .subject .polygon-hook[data-v-1c1b1d58]{position:absolute;right:-3px;top:10px}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type .subject .polygon-hook[data-v-1c1b1d58] :last-child{margin-top:-27px;margin-left:6px}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type .subject-active[data-v-1c1b1d58]{background:#e6edfd;border-radius:2px;color:#003dd2}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type-copy[data-v-1c1b1d58]{margin-top:14px;position:relative;z-index:99;background:#fff;margin-left:12px;display:flex;flex-wrap:wrap}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type-copy .subject-copy[data-v-1c1b1d58]{padding:0 15px;cursor:pointer;min-width:90px;height:27px;line-height:27px;font-size:14px;font-weight:400;border:1px solid #999;border-radius:4px;margin-right:13px;margin-bottom:16px;text-align:center;position:relative}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type-copy .subject-copy .polygon-hook-copy[data-v-1c1b1d58]{position:absolute;right:-2px;top:9px}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type-copy .subject-copy .polygon-hook-copy[data-v-1c1b1d58] :last-child{margin-top:-27px;margin-left:6px}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .subject-type-copy .subject-active-copy[data-v-1c1b1d58]{border:2px solid #749ddf}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .open[data-v-1c1b1d58]{display:flex;font-size:14px;font-weight:400;color:#666;margin-top:8px;margin-left:-7px;cursor:pointer}.main .middle-classroom .classroom .classroom-select .select-word .select-subject .open .open-img[data-v-1c1b1d58]{margin-left:3px;margin-top:-1px}.main .middle-classroom .classroom .classroom-select .select-word .course-sever[data-v-1c1b1d58]{display:flex;font-size:16px;font-weight:400;color:#333}.main .middle-classroom .classroom .classroom-select .select-word .course-sever .sever-tag[data-v-1c1b1d58]{color:#666;display:flex;font-size:14px}.main .middle-classroom .classroom .classroom-select .select-word .course-sever .sever-tag div[data-v-1c1b1d58]{padding:3px 15px;background:#fef7f5;margin-left:26px;border-radius:3px}.main .middle-classroom .classroom .classroom-select .select-word .course-sever .sever-tag[data-v-1c1b1d58] :last-child{border-right:0}.main .middle-classroom .classroom .classroom-select .select-word .select-teacher[data-v-1c1b1d58]{height:70px;line-height:70px;display:flex;font-size:16px;font-weight:400;color:#333;margin-top:28px}.main .middle-classroom .classroom .classroom-select .select-word .select-teacher .teacher-flex[data-v-1c1b1d58]{display:flex;margin-left:19px}.main .middle-classroom .classroom .classroom-select .select-word .select-teacher .teacher-flex .teacher[data-v-1c1b1d58]{font-size:12px;line-height:18px;text-align:center;color:#666;margin-right:16px}.main .middle-classroom .classroom .classroom-select .select-word .select-teacher .teacher-flex .teacher img[data-v-1c1b1d58]{width:46px;height:46px;border-radius:50%}.main .middle-classroom .classroom .classroom-details[data-v-1c1b1d58]{width:483px;height:471px;background:#fff;box-shadow:0 0 20px hsla(0,0%,54.5%,.23);opacity:1;margin-top:20px;cursor:default}.main .middle-classroom .classroom .classroom-details .details-title[data-v-1c1b1d58]{display:flex;margin:18px 0 0 29px;height:42px;font-size:30px;font-family:PingFang SC;font-weight:700;line-height:42px;color:#333}.main .middle-classroom .classroom .classroom-details .details-feature[data-v-1c1b1d58]{display:flex;margin:16px 0 0 29px;height:20px;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:20px;color:#666;opacity:1;flex-wrap:wrap}.main .middle-classroom .classroom .classroom-details .details-feature .feature-text[data-v-1c1b1d58]{width:60px}.main .middle-classroom .classroom .classroom-details .details-feature .course-feature[data-v-1c1b1d58]{margin:0 10px;padding:0 10px;height:20px;background-image:linear-gradient(90deg,#6a65d5,#549cfa);opacity:1;border-radius:2px;text-align:center;color:#fff}.main .middle-classroom .classroom .classroom-details .details-price[data-v-1c1b1d58]{margin:20px 0 0 29px;display:flex;width:454px;height:72px;background:#f6f9ff;opacity:1;color:#f63;font-weight:bolder}.main .middle-classroom .classroom .classroom-details .details-price .price-note[data-v-1c1b1d58]{font-size:20px;line-height:22px;padding-top:30px;padding-left:10px}.main .middle-classroom .classroom .classroom-details .details-price .price-real[data-v-1c1b1d58]{padding-top:15px;padding-left:20px;font-size:36px;line-height:44px}.main .middle-classroom .classroom .classroom-details .details-three[data-v-1c1b1d58]{display:flex;margin:18px 0 0 29px;height:17px;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:17px;color:#666;opacity:1}.main .middle-classroom .classroom .classroom-details .details-three .three-one[data-v-1c1b1d58]{margin-right:20px}.main .middle-classroom .classroom .classroom-details .details-three .three-one img[data-v-1c1b1d58]{vertical-align:middle}.main .middle-classroom .classroom .classroom-details .details-chose[data-v-1c1b1d58]{margin:16px 0 0 29px;font-size:14px;font-family:PingFang SC;font-weight:400;line-height:32px;color:#666;display:flex}.main .middle-classroom .classroom .classroom-details .details-chose .subject-text[data-v-1c1b1d58]{height:32px;line-height:32px;margin-top:5px;width:77px}.main .middle-classroom .classroom .classroom-details .details-chose .subject-type[data-v-1c1b1d58]{display:flex;flex-wrap:wrap;align-content:space-between;height:90px;overflow:hidden;width:330px}.main .middle-classroom .classroom .classroom-details .details-chose .subject-type .packages[data-v-1c1b1d58]{padding:0 10px;cursor:pointer;height:32px;border:1px solid #f4f4f4;opacity:1;border-radius:2px;text-align:center;margin:5px}.main .middle-classroom .classroom .classroom-details .details-chose .subject-type .subject-active[data-v-1c1b1d58]{background:#e6edfd;border-radius:2px;color:#003dd2;border:0}.main .middle-classroom .classroom .classroom-details .details-chose .subject-type-copy[data-v-1c1b1d58]{display:flex;flex-wrap:wrap;align-content:space-between;overflow:hidden;width:330px}.main .middle-classroom .classroom .classroom-details .details-chose .subject-type-copy .packages-copy[data-v-1c1b1d58]{padding:0 10px;cursor:pointer;height:32px;border:1px solid #f4f4f4;opacity:1;border-radius:2px;text-align:center;margin:5px 7px}.main .middle-classroom .classroom .classroom-details .details-chose .subject-type-copy .subject-active-copy[data-v-1c1b1d58]{background:#e6edfd;border-radius:2px;color:#003dd2;border:0}.main .middle-classroom .classroom .classroom-details .details-chose .open[data-v-1c1b1d58]{display:flex;font-size:14px;font-weight:400;color:#666;margin-top:8px;margin-left:-7px;cursor:pointer}.main .middle-classroom .classroom .classroom-details .details-chose .open .open-img[data-v-1c1b1d58]{margin-left:3px;margin-top:-1px}.main .middle-classroom .classroom .classroom-details .details-include[data-v-1c1b1d58]{padding-left:14px;margin-top:19px;background:#f0f0f0;border-radius:4px;width:230px;height:40px;line-height:40px;display:flex;font-size:16px;color:#666;cursor:pointer}.main .middle-classroom .classroom .classroom-details .details-include span[data-v-1c1b1d58]{color:#fc4646}.main .middle-classroom .classroom .classroom-details .details-include .details-button[data-v-1c1b1d58]{margin-left:25px;margin-top:2px;cursor:pointer}.main .middle-classroom .classroom .classroom-details .details-claas[data-v-1c1b1d58]{font-size:14px;line-height:41px;height:260px;width:373px;box-shadow:0 2px 10px rgba(108,184,246,.19);position:absolute;background:#fff}.main .middle-classroom .classroom .classroom-details .details-claas .course-class[data-v-1c1b1d58]{height:41px;padding-left:14px;line-height:41px;width:345px;border-bottom:1px solid #e9e9e9;display:flex;justify-content:space-between}.main .middle-classroom .classroom .classroom-details .details-claas .course-class .ke[data-v-1c1b1d58]{width:48px;height:20px;line-height:20px;margin-top:10px;text-align:center;font-size:12px;border-radius:4px;color:#fc4646;background-color:#ededed}.main .middle-classroom .classroom .classroom-details .details-claas .course-class .class-name[data-v-1c1b1d58]{width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main .middle-classroom .classroom .classroom-details .phone-txt[data-v-1c1b1d58]{width:100px;height:100px;line-height:50px;box-shadow:0 0 6px #6e6e6e;position:absolute;right:446px;top:434px;border-radius:4px;text-align:center;background:#fff}.main .middle-classroom .classroom .classroom-details .phone-txt img[data-v-1c1b1d58]{width:75px;height:75px;display:flex;margin:12px auto}.main .middle-classroom .classroom .classroom-details .phone-txt[data-v-1c1b1d58]:after{position:absolute;right:44px;top:105%;margin-top:-10px;content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;transform:rotate(90deg)}.main .middle-classroom .classroom .classroom-details .phone-txt-free[data-v-1c1b1d58]{width:100px;height:100px;line-height:50px;box-shadow:0 0 6px #6e6e6e;position:absolute;right:542px;top:432px;border-radius:4px;text-align:center;background:#fff}.main .middle-classroom .classroom .classroom-details .phone-txt-free img[data-v-1c1b1d58]{height:75px;width:75px;margin:12px auto}.main .middle-classroom .classroom .classroom-details .phone-txt-free[data-v-1c1b1d58]:after{position:absolute;right:44px;top:105%;margin-top:-10px;content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;transform:rotate(90deg)}.main .middle-classroom .classroom .classroom-details .details-two-button[data-v-1c1b1d58]{display:flex;padding-top:80px;padding-left:29px}.main .middle-classroom .classroom .classroom-details .details-two-button .one-button[data-v-1c1b1d58]{width:200px;height:44px;background:#f7402e;opacity:1;border-radius:4px;text-align:center;font-size:16px;font-family:PingFang SC;font-weight:400;line-height:44px;color:#fff;cursor:pointer}.main .middle-classroom .classroom .classroom-details .details-two-button .two-button[data-v-1c1b1d58]{margin-left:20px;width:200px;height:44px;background:#003dd2;border-radius:4px;text-align:center;font-size:16px;font-family:PingFang SC;font-weight:400;line-height:44px;color:#fff;cursor:pointer}.main .middle-classroom .classroom .classroom-details .details-two-button .two-button-free[data-v-1c1b1d58]{margin-left:120px;width:200px;height:44px;background:#003dd2;border-radius:4px;text-align:center;font-size:16px;font-family:PingFang SC;font-weight:400;line-height:44px;color:#fff;cursor:pointer}.main .bottom-classroom[data-v-1c1b1d58]{display:flex;justify-content:center;padding-bottom:35px;background:#f8f8f8}.main .bottom-classroom .bottom-flex[data-v-1c1b1d58]{width:1240px;display:flex}.main .bottom-classroom .bottom-flex .bottom-left .class-tabs[data-v-1c1b1d58]{width:858px;height:61px;margin-top:35px;font-size:16px;background:#fff;display:flex;box-shadow:0 0 20px hsla(0,0%,73.3%,.23);opacity:1;border-radius:4px;border-bottom:1px solid #e7e7e7}.main .bottom-classroom .bottom-flex .bottom-left .class-tabs .tabs-word[data-v-1c1b1d58]{width:180px;font-size:17px;height:61px;line-height:61px;text-align:center;cursor:pointer}.main .bottom-classroom .bottom-flex .bottom-left .class-tabs .listen[data-v-1c1b1d58]{position:relative;font-size:12px;color:#f7402e;top:5px;left:-234px;padding:3px 4px;line-height:20px;width:46px;height:20px;background:rgba(247,64,46,.08);border-radius:4px;text-align:center}.main .bottom-classroom .bottom-flex .bottom-left .class-tabs .tabs-active[data-v-1c1b1d58]{color:#003dd2;font-size:16px;font-weight:700}.main .bottom-classroom .bottom-flex .bottom-left .class-tabs .tabs-active[data-v-1c1b1d58]:before{content:" ";position:absolute;height:4px;width:65px;background:#003dd2;top:733px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details[data-v-1c1b1d58]{width:858px;display:flex;justify-content:center;background:#fff;padding-top:18px;padding-bottom:15px;min-height:1300px;margin-right:26px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .parsecontent[data-v-1c1b1d58]{line-height:0;width:765px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .parsecontent[data-v-1c1b1d58] img{max-width:100%!important}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-tabs[data-v-1c1b1d58]{width:757px;height:40px;line-height:40px;color:#000;font-size:16px;overflow:hidden;background:#fff;margin-bottom:11px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-tabs[data-v-1c1b1d58] :first-child{display:-webkit-box}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-tabs .course-tabs[data-v-1c1b1d58]{margin-left:14px;cursor:pointer}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-tabs .course-tabs[data-v-1c1b1d58]:last-child{padding-right:33px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-tabs .course-tabs-active[data-v-1c1b1d58]{color:#003dd2;font-size:18px;font-weight:800}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list[data-v-1c1b1d58]{width:757px;display:flex;justify-content:center;background:#fff;padding-bottom:26px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion[data-v-1c1b1d58]{width:713px;height:57px;margin-top:3px;line-height:57px;border-bottom:1px solid #f4f4f4;font-size:16px;color:#666;display:flex;justify-content:space-between;cursor:pointer}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion .accordion-right[data-v-1c1b1d58]{display:flex;font-size:12px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion .accordion-right .accordion-right-word[data-v-1c1b1d58]{width:44px;height:20px;line-height:20px;background:rgba(247,64,46,.08);border-radius:4px;color:#f7402e;text-align:center;margin-top:16px;margin-right:8px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion .accordion-right .down-img[data-v-1c1b1d58]{height:12px;margin-top:1px;margin-right:32px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion .accordion-right .down-img img[data-v-1c1b1d58]{width:18px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion .accordion-right .down-imgs[data-v-1c1b1d58]{width:18px;height:18px;margin-top:3px;margin-right:32px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion .accordion-right .down-imgs img[data-v-1c1b1d58]{width:12px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content[data-v-1c1b1d58]{margin-top:9px;width:713px;line-height:40px;color:#333}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-title[data-v-1c1b1d58]{cursor:pointer;display:flex;height:40px;justify-content:space-between;border-top:2px solid #fff}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-title .child-title[data-v-1c1b1d58]{display:flex}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-title .down-img[data-v-1c1b1d58]{height:18px;margin-top:1px;margin-right:32px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-title .down-img img[data-v-1c1b1d58]{width:12px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-title .down-imgs[data-v-1c1b1d58]{height:18px;margin-top:3px;margin-right:32px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-title .down-imgs img[data-v-1c1b1d58]{width:18px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content[data-v-1c1b1d58]{display:flex;justify-content:space-between;width:713px;height:40px;line-height:40px;border-top:2px solid #fff}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content .child-content[data-v-1c1b1d58]{display:flex}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content .child-content .child-content-word[data-v-1c1b1d58]{max-width:606px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content .child-content .newplay[data-v-1c1b1d58]{height:17px;margin-top:3px;margin-left:15px;margin-right:22px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content .child-content .newplay img[data-v-1c1b1d58]{width:18px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content .newlock[data-v-1c1b1d58]{height:24px;margin-top:1px;margin-right:17px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content .newlock img[data-v-1c1b1d58]{width:24px;margin-top:7px;margin-right:12px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content .newlock .newlock-word[data-v-1c1b1d58]{width:44px;height:20px;line-height:20px;background:rgba(247,64,46,.08);color:#fff;border-radius:4px;text-align:center;font-size:12px;font-weight:700;margin-top:9px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .details-course-list .accordion-content .accordion-child-content .newlock .newlock-word a[data-v-1c1b1d58]{color:#f7402e;font-size:12px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .teacher-list[data-v-1c1b1d58]{width:777px;height:100%;display:flex;margin-left:13px;flex-direction:column}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .teacher-list .teacher-details[data-v-1c1b1d58]{display:flex;height:163px;margin-right:13px;margin-bottom:13px;cursor:pointer;width:100%;background:#fff}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .teacher-list .teacher-details .teacher-l[data-v-1c1b1d58]{width:100px;height:100px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .teacher-list .teacher-details .teacher-l .teacher-img[data-v-1c1b1d58]{width:100px;height:100px;border-radius:50px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .teacher-list .teacher-details .teacher-r[data-v-1c1b1d58]{margin-left:20px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .teacher-list .teacher-details .teacher-r .teacher-name[data-v-1c1b1d58]{width:48px;height:22px;font-size:16px;font-family:PingFang SC;font-weight:400;line-height:22px;color:#333;opacity:1;padding-top:28px;padding-bottom:10px}.main .bottom-classroom .bottom-flex .bottom-left .bottom-details .teacher-list .teacher-details .teacher-r .teacher-desc[data-v-1c1b1d58]{width:620px;height:100px;font-size:14px;font-family:PingFang SC;font-weight:400;line-height:20px;color:#666;opacity:1}.main .bottom-classroom .bottom-flex .bottom-right[data-v-1c1b1d58]{width:329px;height:1345px;margin-top:35px}.main .bottom-classroom .bottom-flex .bottom-right .right-tabs[data-v-1c1b1d58]{width:329px;height:61px;background:#fff;border-bottom:1px solid #e7e7e7;font-size:20px;color:#333;line-height:61px}.main .bottom-classroom .bottom-flex .bottom-right .right-tabs .right-tabs-before[data-v-1c1b1d58]{margin-left:12px}.main .bottom-classroom .bottom-flex .bottom-right .right-tabs .right-tabs-before[data-v-1c1b1d58]:before{content:"";position:absolute;background:#003dd2;top:650px;height:15px;margin-left:-4px;margin-top:-8px}.main .bottom-classroom .bottom-flex .bottom-right .right-tabs .right-tabs-before .oh[data-v-1c1b1d58]{margin-left:4px}.main .bottom-classroom .bottom-flex .bottom-right .recommnd-course[data-v-1c1b1d58]{background-color:#fff;padding-top:15px;padding-bottom:15px}.main .bottom-classroom .bottom-flex .bottom-right .recommnd-course .relevant-Class[data-v-1c1b1d58]{margin-left:20px}.card-position[data-v-1c1b1d58]{position:relative;top:44px;left:24px}.textTooLong[data-v-1c1b1d58]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}