#video .prism-controlbar-bg{
    border-radius: 8px;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.6);
}

#video .prism-controlbar {
    /*background: #000;*/
    border-radius: 8px;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 54px !important;
    /* opacity: 0; */
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /* visibility: hidden; */
    width: calc(100% - 8px) !important;
    z-index: 8;
}
#video .prism-play-btn {
    background: none!important;
    background: transparent;
    border-radius: 2px;
    cursor: pointer;
    height: 14px!important;
    padding: 5px;
    width: 12px!important;
    margin-top: 15px !important;
}
#video .prism-controlbar .prism-play-btn {
    left: 19px!important
}
#video .prism-play-btn .btn-tip {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAVtJREFUSEu1lr0rRmEYxn9XCX+C7IrFovwDNlksFoOFxEAs3lDKqFgsBlIoH5somZVsJoVNeReyKAODW/fbOYXej/O85zzPcup039fvuZ+v6xbJMLMeYBnoBzqAe2Ab2JX0lcaFfuUJZjYGbAHtVQTugHFJN6HiHi8z6wZua4inmt/AJrAk6SME5IADYDRj0hMwKekyY3ylgkegK2tCErcHzEt6a5TnAC+/sheB4wWYkXRcL88BFij8P/wMmJb0XE2nCIDrvgMlP4mS/ky4KEA6+StgQtJD+qNogOt+Jsd5Pb0Hefeg1hauSVqIUcFv4GBswEVsQDk24DU24DQ2YCgmYFXSSgyAX7RFSRsxLlq0pyLqY3cOTNV7rvMYzqyko0aGUwY6A01nH5jLaplueSMZAU2Zfh9wDbTWgTTftiSN1zBwArQU3nilgmbW6+sKDABtgNveDnCYp3X8AZZho9O8UGW+AAAAAElFTkSuQmCC) 100% no-repeat!important;
    background-size: contain!important;
    height: 100%;
    width: 100%
}

#video .prism-play-btn.playing .btn-tip {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAJpJREFUSEvtlrENQkEMQ59XoAOxAyuwBgzCEAwCa7DC3wFBxwpGX/oV0o+ro0p1is6OI1+kswBs74ErcJxr4AFcJD2XujwqvpbLCdj8dPkAhyQS+bZvwGllxLukczV+5Nt+AduVJm9JuyBQ8227aiBJQaDmt0B0IAL6Ddqi6EAE9Ba1RdGBCOgt+odFwz/94bFlTnXjgtfo6PgFLkr1C0dQHXIAAAAASUVORK5CYII=) 100% no-repeat!important;
    background-size: contain!important
}


#video .prism-progress-played {
    background-color: #326cf6!important
}
#video .prism-progress {
    width: 68%;
    bottom: 25px !important;
}

#video .prism-progress-marker {
    bottom: 0!important;
    height: 1000%!important;
    top: 0!important;
    -webkit-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important
}
#video .prism-controlbar .prism-progress .prism-progress-cursor {
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAB5QTFRFAAAA/2sA/2sA/2sA/2sA/2sA/2sA/2sA/2sA/2sAnZV0qwAAAAp0Uk5TAAUdNTo/TRgTMJ4/+6IAAACgSURBVHicbdK7CsJQEATQiQhiJ4LpBckXBOuAEG1t0pvHkjKFnxBS+8niJjE3w0x5YPc+dgHPMS2a2xlBLua5L9LblMcse/vnM0qUL1QfnE4W5OmUh1RTp7nbsKaW67xyY5QOW6YMMdMLCVOJK1PFB/6OLJgasJgpEoWivbhEwlSqB4ln75g69YXqo8U4xNDUaMUCiDVRywS8RwlWbr2YX+YrzWZyaKOCAAAAAElFTkSuQmCC) 50%!important;*/
    top: -6px!important
}

/* 右侧结束时间 */
.prism-controlbar .prism-time-display .duration {
    position: absolute;
    right: 138px !important;
}
/* 声音图标 */
.prism-controlbar .prism-volume {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: none!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    height: 19px!important;
    justify-content: center;
    right: 61px!important;
    width: 19px!important;
    margin-top: 17px !important;
}

.prism-player{
    -webkit-user-select: none; /* Safari/Chrome */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;
}

