/*!
* Mui Player Css Library v1.4.4
* Date：2021-07-11
* Released under GPL-3.0 license
* https://muiplayer.js.org/
*/.m-player{width:auto;height:225px;position:relative;overflow:hidden;background:#000;outline:none;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-player .mplayer-footer{color:#fff;position:absolute;bottom:0;right:0;left:0;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.5));-webkit-transform:translateY(50px);transform:translateY(50px);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:7;height:48px;padding:0 10px}.m-player .mplayer-footer.show{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.m-player .mplayer-footer .progress{display:flex;align-items:center;justify-content:space-between;height:inherit}.m-player .mplayer-footer .progress .progress-container{display:flex;align-items:center;flex:1;height:25px}.m-player .mplayer-footer .progress .progress-container.upper-position{position:absolute;left:20px;right:20px;bottom:100%;margin-bottom:-10.5px}.m-player .mplayer-footer .progress .progress-container .touch-effective{position:relative;height:100%;display:flex;flex:1;align-items:center;margin-left:8px;margin-right:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-player .mplayer-footer .progress .progress-container .touch-effective .progress-default-scale{border-radius:0!important;-webkit-transform:translateY(-50%) scaleY(2)!important;transform:translateY(-50%) scaleY(2)!important}.m-player .mplayer-footer .progress .progress-container .touch-effective .progress-hover-scale{-webkit-transform:translateY(-50%) scaleY(3)!important;transform:translateY(-50%) scaleY(3)!important}.m-player .mplayer-footer .progress .progress-container .touch-effective .progress-total{width:100%;background-color:hsla(0,0%,100%,.2);overflow:hidden}.m-player .mplayer-footer .progress .progress-container .touch-effective .progress-play,.m-player .mplayer-footer .progress .progress-container .touch-effective .progress-total{position:absolute;height:2px;border-radius:5px;top:50%;-webkit-transform:scaleY(.9) translateY(-50%);transform:scaleY(.9) translateY(-50%);transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.m-player .mplayer-footer .progress .progress-container .touch-effective .progress-buffered{background-color:hsla(0,0%,71%,.7);position:absolute;height:2px;border-top-left-radius:5px;border-bottom-left-radius:5px;top:50%;-webkit-transform:scaleY(.9) translateY(-50%);transform:scaleY(.9) translateY(-50%);transition:width .15s,-webkit-transform;transition:transform,width .15s;transition:transform,width .15s,-webkit-transform}.m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container{position:absolute;height:100%;width:100%}.m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container .progress-drag{height:30px;width:30px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container .progress-drag.hover-scale{-webkit-transform:translate(-50%,-50%) scale(1)!important;transform:translate(-50%,-50%) scale(1)!important}.m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container .progress-drag.default-scale{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.m-player .mplayer-footer .progress .progress-container .touch-effective .ball-container .progress-drag .progress-ball{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:17px;width:17px;border-radius:50%;display:inline-block;background:#fff}.m-player .mplayer-footer .progress .progress-begin{font-size:13px;width:40px;text-align:left}.m-player .mplayer-footer .progress .progress-long{font-size:13px;width:40px;text-align:right}.m-player .mplayer-footer .progress .left-part,.m-player .mplayer-footer .progress .right-part{display:flex;height:inherit}.m-player .mplayer-footer .progress .left-part .footer-control,.m-player .mplayer-footer .progress .right-part .footer-control{position:relative}.m-player .mplayer-footer .progress .left-part .footer-control:active,.m-player .mplayer-footer .progress .right-part .footer-control:active{opacity:.75}.m-player .mplayer-footer .progress .left-part .footer-control svg,.m-player .mplayer-footer .progress .right-part .footer-control svg{vertical-align:middle}.m-player .mplayer-footer .progress .panel-controls{position:absolute;min-height:50px;bottom:50px;padding:12px;background-color:rgba(0,0,0,.6);border-radius:3px}.m-player .mplayer-footer .progress .live-mode{color:#fff;position:relative;font-size:14px;width:auto;white-space:nowrap}.m-player .mplayer-footer .progress .live-mode .spot{width:6px;height:6px;border-radius:50%;background:#1e98d4;margin-right:5px;display:inline-block;vertical-align:middle}.m-player .mplayer-footer .progress .live-mode .mode-text{display:inline-block;vertical-align:middle}.m-player .mplayer-header{background:linear-gradient(180deg,rgba(0,0,0,.5),hsla(0,0%,100%,0));padding:0 10px;height:60px;position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:7}.m-player .mplayer-header.show{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.m-player .mplayer-header .title-groupt{height:100%}.m-player .mplayer-header .title-groupt .back-button{white-space:nowrap;width:auto}.m-player .mplayer-header .title-groupt .back-button div,.m-player .mplayer-header .title-groupt .back-button svg{vertical-align:middle}.m-player .mplayer-header .title-groupt .back-button .title-name{position:relative;color:#fff;margin-left:5px;display:inline-block}.m-player .mplayer-header .buttom-group{display:flex;height:100%}.m-player .mplayer-header .buttom-group .battery-info{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-transform:scale(.75);transform:scale(.75);-webkit-transform-origin:right;transform-origin:right}.m-player .mplayer-header .buttom-group .battery-info .time{color:#fff;font-size:14px;position:relative;top:4px;right:0}.m-player .mplayer-header .buttom-group .battery-info .capacity{border:1px solid #fff;height:11px;width:24px;border-radius:2px;position:relative}.m-player .mplayer-header .buttom-group .battery-info .capacity:after{content:"";height:7px;width:2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-right:none;border-top-left-radius:3px;border-bottom-left-radius:3px;left:-3px;background:#fff}.m-player .mplayer-header .buttom-group .battery-info .capacity .level{position:absolute;top:1px;bottom:1px;left:1px;right:1px}.m-player .mplayer-header .buttom-group .battery-info .capacity .level .count{background:#fff;height:100%;width:0;float:right;border-top-right-radius:1px;border-bottom-right-radius:1px}.m-player .mplayer-sidebar{display:block;position:absolute;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:8;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;overflow:auto}.m-player .mplayer-sidebar.open{-webkit-transform:none!important;transform:none!important}.m-player .mplayer-sidebar::-webkit-scrollbar{width:4px;background:transparent}.m-player .mplayer-sidebar::-webkit-scrollbar-thumb{background:rgba(230,230,250,.24);border-radius:3px;height:100px}.m-player .mplayer-sidebar .title{color:#9a9e98;font-size:15px;line-height:40px;position:relative;margin-left:20px;margin-right:50px;text-align:left}.m-player .mplayer-sidebar .title:before{content:"";border-bottom:1px solid hsla(0,0%,87%,.3);position:absolute;left:0;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.m-player .mplayer-sidebar .setting-box{font-size:15px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;margin:15px 50px 20px 20px}.m-player .mplayer-sidebar .setting-box .box-name{margin-left:12px;flex:1;text-align:left}.m-player .mplayer-sidebar .setting-box .toogle-switch{margin-left:12px;cursor:pointer;border-radius:50px;width:45px;height:22px;position:relative;transition:background-color .2s ease-in}.m-player .mplayer-sidebar .setting-box .toogle-switch.open .ball{right:3px}.m-player .mplayer-sidebar .setting-box .toogle-switch.close{background-color:hsla(0,0%,100%,.3)!important}.m-player .mplayer-sidebar .setting-box .toogle-switch.close .ball{right:24px}.m-player .mplayer-sidebar .setting-box .toogle-switch .ball{border-radius:50px;height:18px;width:18px;border-radius:50%;background:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:right .2s ease-in}.m-player .mplayer-sidebar .setting-box .toogle-switch .disable{position:absolute;top:0;bottom:0;right:0;left:0;border-radius:50px;background:rgba(0,0,0,.6)}.m-player .mplayer-sidebar .setting-box .play-speed{cursor:pointer;font-size:16px;height:35px;width:48px;display:flex;justify-content:center;align-items:center;border-radius:5px;margin-right:4px;flex-shrink:0}.m-player .mplayer-sidebar .setting-box .share-box{cursor:pointer;height:45px;width:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:22px;margin-bottom:12px;flex-shrink:0}.m-player .mp-tooltip{position:absolute;font-size:12px;white-space:nowrap;background-color:rgba(0,0,0,.8);padding:2px 5px;display:block;color:#fff;z-index:9;border-radius:3px;pointer-events:none}.m-player .player-btn{position:relative;cursor:pointer;border:none;background-color:transparent;padding:0;padding:0 11px;outline:0;width:45px;min-width:45px;height:inherit;font-size:14px}.m-player .player-btn:focus{outline:none}.m-player .player-btn::-moz-focus-inner{border:0;outline:0}.m-player .mplayer-poster{position:absolute;top:0;bottom:0;left:0;right:0;background:#000}.m-player .mplayer-poster:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.4)}.m-player .mplayer-cover{position:absolute;top:0;bottom:0;left:0;right:0;background:#000;z-index:8;opacity:0;transition:opacity .2s;pointer-events:none}.m-player .mplayer-time{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:8;opacity:0}.m-player .mplayer-time .time{color:#fff;font-size:26px;text-align:center;white-space:nowrap}.m-player .mplayer-time .time-progress{margin:auto;height:3px;background:hsla(0,0%,100%,.6);width:180px;border-radius:50px;margin-top:9px;overflow:hidden}.m-player .mplayer-time .time-progress .time-total{background:#fff;height:100%;width:50%;border-top-left-radius:50px;border-bottom-left-radius:50px}.m-player .small-control{height:32px;position:absolute;width:143px;top:15%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50px;background-color:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;opacity:0;z-index:7}.m-player .small-control .progress{border-radius:50px;overflow:hidden;height:3px;width:96px;background:hsla(0,0%,87%,.85);margin-left:6px}.m-player .small-control .progress .total{width:50%;height:100%;background:#fff}.m-player .mplayer-loading{color:#1e98d4;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%;display:none}@-webkit-keyframes mp-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes mp-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes mp-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes mp-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.m-player .mplayer-loading .mplayer-loading__circular{width:40px;height:40px;-webkit-animation:mp-rotate 1.8s linear infinite;animation:mp-rotate 1.8s linear infinite}.m-player .mplayer-loading .mplayer-loading__circular circle{-webkit-animation:mp-circular 1.5s ease-in-out infinite;animation:mp-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.m-player .mplayer-toast{padding:7px 12px;background-color:rgba(0,0,0,.8);position:absolute;bottom:18%;color:#fff;border-radius:5px;font-size:14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:mplayerToast .25s;animation:mplayerToast .25s;z-index:10}@-webkit-keyframes mplayerToast{0%{bottom:-18%}to{bottom:18%}}@keyframes mplayerToast{0%{bottom:-18%}to{bottom:18%}}.m-player .mplayer-left{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:left .3s;opacity:0;z-index:7}.m-player .mplayer-left ._unlock,.m-player .mplayer-left .control-icon ._lock{height:38px;width:38px;border-radius:50%;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;cursor:pointer}.m-player .mplayer-error{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;z-index:10;font-size:13px;text-align:center;display:none;opacity:1;-webkit-animation:mplayerError .7s;animation:mplayerError .7s}@-webkit-keyframes mplayerError{0%{opacity:0}to{opacity:1}}@keyframes mplayerError{0%{opacity:0}to{opacity:1}}.m-player .mplayer-error .errop-tip{height:25px}.m-player .mplayer-error:active{opacity:.75}.m-player .mini-progress{height:2px;position:absolute;bottom:0;left:0;right:0;-webkit-transform:translateY(.3px);transform:translateY(.3px);opacity:0}.m-player .mini-progress .mini-total{position:absolute;background-color:hsla(0,0%,100%,.2);width:100%;height:100%}.m-player .mini-progress .mini-buffered{position:absolute;background-color:hsla(0,0%,71%,.5);height:100%}.m-player .mini-progress .mini-play{position:absolute;height:100%}@-webkit-keyframes mp-bezel-fadeout{0%{opacity:1}to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes mp-bezel-fadeout{0%{opacity:1}to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.m-player .mp-bezel-text-hide .mp-bezel{z-index:10;position:absolute;left:50%;top:50%;width:52px;height:52px;margin-left:-26px;margin-top:-26px;background:rgba(0,0,0,.6);border-radius:26px;-webkit-animation:mp-bezel-fadeout .4s linear 1 normal forwards;animation:mp-bezel-fadeout .4s linear 1 normal forwards;pointer-events:none}.m-player .mp-bezel-text-hide .mp-bezel .mp-bezel-icon{width:24px;height:24px;margin:14px}.m-player .mp-bezel-text-hide .mp-bezel .mp-bezel-icon .mp-svg-shadow{stroke:#000;stroke-opacity:.15;stroke-width:2px;fill:none}.m-player .ctxmenu-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none}.m-player .ctxmenu-wrapper .ctxmenulist{text-align:left;position:absolute;list-style:none;font-size:14px;background:rgba(28,28,28,.9);text-shadow:0 0 2px rgba(0,0,0,.5);color:#eee;border-radius:2px;margin:0;padding:0;min-width:170px;transition:opacity .1s;opacity:0;outline:0;z-index:9}.m-player .ctxmenu-wrapper .ctxmenulist li{padding:9px 30px;cursor:pointer}.m-player .ctxmenu-wrapper .ctxmenulist li:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.m-player .ctxmenu-wrapper .ctxmenulist li:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.m-player .ctxmenu-wrapper .ctxmenulist li:hover{background-color:hsla(0,0%,100%,.1)}.m-player .mplayer-shortcut{text-align:left;font-size:16px;background:rgba(28,28,28,.9);text-shadow:0 0 2px rgba(0,0,0,.5);color:#eee;border-radius:3px;padding:15px 0 15px 20px;position:absolute;top:10px;left:10px;z-index:8;display:none;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;width:430px}.m-player .mplayer-shortcut .title{margin:0;padding-bottom:10px}.m-player .mplayer-shortcut .close-shortcut-panel{position:absolute;top:0;right:15px;font-size:28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.m-player .mplayer-shortcut .close-shortcut-panel:active{opacity:.8}.m-player .mplayer-shortcut ul{list-style:none;margin:0 0 2px;padding:0;font-size:14px}.m-player .mplayer-shortcut ul li{display:inline-block;height:28px;line-height:28px;width:50%}.m-player .mplayer-shortcut ul li span{color:#999}.m-player .mp-popup-animation{transition:all .25s cubic-bezier(0,0,.2,1)}.m-player .popup-toggle{transition:opacity .1s cubic-bezier(0,0,.2,1)!important}.m-player .mp-popup{border-radius:2px;overflow:hidden;position:absolute;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:width,height;background:rgba(28,28,28,.9);opacity:0;min-width:42px}.m-player .mp-popup .mp-panel{min-width:260px}.m-player .mp-popup .mp-panel.mp-panel-child .mp-menuitem{padding-left:14.5%}.m-player .mp-popup .mp-panel.mp-panel-item{position:absolute;bottom:0;right:0;overflow-y:auto;overflow-x:hidden}.m-player .mp-popup .mp-panel.mp-panel-item::-webkit-scrollbar{width:8px;background-color:#424242}.m-player .mp-popup .mp-panel.mp-panel-item::-webkit-scrollbar-thumb{background-color:#8e8e8e;border:1px solid #424242;border-radius:3px}.m-player .mp-popup .mp-panel.mp-panel-item::-webkit-scrollbar-track{background-color:#424242}.m-player .mp-popup .mp-panel.mp-panel-item .mp-panel-selected{background-size:8%;background-repeat:no-repeat;background-position:4%;vertical-align:middle;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkgMTYuMkw0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}.m-player .mp-popup .mp-panel.mp-panel-item .mp-panel-header{height:50px;padding-left:0;line-height:50px}.m-player .mp-popup .mp-panel.mp-panel-item .mp-panel-header:before{content:"";position:absolute;border-bottom:1px solid #fff;left:0;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:.2;z-index:100}.m-player .mp-popup .mp-panel .mp-menuitem{position:relative;list-style:none;color:#eee;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;padding-left:10%;height:40px;line-height:40px;white-space:nowrap;outline:none}.m-player .mp-popup .mp-panel .mp-menuitem:not(.mp-panel-header){cursor:pointer}.m-player .mp-popup .mp-panel .mp-menuitem:not(.mp-panel-header):hover{background-color:hsla(0,0%,100%,.1)}.m-player .mp-popup .mp-panel .mp-menuitem li{height:inherit;width:50%}.m-player .mp-popup .mp-panel .mp-menuitem li:first-child{padding-right:40px;white-space:pre;overflow:hidden;text-overflow:ellipsis;text-align:left}.m-player .mp-popup .mp-panel .mp-menuitem li:last-child{text-align:right}.m-player .mp-popup .mp-panel .mp-menuitem li .mp-menuitem-content{height:inherit}.m-player .mp-popup .mp-panel .mp-menuitem li .arrow-icon{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEyLjU5IDIwLjM0bDQuNTgtNC41OS00LjU4LTQuNTlMMTQgOS43NWw2IDYtNiA2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);background-size:35%;background-repeat:no-repeat;background-position:100%;vertical-align:middle;padding-right:35%}.m-player .mp-popup .mp-panel .mp-menuitem li .left-arrow-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE5LjQxIDIwLjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE4IDkuNWwtNiA2IDYgNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:0;background-size:30%;padding-left:30%;text-align:left;cursor:pointer}.m-player .mp-popup .mp-panel .mp-menuitem li .toogle-switch{cursor:pointer;border-radius:50px;width:41px;height:20px;position:relative;display:inline-block;transition:background-color .2s ease-in;vertical-align:middle;right:13%}.m-player .mp-popup .mp-panel .mp-menuitem li .toogle-switch.close{background-color:hsla(0,0%,100%,.3)!important}.m-player .mp-popup .mp-panel .mp-menuitem li .toogle-switch.open .ball{right:4.83%}.m-player .mp-popup .mp-panel .mp-menuitem li .toogle-switch .ball{border-radius:50px;height:16px;width:16px;border-radius:50%;background:#fff;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:right .15s ease-in;right:56.46%}.m-player .volume-container{width:100%;height:100%;border-radius:2px;color:#fff;text-align:center;outline:0;font-size:12px;padding-top:8px;padding-bottom:8px}.m-player .volume-container .volume-size{color:#fff}.m-player .volume-container .volume-capacity{cursor:pointer;height:100px;width:4px;background-color:#373838;border-radius:7px;margin:25% auto 0;position:relative}.m-player .volume-container .volume-capacity .volume-drag-ball{background-color:#fff;width:14px;height:14px;border-radius:50%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;z-index:7}.m-player .volume-container .volume-capacity .progress-bar{border-radius:7px;position:absolute;bottom:0;left:0;right:0;height:0}.m-player:-webkit-full-screen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important;padding:0!important;z-index:1000!important}.m-player:-webkit-full-screen video{position:relative}.m-player.browser-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important;padding:0!important;z-index:1000!important}.m-player.browser-fullscreen video{position:relative}.m-player.page-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important;padding:0!important;z-index:1000!important}.m-player.page-fullscreen video{position:relative}.m-player.mp-keyboard-focus .keyboard-input:focus,.m-player.mp-keyboard-focus .mp-menuitem:focus{box-shadow:inset 0 0 0 2px rgba(27,127,204,.8)}.m-player .player-wrapper{height:100%;width:100%;position:relative}.m-player .player-wrapper .video-wrapper{height:100%;display:flex;justify-content:center;align-items:center}.m-player .player-wrapper .video-wrapper video{-o-object-fit:contain;object-fit:contain;display:block;opacity:0}.m-player .player-wrapper .video-wrapper video.covered{height:100%!important;width:100%!important;-o-object-fit:cover;object-fit:cover}.m-player .player-wrapper .video-wrapper video::cue{color:#fff;background:transparent;text-shadow:0 0 1px #000}.m-player .player-wrapper .video-wrapper video::-webkit-media-text-track-display{margin-top:-5px}.m-player .player-wrapper .video-wrapper video::-webkit-media-controls-overlay-play-button,.m-player .player-wrapper .video-wrapper video::-webkit-media-controls-start-playback-button,.m-player .player-wrapper .video-wrapper video::-webkit-media-controls-volume-slider,.m-player .player-wrapper .video-wrapper video video::-webkit-media-controls-mute-button{display:none}.ptz_container[data-v-76736a78]{height:360px;width:240px;position:absolute;top:0;right:0;z-index:9999;background-color:rgba(0,0,0,.2);padding:10px;margin:10px}.ptz_container .el-row[data-v-76736a78]{margin-bottom:20px;text-align:center}.ptz_container i[data-v-76736a78]{color:#fff;font-size:25px;cursor:pointer}.ptz_container i[data-v-76736a78]:hover{color:#289eff;font-size:25px;cursor:pointer}*{box-sizing:border-box}.timebarContainer{position:relative;margin:0 10px;display:block;width:100%}.timebarContainer>.mark{position:absolute;top:0;bottom:0;right:0;left:0;z-index:9999}.timebarContainer>.currentPosition{position:absolute;top:0;bottom:0;right:0;left:0;z-index:2222;height:100%;width:2px;background-color:coral}.bar{background-color:#fff;border:1px solid #d0d0d0;height:10px;width:calc(100% + 1px);width:-webkit-calc(100% + 1px)}.bar,.day{position:relative;margin:0 auto 0 0}.day{height:25px;box-sizing:border-box}.day .hour{height:10px;width:4.16667%}.day .halfhour,.day .hour{position:absolute;border-left:1px solid #d0d0d0}.day .halfhour{height:7px;width:50%;top:4px}.day .hour:after{position:absolute;top:10px;font:11px/1 sans-serif;width:10px;left:0}.day .hour:nth-of-type(25):after{content:"24"}.day .hour:after{text-indent:-.5em}.day .halfhour{left:50%}.bar div{display:inline-block}.timebar-item{position:absolute;top:0;height:100%;background-color:#189b06}.bright{right:-5px}.bleft,.bright{width:10px;height:100%;background:transparent;position:absolute;top:0;z-index:1}.bleft{left:-5px}.day .hour:first-of-type{left:0}.day .hour:first-of-type:after{content:"0"}.day .hour:nth-of-type(2){left:4.16667%}.day .hour:nth-of-type(2):after{content:"1"}.day .hour:nth-of-type(3){left:8.33333%}.day .hour:nth-of-type(3):after{content:"2"}.day .hour:nth-of-type(4){left:12.5%}.day .hour:nth-of-type(4):after{content:"3"}.day .hour:nth-of-type(5){left:16.66667%}.day .hour:nth-of-type(5):after{content:"4"}.day .hour:nth-of-type(6){left:20.83333%}.day .hour:nth-of-type(6):after{content:"5"}.day .hour:nth-of-type(7){left:25%}.day .hour:nth-of-type(7):after{content:"6"}.day .hour:nth-of-type(8){left:29.16667%}.day .hour:nth-of-type(8):after{content:"7"}.day .hour:nth-of-type(9){left:33.33333%}.day .hour:nth-of-type(9):after{content:"8"}.day .hour:nth-of-type(10){left:37.5%}.day .hour:nth-of-type(10):after{content:"9"}.day .hour:nth-of-type(11){left:41.66667%}.day .hour:nth-of-type(11):after{content:"10"}.day .hour:nth-of-type(12){left:45.83333%}.day .hour:nth-of-type(12):after{content:"11"}.day .hour:nth-of-type(13){left:50%}.day .hour:nth-of-type(13):after{content:"12"}.day .hour:nth-of-type(14){left:54.16667%}.day .hour:nth-of-type(14):after{content:"13"}.day .hour:nth-of-type(15){left:58.33333%}.day .hour:nth-of-type(15):after{content:"14"}.day .hour:nth-of-type(16){left:62.5%}.day .hour:nth-of-type(16):after{content:"15"}.day .hour:nth-of-type(17){left:66.66667%}.day .hour:nth-of-type(17):after{content:"16"}.day .hour:nth-of-type(18){left:70.83333%}.day .hour:nth-of-type(18):after{content:"17"}.day .hour:nth-of-type(19){left:75%}.day .hour:nth-of-type(19):after{content:"18"}.day .hour:nth-of-type(20){left:79.16667%}.day .hour:nth-of-type(20):after{content:"19"}.day .hour:nth-of-type(21){left:83.33333%}.day .hour:nth-of-type(21):after{content:"20"}.day .hour:nth-of-type(22){left:87.5%}.day .hour:nth-of-type(22):after{content:"21"}.day .hour:nth-of-type(23){left:91.66667%}.day .hour:nth-of-type(23):after{content:"22"}.day .hour:nth-of-type(24){left:95.83333%}.day .hour:nth-of-type(24):after{content:"23"}.day .hour:nth-of-type(25){left:100%;width:1px}[data-v-0d2bfb2e] .el-calendar-table .el-calendar-day{height:52px!important}.videoList[data-v-0d2bfb2e]{display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 10px;margin-bottom:35px}.video-item[data-v-0d2bfb2e]{position:relative;width:15rem;height:10rem;margin-right:1rem;background-color:#000}.video-item-img[data-v-0d2bfb2e]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%;cursor:pointer}.video-item-img[data-v-0d2bfb2e]:after{content:"";display:inline-block;position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto;width:3rem;height:3rem;background-image:url(data:image/png;base64,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);background-size:cover;background-color:#000}.video-item-title[data-v-0d2bfb2e]{position:absolute;bottom:0;color:#000;background-color:#fff;line-height:1.5rem;padding:.3rem;width:15rem;text-align:center}.footer[data-v-0d2bfb2e]{width:100%;margin-top:0;position:fixed;background-color:#fff;bottom:0}