.no-live{position:relative;text-align:center}.no-live,.no-live .ava-image,.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:19%;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:#1baafb;border-color:#1baafb;border-radius:2px}.no-live .refresh-btn .ava-button--primary:focus,.no-live .refresh-btn .ava-button--primary:hover{color:#fff;background:#1baafb;border-color:#1baafb}.no-live .refresh-btn .ava-button:focus,.no-live .refresh-btn .ava-button:hover{color:#fff;background-color:#1baafb;border-color:#1baafb;opacity:.9}.live-loading[data-v-c555eb34]{position:relative;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.live-loading .circular[data-v-c555eb34]{position:absolute;top:50%;left:50%;margin:-21px 0 0 -21px;height:42px;width:42px;-webkit-animation:loading-rotate-data-v-c555eb34 2s linear infinite;animation:loading-rotate-data-v-c555eb34 2s linear infinite}.live-loading .path[data-v-c555eb34]{-webkit-animation:loading-dash-data-v-c555eb34 1.5s ease-in-out infinite;animation:loading-dash-data-v-c555eb34 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-c555eb34]{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-c555eb34{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate-data-v-c555eb34{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-dash-data-v-c555eb34{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-c555eb34{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.pk-live-info[data-v-c99509ca]{padding:18px 16px;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.pk-live-info .pk-base-title[data-v-c99509ca]{position:relative;padding-left:12px;font-size:16px;font-weight:700;color:#fff;line-height:24px}.pk-live-info .pk-base-title[data-v-c99509ca]: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-c99509ca]{font-size:14px;color:#fff;line-height:22px}.pk-live-info .pk-base-text+.pk-base-text[data-v-c99509ca]{margin-top:12px}.pk-live-info .pk-base-school[data-v-c99509ca]{position:relative}.pk-live-info .pk-base-school+.pk-base-school[data-v-c99509ca]{padding-top:25px}.pk-live-info .pk-base-school+.pk-base-school[data-v-c99509ca]:before{content:"";position:absolute;top:12px;width:100%;height:1px;background:#273244}.app-live-comment-item[data-v-314884f5]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:20px}.app-live-comment-item .user-avatar[data-v-314884f5]{width:26px;height:26px;margin-right:10px}.app-live-comment-item .user-avatar .avatar-image[data-v-314884f5]{width:100%;height:100%;border-radius:50%}.app-live-comment-item .comment-info[data-v-314884f5]{width:calc(100% - 36px)}.app-live-comment-item .comment-info .comment-head[data-v-314884f5]{-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-314884f5],.app-live-comment-item .comment-info .comment-head[data-v-314884f5]{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-314884f5]{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-314884f5]{margin-left:8px;font-size:12px;color:#999;line-height:20px}.app-live-comment-item .comment-info .first-line[data-v-314884f5]{-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-314884f5],.app-live-comment-item .comment-info .first-line[data-v-314884f5]{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-314884f5]{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-314884f5]{background-color:#33a2ef}.app-live-comment-item .comment-info .first-line .user-info .user-type.orange-text[data-v-314884f5]{background-color:#ef7237}.app-live-comment-item .comment-info .first-line .user-info .user-name[data-v-314884f5]{max-width:100px;font-size:14px;color:#b8c6d8}.app-live-comment-item .comment-info .first-line .create-time[data-v-314884f5]{font-size:12px;color:#788aa1}.app-live-comment-item .comment-info .second-line[data-v-314884f5]{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-314884f5]{max-width:230px;font-size:12px;color:#788aa1}.app-live-comment-item .comment-info .second-line .del-comment[data-v-314884f5]{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-314884f5]:hover{background-color:#2e3e55}.app-live-comment-item .comment-info .second-line .del-comment .del_icon[data-v-314884f5]{position:absolute;top:4px;left:4px}.app-live-comment-item .comment-info .comment-content[data-v-314884f5]{margin-top:8px}.app-live-comment-item .comment-info .comment-content .text-content[data-v-314884f5]{-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-314884f5]{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-314884f5]{position:relative}.app-live-comment-item .comment-info .comment-content .image-content .image-wrapper:hover .icon[data-v-314884f5]{display:inline-block}.app-live-comment-item .comment-info .comment-content .image-content .image-wrapper .comment-image[data-v-314884f5]{width:144px;height:80px;border-radius:2px}.app-live-comment-item .comment-info .comment-content .image-content .image-wrapper .icon[data-v-314884f5]{position:absolute;top:20px;left:53px;display:none;cursor:pointer}.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 .ava-textarea__inner::-webkit-input-placeholder{color:#5f6d80}.app-live-comment .enter-comment .comment-input .ava-textarea__inner::-moz-placeholder{color:#5f6d80}.app-live-comment .enter-comment .comment-input .ava-textarea__inner:-ms-input-placeholder{color:#5f6d80}.app-live-comment .enter-comment .comment-input .ava-textarea__inner::-ms-input-placeholder{color:#5f6d80}.app-live-comment .enter-comment .comment-input .ava-textarea__inner::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-no-data-text{font-size:14px!important;color:#788aa1!important;line-height:22px}.live-comment-popper.is-customized{background-color:#000}.live-comment-popper.is-customized .popper__arrow:after{border-top-color:#000}.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;color:#b8c6d8;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}.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-jiaoyan-dropdown{width:100px}.pk-jiaoyan-dropdown .ava-dropdown-menu__item{text-align:center}.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%}