.prism-player .volume-icon-mask-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAr9JREFUSEu1lkuIzXEUxz/fyBQaNaI8ErFhIY+iRhaahKTZMPJodkryHBGSsvDII6+ZBWOjsVAWijxGEitvsTPyaJIFhSw8wjg6t/PXv9vce/+3/ve3uvf////O57zPEVUeM1sBHAX+AmskXa9GhKr52Mx2AftSd95JGleNjExAMxsAtANrw7I24DjQJ2lgrkAzGwxcAJYAP4CVwBXgTzmgmbmr64H5kr4nSpW10MxGhPDZwCeHSroXFlcCPgBmAR2S1lcEmtlE4AYwCXgLLJT00i9mBE4BngCDgDmS7vtdmdkwwDUYnYqFW74UcAv90mJJH5L3WYCh2F5gD/BM0vQEeNP9XCLw14AWSd/S76sAevx7gLHAPEl33MLfgGfauiJoj6Tb/SmSFRhWJqV0UVKLA61gqpSpRMrFMDJzKNAk6Vd869b1Am5Yfd7Ax8DM6EBnUzH3PJgBNOYNXAR43D1ukyUVvGdmZ1wJoC1voIflNTAhSZIAbgaOAUdyBYbwE8BGb4OSTsczt86t7KwFcAdwADgoaWcAW4FzQFctgFvddcBhSdsDuA04VHiWZ1mE8C5gNdAqyX970nREnW/KFWhm3jffAGOAaZKeBzApl6a8gZ4snjSPJPmkcOtGAe8BH1EN/4HA8KI29iWpo+L2Vqq1mZlPlfExA28F0Ie1rySXJTU7MPmoWO5HYLekziqAPh3qJHmmunV14WKfRD7euh04N9YH73np0xB/ThY6hNSXalW+cpQdwEXZ+VSStzxKNmwz89rxYnUtu4Hlkr6Wa95pbc1sKvAw7i+Q5GOwNDAENwKXgJHAi1gxXmUZT2aWrBjtkjYkylQcSWbma6AvTa7xZ2AZcLeSS83sKjAkYvczMzAs9Rl3HmgO0BbgVE3WxFSiuDf2A4UMjNMrycsg86no0n5KYpU35tSqX0iGrOcfK0GhxQ5bs9oAAAAASUVORK5CYII=) no-repeat!important;
    background-size: contain!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 14px;
    width: 14px
}
.prism-player .volume-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAr9JREFUSEu1lkuIzXEUxz/fyBQaNaI8ErFhIY+iRhaahKTZMPJodkryHBGSsvDII6+ZBWOjsVAWijxGEitvsTPyaJIFhSw8wjg6t/PXv9vce/+3/ve3uvf////O57zPEVUeM1sBHAX+AmskXa9GhKr52Mx2AftSd95JGleNjExAMxsAtANrw7I24DjQJ2lgrkAzGwxcAJYAP4CVwBXgTzmgmbmr64H5kr4nSpW10MxGhPDZwCeHSroXFlcCPgBmAR2S1lcEmtlE4AYwCXgLLJT00i9mBE4BngCDgDmS7vtdmdkwwDUYnYqFW74UcAv90mJJH5L3WYCh2F5gD/BM0vQEeNP9XCLw14AWSd/S76sAevx7gLHAPEl33MLfgGfauiJoj6Tb/SmSFRhWJqV0UVKLA61gqpSpRMrFMDJzKNAk6Vd869b1Am5Yfd7Ax8DM6EBnUzH3PJgBNOYNXAR43D1ukyUVvGdmZ1wJoC1voIflNTAhSZIAbgaOAUdyBYbwE8BGb4OSTsczt86t7KwFcAdwADgoaWcAW4FzQFctgFvddcBhSdsDuA04VHiWZ1mE8C5gNdAqyX970nREnW/KFWhm3jffAGOAaZKeBzApl6a8gZ4snjSPJPmkcOtGAe8BH1EN/4HA8KI29iWpo+L2Vqq1mZlPlfExA28F0Ie1rySXJTU7MPmoWO5HYLekziqAPh3qJHmmunV14WKfRD7euh04N9YH73np0xB/ThY6hNSXalW+cpQdwEXZ+VSStzxKNmwz89rxYnUtu4Hlkr6Wa95pbc1sKvAw7i+Q5GOwNDAENwKXgJHAi1gxXmUZT2aWrBjtkjYkylQcSWbma6AvTa7xZ2AZcLeSS83sKjAkYvczMzAs9Rl3HmgO0BbgVE3WxFSiuDf2A4UMjNMrycsg86no0n5KYpU35tSqX0iGrOcfK0GhxQ5bs9oAAAAASUVORK5CYII=) no-repeat!important;
    background-size: contain!important;
    height: 14px!important;
    /* opacity: 0; */
    position: absolute!important;
    width: 14px!important
}

.prism-player .prism-volume .volume-icon .long-horizontal,.prism-player .prism-volume .volume-icon .short-horizontal {
    display: none!important
}

#video .prism-setting-btn{display: none !important;}
#video .prism-time-display .time-bound{display: none !important;}

