.icon-item[data-v-a0e67b64]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:25px;color:#b8c6d8;font-size:12px;white-space:nowrap;cursor:pointer}.icon-item a[data-v-a0e67b64]{color:#b8c6d8}.icon-item>i[data-v-a0e67b64]{margin-right:8px;font-size:16px}.video-footer{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:44px;padding:0 20px;background:#1e2f45}.video-footer,.video-footer .icon-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-footer .icon-group .share-proper-box{z-index:2001}.video-footer .icon-group .icon-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:25px;color:#b8c6d8;font-size:12px;cursor:pointer}.video-footer .icon-group .icon-item>i{margin-right:8px;font-size:16px}.video-footer .icon-group .icon-item>a{color:#b8c6d8}.video-footer .icon-group>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-footer .icon-group>span i{color:#b8c6d8;font-size:16px}.video-footer .look-number{color:#b8c6d8;font-size:12px}.video-footer .stream-select button{margin-right:10px;border:none;width:70px;height:26px;background:#3b5785;cursor:pointer;line-height:26px;font-size:12px;color:#b8c6d8}.video-footer .stream-select button.active,.video-footer .stream-select button:hover{background-color:#33a2ef;color:#fff}.spe-popover{padding:0!important;border:none!important;border-radius:4px}.spe-popover .popper__arrow,.spe-popover .popper__arrow:after{border-bottom-color:#5c657d!important}.spe-popover.ava-popper[x-placement^=top] .popper__arrow,.spe-popover.ava-popper[x-placement^=top] .popper__arrow:after{border-top-color:#556a86}.spe-popover .qrcode-box{z-index:999;width:200px;height:200px;text-align:center;background-color:#556a86;border-radius:4px}.spe-popover .qrcode-box>.title{padding:24px 0 18px 0;color:#fff;font-size:14px}.spe-popover .qrcode-box #qrcode{width:122px;height:122px;margin:0 auto;border-radius:4px;border:6px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}.spe-popover .qrcode-box #qrcode img{width:100%;height:100%}.zdkt-live-share{top:-169px!important}.zdkt-live-share:before{top:unset!important;bottom:-9px!important}.no-live{position:relative;text-align:center}.no-live,.no-live .ava-image,.no-live .image{height:100%;width:100%}.no-live .live-error,.no-live .text{position:absolute;bottom:160px;left:0;width:100%;text-align:center;font-size:16px;color:#fffefe}.no-live .live-error{bottom:137px}.no-live .tip{position:absolute;bottom:138px;left:0;width:100%;text-align:center;font-size:12px;color:#b6b8c4}.no-live .imageClass{border-radius:0}.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-03921830]{position:relative;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.live-loading .circular[data-v-03921830]{position:absolute;top:50%;left:50%;margin:-21px 0 0 -21px;height:42px;width:42px;-webkit-animation:loading-rotate-03921830 2s linear infinite;animation:loading-rotate-03921830 2s linear infinite}.live-loading .path[data-v-03921830]{-webkit-animation:loading-dash-03921830 1.5s ease-in-out infinite;animation:loading-dash-03921830 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-03921830]{position:absolute;margin:41px 0 0 -40px;top:50%;left:50%;font-size:14px;color:#fff;text-align:center}@-webkit-keyframes loading-rotate-03921830{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate-03921830{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-dash-03921830{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-03921830{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.video-password{position:relative;width:100%;height:100%;background-color:#4a5a6e}.video-password .password-content{position:absolute;top:50%;left:50%;width:400px;height:100px;color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-password h2{font-size:19px;text-align:center}.video-password .password-input{margin-top:24px;border:none}.video-password .password-input input{background-color:#1d2b3e;border:none}.video-password .password-input .ava-button,.video-password .password-input .ava-input-group__append{color:#fff;background-color:#1baafb;border:none}.live-play-right .title{background:#273b61;color:#fff;height:50px;line-height:50px;text-align:center}.live-play-right .look-number{background:#1c2c42;text-align:right;height:30px;line-height:30px;padding-right:10px;color:#767891;font-size:12px}.zdkt-hover-show[data-v-0ff7dce5]{width:340px;background:#556a86;border-radius:4px;padding:24px;-webkit-box-sizing:border-box;box-sizing:border-box}.zdkt-hover-show .show-box[data-v-0ff7dce5]{height:100%;max-height:330px;overflow-x:hidden;overflow-y:auto}.zdkt-hover-show .show-box .hover-show-item[data-v-0ff7dce5]{font-size:14px;color:#fff;margin-top:14px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.zdkt-hover-show .show-box .hover-show-item>.one-line[data-v-0ff7dce5]{width:218px}.zdkt-hover-show .show-box .hover-show-item[data-v-0ff7dce5]:first-of-type{margin-top:0}.zdkt-hover-show .show-box .hover-show-item>.right-content[data-v-0ff7dce5]{width:calc(100% - 70px);word-break:break-all}.zdkt-look-number{text-align:right;height:30px;line-height:30px;color:#767891;font-size:12px}.live-play-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:calc(100vh - 174px);padding-bottom:260px;background:#192436}.live-play-page .flex{display:-webkit-box;display:-ms-flexbox;display:flex}.live-play-page .play-box{height:680px}.live-play-page .play-box .play-content-box{position:relative;width:1200px;margin:0 auto;height:100%}.live-play-page .play-box .play-content-box .video-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.live-play-page .play-box .play-content-box .video-header,.live-play-page .play-box .play-content-box .video-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-play-page .play-box .play-content-box .video-title{margin:0 0 13px 0;max-width:850px}.live-play-page .play-box .play-content-box .video-title>div{color:#fff;font-size:18px;line-height:21px;width:1000px}.live-play-page .play-box .play-content-box .video-title>span{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:0 5px;color:#ef7237;border:1px solid #ef7237;text-align:center;height:20px;line-height:18px;font-size:12px;border-radius:2px;margin-right:7px}.live-play-page .play-box .play-content-box .video-info{color:#b8bad8;font-size:14px;margin-bottom:15px}.live-play-page .play-box .play-content-box .video-info,.live-play-page .play-box .play-content-box .video-info>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-play-page .play-box .play-content-box .video-info>span{margin-right:29px;max-width:300px;width:auto;min-width:10px}.live-play-page .play-box .play-content-box .video-box{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:530px}.live-play-page .play-box .play-content-box .video-box.wide{height:719px}.live-play-page .play-box .play-content-box .video-box.wide .video-box-left{width:1200px}.live-play-page .play-box .play-content-box .video-box.wide .video-box-left .video-player-box{height:675px}.live-play-page .play-box .play-content-box .video-box .video-box-left{height:100%;width:864px}.live-play-page .play-box .play-content-box .video-box .video-box-left .video-player-box{position:relative;width:100%;height:486px}.live-play-page .play-box .play-content-box .video-box .video-box-left .video-player-box .full{width:100%;height:100%}.live-play-page .play-box .play-content-box .video-box .video-box-left .loading{position:absolute;top:0;left:0}.live-play-page .play-box .play-content-box .video-box .video-box-left .video-player{height:100%;background-color:#192436}.live-play-page .play-box .play-content-box .video-box .video-box-left .video-player.dplayer-fulled{height:100%}.live-play-page .play-box .play-content-box .video-box .video-box-left .no-live{width:100%;height:100%}.live-play-page .play-box .play-content-box .video-box .video-box-right{height:100%;width:326px;background:#ccc}.live-play-page .play-box .zdkt-count{position:absolute;top:72px;right:0}.live-play-page .userAvater{display:inline-block;margin-right:5px;width:20px;height:20px;border-radius:50%;vertical-align:middle}.live-play-page .social-share .icon-wechat .wechat-qrcode{top:-205px!important}.stream-select .ava-select{background:#3b5785;width:80px;font-size:12px;border:none;color:#b8c6d8}.stream-select .ava-select input{background-color:#3b5785;font-size:12px;border:none;height:26px;line-height:26px}.stream-select .ava-select .ava-input__inner{color:#fff}.stream-select .ava-select .ava-input--small .ava-input__icon{line-height:26px}.ava-select-drop-menu{border-color:#2e3e55;border-radius:2px;background:#2e3e55}.ava-select-drop-menu .ava-select-dropdown__list{padding:4px 0}.ava-select-drop-menu .ava-select-dropdown__item{height:30px;line-height:30px;font-size:12px;color:#b8c6d8;padding:0 16px}.ava-select-drop-menu .ava-select-dropdown__item.hover,.ava-select-drop-menu .ava-select-dropdown__item:hover{background-color:#3b5785}.ava-select-drop-menu .ava-select-dropdown__item.selected{color:#b8c6d8;font-weight:400;background-color:#3b5785}.ava-select-drop-menu .ava-scrollbar__thumb{background-color:#919eab}.ava-select-drop-menu.is-multiple .ava-select-dropdown__item.selected{color:#b8c6d8;background-color:#3b5785}.ava-select-drop-menu .popper__arrow{display:none}