.imChat .div_loading[data-v-77a7408f]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.imChat .div_loading .span[data-v-77a7408f]{color:#fff}.imChat .div_loading .icon[data-v-77a7408f]{width:35px;height:35px}.imChat[data-v-77a7408f] .el-collapse-item__header{color:#fff;background-color:#ef4c4f;height:30px;border-bottom:0}.imChat[data-v-77a7408f] .el-collapse{border-top:0;border-bottom:0}.imChat[data-v-77a7408f] .el-collapse-item__content{padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.imChat[data-v-77a7408f] .el-collapse-item__wrap{border-bottom:0}.imChat[data-v-77a7408f] .el-collapse-item__arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.imChat[data-v-77a7408f] .el-collapse-item__arrow.is-active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.title-text[data-v-77a7408f]{margin-left:20px}.close-icon[data-v-a128581a]{cursor:pointer}.exit-room-confirm-dialog[data-v-a128581a] .el-dialog{width:480px;height:230px;border-radius:10px}.exit-room-confirm-dialog .dialog--body p[data-v-a128581a]{margin-top:20px;font-size:20px;color:#333;text-align:center}.exit-room-confirm-dialog .dialog--body .dialog--body__footer[data-v-a128581a]{margin-top:59px;text-align:center}.exit-room-confirm-dialog .dialog--body .dialog--body__footer .dialog-btn[data-v-a128581a]{margin:0 10px;padding:12px 22px;font-size:16px;color:#ef4c4f;background-color:#fff;border:1px solid #feb8b9;border-radius:6px;cursor:pointer}.exit-room-confirm-dialog .dialog--body .dialog--body__footer .dialog-btn.keep-class[data-v-a128581a]{background-color:#ef4c4f;color:#fff}.duration-wrap[data-v-72c71258]{font-size:14px}.duration-wrap .duration[data-v-72c71258]{margin-left:8px;color:#2eac43;padding:3px 10px;background:#292b35;border-radius:2px}.net-check-container .check-icon[data-v-0afe0521]{cursor:pointer}.net-check-dialog[data-v-0afe0521] .el-dialog{width:452px;border-radius:8px}.net-check-dialog[data-v-0afe0521] .el-dialog__header{padding:0}.icon-faq[data-v-5c05b8fa]{color:#fff;cursor:pointer}.room-header-container[data-v-e0f11f4a]{position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px 0 20px;background:#3a3b47;color:#e3e7ef}.room-header-container .header-right[data-v-e0f11f4a],.room-header-container[data-v-e0f11f4a]{display:-webkit-box;display:-ms-flexbox;display:flex}.room-header-container .header-right .split[data-v-e0f11f4a]{margin-left:17px;color:#474852}.room-header-container .header-right .right-icon[data-v-e0f11f4a]{margin-left:15px}.course-update-dialog[data-v-59527ee7]{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6)}.course-update-dialog.error[data-v-59527ee7]{background:#1c1d22}.course-update-dialog .update-wrap[data-v-59527ee7]{width:380px;height:208px;background:#fff;border-radius:6px;padding:30px 40px;text-align:center}.course-update-dialog .update-wrap .title[data-v-59527ee7]{font-size:20px;font-weight:500;color:#333;line-height:30px;font-family:PingFangSC-Medium,PingFang SC}.course-update-dialog .update-wrap .tips[data-v-59527ee7]{font-size:14px;color:#666;line-height:20px;padding-top:8px}.course-update-dialog .update-wrap .update-btn[data-v-59527ee7]{margin-top:20px;width:120px;height:40px;line-height:40px;color:#fff;background:#ef4c4f}.course-update-dialog .update-error-wrap[data-v-59527ee7]{text-align:center}.course-update-dialog .update-error-wrap .title[data-v-59527ee7]{margin:12px 0 4px;font-size:16px;font-weight:500;color:#fff}.course-update-dialog .update-error-wrap .tips[data-v-59527ee7]{font-size:12px;color:#a4a4a6;line-height:17px}.course-update-dialog .update-error-wrap .btn-wrap[data-v-59527ee7]{margin:16px 0 30px;line-height:26px}.course-update-dialog .update-error-wrap .btn-wrap .reload[data-v-59527ee7]{-webkit-box-sizing:content-box;box-sizing:content-box;padding:0 8px;height:26px;border-radius:25px;margin-right:20px;color:#ef4c4f;background-color:transparent}.course-update-dialog .update-error-wrap .btn-wrap .update[data-v-59527ee7]{-webkit-box-sizing:content-box;box-sizing:content-box;padding:0 8px;height:28px;border-radius:25px;color:#fff;background-color:#ef4c4f}.course-update-dialog .update-error-wrap .help[data-v-59527ee7]{font-size:12px;color:#a4a4a6;line-height:12px;cursor:pointer}.course-update-dialog .update-error-wrap .help .arrow[data-v-59527ee7]{font-size:12px;vertical-align:middle}.course-update-dialog .btn[data-v-59527ee7]{font-size:14px;text-align:center;border-radius:6px;color:#ef4c4f;background:#fff;border:1px solid #ef4c4f;cursor:pointer}.course-update-dialog .btn[data-v-59527ee7]:disabled{cursor:not-allowed}.course-update-dialog .center[data-v-59527ee7]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.normal-box[data-v-a8e5203a]{position:absolute;right:0;bottom:-1px;width:23%;height:58%}.redPackOrPraiseDetail[data-v-a8e5203a]{background-color:#21232d;height:100%;opacity:.95;border-radius:6px;border-bottom-right-radius:0;color:#aeb4cb;padding:20px 16px;overflow:auto}.redPackOrPraiseDetail .detail--header[data-v-a8e5203a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:18px}.redPackOrPraiseDetail .detail--header[data-v-a8e5203a],.redPackOrPraiseDetail .detail--item[data-v-a8e5203a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.redPackOrPraiseDetail .detail--item[data-v-a8e5203a]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#1c1d24;border-radius:17px;padding-right:4px;margin:8px 0}.redPackOrPraiseDetail .detail--noRedPack[data-v-a8e5203a]{margin:96px auto 0;text-align:center}.avatar[data-v-a8e5203a]{width:24px;height:24px;border-radius:50%}.name[data-v-a8e5203a]{display:inline-block;font-size:13px;color:#aeb4cb;max-width:90px;margin:0 12px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coin[data-v-a8e5203a]{width:20px;height:20px}.praiseIcon[data-v-a8e5203a]{width:16px;height:22px}.count[data-v-a8e5203a]{color:#f5a623}.special-box[data-v-a8e5203a]{position:absolute;right:0;bottom:-1px;width:23%;height:58%}.special-box>div[data-v-a8e5203a]{background-color:#21232d;height:100%;opacity:.95;border-radius:6px;border-bottom-right-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.special-box>div>p[data-v-a8e5203a]{padding:0 14px;margin-bottom:4px}.special-box>div>div[data-v-a8e5203a]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:14px;overflow-y:auto;padding-top:10px;color:#aeb4cb}.special-box>div>div[data-v-a8e5203a]::-webkit-scrollbar-track{width:4px}.special-box>div>div[data-v-a8e5203a]::-webkit-scrollbar-thumb{background:#505368;width:4px}.special-box>div>div ul[data-v-a8e5203a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.special-box>div>div ul li[data-v-a8e5203a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;margin-bottom:8px;background-color:#1c1d24;border-radius:17px;padding-right:5px}.special-box>div>div ul li .coin[data-v-a8e5203a]{margin-right:3px}.special-box_time[data-v-a8e5203a]{color:#ef4c4f;margin-top:14px}.special-box_nouser[data-v-a8e5203a]{color:#aeb4cb;margin-top:40%;text-align:center}.operate-btn[data-v-04071890]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;position:relative}.operate-btn img[data-v-04071890]{cursor:pointer}.operate-btn>div[data-v-04071890]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.operate-btn>div img[data-v-04071890]{width:20px}.operate-btn>div .extends[data-v-04071890]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.operate-btn .switch[data-v-04071890]{width:18px}.operate-btn .teacher-operate[data-v-04071890]{position:absolute;width:70px;height:40px;background-image:url(https://web-data.zmlearn.com/image/udY2bhCZfZVpJo6r8sgHkF/g.png);background-size:100% auto;background-repeat:no-repeat;top:-45px;left:-23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:10px}.operate-btn .teacher-operate>img[data-v-04071890]{width:18px;margin:0 5px;cursor:pointer}.marquee-link{color:#6fb2ff!important;cursor:pointer}.marquee[data-v-50db818f]{position:absolute;z-index:101;height:6.5vh;width:100%;background:rgba(0,0,0,.5);color:#b0b2bd;font-size:2.6vh;line-height:6.5vh;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;-webkit-transition:.3s ease-in;transition:.3s ease-in}.marquee .operate[data-v-50db818f]{width:50px}.marquee .content[data-v-50db818f]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;width:100%;overflow:hidden;position:relative}.marquee .content>div[data-v-50db818f]{position:absolute;white-space:pre;padding-left:10px;padding-right:50px;font-size:2.6vh}.marquee .content>.scroll[data-v-50db818f]{-webkit-animation:marqueeScroll-data-v-50db818f 20s linear infinite;animation:marqueeScroll-data-v-50db818f 20s linear infinite}.hide-marquee[data-v-50db818f]{width:66px;border-top-left-radius:4px;border-bottom-left-radius:4px}.hide-marquee .content[data-v-50db818f]{display:none!important}@-webkit-keyframes marqueeScroll-data-v-50db818f{0%{-webkit-transform:translateX(75vw);transform:translateX(75vw)}98.5%{opacity:1;-webkit-transform:translateX(-100%);transform:translateX(-100%)}99%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}99.5%{-webkit-transform:translateX(75vw);transform:translateX(75vw);opacity:0}to{-webkit-transform:translateX(75vw);transform:translateX(75vw);opacity:1}}@keyframes marqueeScroll-data-v-50db818f{0%{-webkit-transform:translateX(75vw);transform:translateX(75vw)}98.5%{opacity:1;-webkit-transform:translateX(-100%);transform:translateX(-100%)}99%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}99.5%{-webkit-transform:translateX(75vw);transform:translateX(75vw);opacity:0}to{-webkit-transform:translateX(75vw);transform:translateX(75vw);opacity:1}}.live-effects-container[data-v-1bf69bec]{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.live-effects-container .voteBox[data-v-1bf69bec]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:80px;right:3%;width:140px;height:150px;font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#2f303b;border-radius:4px;z-index:1}.live-effects-container .voteBox button[data-v-1bf69bec]{width:80px;height:30px;color:#f2f9ff;line-height:30px;text-align:center;border:1px solid #50aae2;border-radius:4px}.live-effects-container .voteBox button.yes[data-v-1bf69bec]{background-color:#50aae2}.live-effects-container .voteBox button.no[data-v-1bf69bec]{background-color:#eb6775;border-color:#eb6775}.live-effects-container .voteBox p[data-v-1bf69bec]{color:#fff}.live-effects-container .praiseTip[data-v-1bf69bec]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:20px;bottom:14px;background:-webkit-gradient(linear,left top,right top,from(rgba(24,31,76,.31)),to(rgba(13,16,36,.6)));background:linear-gradient(90deg,rgba(24,31,76,.31),rgba(13,16,36,.6));width:156px;height:36px;padding:0 6px;border-radius:18px}.live-effects-container .praiseTip .avatar[data-v-1bf69bec]{width:24px;height:24px;border-radius:50%}.live-effects-container .praiseTip .username[data-v-1bf69bec]{display:inline-block;font-size:13px;color:#fff;margin-left:8px;margin-right:11px;max-width:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-effects-container .praiseTip .praiseIcon[data-v-1bf69bec]{width:18px;height:24px;margin-right:9px}.live-effects-container .praiseTip .count[data-v-1bf69bec]{font-size:14px;color:#f5a623}.live-effects-container .praise[data-v-1bf69bec]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-effects-container .praise .praise--content[data-v-1bf69bec]{width:15%;height:37%}.live-effects-container .praise .praise--info[data-v-1bf69bec]{width:446px;height:45px;line-height:45px;text-align:center;font-size:18px;color:#fff;border-radius:8px;background-image:url(/image/bg_toastbg@2x.png);background-repeat:no-repeat;background-size:100% 100%}.live-effects-container .noRtmp[data-v-1bf69bec]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;top:0;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#000}.live-effects-container .noRtmp p[data-v-1bf69bec]{margin:19px auto 24px;font-size:20px;color:#e7e9f9}.live-effects-container .lessonNotStart[data-v-1bf69bec]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;top:0;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-effects-container .lessonNotStart img[data-v-1bf69bec]{width:100%;height:100%}.live-effects-container .holderOnlineTip[data-v-1bf69bec]{position:absolute;bottom:0;width:100%;height:52px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.live-effects-container .holderOnlineTip .content[data-v-1bf69bec]{width:178px;height:52px;line-height:42px;text-align:center;font-size:14px;color:#fff;background-image:url(../img/ontipbg.ec607f29.png);background-size:100% 100%;background-repeat:no-repeat;-webkit-transform:translateY(70px);transform:translateY(70px);-webkit-animation:slideBottomToTop-data-v-1bf69bec .3s linear .3s;animation:slideBottomToTop-data-v-1bf69bec .3s linear .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideBottomToTop-data-v-1bf69bec{0%{-webkit-transform:translateY(70px);transform:translateY(70px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideBottomToTop-data-v-1bf69bec{0%{-webkit-transform:translateY(70px);transform:translateY(70px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.live-effects-container .answerResultWrap[data-v-1bf69bec]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;top:0;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.8);z-index:11}.live-effects-container .answerResultWrap p[data-v-1bf69bec]{text-align:center;color:#fff}.live-effects-container .answerResultWrap .answerResultWrap--content__result[data-v-1bf69bec]{font-size:18px}.live-effects-container .answerResultWrap .answerResultWrap--content__coin[data-v-1bf69bec]{font-size:14px}.live-effects-container .answerResultWrap .answerResultWrap--content__coin .coin[data-v-1bf69bec]{margin-right:5px;font-size:23px;color:#ffc100;vertical-align:middle}.live-effects-container .endLesson[data-v-1bf69bec]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;top:0;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.8)}.live-effects-container .endLesson p[data-v-1bf69bec]{margin:19px auto 24px;font-size:20px;color:#e7e9f9}.live-effects-container .endLesson button[data-v-1bf69bec]{font-size:16px;color:#e7e9f9;height:36px;line-height:36px;border-radius:4px;border:none;width:130px;cursor:pointer}.live-effects-container .endLesson button.doWork[data-v-1bf69bec]{background-color:#ff0835}.live-effects-container .endLesson button.readReport[data-v-1bf69bec]{margin-left:12px;background-image:-webkit-gradient(linear,left top,left bottom,from(#3f404a),to(#303138));background-image:linear-gradient(-180deg,#3f404a,#303138)}.signInWrap[data-v-10f42353]{position:absolute;left:0;top:0;background:rgba(0,0,0,.8)}.signInWrap .signInWrap--content[data-v-10f42353],.signInWrap[data-v-10f42353]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.signInWrap .signInWrap--content[data-v-10f42353]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.signInWrap .signInWrap--content img[data-v-10f42353]{width:18.4%;height:24.6%}.signInWrap .signInWrap--content .signInWrap--content__titles[data-v-10f42353]{width:192px;height:79px;text-align:center;overflow:hidden}.signInWrap .signInWrap--content .signInContent--title[data-v-10f42353]{font-size:20px;color:#fff;margin-top:9px}.signInWrap .signInWrap--content .signInContent--title.slideBottomToTop[data-v-10f42353]{-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-animation:slideBottomToTop-data-v-10f42353 .3s linear .3s;animation:slideBottomToTop-data-v-10f42353 .3s linear .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.signInWrap .signInWrap--content .signInContent--title img[data-v-10f42353]{width:20px;height:20px;vertical-align:middle}.signInWrap .signInWrap--content .signInContent--title .signCoinCount[data-v-10f42353]{margin-left:4px;font-size:16px;vertical-align:middle}.signInWrap .signInWrap--content .signInContent--subTitle[data-v-10f42353]{font-size:14px;margin-bottom:27px;margin-top:4px;color:#fff;opacity:.68}.signInWrap .signInWrap--content .signInContent--subTitle.slideBottomToTop[data-v-10f42353]{-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-animation:slideBottomToTop-data-v-10f42353 .3s linear .3s;animation:slideBottomToTop-data-v-10f42353 .3s linear .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.signInWrap .signInWrap--content .fade-enter-active[data-v-10f42353],.signInWrap .signInWrap--content .fade-leave-active[data-v-10f42353]{-webkit-transition:all .3s;transition:all .3s}.signInWrap .signInWrap--content .fade-enter[data-v-10f42353],.signInWrap .signInWrap--content .fade-leave-to[data-v-10f42353]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.signInWrap .signInWrap--content button[data-v-10f42353]{width:108px;height:34px;line-height:34px;font-size:14px;color:#fff;background-color:#ef4c4f;border:none;border-radius:4px;text-align:center;cursor:pointer}.signInWrap .signInWrap--content button .timer[data-v-10f42353]{font-size:11px;color:#fff;opacity:.68;margin-left:3px}@-webkit-keyframes slideBottomToTop-data-v-10f42353{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideBottomToTop-data-v-10f42353{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.redPack[data-v-1f1fe0d4]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer}.redPack .bigRedPack[data-v-1f1fe0d4]{position:absolute;width:100%;height:100%}.redPack .bigRedPack .bigRedPack--content[data-v-1f1fe0d4],.redPack .bigRedPack[data-v-1f1fe0d4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.redPack .bigRedPack .bigRedPack--content[data-v-1f1fe0d4]{width:25.6%;height:65.7%;position:relative;background-image:url(/image/hongbao_weidakai@2x.png);background-repeat:no-repeat;background-size:100% 100%}.redPack .bigRedPack .bigRedPack--content p[data-v-1f1fe0d4]{font-size:16px;color:#ffe6a4;line-height:22px}.redPack .bigRedPack .bigRedPack--content p.name[data-v-1f1fe0d4]{font-size:18px;line-height:25px}.redPack .bigRedPack .bigRedPack--content p.teacher[data-v-1f1fe0d4]{margin-top:12%}.redPack .bigRedPack .bigRedPack--content.emptyRedPack[data-v-1f1fe0d4]{background:none;height:323px}.redPack .bigRedPack .bigRedPack--content.success[data-v-1f1fe0d4]{background:none}.redPack .bigRedPack .bigRedPack--content.success p[data-v-1f1fe0d4]{position:relative}.redPack .bigRedPack .bigRedPack--content #bigRedPack--animation[data-v-1f1fe0d4]{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%}.redPack .bigRedPack .bigRedPack--content .timer[data-v-1f1fe0d4]{position:absolute;right:15.6%;bottom:12.6%;width:30px;height:20px;line-height:20px;font-size:14px;color:#ffcfc1;background-color:rgba(0,0,0,.2);border-radius:4px;text-align:center}.redPack .bigRedPack .close--redPack[data-v-1f1fe0d4]{width:32px;height:32px}.redPack .miniRedPack[data-v-1f1fe0d4]{position:absolute;right:30px;bottom:60px}.redPack .miniRedPack img[data-v-1f1fe0d4]{width:40px;height:50px}.pdf[data-v-3afc6a53]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pdf img[data-v-3afc6a53]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.courseware[data-v-b889d078]{position:absolute;left:0;top:0;height:100%;width:100%}.courseware .courseware-wrapper[data-v-b889d078]{background:url(../img/zm-bg.3093a019.png) no-repeat 50%/168px}.courseware>div[data-v-b889d078]{height:100%}.courseware .reload-btn[data-v-b889d078]{cursor:pointer;position:absolute;right:10px;top:10px;color:#fff;background:#ef4c4f;border-radius:4px;border:none;outline:none}#whiteBoard[data-v-3e439985]{position:absolute;width:100%;height:100%}#whiteBoard.draftboard[data-v-3e439985]{background-color:#233d2f}.yinguangbi[data-v-3e439985]{position:absolute;width:39px;height:39px;background:url(../img/yingguangbi.adc50295.svg) no-repeat}.live-video[data-v-1c6d0714]{position:absolute}.mai_state[data-v-6d39b32e]{position:fixed;bottom:7%;height:56px;left:42%;-webkit-transform:translateX(-72%);transform:translateX(-72%);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:2}.mai_state>div[data-v-6d39b32e],.mai_state[data-v-6d39b32e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mai_state>div[data-v-6d39b32e]{opacity:.9;height:38px;border-radius:19px;background:#343746;-webkit-box-shadow:0 4px 12px 0 rgba(5,5,5,.19);box-shadow:0 4px 12px 0 rgba(5,5,5,.19);margin-right:20px;padding-right:10px}.mai_state>div .mai-user__avatar[data-v-6d39b32e]{height:38px;width:38px;position:relative;border-radius:19px}.mai_state>div .mai-user__avatar>.svg[data-v-6d39b32e]{display:none}.mai_state>div .mai-user__avatar>div[data-v-6d39b32e]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mai_state>div .mai-user__avatar_active[data-v-6d39b32e]{border-radius:19px}.mai_state>div .mai-user__avatar_active>.svg[data-v-6d39b32e]{display:block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;top:0;left:0}.mai_state>div .mai-user__avatar_active>.svg .progress[data-v-6d39b32e]{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.mai_state>div>span[data-v-6d39b32e]{font-size:14px;color:#fff;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;margin:0 20px}.mai_state>div .mai_noconnet_avatar[data-v-6d39b32e]{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:grey;filter:gray}.mai_state>div img[data-v-6d39b32e]{width:34px;height:34px;border-radius:17px}.mai_state>span[data-v-6d39b32e]{width:56px;height:56px;cursor:pointer;display:block;position:relative;margin-top:-6px}.mai_state>span>span[data-v-6d39b32e]{position:absolute;display:block;width:38px;height:16px;border-radius:8px;border:1px solid #ffbe5c;background:#fff4e4;text-align:center;line-height:14px;color:#ffab2c;font-size:12px;bottom:-6px;left:9px}.mai_state>span img[data-v-6d39b32e]{widows:100%}.mai_state>img[data-v-6d39b32e],.mai_state>span img[data-v-6d39b32e]{border-radius:28px;-webkit-box-shadow:0 4px 12px 0 rgba(5,5,5,.19);box-shadow:0 4px 12px 0 rgba(5,5,5,.19)}.mai_state>img[data-v-6d39b32e]{width:56px;height:56px;cursor:pointer}.accessBox[data-v-6d39b32e]{position:fixed;width:100%;height:100%;z-index:2005;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.6)}.accessBox .dialog--body[data-v-6d39b32e]{width:420px;height:230px;background:#fff;border-radius:10px}.accessBox .dialog--body p[data-v-6d39b32e]{margin-top:82px;font-size:20px;color:#333;text-align:center}.accessBox .dialog--body .dialog--body__footer[data-v-6d39b32e]{margin-top:59px;text-align:center}.accessBox .dialog--body .dialog--body__footer button[data-v-6d39b32e]{margin:0 10px;padding:10px 22px;font-size:16px;color:#ef4c4f;background-color:#fff;border:1px solid #feb8b9;border-radius:6px;cursor:pointer}.accessBox .dialog--body .dialog--body__footer button.checkoutNow[data-v-6d39b32e]{background-color:#ef4c4f;color:#fff;border:none}.room-main-container[data-v-1bf29fa6]{background:#fff;position:relative}.videoControl[data-v-6942065b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#e3e7ef;padding:0 8px;height:26px;-ms-flex-negative:0;flex-shrink:0;font-size:14px;background-color:#21232d}.videoControl .videoControl--right i[data-v-6942065b],.videoControl .videoControl--right svg[data-v-6942065b]{margin:0 8px;font-size:17px}.rank-item[data-v-1d6b8447]{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;color:#e7e9f9}.rank-item .user--rank__title[data-v-1d6b8447]{display:inline-block;width:45px;vertical-align:middle;text-align:center}.rank-item .user--rank__name[data-v-1d6b8447]{width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:12px}.rank-item .user--rank__coinContent[data-v-1d6b8447]{-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;-ms-flex-align:center;margin-left:17px}.rank-item .user--rank__coinContent .userRank--coinContent__item[data-v-1d6b8447],.rank-item .user--rank__coinContent[data-v-1d6b8447]{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.rank-item .user--rank__coinContent .userRank--coinContent__item[data-v-1d6b8447]{-ms-flex:1;flex:1;-ms-flex-pack:justify;-ms-flex-align:center}.rank-item .user--rank__coinContent .userRank--coinContent__item .icon[data-v-1d6b8447]{width:15px;height:15px;vertical-align:middle}.rank-item .user--rank__coinContent .userRank--coinContent__item .count[data-v-1d6b8447]{display:inline-block;width:29px;text-align:center;margin-right:4px;vertical-align:middle}.rank-list-container[data-v-df48ba0a]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#282a34;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rank-list-container .rank--header[data-v-df48ba0a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #21232d;min-height:35px}.rank-list-container .rank--header .rank--header__item[data-v-df48ba0a]{padding:8px 0;color:#b4b9c4;cursor:pointer}.rank-list-container .rank--header .rank--header__item.active[data-v-df48ba0a]{color:#ef4c4f}.rank-list-container .rank-content[data-v-df48ba0a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:2px 0 2px 4px}.rank-list-container .rank-content .rank-list[data-v-df48ba0a]{overflow-y:scroll;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}.rank-list-container .rank-content .rank-list[data-v-df48ba0a]::-webkit-scrollbar{width:6px;height:20px;cursor:pointer}.rank-list-container .rank-content .rank-list[data-v-df48ba0a]::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px #606270;box-shadow:inset 0 0 5px #606270;background:#606270}.rank-list-container .rank-content .rank-list[data-v-df48ba0a]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}.rank-list-container .own-rank[data-v-df48ba0a]{height:50px;background-image:linear-gradient(-154deg,#30323d,#252630 95%);-webkit-box-shadow:0 0 0 0 #000,inset 0 1px 0 0 hsla(0,0%,100%,.12);box-shadow:0 0 0 0 #000,inset 0 1px 0 0 hsla(0,0%,100%,.12)}.box[data-v-0ec30010]{position:absolute;height:auto;top:0;left:0;width:100%;height:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student-name[data-v-0ec30010]{color:#b0b2bd;margin-bottom:10px}.frame-box[data-v-0ec30010]{width:87%;position:relative;background:#42485a;-webkit-box-shadow:0 0 10px 10px rgba(0,0,0,.3);box-shadow:0 0 10px 10px rgba(0,0,0,.3);border-radius:4px;padding:10px 16px}.frame-box>div>h4[data-v-0ec30010]{height:20px;font-size:14px;font-weight:500;color:#e7e9f9;line-height:20px}.frame-box .frame-box_title[data-v-0ec30010]{margin-bottom:6px}.frame-box_red_package[data-v-0ec30010]{height:60px}.frame-box_prise[data-v-0ec30010]{height:80px}.frame-box_prise>div[data-v-0ec30010]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:150px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.frame-box_prise>div>div[data-v-0ec30010]{padding:7px;background:#343746;border-radius:5px;cursor:pointer}.frame-box_prise>div>div img[data-v-0ec30010]{width:26px;height:26px;display:block;border:none}.frame-box_forbid_chat[data-v-0ec30010]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.frame-box_forbid_chat>img[data-v-0ec30010]{cursor:pointer}.frame-box_forbid_chat>img.shoting[data-v-0ec30010]{opacity:.4}.frame-box_forbid_chat .switch[data-v-0ec30010]{width:30px;height:10px;background:#ef4c4f;border-radius:36px;position:relative;cursor:pointer}.frame-box_forbid_chat .switch>div[data-v-0ec30010]{width:101%;height:101%;position:absolute;top:0;right:-1px;border-radius:36px;background:#393d4a;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.frame-box_forbid_chat .switch>span[data-v-0ec30010]{z-index:2;width:16px;height:16px;background:#fff;-webkit-box-shadow:0 3px 4px 0 hsla(0,0%,46.7%,.3),0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 3px 4px 0 hsla(0,0%,46.7%,.3),0 10px 20px 0 rgba(0,0,0,.1);border:1px solid #e5e5e5;border-radius:8px;position:absolute;top:-3px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.frame-box_forbid_chat .switch .forbid-true[data-v-0ec30010]{left:14px}.frame-box_forbid_chat .switch .forbid-false[data-v-0ec30010]{left:0}.frame-box .input-box[data-v-0ec30010]{height:24px;width:194px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.frame-box .input-box button[data-v-0ec30010]{width:40px;height:24.5px;border:none;outline:none;font-size:12px;border-radius:0 4px 4px 0;padding:0;cursor:pointer}.frame-box .input-box .vaild[data-v-0ec30010]{background:#ef4c4f;color:#fff}.frame-box .input-box .invaild[data-v-0ec30010]{background:#94454c;color:hsla(0,0%,100%,.6)}.frame-box .input-box .invaild-input[data-v-0ec30010]{border:1px solid #ff8587;color:#ef4c4f}.frame-box .input-box .input[data-v-0ec30010]{border-radius:4px 0 0 4px}.frame-box .input-box .input[data-v-0ec30010],.frame-box .input-box input[data-v-0ec30010]{width:154px;height:100%;display:block;font-size:12px;text-indent:6px;background:#343746;line-height:24px}.frame-box .input-box input[data-v-0ec30010]{border-radius:4px 0 0 4px;border:none;outline:none;padding:0;color:#fff}.frame-box .input-box .input-tips[data-v-0ec30010]{width:154px;height:100%;display:block;font-size:12px;text-indent:6px;background:#343746;border-radius:4px 0 0 4px;line-height:24px;position:absolute;top:0;left:0;color:#b0b2bd}.frame-box .input-box .input-tips b[data-v-0ec30010]{color:#ef4c4f;display:inline-block;vertical-align:middle}.frame-box .screen[data-v-0ec30010]{position:absolute;top:0;left:0;width:100%;height:160px;background:rgba(66,72,90,.6)}.chat-input-box[data-v-2e881762]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.input-wrapper[data-v-2e881762]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.all-width[data-v-2e881762]{width:100%}.chat-input[data-v-2e881762]{width:100%;padding:0 15px;height:30px;line-height:30px;font-size:12px;color:#e7e9f9;background-color:#4d4f5c;border-radius:2px;border:1px solid #292a30;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.chat-input[data-v-2e881762]::-webkit-input-placeholder{color:#ccc}.chat-input[data-v-2e881762]::-moz-placeholder{color:#ccc}.chat-input[data-v-2e881762]:-ms-input-placeholder{color:#ccc}.chat-input[data-v-2e881762]::-ms-input-placeholder{color:#ccc}.chat-input[data-v-2e881762]::placeholder{color:#ccc}.chat-input[disabled=disabled][data-v-2e881762]{cursor:not-allowed}.el-select[data-v-2e881762]{width:80px;margin-left:4px}.el-select[data-v-2e881762] .el-input__inner{padding-left:5px;padding-right:11px}.el-select[data-v-2e881762] .el-input__icon{width:14px;line-height:30px}[data-v-2e881762] .el-input__inner{height:30px;line-height:30px;color:#e7e9f9;border-color:#292a30;background-color:#4d4f5c;border-radius:2px}.el-button--mini.is-round[data-v-2e881762],[data-v-2e881762] .el-button--mini{padding:7px 10px;background-color:#3e3f47;border-color:#292a30;border-radius:2px;color:#e7e9f9}.target-prop.el-select-dropdown{background-color:#21232d;border:1px solid hsla(0,0%,100%,.16)}.target-prop.el-select-dropdown .el-select-dropdown__list{padding:0;text-align:center}.target-prop.el-select-dropdown .el-select-dropdown__item.hover,.target-prop.el-select-dropdown .el-select-dropdown__item.selected,.target-prop.el-select-dropdown .el-select-dropdown__item:hover{color:#ef4c4f;background-color:#000}.target-prop .el-popper[x-placement^=top] .popper__arrow:after{border-top-color:#21232d}.specify_user_package{font-size:14px;color:#787c8f}.specify_user_package img{width:20px}.repack_name,.specify_user_package img{display:inline-block;vertical-align:middle}.repack_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70px;color:#c1c5d3}.chat-content__item[data-v-dd9b6c00]{display:block;padding:6px 16px;color:#e7e9f9;word-break:break-all}.chat-content__item .title[data-v-dd9b6c00]{margin-bottom:5px;color:#c1c5d3}.chat-content__item .title>span[data-v-dd9b6c00]{position:relative;cursor:pointer}.chat-content__item .title>span em[data-v-dd9b6c00]{opacity:.96;z-index:9;cursor:pointer;display:none;position:absolute;left:0;top:15px;width:110px;padding:14px 0;text-align:center;color:#333;font-style:normal;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 9px 0 rgba(0,0,0,.62);box-shadow:0 2px 9px 0 rgba(0,0,0,.62)}.chat-content__item .title>span:hover em[data-v-dd9b6c00]{display:block}.chat-content__item .title>span small[data-v-dd9b6c00]{padding:0 4px;font-size:14px;color:#e98842;vertical-align:middle}.chat-content__item .title>span small.TUTOR[data-v-dd9b6c00]{color:#2e8f53}.chat-content__item .content[data-v-dd9b6c00]{color:#fff;word-wrap:break-word}.chat-content__item.is-myself .myself--title[data-v-dd9b6c00]{color:#b34c54}.chat-content__item.system-msg .trumpet[data-v-dd9b6c00]{font-size:16px;margin-right:4px}.chat-content__item.system-msg .icon-trumpet[data-v-dd9b6c00]{font-size:16px;padding-right:4px;vertical-align:middle}.chat-content__item.system-msg .praiseAndRedPack[data-v-dd9b6c00]{width:100%;background-color:#393d4a;padding:5px 8px 12px 12px;font-size:14px;color:#aeb4cb;border-radius:8px}.chat-content__item.system-msg .praiseAndRedPack .praiseAndRedPack--header[data-v-dd9b6c00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-content__item.system-msg .praiseAndRedPack .praiseAndRedPack--header .praiseAndRedPack--header__left img[data-v-dd9b6c00]{width:17px;height:17px;vertical-align:middle;margin-right:8px;margin-top:-1px}.chat-content__item.system-msg .praiseAndRedPack .praiseAndRedPack--content[data-v-dd9b6c00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;cursor:pointer}.chat-content__item.system-msg .praiseAndRedPack .praiseAndRedPack--content .firstUserName[data-v-dd9b6c00]{display:inline-block;vertical-align:middle;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-content__item.system-msg .praiseAndRedPack .praiseAndRedPack--content .arrowright[data-v-dd9b6c00],.chat-content__item.system-msg .praiseAndRedPack .praiseAndRedPack--content .icon-arrowup[data-v-dd9b6c00]{display:inline-block;margin-left:8px;font-size:14px;vertical-align:middle}.chat-content__item.system-msg .specify_user_package[data-v-dd9b6c00]{font-size:14px;color:#787c8f}.chat-content__item.system-msg .specify_user_package img[data-v-dd9b6c00]{width:20px;display:inline-block;vertical-align:middle}.chat-box[data-v-f126b3aa]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px;background-color:#282a34;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.chat-box .chat-clear-screen[data-v-f126b3aa]{position:absolute;top:10px;right:10px;width:48px;height:20px;line-height:20px;font-size:12px;text-align:center;color:#50aee3;background:#21232d;border:1px solid #343845;cursor:pointer;z-index:2}.chat-box .chat-header[data-v-f126b3aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;color:#e3e7ef}.chat-box .chat-header>div[data-v-f126b3aa]:first-of-type{font-size:12px;color:#858ba5}.chat-box .chat-header .chat-filter[data-v-f126b3aa]{cursor:pointer}.chat-box .chat-header .chat-filter i[data-v-f126b3aa]{padding-left:10px}.chat-box .chat-content[data-v-f126b3aa]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;color:#fff}.chat-box .new-msg[data-v-f126b3aa]{cursor:pointer;position:absolute;left:50%;bottom:50px;padding:5px 6px;color:#fff;border-radius:8px;background:rgba(239,76,79,.5);-webkit-transform:translate(-50%);transform:translate(-50%)}.chat-box .chat-footer[data-v-f126b3aa]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:42px;padding:8px;background:#21232d;-webkit-box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.chat-box .chat-footer .all-width[data-v-f126b3aa]{width:100%}.chat-box .chat-footer .chat-input[data-v-f126b3aa]{width:100%;padding:0 15px;height:30px;line-height:30px;font-size:12px;color:#e7e9f9;background-color:#4d4f5c;border-radius:2px;border:1px solid #292a30;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.chat-box .chat-footer .chat-input[data-v-f126b3aa]::-webkit-input-placeholder{color:#ccc}.chat-box .chat-footer .chat-input[data-v-f126b3aa]::-moz-placeholder{color:#ccc}.chat-box .chat-footer .chat-input[data-v-f126b3aa]:-ms-input-placeholder{color:#ccc}.chat-box .chat-footer .chat-input[data-v-f126b3aa]::-ms-input-placeholder{color:#ccc}.chat-box .chat-footer .chat-input[data-v-f126b3aa]::placeholder{color:#ccc}.chat-box .chat-footer .chat-input[disabled=disabled][data-v-f126b3aa]{cursor:not-allowed}.chat-box .chat-footer .el-select[data-v-f126b3aa]{width:80px;margin-left:4px}.chat-box .chat-footer .el-select[data-v-f126b3aa] .el-input__inner{padding-left:5px;padding-right:11px}.chat-box .chat-footer .el-select[data-v-f126b3aa] .el-input__icon{width:14px;line-height:30px}.chat-box .chat-footer[data-v-f126b3aa] .el-input__inner{height:30px;line-height:30px;color:#e7e9f9;border-color:#292a30;background-color:#4d4f5c;border-radius:2px}.chat-box .chat-footer .el-button--mini.is-round[data-v-f126b3aa],.chat-box .chat-footer[data-v-f126b3aa] .el-button--mini{padding:7px 10px;background-color:#3e3f47;border-color:#292a30;border-radius:2px;color:#e7e9f9}.chat-box.replay-chat-box .chat-footer[data-v-f126b3aa]{-webkit-box-shadow:none;box-shadow:none;background:none}.chat-box.replay-chat-box[data-v-f126b3aa] .el-input__inner{background-color:#1f212a}.userList[data-v-d6bffa14]{overflow:auto}.userList .userList--item[data-v-d6bffa14]{font-size:14px;color:#e3e7ef;background-color:#2a2c37;border-bottom:1px solid #1c1d22}.userList .userList--item .userList--item__header[data-v-d6bffa14]{cursor:pointer;padding:12px 16px}.userList .userList--item .userList--item__header.forbidAll[data-v-d6bffa14],.userList .userList--item .userList--item__header.userFilter--box[data-v-d6bffa14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.userList .userList--item .userList--item__header.userFilter--box[data-v-d6bffa14]{position:relative;text-align:center;padding-right:24px}.userList .userList--item .userList--item__header.userFilter--box .userFilter--input[data-v-d6bffa14]{width:79%;height:30px;background-color:#343746;border-radius:2px;border:none;text-align:center;color:#b0b2bd}.userList .userList--item .userList--item__header.userFilter--box .icon-search[data-v-d6bffa14],.userList .userList--item .userList--item__header.userFilter--box .search[data-v-d6bffa14]{position:absolute;top:20px;left:50px}.userList .userList--item .userList--item__header.userFilter--box button[data-v-d6bffa14]{height:28px;border:none;border-radius:2px;background:#ef4c4f;color:#fff;cursor:pointer}.userList .userList--item .userList--item__header.userFilter--box button[data-v-d6bffa14]:disabled{background:#94454c;opacity:.3}.userList .userList--item .userList--item__content[data-v-d6bffa14]{background-color:#21232d}.userList .userList--item .userList--item__content .userList--content__item[data-v-d6bffa14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;height:40px}.userList .userList--item .userList--item__content .userList--content__item>span[data-v-d6bffa14]:first-of-type{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userList .userList--item .userList--item__content .userList--content__item .icon-fill-chat[data-v-d6bffa14]{font-size:30px}.userList .userList--item .userList--item__content .userList--content__item .icon-fill-chat.forbid[data-v-d6bffa14]{color:#ef4c4f}.userList .userList--item .userList--item__content .userList--content__item[data-v-d6bffa14]:hover{background-color:#171920}.userList .userList--item .userList--item__content .userList--content__item .offline[data-v-d6bffa14]{display:block;font-size:12px;color:#e3e7ef;padding:6px 11px;background:#373942;border-radius:12px}.userList .userList--item .userList--item__content .userList--content__item>img[data-v-d6bffa14]{cursor:pointer}.praise-item[data-v-0b689078]{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#1c1d24;border-radius:17px;padding-right:4px;margin:8px 0}.praise-item .avatar[data-v-0b689078]{width:24px;height:24px;border-radius:50%}.praise-item .name[data-v-0b689078]{display:inline-block;font-size:13px;color:#aeb4cb;max-width:90px;margin:0 12px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.praise-item .coin[data-v-0b689078]{width:20px;height:20px}.praise-item .praiseIcon[data-v-0b689078]{width:16px;height:22px}.praise-item .count[data-v-0b689078]{color:#f5a623}.redpack-praise-list[data-v-2951e383]{position:absolute;left:-280px;bottom:65px;width:280px;height:58%;padding:20px 0 20px 16px;background-color:#21232d;opacity:.95;border-radius:6px;border-bottom-right-radius:0;color:#aeb4cb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.redpack-praise-list .list-header[data-v-2951e383]{padding:0 16px 18px 0}.redpack-praise-list .list-header .special-box .time[data-v-2951e383]{color:#ef4c4f;margin-bottom:4px}.redpack-praise-list .list-header .detail--box[data-v-2951e383]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.redpack-praise-list .list-content[data-v-2951e383]{min-height:0;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 14px 0;overflow-y:auto;color:#aeb4cb}.redpack-praise-list .list-content[data-v-2951e383]::-webkit-scrollbar-track{width:4px}.redpack-praise-list .list-content[data-v-2951e383]::-webkit-scrollbar-thumb{background:#505368;width:4px}.redpack-praise-list .list-empty[data-v-2951e383]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#aeb4cb;text-align:center}.room-side-container[data-v-1ad1942b]{position:relative;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.room-side-container .side--video[data-v-1ad1942b]{width:100%;-ms-flex-negative:0;flex-shrink:0;background-color:#21232d;color:#b0b2bd}.room-side-container .side--video .side--video__content[data-v-1ad1942b]{width:244px;height:183px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#000}.room-side-container .side--video .i-disablecamera[data-v-1ad1942b],.room-side-container .side--video .icon-disablecamera[data-v-1ad1942b]{font-size:40px;opacity:.3}.room-side-container .side--video .i-disablecamera[data-v-1ad1942b]:before,.room-side-container .side--video .icon-disablecamera[data-v-1ad1942b]:before{color:#b0b2bd}.room-side-container .side--video p[data-v-1ad1942b]{margin-top:30px;font-size:14px;color:#e7e9f9;opacity:.4}.room-side-container .video--place[data-v-1ad1942b]{width:244px;height:183px;position:absolute;overflow:hidden}.room-side-container .chat--tabs[data-v-1ad1942b]{background-color:#21232d;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;min-height:0;border-top:1px solid hsla(0,0%,100%,.08)}.room-side-container .chat--tabs .chat--tabs__header[data-v-1ad1942b]{font-size:0;height:40px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex}.room-side-container .chat--tabs .chat--tabs__header .chatTabs--header__item[data-v-1ad1942b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;font-size:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid transparent;color:#b0b2bd}.room-side-container .chat--tabs .chat--tabs__header .chatTabs--header__item.active[data-v-1ad1942b]{border-bottom-color:#ef4c4f;color:#ef4c4f}.room-side-container .chat--tabs .chat--tabs__header span[data-v-1ad1942b]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:18px;border-bottom:1px solid transparent;color:#b0b2bd}.room-side-container .chat--tabs .chat--tabs__header span.active[data-v-1ad1942b]{border-bottom-color:#ef4c4f}.room-side-container .chat--tabs .chat--tabs__header span.active i[data-v-1ad1942b]:before,.room-side-container .chat--tabs .chat--tabs__header span.active svg[data-v-1ad1942b]{color:#ef4c4f}.room-side-container .chat--tabs .chat--tabs__header span img[data-v-1ad1942b]{vertical-align:middle}.room-side-container .chat--tabs .chat--tabs__header span .tip[data-v-1ad1942b]{position:absolute;right:15%;top:2px;display:inline-block;width:24px;height:16px;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;background-color:#ff6c78;color:#fff;border-radius:79px}.footer[data-v-02882ce0]{padding:0 20px;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#2f303b;color:#333;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.footer .footer--right[data-v-02882ce0],.footer[data-v-02882ce0]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.footer .footer--right img[data-v-02882ce0]{margin:0 20px}.footer--right__item svg[data-v-02882ce0]{color:#d8d8d8}.footer--right__item i[data-v-02882ce0],.footer--right__item svg[data-v-02882ce0]{font-size:28px;cursor:pointer}.footer--right__item>div[data-v-02882ce0],.footer--right__item i[data-v-02882ce0],.footer--right__item svg[data-v-02882ce0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer--right__item>div[data-v-02882ce0]{position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;background-color:rgba(46,48,55,.6);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.56),inset 0 1px 0 0 hsla(0,0%,100%,.18);box-shadow:0 1px 2px 0 rgba(0,0,0,.56),inset 0 1px 0 0 hsla(0,0%,100%,.18);border-radius:4px}.footer--right__item>div[data-v-02882ce0] .el-slider__button-wrapper{left:-16px}.footer--right__item>div[data-v-02882ce0] .el-slider__runway{width:4px}.footer--right__item>div[data-v-02882ce0] .el-slider__bar{width:4px;background-color:#ff6c78}.footer--right__item>div[data-v-02882ce0] .el-slider__button{width:8px;height:8px;border-color:#fff;background-color:#ff6c78}.footer--right__item .eyeProtection.active[data-v-02882ce0]{color:#ef4c4f}.footer--right__item [class^=icon][data-v-02882ce0]{color:#d8d8d8;font-size:28px}.footer--right__item .source--controls[data-v-02882ce0]{z-index:20;width:110px;font-size:14px;background-color:#2f303b;color:#ddd;top:-94px;margin-left:-21px}.footer--right__item .source--controls div[data-v-02882ce0]{width:110px;height:40px;text-align:center;line-height:40px}.footer--right__item .source--controls div.active[data-v-02882ce0],.footer--right__item .source--controls div[data-v-02882ce0]:hover{background-color:#21232d;color:#ef4c4f}.footer--right__item .sounds--controls[data-v-02882ce0]{width:30px;height:120px;top:-135px}.footer--right__item .sounds--controls span[data-v-02882ce0]{display:inline-block;font-size:12px;color:#fff;line-height:normal;margin-bottom:6px}.footer--right__item .lastTags[data-v-02882ce0]{width:28px;height:28px;vertical-align:middle;border:1px solid #151729;-webkit-box-shadow:0 1px 0 0 hsla(0,0%,100%,.1);box-shadow:0 1px 0 0 hsla(0,0%,100%,.1);border-radius:4px}.footer--right__item .tags--box[data-v-02882ce0]{width:256px;max-height:145px;top:-5px;left:-70px;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:auto;background-color:#2f303b}.footer--right__item .tags--box .tags--box__item[data-v-02882ce0]{display:-webkit-box;display:-ms-flexbox;display:flex;height:72px;width:100%;min-height:72px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#b0b2bd}.footer--right__item .tags--box .tags--box__item[data-v-02882ce0]:hover{background-color:#000}.footer--right__item .tags--box .tags--box__item:hover .icon-delete[data-v-02882ce0]{display:block}.footer--right__item .tags--box .tags--box__item img[data-v-02882ce0]{width:92px;height:52px;margin:0 10px}.footer--right__item .tags--box .tags--box__item span[data-v-02882ce0]{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.footer--right__item .tags--box .tags--box__item .icon-delete[data-v-02882ce0]{display:none;font-size:12px;margin-left:13px}.channel[data-v-02882ce0]{color:#d8d8d8;cursor:pointer;width:80px;height:30px;background:#3c3d4b;border-radius:4px;display:inline-block;line-height:30px;text-align:center;font-size:14px}.mark[data-v-02882ce0]{margin-left:10px;cursor:pointer}.mark>span[data-v-02882ce0]{color:#d8d8d8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:30px;background:#3c3d4b;border-radius:4px}.mark>span[data-v-02882ce0]:before{content:"";display:inline-block;width:22px;height:22px;background:url(https://web-data.zmlearn.com/image/85F53BReBYFKFnSAysdy9/Bitmap@2x.png);background-size:100%;background-repeat:no-repeat}.tips[data-v-0149108b]{position:fixed;bottom:320px;right:0;z-index:1001}.tips>div[data-v-0149108b]{width:320px;height:36px;background:hsla(0,0%,100%,.1);border-top-left-radius:15px;border-bottom-left-radius:15px;font-size:14px;text-align:center;line-height:36px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tips>div>img[data-v-0149108b]{width:18px;margin-left:10px;cursor:pointer}@-webkit-keyframes fadeInRightBig-data-v-0149108b{0%{opacity:0;-webkit-transform:translate3d(320px,0,0);transform:translate3d(320px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig-data-v-0149108b{0%{opacity:0;-webkit-transform:translate3d(320px,0,0);transform:translate3d(320px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig[data-v-0149108b]{-webkit-animation:fadeInRightBig-data-v-0149108b .5s ease-in-out forwards;animation:fadeInRightBig-data-v-0149108b .5s ease-in-out forwards}.new-student-room-container[data-v-6acbe98c]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background:#3a3b47}.new-student-room-container .room-header[data-v-6acbe98c]{min-height:0}.new-student-room-container .room-content .content-left[data-v-6acbe98c],.new-student-room-container .room-content[data-v-6acbe98c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.new-student-room-container .room-content .content-left[data-v-6acbe98c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.new-student-room-container .room-content .content-left .room-main[data-v-6acbe98c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.new-student-room-container .room-content .content-right[data-v-6acbe98c]{min-width:0;height:100%}.new-student-room-container .room-content .work-order-chat[data-v-6acbe98c]{right:0;position:absolute;z-index:9999}