#player-wrap *,#player-wrap :after,#player-wrap :before{box-sizing:inherit}#player-wrap h1,#player-wrap h2,#player-wrap h3,#player-wrap h4,#player-wrap h5,#player-wrap h6,#player-wrap p,#player-wrap ul{margin:0;padding:0}#player-wrap ::-moz-placeholder{color:#888}#player-wrap ::-webkit-input-placeholder{color:#888}#player-wrap :-ms-input-placeholder{color:#888}#player-wrap{top:0;left:0;overflow:hidden}#player-wrap,#player-wrap #player-video{position:relative;width:100%;height:100%}#player-wrap #player-video{background:#000;z-index:0}#player-wrap #transition-effect-wrap{pointer-events:none}#player-wrap #transition-effect-wrap,#player-wrap #transition-effect-wrap video{position:absolute;top:0;left:0;width:100%;height:100%}#hy-video{position:relative;left:0;top:0;width:100%;height:100%;transform-origin:0 0;pointer-events:none}#player-enter-room-center{display:flex;justify-content:center;align-items:center;position:absolute;width:200px;height:56px;background-color:#111;opacity:.7;border:1px solid #ff9600;border-radius:30px;left:calc(50% - 100px);top:calc(50% - 47px);font-size:20px;font-weight:700;cursor:pointer;visibility:hidden}#player-enter-room-center span{opacity:1;color:#ff9600;text-align:center;cursor:pointer;user-select:none}#player-enter-room-center:hover{background-color:#ff9600;opacity:1}#player-enter-room-center:hover span{color:#fff}#player-enter-room-center.in-match{border:1px solid #ffd736}#player-enter-room-center.in-match span{color:#ffd736}#player-enter-room-center.in-match:hover{background:linear-gradient(to bottom left,#ffe44d,#ffd736)}#player-enter-room-center.in-match:hover span{color:#18191c}.h5player-loading{margin:100px auto;font-size:5px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:loadingFrames 1.1s ease infinite;animation:loadingFrames 1.1s ease infinite;-webkit-transform:translateZ(0) scale(.3);-ms-transform:translateZ(0) scale(.3);transform:translateZ(0) scale(.3)}#danmudiv{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:201}.danmu-item{display:block;position:absolute;color:#fff;font-size:25px;pointer-events:auto;padding:2px}.danmu-item img{width:26px;height:26px;margin-right:5px;vertical-align:middle}.danmu-item span{white-space:nowrap;margin-right:5px;font-family:SimHei,Microsoft jheangHei,Arial,Helvetica,sans-serif;font-weight:700;text-shadow:#222 1px 0 1px,#222 0 1px 1px,#222 0 -1px 1px,#222 -1px 0 1px}#video-pixelate-box{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.tip-bg-common{width:214px;height:108px;background:url(src/img/tip-bg-common.png) no-repeat}.tip-bg-common i{display:block;position:absolute;top:41px;left:52px;color:#fff;font-size:14px;text-align:left;width:155px;height:43px;line-height:18px;font-family:Microsoft YaHei}.player-common-toast{display:none;position:absolute;color:#fff;border-radius:12px;bottom:70px;line-height:42px;background:rgba(0,0,0,.6);height:42px;font-size:20px;z-index:300;text-align:center;left:50%;width:auto;padding:0 15px;transform:translate(-50%);white-space:nowrap}@keyframes loadingFrames{0%,to{box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.5),-1.8em -1.8em 0 0 hsla(0,0%,100%,.7)}12.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.5)}25%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.5),1.8em -1.8em 0 0 hsla(0,0%,100%,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}37.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.5),2.5em 0 0 0 hsla(0,0%,100%,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}50%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.5),1.75em 1.75em 0 0 hsla(0,0%,100%,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 hsla(0,0%,100%,.2),-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}62.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.5),0 2.5em 0 0 hsla(0,0%,100%,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 hsla(0,0%,100%,.2),-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}75%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.5),-1.8em 1.8em 0 0 hsla(0,0%,100%,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 hsla(0,0%,100%,.2)}87.5%{box-shadow:0 -2.6em 0 0 hsla(0,0%,100%,.2),1.8em -1.8em 0 0 hsla(0,0%,100%,.2),2.5em 0 0 0 hsla(0,0%,100%,.2),1.75em 1.75em 0 0 hsla(0,0%,100%,.2),0 2.5em 0 0 hsla(0,0%,100%,.2),-1.8em 1.8em 0 0 hsla(0,0%,100%,.5),-2.6em 0 0 0 hsla(0,0%,100%,.7),-1.8em -1.8em 0 0 #fff}}.player-ctrl-wrap{width:100%;height:44px;background:rgba(34,34,34,.8);position:absolute;bottom:0;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.player-ctrl-wrap ul{position:absolute;left:10px}.player-ctrl-wrap li{position:relative;float:left;cursor:pointer;margin:10px 20px 10px 0}.player-ctrl-wrap #player-btn{display:block;float:left;width:24px;height:24px}.player-ctrl-wrap .player-pause-btn{background:url(src/img/pause.png) no-repeat}.player-ctrl-wrap .player-pause-btn:hover{background:url(src/img/pause-hover.png) no-repeat}.player-ctrl-wrap .player-pause-btn.in-match{background:url(src/img/pause-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-pause-btn.in-match:hover{background:url(src/img/pause-hover-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-play-btn{background:url(src/img/play.png) no-repeat}.player-ctrl-wrap .player-play-btn:hover{background:url(src/img/play-hover.png) no-repeat}.player-ctrl-wrap .player-play-btn.in-match{background:url(src/img/play-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-play-btn.in-match:hover{background:url(src/img/play-hover-im.png) no-repeat;background-size:contain}.player-ctrl-wrap #player-play-tips{display:none;position:absolute;left:35px;bottom:140px}.player-ctrl-wrap .player-play-big{display:none;position:absolute;left:20px;bottom:55px;width:80px;height:80px;cursor:pointer;background:url(src/img/play-big.png) no-repeat}.player-ctrl-wrap .player-play-big:hover{background:url(src/img/play-big-hover.png) no-repeat}.player-ctrl-wrap .player-refresh-btn{display:block;width:24px;height:24px;background:url(src/img/refresh.png) no-repeat}.player-ctrl-wrap .player-refresh-btn:hover{background:url(src/img/refresh-hover.png) no-repeat}.player-ctrl-wrap .player-refresh-btn.in-match{background:url(src/img/refresh-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-refresh-btn.in-match:hover{background:url(src/img/refresh-hover-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-report-btn{display:block;width:24px;height:24px;margin-top:2px;background:url(src/img/report.png) no-repeat}.player-ctrl-wrap .player-report-btn:hover{background:url(src/img/report-hover.png) no-repeat}.player-ctrl-wrap .player-report-btn.in-match{background:url(src/img/report-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-report-btn.in-match:hover{background:url(src/img/report-hover-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-sound{display:block;width:127px;margin-top:2px}.player-ctrl-wrap .player-sound .player-sound-on{display:block;width:24px;height:24px;background:url(src/img/sound-on.png) no-repeat}.player-ctrl-wrap .player-sound .player-sound-on:hover{background:url(src/img/sound-on-hover.png) no-repeat}.player-ctrl-wrap .player-sound .player-sound-on.in-match{background:url(src/img/sound-on-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-sound .player-sound-on.in-match:hover{background:url(src/img/sound-on-hover-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-sound .player-sound-off{display:block;width:24px;height:24px;background:url(src/img/sound-off.png) no-repeat}.player-ctrl-wrap .player-sound .player-sound-off:hover{background:url(src/img/sound-off-hover.png) no-repeat}.player-ctrl-wrap .player-sound .player-sound-off.in-match{background:url(src/img/sound-off-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-sound .player-sound-off.in-match:hover{background:url(src/img/sound-off-hover-im.png) no-repeat;background-size:contain}.player-ctrl-wrap .player-sound .sound-progress{position:relative;top:-18px;left:30px;width:90px;height:12px}.player-ctrl-wrap .player-sound .sound-progress .sound-bg{position:relative;top:4px;width:90px;height:4px;pointer-events:none;background:url(src/img/sound-bg.png) no-repeat}.player-ctrl-wrap .player-sound .sound-progress .sound-bar{top:4px;width:100%;height:4px;position:absolute;background:#ff9600;border-radius:4px 0 0 4px;pointer-events:none}.player-ctrl-wrap .player-sound .sound-progress .sound-bar.in-match{background:#ffd736}.player-ctrl-wrap .player-sound .sound-progress .sound-btn{width:10px;height:10px;margin-top:-3px;margin-left:-2px;position:absolute;background:url(src/img/sound-btn.png) no-repeat}.player-ctrl-wrap .player-sound .sound-progress .sound-btn:hover{width:12px;height:12px;margin-top:-4px;margin-left:-3px;background:url(src/img/sound-btn-hover.png) no-repeat}.player-ctrl-wrap .player-ctrl-btn{float:right;margin:9px 0 0}.player-ctrl-wrap .player-ctrl-btn>div{margin-right:10px;cursor:pointer;float:left}.player-ctrl-wrap #player-danmu-btn{display:flex;align-items:center;width:60px;height:24px;border-radius:24px;background:#444}.player-ctrl-wrap #player-danmu-btn .danmu-btn-quan{width:18px;height:18px;border-radius:18px}.player-ctrl-wrap #player-danmu-btn .danmu-btn-txt{pointer-events:none;line-height:24px;font-size:12px}.player-ctrl-wrap #player-danmu-btn.in-match{width:24px!important;height:24px}.player-ctrl-wrap #player-danmu-btn.in-match .danmu-btn-quan,.player-ctrl-wrap #player-danmu-btn.in-match .danmu-btn-txt{display:none}.player-ctrl-wrap .danmu-show-btn{justify-content:end}.player-ctrl-wrap .danmu-show-btn .danmu-btn-quan{background:#ff9600;margin-right:3px}.player-ctrl-wrap .danmu-show-btn .danmu-btn-txt{color:#ff9600;margin-right:3px}.player-ctrl-wrap .danmu-show-btn.in-match{background:url(src/img/barrageon.png) no-repeat!important;background-size:contain!important}.player-ctrl-wrap .danmu-show-btn.in-match:hover{background:url(src/img/barrageon_hover.png) no-repeat!important;background-size:contain!important}.player-ctrl-wrap .danmu-hide-btn{justify-content:start;flex-direction:row-reverse;background:#555!important}.player-ctrl-wrap .danmu-hide-btn .danmu-btn-quan{background:#bbb!important;margin-left:3px;margin-right:0}.player-ctrl-wrap .danmu-hide-btn .danmu-btn-txt{color:#bbb!important;margin-left:3px;margin-right:0}.player-ctrl-wrap .danmu-hide-btn.in-match{background:url(src/img/barrageoff.png) no-repeat!important;background-size:contain!important}.player-ctrl-wrap .danmu-hide-btn.in-match:hover{background:url(src/img/barrageoff_hover.png) no-repeat!important;background-size:contain!important}.player-ctrl-wrap .player-enter-room{display:flex;justify-content:center;align-items:center;width:112px;height:26px;background:#ff9600;border-radius:13px;cursor:pointer}.player-ctrl-wrap .player-enter-room span{color:#fff;font-size:12px;line-height:26px}.player-ctrl-wrap .player-enter-room .enter-room-arrow{background:url(src/img/static/enter-room-arrow.gif) no-repeat;width:16px;height:16px;margin-left:4px;margin-right:-4px}.player-ctrl-wrap .player-enter-room:hover{background:#ff7e00}.player-ctrl-wrap .player-enter-room.in-match{background:linear-gradient(to bottom left,#ffe44d,#ffd736)}.player-ctrl-wrap .player-enter-room.in-match .enter-room-arrow{display:none}.player-ctrl-wrap .player-enter-room.in-match span{color:#18191c}.player-ctrl-wrap .player-enter-room.in-match:hover{background:linear-gradient(to bottom left,#ffe44d,#ffd736)}#player-tip{margin:0 auto;top:-100px;width:100%;color:#fff;font-size:14px;line-height:40px;text-align:center;pointer-events:none}#player-tip,#player-tip div{position:absolute;height:40px}#player-tip div{display:none;top:0;left:50%;margin-left:-50px;width:100px;border-radius:5px;background:rgba(0,0,0,.7)}#player-tip #player-tip-loading,#player-tip #player-tip-refresh{width:120px;margin-left:-60px;padding-left:15px}#player-tip #player-tip-loading span,#player-tip #player-tip-refresh span{position:absolute;top:-85px;left:12px}#player-login-guide-tip{position:absolute;display:flex;left:20px;bottom:150px;width:267px;height:40px;background:#222;opacity:.96;border-radius:12px;font-family:Microsoft YaHei;font-size:14px;line-height:40px;justify-content:flex-start}#player-login-guide-tip .player-login-guide-close{margin:12px 8px 12px 12px;cursor:pointer;width:16px;height:16px;background:url(src/img/login-guide-tip-close.png)}#player-login-guide-tip .player-login-guide-text{cursor:pointer;color:#fff}#player-login-guide-tip .player-login-guide-text span{color:#ff9600}#player-panel-feedback{width:365px;height:470px}#player-panel-feedback .player-panel-content{overflow:hidden;margin:20px;height:395px;font-family:SimSun}#player-panel-feedback .player-panel-content ul{position:absolute;top:45px;width:325px;z-index:10}#player-panel-feedback .player-panel-content ul li{cursor:pointer;display:block;float:left;width:160px;height:26px;line-height:26px;background:#333}#player-panel-feedback .player-panel-content ul li i{display:inline-block;position:relative;width:10px;height:10px;top:1px;margin-right:8px;pointer-events:none;background:url(src/img/radiobtn.png) no-repeat}#player-panel-feedback .player-panel-content ul li .select{background:url(src/img/radiobtn-select.png) no-repeat}#player-panel-feedback .player-panel-content textarea{position:absolute;top:195px;margin:10px 0;width:313px;height:90px;padding:5px;background:#222;border:1px solid #444;resize:none;outline:none;color:#bbb;overflow:hidden;user-select:all}#player-panel-feedback .player-panel-content p:first-of-type{position:absolute;top:184px}#player-panel-feedback .player-panel-content p:nth-of-type(2){position:absolute;top:316px}#player-panel-feedback .player-panel-content input{position:absolute;top:337px;height:20px;width:314px;padding:2px 5px;outline:none;color:#bbb;background:#222;border:1px solid #444}#player-panel-feedback .player-panel-content button{width:100px;height:32px;color:#fff;border-radius:3px;cursor:pointer;outline:none}#player-panel-feedback .player-panel-content #feedback-submit{position:absolute;top:374px;left:130px;background:#f80;border:1px solid #f80}#player-panel-feedback .player-panel-content #feedback-submit:hover{background:#f70;border:1px solid #f70}#player-panel-feedback .player-panel-content #feedback-tip{position:absolute;top:409px;width:320px;text-align:center;color:#c93}#player-panel-feedback .player-panel-content #feedback-footer{position:absolute;bottom:15px;color:#999;padding:0 10px;height:22px;line-height:22px}#player-panel-feedback .player-panel-content #feedback-footer span{width:90px;height:22px;display:block;cursor:pointer;float:right;background:url(src/img/btnqq.jpg) no-repeat}#player-panel-feedback .player-panel-content #feedback-form{display:none}.player-mask{z-index:19998;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}.player-mask,.player-panel{display:none;position:fixed}.player-panel{z-index:19999;left:50%;top:50%;color:#bbb;font-size:12px;background:#333;border:1px solid #444}.player-panel h2{cursor:move;height:35px;line-height:35px;background:#191919;font-size:14px;font-weight:800;padding-left:10px!important}.player-panel .player-panel-close{width:19px;height:19px;background:url(src/img/close-icon.png) no-repeat;position:absolute;top:10px;right:18px;cursor:pointer;transition:transform .3s ease}.player-panel .player-panel-close:hover{transform:rotate(180deg)}#player-panel-alert{width:350px;height:200px}#player-panel-alert .player-panel-content{overflow:hidden;width:180px;height:120px;line-height:1.5;position:absolute;left:95px;top:82px;color:#ccc;word-wrap:break-word}#player-panel-alert i{position:absolute;display:block;left:70px;top:80px;width:22px;height:22px}#player-panel-alert button{display:none;position:absolute;width:82px;height:32px;cursor:pointer;bottom:16px;left:50%;transform:translate(-50%);border-radius:3px;border:1px solid #ff8a00;outline:none;color:#fff;background:#ff8a00}#player-panel-alert button:hover{background:#ff630e}#player-panel-alert .alert-icon-err{background:url(src/img/alert_icon_1.png) no-repeat}#player-panel-alert .alert-icon-tip{background:url(src/img/alert_icon_2.png) no-repeat}#player-panel-alert .alert-icon-info{background:url(src/img/alert_icon_3.png) no-repeat}.player-loading{pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;font-family:Microsoft YaHei}.player-loading .player-loading-logo{position:absolute;left:50%;top:50%;margin:-90px 0 0 -99px;width:198px;height:58px;background:url(src/img/changeline_bk.png) no-repeat;background-size:contain}.player-loading .player-loading-logo:after{content:"正在加载";position:absolute;color:#fff;font-size:16px;bottom:-60px;width:100%;text-align:center}.player-loading .player-loading-progress{width:228px;height:11px;position:absolute;left:50%;top:50%;margin:50px 0 0 -114px;border:none}.player-loading .player-loading-progress-img{background:url(src/img/static/videoloading.gif) no-repeat}#player-recommend{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;font-size:14px;font-family:Microsoft YaHei;color:#999}#player-recommend .player-recommend-bg{display:block;position:absolute;left:-50px;top:-100px;width:calc(100% + 100px);max-width:calc(100% + 100px);filter:blur(60px);pointer-events:none}#player-recommend .player-recommend-bg-cover{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;pointer-events:none}#player-recommend .player-recommend-container{display:block;position:relative}#player-recommend .player-recommend-container .player-recommend-title{padding-left:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;color:#fff;text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;*filter:Glow(color=#000,strength=1)}#player-recommend .player-recommend-container .player-recommend-list{width:100%;height:100%;overflow:hidden}#player-recommend .player-recommend-container .player-recommend-list ul{width:100%;height:100%}#player-recommend .player-recommend-container .player-recommend-list ul li{position:relative;display:block;float:left;width:290px;height:222px;margin-top:18px;margin-left:22px;background:#353535;border-radius:2px;font-size:12px;opacity:.85}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-vbox{cursor:pointer;position:absolute;top:5px;left:5px;width:280px;height:157px}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-vbox:hover .player-recommend-mask{display:block}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-vbox .player-recommend-video{width:280px;height:157px;display:block;position:absolute}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-vbox .player-recommend-mask{display:none;position:absolute;width:280px;height:157px;background:transparent;background-color:rgba(0,0,0,.5)}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-vbox .player-recommend-mask i{display:block;position:absolute;width:50px;height:50px;left:calc(50% - 25px);top:calc(50% - 25px);background:url(src/img/recommend-enter.png) no-repeat}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-head{display:block;position:absolute;pointer-events:none;right:5px;bottom:60px;width:55px;height:55px}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-name{position:absolute;top:167px;left:13px;width:223px;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-viewers{position:absolute;bottom:12px;left:10px;padding-left:20px;width:calc(100% - 40px);color:#9f9f9f}#player-recommend .player-recommend-container .player-recommend-list ul li .player-recommend-viewers i{display:block;position:absolute;left:2px;top:3px;width:11px;height:12px;background:url(src/img/icon.png) no-repeat}.player-vip-tips{position:absolute;display:none;left:0;top:0;width:100%;height:100%}.player-vip-tips .player-vip-bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px)}.player-vip-tips .player-vip-context{display:block;position:relative;left:0;top:calc(50% - 64px);width:100%;height:128px}.player-vip-tips .player-vip-context .title{font-weight:600;font-size:24px;text-align:center;width:100%;color:#fff}.player-vip-tips .player-vip-context .content{margin:8px 0 20px;font-weight:400;font-size:16px;color:hsla(0,0%,100%,.5);text-align:center;width:100%}.player-vip-tips .player-vip-context .player-vip-btn{position:relative;left:calc(50% - 100px);width:200px;height:44px;font-size:14px;line-height:44px;font-weight:600;cursor:pointer;color:#000;text-align:center;user-select:none;background:#f2c777;border-radius:88px}.player-vip-tips .player-vip-context .player-vip-btn:hover{background:#ffdb99}.ab-wrap{top:0;background:rgba(0,0,0,.7);backdrop-filter:blur(35px);font-family:Microsoft YaHei}.ab-wrap,.ab-wrap #ab-content{position:absolute;width:100%;height:100%}.ab-wrap #ab-content video{width:100%;height:100%}.ab-wrap .right-ui-group{display:flex;justify-content:left;position:absolute;top:20px;right:20px}.ab-wrap .right-ui-group .close{background:rgba(0,0,0,.3);width:80px;height:32px;line-height:32px;font-size:14px;color:#fff;font-weight:400;margin-left:10px;text-align:center;border-radius:24px;cursor:pointer}.ab-wrap .right-ui-group #sound{width:32px;height:32px;background:url(src/img/ab/sound-btn.png) no-repeat;background-size:32px 32px;cursor:pointer}.ab-wrap .right-ui-group .sound-close{background:url(src/img/ab/sound-close-btn.png) no-repeat!important;background-size:32px 32px!important}.ab-wrap .details-group{display:flex;justify-content:flex-start;position:absolute;left:0;bottom:0;flex-direction:column;width:auto;height:305px;background:radial-gradient(70.68% 64.26% at 18.34% 68.2%,rgba(0,0,0,.7) 0,transparent 100%);color:#fff;pointer-events:none;transition:opacity .1s ease}.ab-wrap .details-group .title{font-size:48px;font-weight:700;word-wrap:break-word;margin:87px 0 8px 40px;line-height:normal}.ab-wrap .details-group .explain{font-size:20px;font-weight:400;word-wrap:break-word;margin:0 0 24px 40px;line-height:normal}.ab-wrap .details-group .details{display:flex;width:auto;height:56px;position:absolute;justify-content:left;align-items:center;border-radius:30px;color:#222;font-size:20px;font-weight:700;font-family:Microsoft YaHei;bottom:40px;left:40px;background:#f7f9fa;word-wrap:break-word}.ab-wrap .details-group .details .ab-qrcode-logo{display:none;padding:16px 20px;justify-content:center;align-items:center;border-radius:50px;background:#e5e5e5}.ab-wrap .details-group .details .ab-qrcode-logo .qrcocde-logo{width:24px;height:24px;background:url(src/img/ab/qrcode-logo.png) no-repeat;background-size:24px 24px}.ab-wrap .details-group .details span{display:block;line-height:56px;width:auto;height:100%;margin:0 48px;white-space:nowrap}.ab-wrap .details-group .details.btn-qrcode .ab-qrcode-logo{display:flex}.ab-wrap .details-group .details.btn-qrcode span{margin:0 24px 0 16px}.ab-wrap.qrcode-style .details-group .details,.ab-wrap.qrcode-style .details-group .explain,.ab-wrap.qrcode-style .details-group .title{opacity:0}.ab-wrap.qrcode-style .ab-qrcode-card{left:40px;opacity:1}.ab-qrcode-card{position:absolute;width:156px;height:230px;bottom:40px;left:40px;border-radius:4px;background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.1);overflow:hidden;display:block;opacity:0;left:-156px;transition:opacity .2s ease,left .2s ease}.ab-qrcode-card .qrcode-card-title{display:flex;position:relative;justify-content:left;padding:8px;align-items:center;background:#f5f6f7}.ab-qrcode-card .qrcode-card-title img{width:30px;height:30px;border-radius:8px}.ab-qrcode-card .qrcode-card-title .title{margin-left:5px;color:#222;font-size:12px;font-weight:400;line-height:30px;width:calc(100% - 30px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ab-qrcode-card .qrcode-card-title .ab-arrow{display:none;margin-top:-5px;width:14px;height:14px;line-height:normal}.ab-qrcode-card .ab-qr-code-wrap{margin:16px 8px 0;display:block;position:relative;width:140px;height:140px;background:#fff}.ab-qrcode-card .ab-qr-code-wrap .ab-qr-code-container,.ab-qrcode-card .ab-qr-code-wrap .ab-qr-code-container .ab-qr-code{width:100%;height:100%}.ab-qrcode-card .ab-qr-code-wrap .ab-qr-code-container .ab-qr-code svg{width:100%!important;height:100%!important}.ab-qrcode-card .ab-qr-code-wrap .ab-qr-code-desc{margin-top:4px;color:#222;font-size:12px;width:140px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ab-qrcode-card.ab-qrcode-card-style2 .qrcode-card-title .title{width:calc(100% - 44px)}.ab-qrcode-card.ab-qrcode-card-style2 .qrcode-card-title .ab-arrow{display:block}.urlscheme-guide{display:flex;flex-direction:column;align-items:flex-start;width:auto;padding:26px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20001;gap:18px;border-radius:8px;background:linear-gradient(180deg,#d9e9ff,#fff 60%);box-shadow:0 0 15px 0 rgba(0,0,0,.1);font-family:Microsoft YaHei}.urlscheme-guide .guide-title-wrap{display:flex;justify-content:space-between;align-items:center;width:384px}.urlscheme-guide .guide-title-wrap .title{color:#222;font-size:16px;font-style:normal;font-weight:700;line-height:18px}.urlscheme-guide .guide-title-wrap .close{width:16px;height:16px;background:url(src/img/ab/close_small_grey.png) no-repeat;background-size:16px 16px;cursor:pointer}.urlscheme-guide .guide-ani{width:384px;height:171px;background:url(src/img/ab/urlscheme-guide-ani.webp) no-repeat}.urlscheme-guide .dont-prompt-again,.urlscheme-guide .guide-text{color:#222;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.urlscheme-guide .dont-prompt-again{display:flex;align-items:center;gap:8px}.urlscheme-guide .dont-prompt-again .sw-checkbox{width:14px;height:14px;background:url(src/img/ab/checkbox.png) no-repeat;background-size:28px 14px;cursor:pointer}.urlscheme-guide .dont-prompt-again .sw-checkbox.checked{background-position:-14px 0}.urlscheme-guide .dont-prompt-again p{color:#999;text-align:center;font-family:Microsoft YaHei;font-size:12px;font-style:normal;font-weight:400;line-height:14px}