.xdf-player.hide-cursor{cursor:none}.xdf-player__operation__dropdown{position:absolute;top:-100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:6px 0;background:#1e1e1e;color:#fff;font-size:12px;border:1px solid #1e1e1e;border-radius:4px;min-width:60px;z-index:1000;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(0,0,0,.3)}.xdf-player__operation__dropdown .dropdown-item{padding:6px 12px;color:#fff;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.xdf-player__operation__dropdown .dropdown-item:hover{background-color:rgba(50,128,242,.1)}.xdf-player__operation__dropdown .dropdown-item.is-active{background-color:rgba(31,184,149,.2);color:#1fb895}.xdf-player__operation__dropdown .dropdown-item.setting-item{padding:4px 12px}.xdf-player__operation__dropdown .dropdown-item.setting-item .xdf-player__operation__setting__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-width:60px;color:#fff}.xdf-player__operation__dropdown .dropdown-item.setting-item .xdf-player__operation__setting__item .xdf-player__operation__setting__text{font-size:12px;margin-right:8px}.xdf-player__operation__dropdown .el-switch .el-switch__core{background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.05);height:14px!important}.xdf-player__operation__dropdown .el-switch .el-switch__core:after{width:12px!important;height:12px!important;top:0}.xdf-player__operation__dropdown .el-switch.is-checked .el-switch__core{background-color:#1fb895;border-color:#1fb895}.xdf-player__operation__dropdown .el-switch.is-checked .el-switch__core:after{margin-left:-12px}.dropdown-arrow{display:inline-block;width:0;height:0;border-left:1.06667vw solid transparent;border-right:1.06667vw solid transparent;border-top:1.06667vw solid #fff;margin-left:1.06667vw;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.dropdown-arrow.is-open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.xdf-player__operation__setting__container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer}.custom-switch{position:relative;display:inline-block;cursor:pointer}.custom-switch__core{position:relative;width:10.66667vw;height:5.33333vw;background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.05);border-radius:2.66667vw;-webkit-transition:all .3s;transition:all .3s}.custom-switch__core .custom-switch__button{position:absolute;top:1px;left:1px;width:4.26667vw;height:4.26667vw;background:#fff;border-radius:50%;-webkit-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 .53333vw 1.06667vw rgba(0,0,0,.2);box-shadow:0 .53333vw 1.06667vw rgba(0,0,0,.2)}.custom-switch.is-checked .custom-switch__core{background-color:#1fb895;border-color:#1fb895}.custom-switch.is-checked .custom-switch__core .custom-switch__button{-webkit-transform:translateX(5.33333vw);transform:translateX(5.33333vw)}.custom-switch--small .custom-switch__core{width:6.4vw;height:3.73333vw}.custom-switch--small .custom-switch__core .custom-switch__button{width:3.2vw;height:3.2vw}.custom-switch--small.is-checked .custom-switch__core .custom-switch__button{-webkit-transform:translateX(2.66667vw);transform:translateX(2.66667vw)}.custom-slider{position:relative;cursor:pointer}.custom-slider--vertical{width:5.33333vw;height:16vw}.custom-slider__track{position:relative;width:100%;height:100%;background:hsla(0,0%,100%,.2);border-radius:2.66667vw}.custom-slider__progress{position:absolute;bottom:0;left:0;width:100%;background:#1fb895;border-radius:2.66667vw;-webkit-transition:height .1s;transition:height .1s}.custom-slider__thumb{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3.2vw;height:3.2vw;background:#fff;border-radius:50%;-webkit-box-shadow:0 .53333vw 1.06667vw rgba(0,0,0,.2);box-shadow:0 .53333vw 1.06667vw rgba(0,0,0,.2);cursor:-webkit-grab;cursor:grab;-webkit-transition:bottom .1s;transition:bottom .1s}.custom-slider__thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.xdf-player__operation__dropdown.el-popper{padding:6px 0;background:#1e1e1e;color:#fff;font-size:12px;border:1px solid #1e1e1e}.xdf-player__operation__dropdown.el-popper .el-switch .el-switch__core{background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.05);height:14px!important}.xdf-player__operation__dropdown.el-popper .el-switch .el-switch__core:after{width:12px!important;height:12px!important;top:0}.xdf-player__operation__dropdown.el-popper .popper__arrow{border-top-color:#1e1e1e}.xdf-player__operation__dropdown.el-popper .el-dropdown-menu__item{color:#fff}.xdf-player__operation__dropdown.el-popper .el-dropdown-menu__item:focus,.xdf-player__operation__dropdown.el-popper .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(50,128,242,.1)}.xdf-player__operation__dropdown.el-popper .el-switch.is-checked .el-switch__core{background-color:#1fb895;border-color:#1fb895}.xdf-player__operation__dropdown.el-popper .popper__arrow:after{border-top-color:#1e1e1e}.xdf-player__operation__dropdown.el-popper .xdf-player__operation__setting__item{padding:4px 0;width:60px;min-width:60px;color:#fff}.xdf-player__operation__dropdown.el-popper .el-switch.is-checked .el-switch__core:after{margin-left:-12px}.xdf-player__operation__dropdown.el-popper .xdf-player__operation__setting__text{color:#fff}.xdf-player{position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:PingFang SC}.xdf-player .prism-player{border-radius:0!important}.xdf-player .prism-big-play-btn,.xdf-player .prism-controlbar,.xdf-player .prism-lastHistoryTime-display{display:none!important}.xdf-player__top-controls{position:absolute;top:0;left:0;right:0;width:100%;height:10.66667vw;padding:1.6vw 2.13333vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(bottom,transparent,rgba(0,0,0,.5));background:linear-gradient(0deg,transparent,rgba(0,0,0,.5));user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1000;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.xdf-player__top-controls,.xdf-player__top-controls__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.xdf-player__top-controls__right{gap:1.6vw}.xdf-player__top-controls__speed{position:relative}.xdf-player__top-controls__speed__button{color:#fff;cursor:pointer;padding:1.06667vw 2.13333vw;border-radius:.8vw;background:hsla(0,0%,100%,.1);font-size:2.66667vw;-webkit-transition:background-color .3s;transition:background-color .3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.8vw}.xdf-player__top-controls__speed__button:hover{background:hsla(0,0%,100%,.2)}.xdf-player__top-controls__definition{position:relative}.xdf-player__top-controls__definition__button{color:#fff;cursor:pointer;padding:1.06667vw 2.13333vw;border-radius:.8vw;background:hsla(0,0%,100%,.1);font-size:2.66667vw;-webkit-transition:background-color .3s;transition:background-color .3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.8vw}.xdf-player__top-controls__definition__button:hover{background:hsla(0,0%,100%,.2)}.xdf-player__top-controls__setting{position:relative}.xdf-player__top-controls__setting__container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:1.06667vw;border-radius:.8vw;background:hsla(0,0%,100%,.1);-webkit-transition:background-color .3s;transition:background-color .3s}.xdf-player__top-controls__setting__container:hover{background:hsla(0,0%,100%,.2)}.xdf-player__top-controls__setting__icon{width:4.26667vw!important;height:4.26667vw!important}.xdf-player__top-controls__dropdown{position:absolute;top:100%;right:0;margin-top:.53333vw;padding:1.06667vw 0;background:#1e1e1e;color:#fff;font-size:2.66667vw;border:1px solid #1e1e1e;border-radius:.8vw;min-width:16vw;max-width:32vw;z-index:1000;-webkit-box-shadow:0 .53333vw 2.13333vw rgba(0,0,0,.3);box-shadow:0 .53333vw 2.13333vw rgba(0,0,0,.3)}.xdf-player__top-controls__dropdown.dropdown-left{right:auto;left:0}.xdf-player__top-controls__dropdown .dropdown-item{padding:1.06667vw 2.13333vw;color:#fff;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;font-size:2.66667vw;line-height:1.3}.xdf-player__top-controls__dropdown .dropdown-item:hover{background-color:rgba(50,128,242,.1)}.xdf-player__top-controls__dropdown .dropdown-item.is-active{background-color:rgba(31,184,149,.2);color:#1fb895}.xdf-player__top-controls__dropdown .dropdown-item.setting-item{padding:.8vw 2.13333vw}.xdf-player__top-controls__dropdown .dropdown-item.setting-item .xdf-player__top-controls__setting__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-width:16vw;color:#fff}.xdf-player__top-controls__dropdown .dropdown-item.setting-item .xdf-player__top-controls__setting__item .xdf-player__top-controls__setting__text{font-size:2.66667vw;margin-right:1.6vw}.xdf-player__bottom{position:absolute;bottom:0;left:0;right:0;width:100%;height:50px;padding:8px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1000}.xdf-player__operation{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:PingFang SC;gap:8px;height:100%}.xdf-player__operation,.xdf-player__operation__play{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.xdf-player__operation__play{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.xdf-player__operation__play img{width:20px;height:20px}.xdf-player__operation__time{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:4px}.xdf-player__operation__progress{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 8px}.xdf-player__operation__progress,.xdf-player__operation__progress .xdf-player__progress{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.xdf-player__operation__progress .xdf-player__progress{height:12px;width:100%;cursor:pointer}.xdf-player__operation__progress .xdf-player__progress__bar{position:relative;width:100%;height:3px;border-radius:3px;cursor:pointer;-webkit-transition:height .2s ease;transition:height .2s ease;background:hsla(0,0%,100%,.3)}.xdf-player__operation__progress .xdf-player__progress__bar:hover{height:5px;border-radius:5px}.xdf-player__operation__progress .xdf-player__progress__background{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.3);z-index:1000;border-radius:3px;-webkit-transition:height .2s ease;transition:height .2s ease}.xdf-player__operation__progress .xdf-player__progress__loaded{position:absolute;top:0;left:0;height:100%;background-color:hsla(0,0%,100%,.5);z-index:1001;border-radius:3px;-webkit-transition:height .2s ease;transition:height .2s ease}.xdf-player__operation__progress .xdf-player__progress__played{position:absolute;top:0;left:0;height:100%;background:-webkit-gradient(linear,right top,left top,from(#1fb895),to(#39f4c6));background:-webkit-linear-gradient(right,#1fb895,#39f4c6);background:linear-gradient(270deg,#1fb895,#39f4c6);z-index:1003;border-radius:3px;-webkit-transition:height .2s ease;transition:height .2s ease}.xdf-player__operation__progress .xdf-player__progress__played:hover{height:5px}.xdf-player__operation__progress .xdf-player__progress__thumb{position:absolute;top:50%;width:10px;height:10px;background:#37d2a5;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10003;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.xdf-player__operation__progress .xdf-player__progress__thumb:hover{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.xdf-player__operation__fullscreen{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.xdf-player__operation__fullscreen img{width:20px;height:20px}.xdf-player__operation__setting__icon{width:28px!important;height:28px!important;position:relative;top:2px;margin-right:3px}.xdf-player__operation__middle{gap:16px}.xdf-player__operation img{width:22px;height:22px;cursor:pointer}.xdf-player__operation__prev{margin-right:6px}.xdf-player__operation__prev img{width:22px;height:22px}.xdf-player__operation__next{margin-left:6px}.xdf-player__operation__next img{width:22px;height:22px}.xdf-player__operation__time{color:#fff;font-family:D-DIN;font-size:11px;font-weight:500;letter-spacing:.1px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:8px}.xdf-player__operation__time span{display:inline-block;text-align:center;font-variant-numeric:tabular-nums}.xdf-player__operation__barrage{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:10px}.xdf-player__operation__barrage__input{width:220px;height:32px;margin-left:16px;border-radius:16px;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:hsla(0,0%,100%,.3);border:none;outline:none;color:#fff}.xdf-player__operation__barrage__input::-webkit-input-placeholder{color:#fff}.xdf-player__operation__barrage__input::-moz-placeholder{color:#fff}.xdf-player__operation__barrage__input:-ms-input-placeholder{color:#fff}.xdf-player__operation__barrage__input::-ms-input-placeholder{color:#fff}.xdf-player__operation__barrage__input::placeholder{color:#fff}.xdf-player__operation__barrage__switch{color:#fff;cursor:pointer}.xdf-player__operation__barrage__switch.is-active{color:#1fb895}.xdf-player__operation .el-switch .el-switch__core{background:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.05)}.xdf-player__operation .el-switch.is-checked .el-switch__core{background-color:#1fb895;border-color:#1fb895}.xdf-player__operation__auto-play{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:4px}.xdf-player__operation__auto-play__text{color:#fff}.xdf-player__operation__speed{margin-right:4px}.xdf-player__operation__speed__button{color:#fff;cursor:pointer;padding:4px 8px;border-radius:4px;-webkit-transition:background-color .3s;transition:background-color .3s}.xdf-player__operation__speed__button:hover{background-color:hsla(0,0%,100%,.05)}.xdf-player__operation__definition{margin-right:4px}.xdf-player__operation__definition__button{color:#fff;cursor:pointer;padding:4px;border-radius:4px;-webkit-transition:background-color .3s;transition:background-color .3s}.xdf-player__operation__definition__button:hover{background-color:hsla(0,0%,100%,.05)}.xdf-player__operation__subtitle__switch{padding:4px;margin-right:4px;color:#fff;cursor:pointer}.xdf-player__operation__subtitle__switch.is-active{color:#1fb895}.xdf-player__operation__volume{margin-right:4px;position:relative;cursor:pointer}.xdf-player__operation__volume img{width:22px;height:22px}.xdf-player__overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:transparent;z-index:998;cursor:pointer;pointer-events:auto}.xdf-player__volume-slider{position:absolute;width:10.66667vw;height:26.66667vw;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#2a2a2a;border-radius:3.2vw;padding:2.13333vw 2.13333vw 3.2vw 2.13333vw;z-index:1000;-webkit-box-shadow:0 1.06667vw 3.2vw rgba(0,0,0,.3);box-shadow:0 1.06667vw 3.2vw rgba(0,0,0,.3)}.xdf-player__volume-slider__value{color:#fff;font-size:3.73333vw;font-weight:500;text-align:center;margin-bottom:2.13333vw;line-height:1}.xdf-player__volume-slider .el-slider{height:16vw;margin:0}.xdf-player__volume-slider .el-slider.is-vertical .el-slider__button-wrapper{left:-4.53333vw}.xdf-player__volume-slider .el-slider .el-slider__runway{background-color:#fff;width:.53333vw;border-radius:1px;margin:0 auto}.xdf-player__volume-slider .el-slider .el-slider__bar{background:-webkit-gradient(linear,left top,left bottom,from(#37d2a5),to(#39f4c6));background:-webkit-linear-gradient(top,#37d2a5,#39f4c6);background:linear-gradient(180deg,#37d2a5 0,#39f4c6);width:.53333vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:1px}.xdf-player__volume-slider .el-slider .el-slider__button{width:1.06667vw;height:1.06667vw;border:.53333vw solid #37d2a5;background-color:#37d2a5;-webkit-box-shadow:0 .53333vw 1.06667vw rgba(55,210,165,.3);box-shadow:0 .53333vw 1.06667vw rgba(55,210,165,.3);-webkit-transition:all .2s ease;transition:all .2s ease}.xdf-player__volume-slider .el-slider .el-slider__button:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:0 .8vw 1.6vw rgba(55,210,165,.4);box-shadow:0 .8vw 1.6vw rgba(55,210,165,.4)}.xdf-player:-webkit-full-screen{position:relative}.xdf-player:fullscreen{width:100vw!important;height:100vh!important;background-color:#000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}.xdf-player:fullscreen #playerId{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%!important;height:calc(100% - 16vw)!important}.xdf-player:fullscreen .xdf-player__operation{position:relative;bottom:10px;left:auto;right:auto;z-index:1000;height:60px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.xdf-player:fullscreen .xdf-player__operation__barrage__input{width:320px}.xdf-player:-webkit-full-screen .xdf-player__top-controls{padding:4.26667vw 2.13333vw 1.6vw 2.13333vw}.xdf-player:-ms-fullscreen .xdf-player__top-controls{padding:4.26667vw 2.13333vw 1.6vw 2.13333vw}.xdf-player:fullscreen .xdf-player__top-controls{top:0;padding:4.26667vw 2.13333vw 1.6vw 2.13333vw}.xdf-player:fullscreen .xdf-player__bottom{bottom:0}.xdf-player:fullscreen .xdf-player__progress{height:24px}.xdf-player:fullscreen .xdf-player__progress__bar{height:6px;border-radius:6px}.xdf-player:fullscreen .xdf-player__progress__bar:hover{height:8px;border-radius:8px}.xdf-player:fullscreen .xdf-player__progress__thumb{width:16px;height:16px}.xdf-player:fullscreen .xdf-player__progress__thumb:hover{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}.xdf-player:-webkit-full-screen{width:100vw!important;height:100vh!important;background-color:#000;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.xdf-player:-webkit-full-screen #playerId{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%!important;height:calc(100% - 16vw)!important}.xdf-player:-webkit-full-screen .xdf-player__operation{position:relative;bottom:10px;left:auto;right:auto;z-index:1000;height:60px;-webkit-flex-shrink:0;flex-shrink:0}.xdf-player:-webkit-full-screen .xdf-player__operation__barrage__input{width:320px}.xdf-player:-webkit-full-screen .xdf-player__top-controls{top:0}.xdf-player:-webkit-full-screen .xdf-player__bottom{bottom:0}.xdf-player:-webkit-full-screen .xdf-player__progress{height:24px}.xdf-player:-webkit-full-screen .xdf-player__progress__bar{height:6px;border-radius:6px}.xdf-player:-webkit-full-screen .xdf-player__progress__bar:hover{height:8px;border-radius:8px}.xdf-player:-webkit-full-screen .xdf-player__progress__thumb{width:16px;height:16px}.xdf-player:-webkit-full-screen .xdf-player__progress__thumb:hover{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}.xdf-player:-moz-full-screen{width:100vw!important;height:100vh!important;background-color:#000;display:flex;flex-direction:column}.xdf-player:-moz-full-screen #playerId{flex:1;width:100%!important;height:calc(100% - 16vw)!important}.xdf-player:-moz-full-screen .xdf-player__operation{position:relative;bottom:10px;left:auto;right:auto;z-index:1000;height:60px;flex-shrink:0}.xdf-player:-moz-full-screen .xdf-player__operation__barrage__input{width:320px}.xdf-player:-moz-full-screen .xdf-player__top-controls{top:0}.xdf-player:-moz-full-screen .xdf-player__bottom{bottom:0}.xdf-player:-moz-full-screen .xdf-player__progress{height:24px}.xdf-player:-moz-full-screen .xdf-player__progress__bar{height:6px;border-radius:6px}.xdf-player:-moz-full-screen .xdf-player__progress__bar:hover{height:8px;border-radius:8px}.xdf-player:-moz-full-screen .xdf-player__progress__thumb{width:16px;height:16px}.xdf-player:-moz-full-screen .xdf-player__progress__thumb:hover{transform:translate(-50%,-50%) scale(1.2)}.xdf-player:-ms-fullscreen{width:100vw!important;height:100vh!important;background-color:#000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.xdf-player:-ms-fullscreen #playerId{-ms-flex:1;flex:1;width:100%!important;height:calc(100% - 16vw)!important}.xdf-player:-ms-fullscreen .xdf-player__operation{position:relative;bottom:10px;left:auto;right:auto;z-index:1000;height:60px;-ms-flex-negative:0;flex-shrink:0}.xdf-player:-ms-fullscreen .xdf-player__operation__barrage__input{width:320px}.xdf-player:-ms-fullscreen .xdf-player__top-controls{top:0}.xdf-player:-ms-fullscreen .xdf-player__bottom{bottom:0}.xdf-player:-ms-fullscreen .xdf-player__progress{height:24px}.xdf-player:-ms-fullscreen .xdf-player__progress__bar{height:6px;border-radius:6px}.xdf-player:-ms-fullscreen .xdf-player__progress__bar:hover{height:8px;border-radius:8px}.xdf-player:-ms-fullscreen .xdf-player__progress__thumb{width:16px;height:16px}.xdf-player:-ms-fullscreen .xdf-player__progress__thumb:hover{transform:translate(-50%,-50%) scale(1.2)}.xdf-player__barrage{height:70%;pointer-events:none}.xdf-player__barrage,.xdf-player__barrage__list{position:absolute;top:0;left:0;width:100%;z-index:1000;overflow:hidden}.xdf-player__barrage__list{height:100%}.xdf-player__barrage__item{position:absolute;background-color:rgba(0,0,0,.2);color:#fff;padding:1.6vw 3.2vw;border-radius:5.33333vw;font-size:3.73333vw;font-weight:500;white-space:nowrap;pointer-events:none;z-index:1001;-webkit-box-shadow:0 .53333vw 2.13333vw rgba(0,0,0,.3);box-shadow:0 .53333vw 2.13333vw rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2)}.xdf-player:-webkit-full-screen .xdf-player__barrage__item{font-size:4.26667vw;padding:2.13333vw 4.26667vw;border-radius:6.4vw;-webkit-box-shadow:0 .8vw 3.2vw rgba(0,0,0,.4);box-shadow:0 .8vw 3.2vw rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.3)}.xdf-player:-moz-full-screen .xdf-player__barrage__item,.xdf-player:-ms-fullscreen .xdf-player__barrage__item,.xdf-player:-webkit-full-screen .xdf-player__barrage__item,.xdf-player:fullscreen .xdf-player__barrage__item{font-size:4.26667vw;padding:2.13333vw 4.26667vw;border-radius:6.4vw;-webkit-box-shadow:0 .8vw 3.2vw rgba(0,0,0,.4);box-shadow:0 .8vw 3.2vw rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.3)}.xdf-player__progress{height:18px;width:100%;cursor:pointer;z-index:1000}.xdf-player__progress.is-disabled{cursor:not-allowed}.xdf-player__progress__bar{position:relative;width:100%;height:3px;border-radius:3px;cursor:pointer;z-index:1000;-webkit-transition:height .2s ease;transition:height .2s ease;background:hsla(0,0%,100%,.3)}.xdf-player__progress__bar:hover{height:5px;border-radius:5px}.xdf-player__progress__bar.is-disabled{cursor:not-allowed}.xdf-player__progress__bar.is-disabled:hover{height:4px}.xdf-player__progress__background{width:100%;background:hsla(0,0%,100%,.3);z-index:1000}.xdf-player__progress__background,.xdf-player__progress__loaded{position:absolute;top:0;left:0;height:100%;border-radius:3px;-webkit-transition:height .2s ease;transition:height .2s ease}.xdf-player__progress__loaded{background-color:hsla(0,0%,100%,.5);z-index:1001}.xdf-player__progress__played{position:absolute;top:0;left:0;height:100%;background:-webkit-gradient(linear,right top,left top,from(#1fb895),to(#39f4c6));background:-webkit-linear-gradient(right,#1fb895,#39f4c6);background:linear-gradient(270deg,#1fb895,#39f4c6);z-index:1003;border-radius:3px;-webkit-transition:height .2s ease;transition:height .2s ease}.xdf-player__progress__played:hover{height:5px}.xdf-player__progress__thumb{position:absolute;top:50%;width:12px;height:12px;background:#37d2a5;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10003;cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.xdf-player__progress__thumb:hover{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.xdf-player__progress__thumb.is-disabled{cursor:not-allowed}.xdf-player__progress__thumb.is-disabled:hover{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.xdf-player__progress .progress-segment{position:absolute!important;top:0!important;height:100%!important;min-width:4px!important;background-color:#fff!important;cursor:pointer!important;z-index:1002!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important}.xdf-player__progress .progress-segment:hover{background:hsla(0,0%,100%,.5)!important}.xdf-player__progress .progress-segment.segment-summary{top:-6px!important;height:calc(100% + 6px)!important;background-color:hsla(0,0%,100%,.95)!important;border-color:#fff!important;z-index:10000!important;border-radius:0!important}.xdf-player__progress .progress-segment .segment-tooltip{position:absolute;background-color:#1e1e1e;border-radius:3px;color:#000;text-align:left;padding:8px 10px;white-space:normal;word-wrap:break-word;word-break:break-word;pointer-events:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:1005;font-size:12px;line-height:1.4;min-width:100px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.xdf-player__progress .progress-segment .segment-tooltip.show{opacity:1!important}.xdf-player__progress .progress-segment .segment-tooltip:after{display:block;position:absolute;content:"";width:0;height:0;border-top:10px solid #1e1e1e;border-bottom:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;bottom:-15px;left:calc(50% + var(--arrow-offset, 0px));-webkit-transform:translateX(-10px);transform:translateX(-10px)}.el-dropdown-menu__item.is-active{font-weight:700;background-color:rgba(50,128,242,.1)}.xdf-player__operation__setting__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:8px 16px;min-width:120px}.xdf-player__operation__setting__text{color:#333;font-size:14px;font-weight:500}.xdf-player__operation__setting .el-dropdown-menu{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15)}.xdf-player__operation__setting .el-dropdown-menu .el-dropdown-menu__item{padding:0;border-radius:4px;margin:2px 4px}.xdf-player__operation__setting .el-dropdown-menu .el-dropdown-menu__item:hover{background-color:rgba(50,128,242,.1)}.slide-up-enter-active,.slide-up-leave-active{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-up-enter,.slide-up-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.slide-up-enter-to,.slide-up-leave{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.slide-down-enter-active,.slide-down-leave-active{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-down-enter,.slide-down-leave-to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.slide-down-enter-to,.slide-down-leave{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.xdf-player__fullscreen-controls{position:fixed;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(transparent,rgba(0,0,0,.7));background:linear-gradient(transparent,rgba(0,0,0,.7));padding:5.33333vw 8vw;z-index:9999;color:#fff;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;opacity:0}.xdf-player__fullscreen-controls.show{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.xdf-player__fullscreen-controls__progress{margin-bottom:4vw}.xdf-player__fullscreen-controls__progress__bar{position:relative;height:1.06667vw;background:hsla(0,0%,100%,.3);border-radius:.53333vw;cursor:pointer;-webkit-transition:height .2s ease;transition:height .2s ease}.xdf-player__fullscreen-controls__progress__bar:hover{height:1.6vw}.xdf-player__fullscreen-controls__progress__background{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.3);border-radius:.53333vw}.xdf-player__fullscreen-controls__progress__loaded{background:hsla(0,0%,100%,.5)}.xdf-player__fullscreen-controls__progress__loaded,.xdf-player__fullscreen-controls__progress__played{position:absolute;top:0;left:0;bottom:0;border-radius:.53333vw;-webkit-transition:width .1s ease;transition:width .1s ease}.xdf-player__fullscreen-controls__progress__played{background:#409eff}.xdf-player__fullscreen-controls__progress__thumb{position:absolute;top:50%;width:3.2vw;height:3.2vw;background:#409eff;border:.53333vw solid #fff;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.xdf-player__fullscreen-controls__progress:hover .xdf-player__fullscreen-controls__progress__thumb{opacity:1}.xdf-player__fullscreen-controls__buttons{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.xdf-player__fullscreen-controls__buttons,.xdf-player__fullscreen-controls__left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.xdf-player__fullscreen-controls__left{gap:4vw}.xdf-player__fullscreen-controls__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.xdf-player__fullscreen-controls__time{font-size:3.73333vw;color:hsla(0,0%,100%,.9);font-weight:500;letter-spacing:.5px}.xdf-player__fullscreen-controls__exit-btn,.xdf-player__fullscreen-controls__play-btn{width:11.73333vw;height:11.73333vw;border-radius:50%;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(2.66667vw);backdrop-filter:blur(2.66667vw);border:1px solid hsla(0,0%,100%,.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 .53333vw 2.13333vw rgba(0,0,0,.2);box-shadow:0 .53333vw 2.13333vw rgba(0,0,0,.2)}.xdf-player__fullscreen-controls__exit-btn:hover,.xdf-player__fullscreen-controls__play-btn:hover{background:hsla(0,0%,100%,.25);-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 1.06667vw 3.2vw rgba(0,0,0,.3);box-shadow:0 1.06667vw 3.2vw rgba(0,0,0,.3)}.xdf-player__fullscreen-controls__exit-btn:active,.xdf-player__fullscreen-controls__play-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.xdf-player__fullscreen-controls__exit-btn i,.xdf-player__fullscreen-controls__play-btn i{font-size:5.33333vw;color:#fff;text-shadow:0 1px .53333vw rgba(0,0,0,.3)}.xdf-player__fullscreen-controls__play-btn i{font-size:5.86667vw}.xdf-player__operation__summary-entry{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 8px;font-size:12px;color:hsla(0,0%,100%,.9);cursor:pointer;white-space:nowrap}.xdf-player__summaries{padding:5.33333vw 3.73333vw;max-height:60vh;overflow-y:auto}.xdf-player__summaries__title{margin:0 0 4.26667vw 0;font-size:3.73333vw;font-weight:500;color:#333}.xdf-player__summaries__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:3.2vw 0;border-bottom:1px solid #eee;cursor:pointer}.xdf-player__summaries__item.is-active,.xdf-player__summaries__item.is-active .xdf-player__summaries__item__time{color:#1fb895}.xdf-player__summaries__item__time{font-size:3.2vw;color:#999;margin-right:2.13333vw;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.xdf-player__summaries__item__title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:3.73333vw;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xdf-player__fullscreen-summary{position:absolute;top:0;left:0;right:0;z-index:100;padding:3.2vw 4.26667vw;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.xdf-player__fullscreen-summary__entry{pointer-events:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:2.13333vw 3.2vw;background:rgba(0,0,0,.4);border-radius:1.6vw;color:#fff;font-size:3.73333vw;cursor:pointer}.xdf-player__fullscreen-summary__entry .xdf-player__controls__icon{width:4.26667vw;height:4.26667vw;opacity:.8}.xdf-player__fullscreen-summary__list{pointer-events:auto;max-height:30vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.5);border-radius:2.13333vw;padding:2.13333vw 0;margin-top:2.13333vw}.xdf-player__fullscreen-summary__list::-webkit-scrollbar{width:1.06667vw}.xdf-player__fullscreen-summary__list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:.53333vw}.xdf-player__fullscreen-summary__item{padding:2.66667vw 4.26667vw;color:#fff;cursor:pointer;font-size:3.46667vw;border-left:.8vw solid transparent}.xdf-player__fullscreen-summary__item.is-active{border-left-color:#1fb895;color:#1fb895}.xdf-player__fullscreen-summary__item__time{display:block;font-size:2.93333vw;color:hsla(0,0%,100%,.7);margin-bottom:1.06667vw}.xdf-player__fullscreen-summary__item__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}