/* 全屏 */
.prism-fullscreen-btn{background: none!important;height: 14px!important;width: 14px!important;margin-top: 19px !important;margin-right: 18px !important;}
.prism-fullscreen-btn .btn-tip {
    height: 100%;
    width: 100%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAdBJREFUSEvtlj1LXFEQhp9RQQtJYZMttBDTJFap0kQIGxt7GwkBq1gKgUD8BcYijZXYCSJp0oVUIYIIWlmJVVJoAipCqoBZ3PDKLOfA3d37xXq18jbLZefMc2bufLwm6QOwCAyR/TSABTPbSDORNA+sAYM5PprAR5N0BQzkGMa/lszML9f1SHoPLJfwcelABcOXwHHGoYaZ/c5zKGk0JcIa8Bl4GM8mgY/M7GeJW5YykeSQ78AT4DxCbwXYATsC3gC7ftPKgSmwOjAM/KgcmAYzs3NJE5UDJT0A9sI38zTWHeZR3RbQq/wb0AZLA/4L5TxWVPoFbdEPvAK+mNmfpG1omV9Aw4vGp0Qtq6lL9UAJozAcTq2EbaUm98BK09lq/Mo9Fji8e+Cdt4WkzMaXNALMAJ/M7H+v6Zc0BpzExo8LuG0fhkG8DTwGXpvZ5g2Ak8Bh5rbogPlsfGFmFzcAPgUOUoFZK6ZXWBjez4D9LiDwNyELuqZ+r1BJU8BOJ/A5sJ62z3oFxXOS4upqkxhR6FQWWQLolf61M0J/PwNmw28ysDIycRzoy8jGdBDKrQgvC1R39JEnhLeAuRKpbzpwBXhboL6LpL4r8nc5EfpdPLDVa6K4C4vUczK1AAAAAElFTkSuQmCC") 100% center / contain no-repeat !important;
}

/* 倍速  speed*/
.rate-menu {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    visibility: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 2px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    position: absolute;
    right: 53px;
    z-index: 15;
}
/* .rate-menu:hover{
	 margin-top: -4px;
	    padding-top: 4px
} */

.rate-menu .rate-list {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    bottom: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 50%;
    padding: 4px;
    position: absolute;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60px;
    display: none;
}
.rate-menu .rate-list .item {
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    padding: 4px 12px;
}
.rate-menu .rate-list .item:not(:last-child) {
    margin-bottom: 4px;
}
.rate-menu:hover .rate-list{
    display: block;
}
.rate-list .item:hover,.rate-menu .rate-list .item.selected, .rate-menu .rate-list .item:hover {
    background: #444;
}


.volume-icon.mute {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAC/0lEQVRIDa2WzUsVURjGvSpZEkhfLiLaFBXaplUkueiiQbTIdUG7NmEEtYmgTRu3BVH/RhZU6CIoNIqCIq2FhWUfZFmrEsH09nvOfc9wZubcuSP0wnPf7/eZc86Mx5ZarXYPTILulhJC3UnwFXwGx0q0pEtoegwk06CQlPxlFQYyl55WwqN5G3htQ6Kk5NrALatZQZ83+28JinwJzQ1JyXWCO0awiB4C7eY3JCR/H0yAzjwjERJRUuKebAH7kJrRZQifUie5GSW0QTlSGnrBE7DHN2KXIeyhTjuyCvp9bwWnC2cYbLfgevQJsAW8B32VSuU7OhF62nGWwQo52VGh7gqJq+AldQdcEcExUCS5F4nipivUcOo6wJwNH1BMK9ST6inPKhDIN2w93X7wBhzxK6Wn1ArpEekl1AgYpX9IASdKZoVE7kxVQzy6QuJ6M/Vdd/hZ2N1A5/jbxflx4guymmSOlFgrmAepzwL/OZCkdgv/hYvWatXCFXpyimOkegu/+Bpp/EEb/Am9zuewb1j8XClCGxYj3eeHes3gKRt+OIhdsNi1Vh9spjnwH9RUwRToAZPgF8jKuAUOBokFs7tKE6ohQ7qLUOyWmbXhO0xLVcxeXROh66yvdNAGiPQh2xXeMn7mktVIbTJ70SeDXCnTb1GNam1vSLrXJswHk/RgkpnSL029vv7LipLvEDt1teHr7dUn0+t7sJ8BycD/IIy9vbsDsq0Q6Q7VH/INCSHO5gz8QfveRFOXrFBB/JD0HX5yptgXgWTUDcCYlRcRbcuZhCUwiKcIlSImUvVIpoEjRfvtPO5GEOgHr8DPDHCdXOe3LeDT8BxhQBo707GwP2oz9DRYApIHQPemE+wooZLkcttLrNzXQGEf8Nv0Ftu9DOiGhAHpH+okMyA5U/fERT8U7wTacom2vQoKCY10nDpdSZLkTIu4khwNG8FtdSLLYNhZmespaTCDmnB710yq/w5GjMirD1mSrJ8hncjmm/oMOAV0330ER5s2UECdVvoI3P0HWyykYLFN/UUAAAAASUVORK5CYII=) no-repeat!important;
    background-size: contain!important
}