.no-live{position:relative;text-align:center}.no-live,.no-live .image{height:100%;width:100%}.no-live .text{bottom:30%;font-size:16px;color:#fffefe}.no-live .text,.no-live .tip{position:absolute;left:0;width:100%;text-align:center}.no-live .tip{bottom:26%;font-size:12px;color:#b6b8c4}.no-live .refresh{position:absolute;bottom:70px;left:0;width:100%;text-align:center}.no-live .refresh-btn.ava-button{padding:10px 25px;font-size:14px;color:#fff;text-align:center;background-color:#33a2ef;border-color:#33a2ef;border-radius:2px}.no-live .refresh-btn .ava-button--primary:focus,.no-live .refresh-btn .ava-button--primary:hover{color:#fff;background:#33a2ef;border-color:#33a2ef}.no-live .refresh-btn .ava-button:focus,.no-live .refresh-btn .ava-button:hover{color:#fff;background-color:#33a2ef;border-color:#33a2ef;opacity:.9}.live-loading[data-v-4d3abba9]{position:relative;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.live-loading .circular[data-v-4d3abba9]{position:absolute;top:50%;left:50%;margin:-21px 0 0 -21px;height:42px;width:42px;-webkit-animation:loading-rotate-4d3abba9 2s linear infinite;animation:loading-rotate-4d3abba9 2s linear infinite}.live-loading .path[data-v-4d3abba9]{-webkit-animation:loading-dash-4d3abba9 1.5s ease-in-out infinite;animation:loading-dash-4d3abba9 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#fff;stroke-linecap:round}.live-loading .text[data-v-4d3abba9]{position:absolute;margin:41px 0 0 -40px;top:50%;left:50%;font-size:14px;color:#fff;text-align:center}@-webkit-keyframes loading-rotate-4d3abba9{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate-4d3abba9{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-dash-4d3abba9{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash-4d3abba9{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.multi-player-con[data-v-1b584eb9]{position:relative}.multi-player-con .dual-stream-content[data-v-1b584eb9],.multi-player-con .main-stream-content[data-v-1b584eb9]{width:100%;height:100%}.multi-player-con .dual-stream-content[data-v-1b584eb9] .amp-video-autoplay-tip,.multi-player-con .dual-stream-content[data-v-1b584eb9] .amp-volume-container{display:none!important}.multi-player-con .min-visible[data-v-1b584eb9]{position:absolute;z-index:2;height:202px;width:356px;top:64px;right:24px;border:2px solid #324460;-webkit-box-sizing:border-box;box-sizing:border-box}.multi-player-con .min-visible[data-v-1b584eb9] .amp-video-autoplay-tip{display:none!important}.multi-player-con .min-visible[data-v-1b584eb9] .amp-controls{display:none}.multi-player-con .min-visible[data-v-1b584eb9] .amp-screen-tool{width:auto;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.multi-player-con .min-visible[data-v-1b584eb9] .amp-screen-tool .signal-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}.multi-player-con .min-visible[data-v-1b584eb9] .amp-screen-tool .icon-group{display:none!important}.multi-player-con .min-visible.hide[data-v-1b584eb9]{opacity:0;display:none}.multi-player-con .min-visible .expand-overlay[data-v-1b584eb9]{top:0;left:0;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1}.multi-player-con .expand-operate-btns[data-v-1b584eb9],.multi-player-con .min-visible .expand-overlay[data-v-1b584eb9]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.multi-player-con .expand-operate-btns[data-v-1b584eb9]{z-index:2;top:24px;right:24px;background-color:#324460;width:356px;height:40px;line-height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.multi-player-con .expand-operate-btns.hide[data-v-1b584eb9]{width:40px;height:40px;overflow:hidden}.multi-player-con .expand-operate-btns .expand-btn[data-v-1b584eb9]{padding:0 10px;color:#fff;font-size:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.multi-player-con .expand-operate-btns .expand-btn[data-v-1b584eb9]:hover{color:#33a2ef}.multi-player-con .expand-window-btn[data-v-1b584eb9]{position:absolute;top:0;right:0;width:40px;height:40px;border-radius:4px;background:#324460;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}.share-container{padding:16px;width:256px;height:360px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.share-container .share-live-title{font-size:16px;font-weight:700;color:#fff;line-height:24px;text-align:center}.share-container .share-live-user{font-size:14px;color:#fff;line-height:22px;text-align:center}.share-container .pk-code-img{margin-top:8px}.share-container .pk-code-img>img{border-radius:8px}.share-container .scan-tip{margin-top:8px;font-size:12px;color:#666;line-height:20px;text-align:center}.share-container .pk-share-btn{margin-top:10px;text-align:center}.share-container .pk-share-btn .share-btn+.share-btn{margin-left:16px}.pk-live-popover{padding:0;border:none;background-color:transparent}.pk-live-popover .popper__arrow{display:none}.pk-live-header{padding:0 17px 0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:62px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#192436}.pk-live-header .pk-live-title{max-width:700px;width:auto;margin-left:12px;font-size:20px;font-weight:700;color:#fff;line-height:28px}.pk-live-header .head-left .grade-subject{padding:0 6px;height:24px;font-size:0;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ef7237}.pk-live-header .head-left .grade-subject>span{font-size:12px;color:#ef7237;line-height:22px}.pk-live-header .head-left .grade-subject .grade,.pk-live-header .head-left .grade-subject .subject{max-width:100px;width:auto}.pk-live-header .head-right .right-item{position:relative;height:32px;line-height:32px}.pk-live-header .head-right .right-item .live-count{margin-left:8px;font-size:16px;color:#fff;line-height:24px}.pk-live-header .head-right .right-item:after{content:"";position:absolute;top:9px;right:-26px;width:1px;height:20px;background-color:#060c15}.pk-live-header .head-right .right-item+.right-item{margin-left:53px}.pk-live-header .head-right .switch-btn{padding:4px 12px;color:#fff;line-height:22px;border-color:#fff;background-color:#192436}.pk-live-header .head-right .switch-btn:hover{background-color:#2e3e55}.pk-jiaoyan .jiaoyan-btn{padding:4px 12px;color:#fff;line-height:22px;border:1px solid #fff;background-color:#192436}.pk-jiaoyan .jiaoyan-btn:hover{background-color:#2e3e55}.switch-dropdown{width:100px}.switch-dropdown .ava-dropdown-menu__item{display:block;padding:0;width:100px;height:40px;line-height:40px;text-align:center}.switch-dropdown .full{width:100%}.pk-live-info[data-v-00366fd2]{padding:18px 16px;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.pk-live-info .pk-base-title[data-v-00366fd2]{position:relative;padding-left:12px;font-size:16px;font-weight:700;color:#fff;line-height:24px}.pk-live-info .pk-base-title[data-v-00366fd2]:before{content:"";position:absolute;top:5px;left:0;width:4px;height:14px;background:#33a2ef;border-radius:1px}.pk-live-info .pk-base-text[data-v-00366fd2]{font-size:14px;color:#fff;line-height:22px}.pk-live-info .pk-base-text+.pk-base-text[data-v-00366fd2]{margin-top:12px}.pk-live-info .pk-base-school[data-v-00366fd2]{position:relative}.pk-live-info .pk-base-school+.pk-base-school[data-v-00366fd2]{padding-top:25px}.pk-live-info .pk-base-school+.pk-base-school[data-v-00366fd2]:before{content:"";position:absolute;top:12px;width:100%;height:1px;background:#273244}.app-live-comment-item[data-v-615e5ec5]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:20px}.app-live-comment-item .user-avatar[data-v-615e5ec5]{width:26px;height:26px;margin-right:10px}.app-live-comment-item .user-avatar .avatar-image[data-v-615e5ec5]{width:100%;height:100%;border-radius:50%}.app-live-comment-item .comment-info[data-v-615e5ec5]{width:calc(100% - 36px)}.app-live-comment-item .comment-info .comment-head[data-v-615e5ec5]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.app-live-comment-item .comment-info .comment-head .head-left[data-v-615e5ec5],.app-live-comment-item .comment-info .comment-head[data-v-615e5ec5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-live-comment-item .comment-info .comment-head .head-left .name[data-v-615e5ec5]{font-size:14px;display:inline-block;font-weight:700;color:#fff;line-height:22px;width:auto;max-width:100px}.app-live-comment-item .comment-info .comment-head .head-left .time[data-v-615e5ec5]{margin-left:8px;font-size:12px;color:#999;line-height:20px}.app-live-comment-item .comment-info .first-line[data-v-615e5ec5]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-3px}.app-live-comment-item .comment-info .first-line .user-info[data-v-615e5ec5],.app-live-comment-item .comment-info .first-line[data-v-615e5ec5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-live-comment-item .comment-info .first-line .user-info .user-type[data-v-615e5ec5]{height:16px;line-height:16px;padding:0 4px;font-size:12px;color:#fff;margin-right:6px}.app-live-comment-item .comment-info .first-line .user-info .user-type.blue-text[data-v-615e5ec5]{background-color:#33a2ef}.app-live-comment-item .comment-info .first-line .user-info .user-type.orange-text[data-v-615e5ec5]{background-color:#ef7237}.app-live-comment-item .comment-info .first-line .user-info .user-name[data-v-615e5ec5]{max-width:100px;font-size:14px;color:#b8c6d8}.app-live-comment-item .comment-info .first-line .create-time[data-v-615e5ec5]{font-size:12px;color:#788aa1}.app-live-comment-item .comment-info .second-line[data-v-615e5ec5]{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:4px}.app-live-comment-item .comment-info .second-line .user-school[data-v-615e5ec5]{max-width:230px;font-size:12px;color:#788aa1}.app-live-comment-item .comment-info .second-line .del-comment[data-v-615e5ec5]{position:relative;width:24px;height:24px;cursor:pointer;border-radius:2px;background:#1c2c42}.app-live-comment-item .comment-info .second-line .del-comment[data-v-615e5ec5]:hover{background-color:#2e3e55}.app-live-comment-item .comment-info .second-line .del-comment .del_icon[data-v-615e5ec5]{position:absolute;top:4px;left:4px}.app-live-comment-item .comment-info .comment-content[data-v-615e5ec5]{margin-top:8px}.app-live-comment-item .comment-info .comment-content .text-content[data-v-615e5ec5]{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;min-width:25px;max-width:100%;padding:4px 9px;line-height:20px;border-radius:0 6px 6px 6px;font-size:12px;color:#b8c6d8;background-color:#2e3e55;text-align:justify;text-justify:newspaper;word-break:break-all;word-wrap:break-word;white-space:pre-line}.app-live-comment-item .comment-info .comment-content .image-content[data-v-615e5ec5]{display:inline-block;padding:12px;background:#2e3e55;border-radius:0 6px 6px 6px}.app-live-comment-item .comment-info .comment-content .image-content .image-wrapper[data-v-615e5ec5]{position:relative}.app-live-comment-item .comment-info .comment-content .image-content .image-wrapper:hover .icon[data-v-615e5ec5]{display:inline-block}.app-live-comment-item .comment-info .comment-content .image-content .image-wrapper .comment-image[data-v-615e5ec5]{width:144px;height:80px;border-radius:2px}.app-live-comment-item .comment-info .comment-content .image-content .image-wrapper .icon[data-v-615e5ec5]{position:absolute;top:20px;left:53px;display:none;cursor:pointer}.text-comment-item[data-v-79e74f93]{margin-bottom:8px}.text-comment-item .text-comment-p[data-v-79e74f93]{display:inline-block;width:auto;max-width:268px;padding:5px 8px;font-size:14px;line-height:22px;color:#fff;background:rgba(0,0,0,.3);border-radius:4px;text-align:justify;text-justify:newspaper;word-break:break-all;word-wrap:break-word;white-space:pre-line}.text-comment-item .user-name[data-v-79e74f93]{color:#ffc240}.text-comment-item .user-name.self[data-v-79e74f93]{color:#ef7237}.meeting-comment-item[data-v-410c2d59]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:24px}.meeting-comment-item .user-avatar[data-v-410c2d59]{width:36px;height:36px;margin-right:12px}.meeting-comment-item .user-avatar .avatar-image[data-v-410c2d59]{width:100%;height:100%;border-radius:50%}.meeting-comment-item .comment-info[data-v-410c2d59]{width:calc(100% - 48px)}.meeting-comment-item .comment-info .comment-head[data-v-410c2d59]{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.meeting-comment-item .comment-info .comment-head .name[data-v-410c2d59]{font-size:14px;display:inline-block;color:#fff;line-height:22px;width:auto;max-width:180px}.meeting-comment-item .comment-info .comment-head .time[data-v-410c2d59]{margin-left:8px;font-size:12px;color:#999;line-height:22px}.meeting-comment-item .comment-info .comment-content .text-content[data-v-410c2d59]{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;min-width:25px;max-width:100%;padding:7px 12px;border-radius:0 8px 8px;color:#fff;background-color:#3d3d3d;text-align:justify;text-justify:newspaper;word-break:break-all;word-wrap:break-word;white-space:pre-line;font-size:14px;line-height:22px}.meeting-comment-item .comment-info .comment-content .image-content[data-v-410c2d59]{display:inline-block;padding:12px;background:#2e3e55;border-radius:0 6px 6px 6px}.meeting-comment-item .comment-info .comment-content .image-content .image-wrapper[data-v-410c2d59]{position:relative}.meeting-comment-item .comment-info .comment-content .image-content .image-wrapper:hover .icon[data-v-410c2d59]{display:inline-block}.meeting-comment-item .comment-info .comment-content .image-content .image-wrapper .comment-image[data-v-410c2d59]{width:144px;height:80px;border-radius:2px}.meeting-comment-item .comment-info .comment-content .image-content .image-wrapper .icon[data-v-410c2d59]{position:absolute;top:20px;left:53px;display:none;cursor:pointer}.meeting-comment-item.self[data-v-410c2d59]{text-align:right;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.meeting-comment-item.self .user-avatar[data-v-410c2d59]{margin-right:0;margin-left:12px}.meeting-comment-item.self .comment-info .comment-head[data-v-410c2d59]{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.meeting-comment-item.self .comment-content .text-content[data-v-410c2d59]{background:#33a2ef;border-radius:8px 0 8px 8px}.app-live-comment{position:relative}.app-live-comment .beautyScroll{padding:10px;width:100%;overflow-y:auto;background-color:#1c2c42;-webkit-box-sizing:border-box;box-sizing:border-box}.app-live-comment .show_last_one{position:absolute;padding:0 10px;bottom:80px;left:0;width:100%;height:32px;line-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#665c47}.app-live-comment .show_last_one .comment_span{display:inline-block;padding-right:10px;width:256px;font-size:12px;color:#faf7eb;vertical-align:top}.app-live-comment .show_last_one .to_icon{display:inline-block;font-size:12px;color:#ffc240;vertical-align:top}.app-live-comment .show_last_one .to_icon .icon-look-down{margin-left:3px}.app-live-comment .enter-comment{position:relative;padding:16px 12px 12px;background-color:#223452}.app-live-comment .enter-comment.with-image .comment-input{width:206px}.app-live-comment .enter-comment.with-image .send-btn{width:48px}.app-live-comment .enter-comment.with-image .not-login{width:206px;background-color:#1a2236}.app-live-comment .enter-comment .comment-input{display:inline-block;height:52px;width:238px;border-radius:2px}.app-live-comment .enter-comment .comment-input .ava-textarea__inner{display:inline-block;background:#1a2236;border:none;resize:none;height:52px;color:#767891}.app-live-comment .enter-comment .comment-input .ava-textarea__inner::-webkit-scrollbar{display:none}.app-live-comment .enter-comment .comment-input::-webkit-input-placeholder{color:#5f6d80}.app-live-comment .enter-comment .comment-input::-moz-placeholder{color:#5f6d80}.app-live-comment .enter-comment .comment-input:-ms-input-placeholder{color:#5f6d80}.app-live-comment .enter-comment .comment-input::-ms-input-placeholder{color:#5f6d80}.app-live-comment .enter-comment .comment-input::placeholder{color:#5f6d80}.app-live-comment .enter-comment .image-btn,.app-live-comment .enter-comment .send-btn{height:52px;padding:12px 4px;background:#395077;border:none}.app-live-comment .enter-comment .image-btn:hover,.app-live-comment .enter-comment .send-btn:hover{background:#33a2ef}.app-live-comment .enter-comment .image-btn.is-disabled:hover,.app-live-comment .enter-comment .send-btn.is-disabled:hover{background:#395077}.app-live-comment .enter-comment .send-btn{width:62px;font-size:14px;border-radius:0 2px 2px 0;color:#fff}.app-live-comment .enter-comment .image-btn{width:40px;border-radius:2px;margin-left:8px}.app-live-comment .enter-comment .not-login{position:absolute;top:16px;left:12px;width:238px;height:52px;z-index:2}.app-live-comment .enter-comment .not-login .mark{padding:12px;font-size:12px;color:#767891}.app-live-comment .enter-comment .not-login .to-login{color:#ef7237}.comment-upload-img-tip{font-size:12px;color:#ccc;line-height:20px;text-align:center}.live-comment-popper.is-customized{background-color:#000}.live-comment-popper.is-customized .popper__arrow:after{border-top-color:#000}.live-comment-no-data-text{font-size:14px!important;color:#788aa1!important;line-height:22px}.live-moke-unit-item{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#3c799d}.live-moke-unit-item .item_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-moke-unit-item .item_box>i{margin-right:6px}.live-moke-unit-item .item_box .text{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:13px 0}.live-moke-unit-item .item_box .text.active{color:#1baafb}.live-moke-unit-item .child_box{padding-left:12px;background-color:#eee}.live-moke-unit-item .child_box .unit-item{color:#333}.live-moke-lesson-left{width:295px;height:675px;padding:24px 0 0 20px;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-right:1px solid #e7e8ec}.live-moke-lesson-left .select-box{padding:4px 0;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box}.live-moke-lesson-left .select-box .spe-select{width:208px}.live-moke-lesson-left .select-box .spe-select .ava-input__inner{height:36px;line-height:36px;background-color:#f5f5f5;border:none;color:#333}.live-moke-lesson-left .select-box .spe-select .ava-input__icon{line-height:36px;color:#333}.live-moke-lesson-left .select-box .add-bg{display:inline-block;margin-left:13px;width:36px;height:36px;background:#b9bccb;border-radius:2px;text-align:center;line-height:36px;cursor:pointer}.live-moke-lesson-left .select-box .add-bg:hover{background-color:#1baafb}.live-moke-lesson-left .content-box{height:calc(100% - 50px);overflow-x:hidden;overflow-y:auto}.live-moke-lesson-left .content-box .unit-item{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#3c799d}.live-moke-lesson-left .content-box .unit-item .item_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e7e8ec}.live-moke-lesson-left .content-box .unit-item .item_box>i{margin-right:6px}.live-moke-lesson-left .content-box .unit-item .item_box .text{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:13px 0}.live-moke-lesson-left .content-box .unit-item .item_box .text.active{color:#1baafb}.live-moke-lesson-left .pretty-scroll::-webkit-scrollbar{width:6px;height:6px}.live-moke-lesson-left .pretty-scroll::-webkit-scrollbar-thumb{border-radius:3px;background:#ddd}.live-moke-lesson-left .pretty-scroll::-webkit-scrollbar-track{border-radius:0;background:#fff}.live-moke-lesson-left.dark{background-color:#272727;border-right:1px solid #4d4d4d}.live-moke-lesson-left.dark .pretty-scroll::-webkit-scrollbar-thumb{border-radius:3px;background:#4d4d4d}.live-moke-lesson-left.dark .pretty-scroll::-webkit-scrollbar-track{border-radius:0;background:#272727}.live-moke-lesson-left.dark .select-box .spe-select .ava-input__inner{background-color:#272727;border:1px solid #4d4d4d;color:#e7e8ec}.live-moke-lesson-left.dark .select-box .spe-select .ava-input__icon{color:#e7e8ec}.live-moke-lesson-left.dark .select-box .add-bg{background:#323232}.live-moke-lesson-left.dark .select-box .add-bg:hover{background-color:#0097ff}.live-moke-lesson-left.dark .content-box .unit-item{color:#ccc}.live-moke-lesson-left.dark .content-box .unit-item .item_box{border-bottom:1px solid #4d4d4d}.live-moke-lesson-left.dark .content-box .unit-item .item_box .text.active{color:#0097ff}.live-moke-lesson-left.dark .live-moke-unit-item{color:#ccc}.live-moke-lesson-left.dark .live-moke-unit-item .item_box .text.active{color:#0097ff}.live-moke-lesson-left.dark .live-moke-unit-item .child_box{background-color:#323232}.live-moke-lesson-left.dark .live-moke-unit-item .child_box .unit-item{color:#ccc}.user-lesson-item{position:relative;width:272px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border-radius:4px}.user-lesson-item>.select-png{display:none;position:absolute;right:0;bottom:0}.user-lesson-item.active{border-radius:8px;border:2px solid #33a2ef}.user-lesson-item.active>.select-png{display:block}.user-lesson-item:hover{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.user-lesson-item:hover .operate-btn{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:8px;height:152px}.user-lesson-item:hover .operate-btn .btn-item.delete:hover span{color:#f34444}.user-lesson-item:hover .img-box{background-color:rgba(0,0,0,.5)}.user-lesson-item:hover .img-box .addBtn{z-index:9}.user-lesson-item:hover .img-box .addBtn,.user-lesson-item:hover .img-box .mock{display:-webkit-box;display:-ms-flexbox;display:flex}.user-lesson-item .img-box{position:relative;width:100%;height:152px;border-radius:8px}.user-lesson-item .img-box>.moke-cover{width:100%;height:100%;border-radius:8px}.user-lesson-item .img-box .mock{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;background:rgba(0,0,0,.5);display:none}.user-lesson-item .img-box .addBtn{position:absolute;top:64px;left:80px;width:100px;height:30px;background:hsla(0,0%,100%,.5);border-radius:4px;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:12px}.user-lesson-item .img-box .text{position:absolute;top:0;left:0;width:48px;height:24px;color:#fff;font-size:12px;line-height:24px;text-align:center;border-radius:8px 0 8px 0}.user-lesson-item .img-box .text-0{background-color:#33a2ef}.user-lesson-item .img-box .text-1{background-color:#38c3a1}.user-lesson-item .img-box .user{position:absolute;left:1px;bottom:0;width:calc(100% - 2px);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.5);height:26px;line-height:26px;font-size:12px;color:#fff;padding:0 13px;text-align:right}.user-lesson-item .img-box .user>i{margin-top:-1px}.user-lesson-item .lesson-footer{padding:8px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.user-lesson-item .lesson-footer>p{color:#333;font-size:14px;font-weight:700}.user-lesson-item .lesson-footer>p:hover{color:#33a2ef}.user-lesson-item .lesson-footer .foot-user{color:#999;font-size:12px;height:20px;margin-top:8px;line-height:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-lesson-item .lesson-footer .foot-user,.user-lesson-item .lesson-footer .foot-user>.left-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-lesson-item .lesson-footer .foot-user>.left-box .user{max-width:60px;width:auto;padding-right:16px;position:relative}.user-lesson-item .lesson-footer .foot-user>.left-box .user:after{content:"";width:1px;height:12px;background:#e7e8ec;position:absolute;right:7.5px;top:4.5px}.user-lesson-item .lesson-footer .foot-user>.left-box .school-name{max-width:107px;width:auto}.user-lesson-item .smaller{height:58px;padding:0 7px 0 13px}.user-lesson-item .smaller,.user-lesson-item .smaller>.title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-lesson-item .smaller>.title{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-lesson-item .smaller>.title>p{width:182px;color:#333;font-size:16px;font-weight:700}.user-lesson-item .smaller>.title>span{display:inline-block;width:38px;height:26px;margin-left:25px;color:#666;font-size:12px;line-height:26px;text-align:center;border-radius:2px;cursor:pointer}.user-lesson-item .smaller>.title>span:hover{color:#1baafb;background-color:#dff3fe}.user-lesson-item .smaller .foot-user{text-indent:10px;margin-top:0}.user-lesson-item .circle .ava-checkbox__inner{border-radius:50%}.add-live-modal .ava-dialog__body{padding:20px}.add-live-modal .ava-dialog__body .header-right{text-align:right}.add-live-modal .ava-dialog__body .header-right .blue-btn{display:inline-block;width:80px;height:30px;color:#fff;font-size:14px;line-height:30px;text-align:center;background:#33a2ef;border-radius:2px}.add-live-modal .ava-dialog__body .flex{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;text-align:left}.add-live-modal .ava-dialog__body .flex .spe-input{width:300px}.add-live-modal .ava-dialog__body .flex .spe-input .ava-input__inner{height:30px;line-height:30px}.add-live-modal .ava-dialog__body .flex .spe-input .ava-input__icon{line-height:30px}.beike-share-modal .ava-dialog__header{border-bottom:none}.beike-share-modal .ava-dialog__body{padding:30px 40px}.beike-share-modal .ava-dialog__body .share-content .cover{width:272px;height:153px;border-radius:4px}.beike-share-modal .ava-dialog__body .share-content .item{font-size:14px;color:#666;width:100%;word-break:break-all;margin-top:15px;line-height:22px}.beike-share-modal .ava-dialog__body .share-content .item>.black{background-color:#fff;color:#333;width:80px}.beike-share-modal .ava-dialog__body .share-content .btn-group{margin-top:24px;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}.beike-share-modal .ava-dialog__body .share-content .btn-group .btn{width:96px;height:36px;background:#1baafb;border-radius:2px;text-align:center;line-height:36px;color:#fff;font-size:14px;cursor:pointer}.beike-share-modal .ava-dialog__body .share-content .btn-group .btn+.btn{margin-left:10px}.select-live-moke-dialog .ava-dialog{border-radius:8px}.select-live-moke-dialog .ava-dialog__title{font-weight:700;font-size:16px;color:#333}.select-live-moke-dialog .ava-dialog__body{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.select-live-moke-dialog .box{display:-webkit-box;display:-ms-flexbox;display:flex}.select-live-moke-dialog .box .right-box{padding:24px;width:calc(100% - 295px);-webkit-box-sizing:border-box;box-sizing:border-box}.select-live-moke-dialog .box .right-box .my-lesson-search-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.select-live-moke-dialog .box .right-box .my-lesson-search-box .bk-search-input{width:240px;margin-right:12px}.select-live-moke-dialog .box .right-box .my-lesson-search-box .ava-button{border-radius:4px}.select-live-moke-dialog .box .right-box .my-lesson-search-box .small-select{width:150px;margin-left:12px}.select-live-moke-dialog .box .right-box .my-lesson-search-box .green-btn{background:#38c3a1;border:none;color:#fff}.select-live-moke-dialog .box .right-box .my-lesson-search-box .green-btn:hover{background-color:rgba(56,195,161,.8)}.select-live-moke-dialog .box .right-box .item-box{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px 16px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.select-live-moke-dialog .box .right-box .item-box .tac{width:100%}.select-live-moke-dialog .box .right-box .item-box .no-data-pad{padding:136px 0}.select-live-moke-dialog .box .right-box .check-my-moke-btn{width:116px;height:36px;color:#fff;border:none;font-size:14px;border-radius:4px;background:#33a2ef}.select-live-moke-dialog .box .right-box .check-my-moke-btn:hover{background:rgba(51,162,239,.9)}.select-live-moke-dialog .box .right-box .close-moke-btn{margin-left:16px;width:88px;height:36px;color:#ccc;font-size:14px;border-radius:4px;background:#fff}.select-live-moke-dialog .box .right-box .close-moke-btn:hover{color:#33a2ef;border-color:#33a2ef}.select-live-moke-dialog.dark{background-color:#272727}.select-live-moke-dialog.dark,.select-live-moke-dialog.dark .ava-dialog__header{border-color:hsla(0,0%,100%,.2)}.select-live-moke-dialog.dark .ava-dialog__title{color:#fff}.select-live-moke-dialog.dark .select-live-moke-pagination .page-info{color:#ccc!important}.select-live-moke-dialog.dark .select-live-moke-pagination .ava-pagination.is-background .ava-pager li,.select-live-moke-dialog.dark .select-live-moke-pagination .ava-pagination.is-background .btn-next,.select-live-moke-dialog.dark .select-live-moke-pagination .ava-pagination.is-background .btn-prev{color:#ccc;background-color:#4d4d4d}.select-live-moke-dialog.dark .select-live-moke-pagination .ava-pagination.is-background .ava-pager li:not(.disabled).active,.select-live-moke-dialog.dark .select-live-moke-pagination .ava-pagination.is-background .ava-pager li:not(.disabled):hover{color:#fff;background-color:#7a8399}.select-live-moke-dialog.dark .select-live-moke-pagination .ava-pagination__jump{color:#ccc}.select-live-moke-dialog.dark .select-live-moke-pagination .ava-pagination__jump .ava-input__inner{color:#fff;background-color:#4d4d4d;border:1px solid #4d4d4d;border-radius:4px}.select-live-moke-dialog.dark .box .right-box .my-lesson-search-box .bk-search-input .ava-input__inner,.select-live-moke-dialog.dark .box .right-box .my-lesson-search-box .small-select .ava-input__inner{color:#ccc;border-color:#4d4d4d;background:hsla(0,0%,100%,.05)}.select-live-moke-dialog.dark .box .right-box .my-lesson-search-box .moke-search-btn{border-radius:4px;border-color:#0097ff;background-color:#0097ff}.select-live-moke-dialog.dark .box .right-box .my-lesson-search-box .moke-search-btn:hover{border-color:rgba(0,151,255,.8);background-color:rgba(0,151,255,.8)}.select-live-moke-dialog.dark .box .right-box .my-lesson-search-box .blue-btn,.select-live-moke-dialog.dark .box .right-box .my-lesson-search-box .green-btn{background:#272727;border:1px solid #4d4d4d;color:#ccc}.select-live-moke-dialog.dark .box .right-box .my-lesson-search-box .green-btn:hover{color:#38c3a1;border-color:#38c3a1}.select-live-moke-dialog.dark .box .right-box .my-lesson-search-box .blue-btn:hover{color:#0097ff;border-color:#0097ff}.select-live-moke-dialog.dark .box .item-box .user-lesson-item .lesson-footer>p{color:#e7e8ec}.select-live-moke-dialog.dark .box .item-box .user-lesson-item .lesson-footer>p:hover{color:#0097ff}.select-live-moke-dialog.dark .box .item-box .user-lesson-item .lesson-footer .foot-user{color:#ccc}.select-live-moke-dialog.dark .box .item-box .ava-loading-mask{background-color:rgba(39,39,39,.8)}.select-live-moke-dialog.dark .box .check-my-moke-btn{background:#0097ff}.select-live-moke-dialog.dark .box .check-my-moke-btn:hover{background:rgba(0,151,255,.9)}.select-live-moke-dialog.dark .box .close-moke-btn{background:#272727;border-color:#4d4d4d}.select-live-moke-dialog.dark .box .close-moke-btn:hover{color:#0097ff;border-color:#0097ff}.select-dark-moke-dropdown{border:none;background:#272727;-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.2);box-shadow:0 4px 10px 0 rgba(0,0,0,.2);color:#ccc}.select-dark-moke-dropdown .ava-select-dropdown__item{color:#ccc}.select-dark-moke-dropdown .ava-select-dropdown__item.selected{color:#0097ff}.select-dark-moke-dropdown .ava-select-dropdown__item.hover{background:#0097ff;color:#fff}.select-dark-moke-dropdown .popper__arrow{display:none}.pk-live-right{position:relative;width:460px;height:100%}.pk-live-right.small{width:76px}.pk-live-right .pk-slide-box{position:relative;width:384px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#192436;border-top:1px solid #060c15}.pk-live-right .pk-slide-box .close-slide{position:absolute;top:18px;left:-16px;width:24px;height:24px;z-index:2;text-align:center;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#1c2c42;border:1px solid #2e3e55}.pk-live-right .pk-slide-box .close-slide:hover{color:#fff;border-color:#33a2ef;background-color:#33a2ef}.pk-live-right .pk-right{position:absolute;top:0;right:0;width:76px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#192436;border-top:1px solid #060c15;border-left:1px solid #060c15}.pk-live-right .pk-right .pk-live-info{padding:24px 0;width:100%;height:98px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.pk-live-right .pk-right .pk-live-info:hover{cursor:pointer;background-color:#33a2ef}.pk-live-right .pk-right .pk-live-info.active{background-color:#33a2ef}.pk-live-right .pk-right .pk-live-info>p{margin-top:4px;font-size:14px;color:#fff;line-height:22px}.pk-live-comment.app-live-comment .beautyScroll{padding:16px;background-color:#192436}.pk-live-comment.app-live-comment .beautyScroll .app-live-comment-item{margin-bottom:24px}.pk-live-comment.app-live-comment .enter-comment{position:relative;padding:16px;background-color:#1d293d}.pk-live-comment.app-live-comment .enter-comment .not-login{left:16px;width:352px;height:84px;background:#151f2e}.pk-live-comment.app-live-comment .comment-input{width:100%!important;height:84px;border-radius:4px;margin-bottom:12px}.pk-live-comment.app-live-comment .comment-input .ava-textarea__inner{width:100%;height:100%;color:#b8c6d8;background-color:#151f2e}.pk-live-comment.app-live-comment .comment-input .ava-textarea__inner::-webkit-input-placeholder{color:#b8c6d8}.pk-live-comment.app-live-comment .comment-input .ava-textarea__inner::-moz-placeholder{color:#b8c6d8}.pk-live-comment.app-live-comment .comment-input .ava-textarea__inner:-ms-input-placeholder{color:#b8c6d8}.pk-live-comment.app-live-comment .comment-input .ava-textarea__inner::-ms-input-placeholder{color:#b8c6d8}.pk-live-comment.app-live-comment .comment-input .ava-textarea__inner::placeholder{color:#b8c6d8}.pk-live-comment.app-live-comment .image-btn{margin-left:238px;padding:0;height:32px;width:32px;border-radius:4px;background-color:#2e3e55}.pk-live-comment.app-live-comment .image-btn.is-disabled:hover{background:#2e3e55}.pk-live-comment.app-live-comment .send-btn{position:absolute;bottom:16px;right:16px;padding:0;width:68px!important;height:32px;line-height:32px;border-radius:4px;background-color:#2e3e55}.pk-live-comment.app-live-comment .send-btn.is-disabled:hover{background:#2e3e55}.pk-live-comment.app-live-comment .app-live-comment-item .user-avatar{width:36px;height:36px}.pk-live-comment.app-live-comment .app-live-comment-item .comment-info{width:calc(100% - 46px)}.pk-live-comment.app-live-comment .app-live-comment-item .comment-info .first-line .user-info .user-name{font-weight:700}.pk-live-comment.app-live-comment .app-live-comment-item .comment-info .comment-content .text-content{font-size:14px}.pk-live-container{width:100%;height:100vh;background:#060c15}.pk-live-container .pk-live-header{width:100%;height:62px;background-color:#192436}.pk-live-container .pk-live-content{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;width:100%;height:calc(100% - 62px)}.pk-live-container .pk-live-content .pk-live-box{width:calc(100% - 460px);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.pk-live-container .pk-live-content .pk-live-box.big{width:calc(100% - 76px)}.pk-live-container .pk-live-content .pk-live-box .pk-live{position:relative;width:100%;height:100%}.pk-live-container .pk-live-content .pk-live-box .pk-live .loading{position:absolute;top:0;left:0}.pk-live-container .pk-live-content .pk-live-box .pk-live .no-live,.pk-live-container .pk-live-content .pk-live-box .pk-live .video-player{width:100%;height:100%}