/*! hash:b70a66d1acd449f5c6f3,name:XPlayer,author:zhanghao@fang.com,date: 2022-11-11 3:22:00 ├F10: PM┤ */
.xplayer{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1}.xplayer:-webkit-full-screen{width:100%!important;height:100%!important;background:#000;position:fixed;z-index:100000;left:0;top:0}@media (min-width:900px){.xplayer.xplayer-playing .xplayer-controller,.xplayer.xplayer-playing .xplayer-controller-mask{opacity:0}.xplayer.xplayer-playing:hover .xplayer-controller,.xplayer.xplayer-playing:hover .xplayer-controller-mask{opacity:1}}.xplayer.xplayer-loading .xplayer-bezel .diplayer-loading-icon{display:block}.xplayer.xplayer-hide-controller .xplayer-controller,.xplayer.xplayer-hide-controller .xplayer-controller-mask{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.xplayer.xplayer-show-controller .xplayer-controller,.xplayer.xplayer-show-controller .xplayer-controller-mask{opacity:1}.xplayer.xplayer-fulled{position:fixed!important;z-index:100000!important;left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.xplayer.xplayer-mobile .xplayer-camera-icon,.xplayer.xplayer-mobile .xplayer-volume{display:none!important}.xplayer.xplayer-mobile .xplayer-controller .xplayer-icons .xplayer-icon{width:40px}.xplayer .xplayer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;display:none}.xplayer .xplayer-mask.xplayer-mask-show{display:block}.xplayer .xplayer-video-wrap{position:relative;background:#000;font-size:0;width:100%;height:100%}.xplayer .xplayer-video-wrap .xplayer-video{width:100%;height:100%;display:none;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.xplayer .xplayer-video-wrap .xplayer-video-current{display:block}.xplayer .xplayer-video-wrap .xplayer-video-prepare{display:none}.xplayer .xplayer-bezel{position:absolute;left:0;right:0;top:0;bottom:0;font-size:22px;color:#fff;pointer-events:none}.xplayer .xplayer-bezel .xplayer-fill{fill:hsla(0,0%,100%,.8)}.xplayer .xplayer-bezel .xplayer-bezel-icon{position:absolute;top:50%;left:50%;margin:-26px 0 0 -26px;height:52px;width:52px;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);border-radius:50%;opacity:0;pointer-events:none}.xplayer .xplayer-bezel .xplayer-bezel-icon.xplayer-bezel-transition{-webkit-animation:bezel-hide .5s linear;animation:bezel-hide .5s linear}@-webkit-keyframes bezel-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes bezel-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.xplayer .xplayer-bezel .diplayer-loading-icon{display:none;position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px;height:36px;width:36px;pointer-events:none}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-hide{display:none}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-dot{-webkit-animation:diplayer-loading-dot-fade .8s ease infinite;animation:diplayer-loading-dot-fade .8s ease infinite;opacity:0;fill:#fff;-webkit-transform-origin:4px 4px;transform-origin:4px 4px}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-7{-webkit-animation-delay:.7s;animation-delay:.7s}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-6{-webkit-animation-delay:.6s;animation-delay:.6s}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-5{-webkit-animation-delay:.5s;animation-delay:.5s}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-4{-webkit-animation-delay:.4s;animation-delay:.4s}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-3{-webkit-animation-delay:.3s;animation-delay:.3s}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-2{-webkit-animation-delay:.2s;animation-delay:.2s}.xplayer .xplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-1{-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes diplayer-loading-dot-fade{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:.25;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.25;-webkit-transform:scale(.85);transform:scale(.85)}}@keyframes diplayer-loading-dot-fade{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:.25;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.25;-webkit-transform:scale(.85);transform:scale(.85)}}.xplayer .xplayer-controller-mask{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;height:98px;width:100%}.xplayer .xplayer-controller,.xplayer .xplayer-controller-mask{position:absolute;bottom:0;-webkit-transition:all .3s ease;transition:all .3s ease}.xplayer .xplayer-controller{left:0;right:0;height:41px;padding:0 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.xplayer .xplayer-controller .xplayer-bar-wrap{padding:5px 0;cursor:pointer;position:absolute;bottom:33px;width:calc(100% - 40px);height:3px}.xplayer .xplayer-controller .xplayer-bar-wrap:hover .xplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.xplayer .xplayer-controller .xplayer-bar-wrap .xplayer-bar-time{position:absolute;left:0;top:-20px;width:30px;border-radius:4px;padding:5px 7px;background-color:rgba(0,0,0,.62);color:#fff;font-size:12px;text-align:center;opacity:1;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.xplayer .xplayer-controller .xplayer-bar-wrap .xplayer-bar-time.hidden{opacity:0}.xplayer .xplayer-controller .xplayer-bar-wrap .xplayer-bar{position:relative;height:3px;width:100%;background:hsla(0,0%,100%,.2);cursor:pointer!important}.xplayer .xplayer-controller .xplayer-bar-wrap .xplayer-bar .xplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:hsla(0,0%,100%,.4);height:3px;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:width}.xplayer .xplayer-controller .xplayer-bar-wrap .xplayer-bar .xplayer-played{position:absolute;left:0;top:0;bottom:0;height:3px;will-change:width}.xplayer .xplayer-controller .xplayer-bar-wrap .xplayer-bar .xplayer-played .xplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.xplayer .xplayer-controller .xplayer-icons{height:38px;position:absolute;bottom:0}.xplayer .xplayer-controller .xplayer-icons.xplayer-icons-left .xplayer-icon{padding:7px}.xplayer .xplayer-controller .xplayer-icons.xplayer-icons-right{right:20px}.xplayer .xplayer-controller .xplayer-icons.xplayer-icons-right .xplayer-icon{padding:8px}.xplayer .xplayer-controller .xplayer-icons #xplayer-menu{stroke:#ddd;stroke-width:1px}.xplayer .xplayer-controller .xplayer-icons .xplayer-time{line-height:38px;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);vertical-align:middle;font-size:13px;cursor:default}.xplayer .xplayer-controller .xplayer-icons .xplayer-icon{width:40px;height:100%;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block}.xplayer .xplayer-controller .xplayer-icons .xplayer-icon:hover{opacity:1}.xplayer .xplayer-controller .xplayer-icons .xplayer-icon.xplayer-setting-icon{padding-top:8.5px}.xplayer .xplayer-controller .xplayer-icons .xplayer-fill{fill:#fff}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume{position:relative;display:inline-block;cursor:pointer!important;height:100%}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume:hover .xplayer-volume-bar{width:45px!important}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume:hover .xplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume.xplayer-volume-active .xplayer-volume-bar{width:45px!important}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume.xplayer-volume-active .xplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume .xplayer-volume-bar-wrap{display:inline-block;margin:0 5px 0 -5px;vertical-align:middle;height:100%}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume .xplayer-volume-bar-wrap .xplayer-volume-bar{position:relative;top:17px;width:0;height:3px;background:#aaa;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume .xplayer-volume-bar-wrap .xplayer-volume-bar .xplayer-volume-bar-inner{position:absolute;bottom:0;left:0;height:100%;-webkit-transition:all .1s ease;transition:all .1s ease;will-change:width}.xplayer .xplayer-controller .xplayer-icons .xplayer-volume .xplayer-volume-bar-wrap .xplayer-volume-bar .xplayer-volume-bar-inner .xplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.xplayer .xplayer-controller .xplayer-icons .xplayer-setting{display:inline-block;height:100%}.xplayer .xplayer-controller .xplayer-icons .xplayer-setting .xplayer-setting-box{position:absolute;right:0;bottom:50px;-webkit-transform:translateX(170px);transform:translateX(170px);width:150px;border-radius:2px;background:rgba(28,28,28,.9);padding:7px 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;z-index:2}.xplayer .xplayer-controller .xplayer-icons .xplayer-setting .xplayer-setting-box.xplayer-setting-box-open{-webkit-transform:translateX(0);transform:translateX(0)}.xplayer .xplayer-controller .xplayer-icons .xplayer-setting .xplayer-setting-box.xplayer-setting-box-narrow{width:70px;height:180px;text-align:center}.xplayer .xplayer-controller .xplayer-icons .xplayer-setting .xplayer-setting-item,.xplayer .xplayer-controller .xplayer-icons .xplayer-setting .xplayer-setting-speed-item{height:30px;padding:5px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:left}.xplayer .xplayer-controller .xplayer-icons .xplayer-setting .xplayer-setting-item:hover,.xplayer .xplayer-controller .xplayer-icons .xplayer-setting .xplayer-setting-speed-item:hover{background-color:hsla(0,0%,100%,.1)}.xplayer .xplayer-controller .xplayer-icons .xplayer-full{display:inline-block;height:100%;position:relative}.xplayer .xplayer-controller .xplayer-icons .xplayer-full .xplayer-full-in-icon{z-index:1;display:inline-block}.xplayer .xplayer-controller .xplayer-icons .xplayer-quality{position:relative;display:inline-block;height:100%;z-index:2}.xplayer .xplayer-controller .xplayer-icons .xplayer-quality:hover .xplayer-quality-list,.xplayer .xplayer-controller .xplayer-icons .xplayer-quality:hover .xplayer-quality-mask{display:block}.xplayer .xplayer-controller .xplayer-icons .xplayer-quality .xplayer-quality-icon{color:#fff}.xplayer .xplayer-controller .xplayer-icons .xplayer-quality .xplayer-quality-mask{display:none;position:absolute;bottom:38px;left:-18px;width:80px;padding-bottom:12px}.xplayer .xplayer-controller .xplayer-icons .xplayer-quality .xplayer-quality-list{display:none;font-size:12px;width:80px;border-radius:2px;background:rgba(28,28,28,.9);padding:5px 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;color:#fff;text-align:center}.xplayer .xplayer-controller .xplayer-icons .xplayer-quality .xplayer-quality-item{height:25px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;line-height:25px}.xplayer .xplayer-controller .xplayer-icons .xplayer-quality .xplayer-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.xplayer .xplayer-controller .xplayer-icons .xplayer-label{color:#eee;font-size:13px;display:inline-block;vertical-align:middle}.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle{width:32px;height:100%;text-align:center;display:inline-block;font-size:0;vertical-align:middle;float:right}.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle input{max-height:0;max-width:0;display:none}.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle input+label{display:inline-block;position:relative;-webkit-box-shadow:#dfdfdf 0 0 0 0 inset;box-shadow:inset 0 0 0 0 #dfdfdf;border:1px solid #dfdfdf;height:20px;width:32px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle input+label:after,.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle input+label:before{content:"";position:absolute;display:block;height:18px;width:18px;top:0;left:0;border-radius:15px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle input+label:after{background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle input:checked+label{border-color:hsla(0,0%,100%,.5)}.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle input:checked+label:before{width:30px;background:hsla(0,0%,100%,.5)}.xplayer .xplayer-controller .xplayer-icons .xplayer-toggle input:checked+label:after{left:12px}.xplayer .xplayer-menu{position:absolute;width:150px;border-radius:2px;background:rgba(28,28,28,.9);padding:5px 0;overflow:hidden;z-index:3;display:none}.xplayer .xplayer-menu.xplayer-menu-show{display:block}.xplayer .xplayer-menu .xplayer-menu-item{height:30px;padding:5px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-align:left}.xplayer .xplayer-menu .xplayer-menu-item:hover{background-color:hsla(0,0%,100%,.1)}.xplayer .xplayer-menu .xplayer-menu-item .xplayer-menu-label a{color:#eee;font-size:13px;display:inline-block;vertical-align:middle;text-decoration:none}.xplayer .xplayer-logo{pointer-events:none;position:absolute;left:20px;top:20px;width:50px;height:50px}.xplayer .xplayer-logo img{max-width:100%;max-height:100%}.xplayer .xplayer-notice{opacity:0;position:absolute;bottom:60px;left:20px;font-size:14px;border-radius:2px;background:rgba(28,28,28,.9);padding:7px 20px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;color:#fff;pointer-events:none}
/*# sourceMappingURL=XPlayer.css.map*/