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