.player-timeline-layout{z-index:9;cursor:pointer;opacity:.8;background:#000;justify-content:center;align-items:center;width:100%;height:12px;transition:all .1s;display:flex;position:absolute;bottom:28px;left:0}.player-timeline-layout.hide-time-line{height:4px;bottom:0}.player-timeline-layout .buffer-line{pointer-events:none;background-color:#676767;max-width:100%;height:100%;position:absolute;top:0;left:0}.player-timeline-layout .current-line{pointer-events:none;background-color:#4661ff;max-width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.player-timeline-layout.player-segment-timeline-layout{background:0 0}.player-timeline-layout.player-segment-timeline-layout .segment-line-box{width:100%;height:100%;display:flex}.player-timeline-layout.player-segment-timeline-layout .segment-line-box .segment-line-item{box-sizing:border-box;background:#000;position:relative}.player-timeline-layout.player-segment-timeline-layout .segment-line-box .segment-line-item:hover:after{box-sizing:border-box;z-index:6;content:" ";border:1px solid #fff;width:100%;height:100%;position:absolute;top:0;left:0}.player-timeline-layout.player-segment-timeline-layout .segment-line-box .segment-line-item.segment-line-item-none{z-index:6;cursor:not-allowed;background:#de0e0e}.player-timeline-layout.player-segment-timeline-layout .segment-line-mark,.player-timeline-layout.frontend-player-timeline-layout .frontend-line-mark{pointer-events:none;background-color:#fff;width:2px;height:100%;position:absolute}.player-timeline-layout.frontend-player-timeline-layout .frontend-line-tip-box{color:#fff;background-color:#000000a6;border-radius:3px;width:max-content;margin-left:-81px;padding:10px;font-size:12px;line-height:20px;position:absolute;top:-130px}.segment-line-tip-box{font-size:12px}.segment-line-tip-box div{margin:0;padding:2px 0}.lm-player-volume-popup .ant-tooltip-inner{text-align:center;border-radius:15px;justify-content:center;width:30px;height:130px;padding:12px 6px;display:flex}.lm-player-volume-popup .ant-slider-vertical{margin:0}.lm-player-volume-popup .ant-slider-track{background-color:var(--primary,#1890ff)}.lm-player-volume-popup .ant-slider-handle:after{background-color:var(--primary,#1890ff);box-shadow:0 0 2px var(--gray1,#fff)}.contraller-bar-layout{z-index:10;opacity:1;background:#1d2135cc;justify-content:space-between;align-items:center;width:100%;height:28px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0}.contraller-bar-layout.hide-contraller-bar{opacity:0}.contraller-bar-layout .contraller-bar-item{float:left;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.contraller-bar-layout .contraller-bar-item .lm-player-iconfont{cursor:pointer}.contraller-bar-layout .contraller-bar-item .lm-player-iconfont:hover{color:var(--primary,#1890ff)}.contraller-bar-layout .video-time-progress{float:left;color:#fff;padding:0 6px;font-size:10px;line-height:28px}.lm-player-message-mask{z-index:-1;pointer-events:none;opacity:0;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;top:0;left:0}.lm-player-message-mask.lm-player-mask-loading-animation{z-index:1;opacity:1;background:#0009}.lm-player-message-mask .lm-player-loading-icon{z-index:-1;visibility:hidden;font-size:48px;position:relative}.lm-player-message-mask .lm-player-loading-icon.lm-player-loading-animation{z-index:9;visibility:visible;animation:1s linear infinite loading-animation-frames}.lm-player-message-mask .lm-player-loading-icon.lm-player-loadfail{z-index:9;visibility:visible}.lm-player-message-mask .lm-player-message{color:#fff;padding:10px;font-size:16px}@keyframes loading-animation-frames{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lm-player-container{box-sizing:border-box;background:#000;width:100%;height:100%;position:relative}.lm-player-container .lm-player-iconfont{color:#fff}.lm-player-container .fps-play-canvas{background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.lm-player-container .player-mask-layout{width:100%;height:100%;overflow:hidden}.lm-player-container .player-mask-layout>video{pointer-events:none;background:#000;width:100%;height:100%;display:block}*{box-sizing:border-box;margin:0;padding:0}.local-video{cursor:pointer;width:100px;position:relative}.local-video input{opacity:0;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.local-video button{width:100%;height:32px}.live-demo{width:80%;min-width:800px;margin:0 auto 40px;padding:20px}.live-demo h2{margin-bottom:10px}.live-demo .tools-select{margin-bottom:10px;display:flex}.live-demo .url{flex:1;height:32px}