.video-player-container[data-v-da2d34f0]{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden}.video-element[data-v-da2d34f0]{width:100%;height:auto;display:block}.video-controls[data-v-da2d34f0]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:15px 10px 10px;opacity:0;transition:opacity .3s ease}.video-controls.show-controls[data-v-da2d34f0]{opacity:1}.progress-container[data-v-da2d34f0]{position:relative;height:5px;background-color:hsla(0,0%,100%,.3);border-radius:3px;cursor:pointer}.progress-buffer[data-v-da2d34f0]{position:absolute;top:0;left:0;height:100%;background-color:hsla(0,0%,100%,.2);border-radius:3px}.progress-bar[data-v-da2d34f0]{position:absolute;top:0;left:0;height:100%;background-color:#ff8d02;border-radius:3px;transition:width .1s ease}.progress-handle[data-v-da2d34f0]{position:absolute;top:50%;width:14px;height:14px;background-color:#ff8d02;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease}.progress-container:hover .progress-handle[data-v-da2d34f0]{opacity:1}.controls-group[data-v-da2d34f0]{padding:10px 0 3px}.controls-group .playback-rate[data-v-da2d34f0]{float:right;color:#fff;cursor:pointer;margin-right:15px;line-height:25px;font-size:14px;position:relative}.controls-group .playback-rate .tao[data-v-da2d34f0]{position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.controls-group .playback-rate .tao ul[data-v-da2d34f0]{background:#252632;padding:2px 8px 10px;border-radius:5px;margin-bottom:20px;padding:5px 15px;display:none}.controls-group .playback-rate .tao ul li[data-v-da2d34f0]{padding:5px 0}.controls-group .playback-rate .tao ul li.on[data-v-da2d34f0],.controls-group .playback-rate .tao ul li[data-v-da2d34f0]:hover{color:#ff8d02}.controls-group .playback-rate:hover ul[data-v-da2d34f0]{display:block}.controls-group .control-btn[data-v-da2d34f0]{color:#fff;cursor:pointer}.controls-group .control-btn img[data-v-da2d34f0]{width:25px}.controls-group .control-btn.fullscreen-btn[data-v-da2d34f0]{float:right;margin-top:1px}.controls-group .control-btn.play-btn[data-v-da2d34f0]{float:left}.controls-group .volume-control[data-v-da2d34f0]{float:right;margin-right:15px;position:relative}.controls-group .volume-control .tao[data-v-da2d34f0]{position:absolute;top:-100px;left:-3px;height:100px;width:30px}.controls-group .volume-control .tao .volume-slider-container[data-v-da2d34f0]{width:100px;transform:translate(-10px,-10px);background:#252632;padding:2px 8px 10px;border-radius:5px;transform:rotate(-90deg);margin-top:23px;margin-left:-43px;display:none}.controls-group .volume-control .tao .volume-slider-container input[data-v-da2d34f0]{height:5px}.controls-group .volume-control:hover .volume-slider-container[data-v-da2d34f0]{display:block}.controls-group .time-display[data-v-da2d34f0]{float:left;font-size:14px;color:hsla(0,0%,100%,.9);min-width:80px;line-height:27px;margin-left:5px}.volume-slider[data-v-da2d34f0]{width:100px;cursor:pointer}