.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}}.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.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%;padding:47px 9px;-webkit-box-sizing:border-box;box-sizing:border-box}.pk-live-container .pk-live-content .pk-live-box.big{width:calc(100% - 76px);padding:22px 120px 24px 192px}.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%}