.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-data-v-4d3abba9 2s linear infinite;animation:loading-rotate-data-v-4d3abba9 2s linear infinite}.live-loading .path[data-v-4d3abba9]{-webkit-animation:loading-dash-data-v-4d3abba9 1.5s ease-in-out infinite;animation:loading-dash-data-v-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-data-v-4d3abba9{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate-data-v-4d3abba9{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-dash-data-v-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-data-v-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-74a61675]{position:relative}.multi-player-con .dual-stream-content[data-v-74a61675],.multi-player-con .main-stream-content[data-v-74a61675]{width:100%;height:100%}.multi-player-con .dual-stream-content[data-v-74a61675] .amp-video-autoplay-tip,.multi-player-con .dual-stream-content[data-v-74a61675] .amp-volume-container{display:none!important}.multi-player-con .min-visible[data-v-74a61675]{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-74a61675] .amp-video-autoplay-tip{display:none!important}.multi-player-con .min-visible[data-v-74a61675] .amp-controls{display:none}.multi-player-con .min-visible[data-v-74a61675] .amp-screen-tool{width:auto;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.multi-player-con .min-visible[data-v-74a61675] .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-74a61675] .amp-screen-tool .icon-group{display:none!important}.multi-player-con .min-visible.hide[data-v-74a61675]{opacity:0;display:none}.multi-player-con .min-visible .expand-overlay[data-v-74a61675]{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-74a61675],.multi-player-con .min-visible .expand-overlay[data-v-74a61675]{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-74a61675]{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-74a61675]{width:40px;height:40px;overflow:hidden}.multi-player-con .expand-operate-btns .expand-btn[data-v-74a61675]{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-74a61675]:hover{color:#33a2ef}.multi-player-con .expand-window-btn[data-v-74a61675]{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-21231bbb]{padding:18px 16px;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.pk-live-info .pk-base-title[data-v-21231bbb]{position:relative;padding-left:12px;font-size:16px;font-weight:700;color:#fff;line-height:24px}.pk-live-info .pk-base-title[data-v-21231bbb]: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-21231bbb]{font-size:14px;color:#fff;line-height:22px}.pk-live-info .pk-base-text+.pk-base-text[data-v-21231bbb]{margin-top:12px}.pk-live-info .pk-base-school[data-v-21231bbb]{position:relative}.pk-live-info .pk-base-school+.pk-base-school[data-v-21231bbb]{padding-top:25px}.pk-live-info .pk-base-school+.pk-base-school[data-v-21231bbb]:before{content:"";position:absolute;top:12px;width:100%;height:1px;background:#273244}.pk-live-right{position:relative;width:460px;height:100%}.pk-live-right .toolbar-jiaoyan-dropdown{position:absolute;right:0;top:0}.pk-live-right .toolbar-jiaoyan-dropdown .content{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;z-index:1000;border-radius:16px 0 0 16px;background:#263d5b}.pk-live-right .toolbar-jiaoyan-dropdown .content .item{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;width:80px;height:88px;font-size:14px;color:#b8c6d8}.pk-live-right .toolbar-jiaoyan-dropdown .content .item .icon{margin-bottom:4px}.pk-live-right .toolbar-jiaoyan-dropdown .content .item:hover{background:hsla(0,0%,100%,.05);color:#fff}.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%}