@charset "utf-8";*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}html{background-color:#000}body,html,p,ul{list-style:none;margin:0;padding:0}body,html{line-height:normal;height:100%;width:100%}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;background-color:transparent}.flex-1{flex:1}.pointer-events-n{pointer-events:none}#__vconsole{position:fixed;right:10px;bottom:10px}.video-player-box .video-js{background-color:transparent;height:100%;width:100%}.float-left[data-v-79917f78]{float:left}.float-right[data-v-79917f78]{float:right}.clear-twinkle[data-v-79917f78]{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}@keyframes "translate"-79917f78{to{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);opacity:1}}@keyframes "scale"-79917f78{0%{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}}@keyframes "scale-hide"-79917f78{0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}to{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}}@keyframes "opacity"-79917f78{to{opacity:1}}@keyframes "opacity-hide"-79917f78{to{opacity:0}}.video-player-box[data-v-79917f78]{transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;position:relative;height:100%;opacity:0;flex:1}.video-player-box .video-js[data-v-79917f78]{height:100%;width:100%}.video-player-box.show[data-v-79917f78]{opacity:1}.float-left[data-v-0e0d1634]{float:left}.float-right[data-v-0e0d1634]{float:right}.clear-twinkle[data-v-0e0d1634]{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}@keyframes "translate"-0e0d1634{to{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);opacity:1}}@keyframes "scale"-0e0d1634{0%{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}}@keyframes "scale-hide"-0e0d1634{0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}to{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}}@keyframes "opacity"-0e0d1634{to{opacity:1}}@keyframes "opacity-hide"-0e0d1634{to{opacity:0}}.qn-video-box[data-v-0e0d1634]{transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;position:relative;height:100%;opacity:0;flex:1}.qn-video-box.show[data-v-0e0d1634]{opacity:1}.float-left[data-v-fde91e06]{float:left}.float-right[data-v-fde91e06]{float:right}.clear-twinkle[data-v-fde91e06]{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}@keyframes "translate"-fde91e06{to{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);opacity:1}}@keyframes "scale"-fde91e06{0%{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}}@keyframes "scale-hide"-fde91e06{0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}to{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}}@keyframes "opacity"-fde91e06{to{opacity:1}}@keyframes "opacity-hide"-fde91e06{to{opacity:0}}@keyframes time-tick-one-fde91e06{30%{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);opacity:0}99.9%{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);opacity:0}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:0}}@keyframes time-tick-tow-fde91e06{30%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1}99.9%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1}to{transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);opacity:1}}.times-tick-ele[data-v-fde91e06]{font-size:.22rem;display:flex;height:100%}.times-tick-ele .tip1[data-v-fde91e06],.times-tick-ele .tip2[data-v-fde91e06]{position:relative;flex:1}.times-tick-ele .tip1 span[data-v-fde91e06],.times-tick-ele .tip2 span[data-v-fde91e06]{position:absolute;flex:1;right:0;left:0;top:0}.times-tick-ele .tip1 span[data-v-fde91e06]:first-child,.times-tick-ele .tip2 span[data-v-fde91e06]:first-child{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1}.times-tick-ele .tip1 span[data-v-fde91e06]:nth-child(2),.times-tick-ele .tip2 span[data-v-fde91e06]:nth-child(2){transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);opacity:0}.times-tick-ele .tip1.tip1[data-v-fde91e06],.times-tick-ele .tip2.tip1[data-v-fde91e06]{text-align:right}.times-tick-ele .tip1.tip2[data-v-fde91e06],.times-tick-ele .tip2.tip2[data-v-fde91e06]{text-align:left}.times-tick-ele .tip1.animate span[data-v-fde91e06]:first-child,.times-tick-ele .tip2.animate span[data-v-fde91e06]:first-child{animation-name:time-tick-one-fde91e06;animation-duration:1s;animation-timing-function:cubic-bezier(.85,.11,.12,.93);animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:0;-webkit-animation-name:time-tick-one-fde91e06;-webkit-animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.85,.11,.12,.93);-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0;-moz-animation-name:time-tick-one-fde91e06;-moz-animation-duration:1s;-moz-animation-timing-function:cubic-bezier(.85,.11,.12,.93);-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-moz-animation-delay:0;-o-animation-name:time-tick-one-fde91e06;-o-animation-duration:1s;-o-animation-timing-function:cubic-bezier(.85,.11,.12,.93);-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;-o-animation-delay:0}.times-tick-ele .tip1.animate span[data-v-fde91e06]:nth-child(2),.times-tick-ele .tip2.animate span[data-v-fde91e06]:nth-child(2){animation-name:time-tick-tow-fde91e06;animation-duration:1s;animation-timing-function:cubic-bezier(.85,.11,.12,.93);animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:0;-webkit-animation-name:time-tick-tow-fde91e06;-webkit-animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.85,.11,.12,.93);-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0;-moz-animation-name:time-tick-tow-fde91e06;-moz-animation-duration:1s;-moz-animation-timing-function:cubic-bezier(.85,.11,.12,.93);-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-moz-animation-delay:0;-o-animation-name:time-tick-tow-fde91e06;-o-animation-duration:1s;-o-animation-timing-function:cubic-bezier(.85,.11,.12,.93);-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;-o-animation-delay:0}.float-left[data-v-c9c70574]{float:left}.float-right[data-v-c9c70574]{float:right}.clear-twinkle[data-v-c9c70574]{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}@keyframes "translate"-c9c70574{to{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);opacity:1}}@keyframes "scale"-c9c70574{0%{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}}@keyframes "scale-hide"-c9c70574{0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}to{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}}@keyframes "opacity"-c9c70574{to{opacity:1}}@keyframes "opacity-hide"-c9c70574{to{opacity:0}}@keyframes circle-c9c70574{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading[data-v-c9c70574]{animation-name:circle-c9c70574;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:0;-webkit-animation-name:circle-c9c70574;-webkit-animation-duration:.75s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0;-moz-animation-name:circle-c9c70574;-moz-animation-duration:.75s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:forwards;-moz-animation-delay:0;-o-animation-name:circle-c9c70574;-o-animation-duration:.75s;-o-animation-timing-function:linear;-o-animation-iteration-count:infinite;-o-animation-fill-mode:forwards;-o-animation-delay:0;border-top-color:transparent!important;border:2px solid #000;margin:-15px 0 0 -15px;border-radius:100%;position:absolute;height:30px;width:30px;left:50%;top:50%}.float-left{float:left}.float-right{float:right}.clear-twinkle{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}@keyframes "translate"{to{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);opacity:1}}@keyframes "scale"{0%{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}}@keyframes "scale-hide"{0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}to{opacity:0;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0)}}@keyframes "opacity"{to{opacity:1}}@keyframes "opacity-hide"{to{opacity:0}}.error-box{pointer-events:none;position:fixed;z-index:2;width:100%;bottom:0;left:0;top:0}.error-box .child{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);display:inline-block;position:absolute;text-align:center;left:50%;top:50%}.error-box .child .iconfont{font-size:.92rem;color:#fff}.error-box .child .text{font-family:PingFangSC-Regular,PingFang SC;color:hsla(0,0%,100%,.75);line-height:.36rem;margin-top:.3rem;font-weight:400;font-size:.28rem;display:block}.customer-logo{position:absolute}.default-line-up-demo{display:none}.muted-init-box{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;font-family:PingFangSC-,PingFang SC;border:1px solid #e8e8e8;background-color:#fff;padding:0 12px 0 0;align-items:center;font-weight:400;position:absolute;border-radius:4px;color:#050917;font-size:14px;cursor:pointer;display:flex;height:39px;left:24px;top:24px}.muted-init-box .iconfont{font-size:42px}.muted-init-box:active,.muted-init-box:hover{opacity:.9}.live-stream-page{justify-content:center;align-items:center;display:flex;height:100%;width:100%}.live-stream-page .pop-box{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);position:absolute;z-index:3;left:50%;top:50%}.live-stream-page .pop-box .title{align-items:center;display:flex}.live-stream-page .pop-box .title i{border-top:.02rem solid;min-width:10px;flex:1}.live-stream-page .pop-box .title span{font-family:Roboto-Regular,Roboto;line-height:.28rem;font-size:.2rem;font-weight:400;margin:0 .16rem}.live-stream-page .pop-box .text{font-family:Roboto-Bold,Roboto;white-space:nowrap;line-height:.68rem;margin-top:.18rem;text-align:center;font-weight:700;font-size:.46rem}.live-stream-page .pop-box .des{font-family:Roboto-Regular,Roboto;line-height:.28rem;margin-top:.16rem;text-align:center;font-size:.2rem;font-weight:400}.live-stream-page .pop-box .time-box{justify-content:center;margin-top:.16rem;display:flex}.live-stream-page .pop-box .time-box li{font-family:Roboto-Medium,Roboto;display:inline-block;line-height:.52rem;vertical-align:top;text-align:center;position:relative;font-weight:500;height:.52rem;width:.52rem}.live-stream-page .pop-box .time-box li .tick{border-radius:.03rem;font-size:.28rem}.live-stream-page .pop-box .time-box li:not(:last-child){margin-right:.4rem}.live-stream-page .pop-box .time-box li:not(:last-child):after{justify-content:center;align-items:center;position:absolute;font-size:.28rem;display:flex;content:":";height:100%;width:.4rem;left:100%;top:0}.live-stream-page .message-box{font-family:PingFangHK-Medium,PingFangHK;pointer-events:none;padding:.14rem .2rem;line-height:.24rem;position:absolute;text-align:center;font-size:.18rem;font-weight:500;right:.32rem;left:.32rem;z-index:3}.live-stream-page .message-box .line{border-top:.02rem solid}.live-stream-page .message-box .bg,.live-stream-page .message-box .line{transition:all .25s cubic-bezier(0,1.14,1,1);-webkit-transition:all .25s cubic-bezier(0,1.14,1,1);-moz-transition:all .25s cubic-bezier(0,1.14,1,1);-o-transition:all .25s cubic-bezier(0,1.14,1,1);position:absolute;width:0;left:0;top:0}.live-stream-page .message-box .bg{height:0%}.live-stream-page .message-box .text{position:relative}.live-stream-page .message-box.show .line{width:100%}.live-stream-page .message-box.show .bg{height:100%;width:100%}.live-stream-page .video-page,.live-stream-page .video-page .child-box{display:flex;height:100%;flex:1}.live-stream-page .control-bar-box{position:absolute;overflow:hidden;display:flex;height:42px;right:0;left:0}.live-stream-page .control-bar-box .child-box{transition:all .2s cubic-bezier(.25,.46,.45,.94);-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .2s cubic-bezier(.25,.46,.45,.94);-o-transition:all .2s cubic-bezier(.25,.46,.45,.94);position:absolute;display:flex;height:100%;right:0;left:0;top:0}.live-stream-page .control-bar-box .child-box .button{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;justify-content:center;display:inline-flex;align-items:center;font-size:28px;cursor:pointer}.live-stream-page .control-bar-box .child-box .button:not(.volume){min-width:40px}.live-stream-page .control-bar-box .child-box .button.fullscreen,.live-stream-page .control-bar-box .child-box .button.reload{font-weight:600}.live-stream-page .control-bar-box .child-box .button.volume{font-size:40px}.live-stream-page .control-bar-box .child-box .button:hover{text-shadow:0 0 5px #fff}.live-stream-page .control-bar-box .child-box .volume-box{display:inline-flex;align-items:center;margin-right:8px}.live-stream-page .control-bar-box:not(.position-top){bottom:0}.live-stream-page .control-bar-box.position-top{top:0}.live-stream-page .control-bar-box.hover .child-box{opacity:0}.live-stream-page .control-bar-box.hover:not(.position-top) .child-box{top:100%}.live-stream-page .control-bar-box.hover.position-top .child-box{top:-100%}.live-stream-page .control-bar-box.hover.show .child-box{opacity:1;top:0}.live-stream-page .control-bar-box.mobile-hover .child-box,.live-stream-page:hover .control-bar-box:not(.is-mobile).hover .child-box{opacity:1!important;top:0!important}