.videoBox[data-v-2dda288a]{box-sizing:border-box;position:relative;width:800px;height:500px;background-color:#fff}.controlBar[data-v-2dda288a]{width:90%;height:55px;position:absolute;bottom:20px;left:5%;background-color:rgba(129,127,127,.35294117647058826);box-sizing:border-box;color:#e9e7e7}.progressBar[data-v-2dda288a]{box-sizing:border-box;position:relative;width:100%;padding:10px;height:10%}.controlBtnBox[data-v-2dda288a]{box-sizing:border-box;width:100%;height:60%;display:flex;justify-content:space-between;align-items:center}.progressBar[data-v-2dda288a] .el-slider__bar{height:3px;background-color:#409eff;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.progressBar[data-v-2dda288a] .el-slider__button{height:8px;width:8px}.progressBar[data-v-2dda288a] .el-slider__runway{margin-top:1px;margin-bottom:1px;height:3px}.progressBar[data-v-2dda288a] .el-slider__button-wrapper{width:28px;height:33px}.icon-size[data-v-2dda288a]{font-size:25px;cursor:pointer}.left[data-v-2dda288a]{padding-left:10px;width:50%;display:flex;align-items:center}.left span[data-v-2dda288a]{margin-left:20px}.right[data-v-2dda288a]{width:15%;display:flex;justify-content:space-around;position:relative}.right i[data-v-2dda288a]{display:block}#volumeBar[data-v-2dda288a]{width:30px;height:120px;background-color:rgba(129,127,127,.35294117647058826);position:absolute;top:-150px;right:4px;display:flex;justify-content:center;align-items:center}.rateBox[data-v-2dda288a]{width:15%;cursor:pointer}.rateOptions[data-v-2dda288a]{width:80px;height:180px;background-color:rgba(129,127,127,.35294117647058826);position:absolute;top:-185px;right:50px;display:flex;flex-wrap:wrap;align-content:center}.rateOptions span[data-v-2dda288a]{display:block;width:100%;height:30px;text-align:center;line-height:30px}.rateOptions span[data-v-2dda288a]:hover{background-color:rgba(206,201,201,.35294117647058826);color:#409eff}.video-js .vjs-tech[data-v-2dda288a]{-o-object-fit:scale-down;object-fit:scale-down}