.vjs-custom-skin > .video-js {
    width: 100%;
    height: 100%;
    font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
}

.video-js.vjs-fluid {
    height: 100%;
}

.vjs_video_3-dimensions.vjs-fluid {
    padding-top: 0 !important;
}

.video-js .vjs-big-play-button,
.video-js .vjs-big-play-button:active:focus {
    outline: none;
    outline-offset: 0;
    top: 50%;
    left: 50%;
    font-size: 2.5em;
    line-height: 2.3em;
    height: 2.5em;
    width: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    border-width: 0.15em;
    margin-top: -1.25em;
    margin-left: -1.75em;
}

.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 1.63em;
}

.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}

.video-js .vjs-control-bar {
    height: 96px;
    align-items: flex-end;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
    padding-bottom: 24px;
}

.video-js .vjs-control {
    width: 32px;
    height: 32px;
}

.video-js .vjs-progress-control {
    width: 100%;
    position: absolute;
    top: 0;
}

.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time,
.vjs-time-divider,
.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
    display: block;
}

.video-js .vjs-duration {
    margin-right: auto;
}

.vjs-remaining-time.vjs-time-control.vjs-control {
    display: none;
}

.video-js .vjs-time-control {
    padding: 0;
    min-width: 0;
}

.video-js .vjs-play-progress {
    background-color: #FE9843;
}

.video-js .vjs-play-progress:before {
    color: #FC5A1C;
}

.vjs-time-control.vjs-time-divider {
    font-size: 1.4em;
    line-height: 2.4em;
}

.control-bar-play {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABSklEQVRYR8XXTysFURjH8e9XXoO8HhsvwkJZKJKuFTZYWZFy9+6KFNZiY4W1bGWDpFhRFBmdmimuuUZ3/pzZz/l9Zs5zznmORH6MnM8vQJIkA8AsMAl8AtvAhvpWBzYPsAisdoVdATPqUdWIPMADMNQjaA+YU++qguQBkoLBn4FloK1+lIX0A8gyL4Ap9bwMogwg5IYi3QIW1Kd+IGUBWeYjMA901KIp/OGsCpANeppOy+V//0bVgJD7DmwCK+pLEaQOQJZ5ky7Zg78QdQKy3MN0E7vOgzQBCLmvoUjVdjeiKUCWO6bufEc0DThWR2MCTtSRmIAJtRMDEIpwSV2LUYTRluEt0FIb34iibsXRDqNox3HUhiS0ZNPqWdGRW/VpWHtTeg8M91Dvp0ur1rY87sUkfHmSJC1gHBgEdoH1xq5mZQqqn3ej346/ADVorSFXX6iiAAAAAElFTkSuQmCC");
}

.control-bar-pause {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAm0lEQVRYR+2XsQ3CUBBDnyuYgjVgAZiEsWARWIA5MgVURnQRInAniqRw6i/76SmFT8z8aeZ+lglgewOcgS1wA46Sho6tasZHA7YvwH5UeJV0aAKUMqYA7sBqVPiQtG4ClDKmAPxeJqn1v9guZQQgBmIgBmIgBmIgBmJgsQZKg/LbSLVdyljsLH8dJidg9+dh8jOjNbU7d0H1bQCePSPgIcmLlakAAAAASUVORK5CYII=");
}

.control-bar-voice-disable {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACIklEQVRYR+2WzatNYRTGf88tX+WKhBF/gRkZSq4Y3GsmykCU0Y07MaEYEDGQfE1uSTIzoJiQYkApDClTYXQNpIQMPFqnd++27Zxz997O2SflrVOnfc561+9d77OevcSIl0acn38XwPZy4D7wVdJE00o2qoDtRcBDYHMkltRon05sXXLbY8AtYFcW2zbAFeAQ8AlY0WoFbB8FzgLfge3Ak9YAbO8DbgA/gT2Sbtv2QAFsLwY2AMtK2lgLXAUWAIclxXcGCmB7P3Ahu9ce4jwn6Vj228AAbO8E7qaueAW87wLwQtLJ4vNeALafAlHNSUlz5b1sh4jPALs7bWj7ObAJOCHpdNXW7APwEtgIvAYmihC2Z4CLkRaYygBC1WEu45K+DABgNfAIWF+EKCWfljSbATRScz8N2C5DhHmdSifvJM+dsKmY5osrQcQh45MnHzpA0tfxdPKo9rvQhqSPuY3/TT9XqEBRcB+AdUkTWzOIoYgwHaqYfBq4AzwuCLMDMaw2jD6/XL5z26tKEFsygCngXg8jeiYpTOOP1ccHPgNLy4JLlSlCzOTzQB8rnpO0pibADmBMUkxM3cBXAnuBm78NJD1eRm8kva0DUNXI8jasE2A7riOqcmm+Lqiyb62RLM2CMQktAQ4C1wY6D1Qhtn0AuA78ABa2DpCUfB44krtZm1NxAojJONp2ciQVSBDjwAPgm6RtVa6v239qibBpkn5x/wF+AfN7I0AVQYLbAAAAAElFTkSuQmCC");
}

.control-bar-voice {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC/UlEQVRYR+2WWYiNYRjHf3+yN9bkhhQ3yg2NZIsLayFL5EYyckND9rWxFNmGjOVCiSmlyJBJWUuhGeOCJIM7SyjJuLDlwqPn9H2nb2bOOd/5TnOalPfmfL1f531/37P8n79o56V2vp9/F8DMegPXgR+SJhcayYIiYGZdgFvARL9YUtZzzGwmcB5YIcl/m63EAGbWAbgALAhPigGYC1wBvgOjJL2MEhQCcBwoB5qAPnER8PdmVgPMB+4DkyRZGj5J7sxsC7AP+AVMA+7lCdAfeAYMABZKupQYwMyWANXAH2CRpBozS31JrhSEF5nZaqAKeCppREYAM+sKlAI9W0RmEHAC6ASskuTPHtokAD2At0BfYLykuhR8hHApcCTMa5bU7Je0NfKfVgBmNhSoB05JqoieY2aHgA0eCUlr0gBmNhu4GgB5rt5lAHgkaXeLA7MBNAIdgQmSHkaAXS/uAK8kDYsCNACjgQpJe/ItzGwpMDMH3eGXSZoaAegGfAFcR/pJakqlwMy8qn2zRNK3NgAoAT4A3YEhkt5EIB4DI4GxHp0QIO9iiktB5KLLwLygYy5G9m8A08N2LCbAAWATsFnSwQjAOWAxsEzS2WICHAbWAWslHc0AUCapupgA1wAfRM2Uz8xuBiqa2i9WEbqQfQRc2AZK8ufUMrMngCvhGEkNIUBbt+FOYBdwW5LPjPBy7wpvQ1dUb8OvIcAsoDaLENVJ2pupNTPpQKCEz4HO7hckPYgAzAhMTKOk4flK8SdJPsVarRwALsWnJW1r0bbHfJYAlZI2NgMI8pNpGL2Q9DpfgGwiZmbuHVyQXKRKJbkgJTelZubp8KhUJZyG2wGX+XpJ40LQRI4o8ILuhFzTl3uYU1+RwxMGkR3sPgDo5Sooyf1kaiUCCA4rA84Av4NCizOl7iHvBga2VtKcaJoSAwQQlcD69FfkdsUrgZPAZ+9/Se/bAsC/ytvWlS4uAh4xNzpu49KhLzgFkZ72avbJ9lPSlGzVH7dfUAriDk3y/j/AX9W6dzBYmguUAAAAAElFTkSuQmCC");
}