html{
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
}

.mask{
    position: absolute;
    background: #000;
    display: block;
    opacity: .3;
    width: 100%;
    height: 100%;
    pointer-events: none;
}


body{
    font-family:-apple-system,"PingFang SC","Helvetica Neue","STHeiti","Microsoft YaHei",Tahoma,Simsun,sans-serif;
    margin: 0;
    padding: 0;
}

.ocs-leanring-wrap{
    display: table;
    height: 36px;
    margin:0;
    padding:0;
    bottom: 50px;
    left: 10px;
    position: absolute;
    z-index:106;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s

}
.leanring-hide {
    opacity: 0;
}
.leanring-remove {
    visibility: hidden;
}
.leanring-postion {
    font-size: 12px;
    background: rgba(0,0,0,.85);
    color:white;
    border-radius: 8px;
    padding: 8px;
    border: 1px solid #24292E;
}
.relearn {
    margin-left: 8px;
    color:#28B6DF;
    cursor: pointer;
}

.trial-text {
    font-size: 15px;
    background: linear-gradient(319deg, #FF3271 0%, #FF5DB6 100%);
    color:white;
    border-radius: 20px;
    padding: 10px 28px;
}
.trial-tip {
    font-size: 14px;
    background: #000000;
    border-radius: 20px;
    padding: 6px 10px;
    display: inline-block;
}

.trial-tip-env {
    margin-top: calc(constant(safe-area-inset-top) - 30px);
    margin-top: calc(env(safe-area-inset-top) - 30px);
}


.trial-child-button {
    font-size: 18px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    padding: 6px 15px;
    cursor: pointer;
    border: 1px solid;
}
.child-dis {
    margin-left: 3%;
    background: linear-gradient(319deg, #FF3271 0%, #FF5DB6 100%);
    border: 0;
}

.ocs-controls{
    display: table;
    width: 100%;
    height: 50px;
    margin:0;
    padding:0;
    bottom: 0;
    position: absolute;
    -webkit-transition:bottom 0.3s ease;
    transition:bottom 0.3s ease;
    z-index:106;
}

.portrait .ocs-controls{
    height: 40px;
} 

.ocs-controls-left{
    display: table-cell;
    width:25px;
    height: 50px;
    padding:0 20px 0 10px;
    vertical-align: middle;
}

.portrait .ocs-controls-left{
    height: 40px;
    padding:0 10px 0 10px;
}

.ocs-controls-middle{
    display: table-cell;
    height: 50px;
}

.portrait .ocs-controls-middle{
    height: 40px;
}

.ocs-control-right{
    display: table-cell;
    width: 266px;
    height: 50px;
    padding:0 15px 0 0px;
    vertical-align: middle;  
    text-align: right;
    overflow: hidden;
}

.portrait .ocs-control-right{
    height: 40px;
    width: 124px;
    padding:0 10px 0 10px;
}

.ocs-controls-button{
    display: block;
    text-align: center;
    width:25px;
    height: 25px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH4SURBVGhD7ZlJSgNBGEYjqCunrcMJxGEpuBDRQyiKOYI7QfASgngJURRvIKIIXkDEvcPWAZGY+LrrQwhm6CRVXVXSDz6KJN31f2+jSVepoKDALtVq9bZWqx2RMb0VJwikIPRA5vV2fMgjBZEPUtZHcSGHOpA5ZBnUJXFgqv8FmRsypcvCR70bgsgLWdWlYaPOTUGkwrJL+nRLmKRtM4DQGcuobgsPUzMbyNyTWd0aFuqYGUTeyaZuDwf16xhkDlgGtI1/TK3uQOaaTGorv6hT1yDyzLKs7fxh6vQGMhWyoy39oC5WQOaEDGvrfFEHayByR6a1fX5ovlUQeSPrGpEPmu0EZPZZ+jXKLWakO5C5JOMa5w7Ncwoij2RJI92gWc5B5IssaKx9NCcXENnWWPtohnOQuGAZ0lj7mDFuQcL9Xy8zyg0IvJI1jXKLZloHgXz/w2uuVRA4Jvl+59JsK1De37dgdegZBJ5Y/P0uMTV6A4krMqEt/aAuXYNAGL/dTZ3OQSD5qr6hbfyjXh2BQPJ8a0ZbhIG6ZQaBUzKi28NB/dpC+bCfAact24BE8lR+RbeEibo2BYE4zknUtyEIxHNyZSrXg0BylrilS+JA3X9BIDndndPH8aD+KQics4R7mNMKyn+Sb7KHRNjHa61AoEwW9bKg4H9TKv0A2VFLzV87MYAAAAAASUVORK5CYII=");
    background-size: 25px;
}

.ocs-controls-button:active,.ocs-controls-button:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH5SURBVGhD7ZlLSgNBFEVb0ImfmZ+5qCNBEHUJfjALcCSCWxBxCeIHF6Co4Fh06memokTXlHhanlIUL206VnVVSV84FCbd9e4hEDvdWZ06ddym1WpdtdvtfdYReSnNIPGRg8gtzMjL6eVbRGReoCFvpRVTxGAPBuSQNGIJmFzy6UzIYfFHEfgBkUdYkkPjjiZggkiTdQv65JQ4Y5YuAqFj1mE5Lb7YhYtA5gam5NS4ohUuApFnWJPT44lWthuQ2WXtl23Cxy5YBmQuYFy2ChutYBkQeYAF2S5ctHJlQaQJm7JlmGjFegWZQxiSrauNVugvIHLNOinbVxe7iAuQyb+iV2RENdGKuAKZHdZqvqLt4a5B5ox1VMb5iz3YB8jcwbyM9BNtsA8QeYNZGes+2lBfILIhY91HG+gDJE5ZB2Ws+9gDfYCE/28ve6hLEHiCZRnlN1oBFyBQ7X94u4ALkDiAaq+5tCK9QvlwV8FaoV5A4B7C/S7RSpUFgXMYky3DRCtWBgTi+O1uF+sWBPJL9VXZJny0kr+BQHz3t7SiRSBwxBrfHUe7aCcQiPsesFm2E0jkd+UX5ZQ4oxW3SOM5iVLcJJ0nV1bxL/gE8meJ63JIGlEk8qe70/J2OrEkTljjfZhTFMq/wjtsIxH347WiINCAOfmzTp3/nSz7BGFOzvO+nwIuAAAAAElFTkSuQmCC");
    background-size: 25px;
}

.ocs-pause{
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFQSURBVGhD7dnBaSNBAERRpWfnH4F345A9gndaUxSWVZelH/Rl5tMVQN+O4zj+b/f7/f06H5//eHy7zpusetU9T7tG/tr85vr3R1a96p6n2YpklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku3YiWSVPJLt2IlklTyS7diJZJU8ku08HmFsffPDh56X3PO0a+TtOunJ7F1Wveqe4ziO4/i92+0Lh8vvv4ZPjmQAAAAASUVORK5CYII=");
    background-size: 25px;
}

.ocs-pause:active,.ocs-pause:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGJSURBVGhD7ZnhiRthFMTc113buTSRmuxbgwJDEAxxPH/CJxALtt5OAXs7HA6H/5vH4/F5v99/XM9f6fO3yw+yyrve8zLXyM8/x397/fdFVnnXe17GhlOyit2mZDtsNCWr2G1KtsNGU7KK3aZkO2w0JavYbUq2w0ZTsordpmQ7bDQlq9htSrbDRlOyit2mZDtsNCWr2G1KtsNGU7KK3aZkO2w0JavYbUq2w0ZTsordpmQ7bDQlq9htSrbDRlOyit2mZDtsNCWr2G1KtsNGU7KK3aZkO2w0JavYbUq2w0ZTsordpmQ7bDQlq9htSrbDRlOyit2mZDtsNCWr2G1KtsNGU7KK3aZkO2w0JavYbUq2w0ZTsordpmQ7bDQlq9htSrbDRlOyit2mZDtsNCWr2G1KtsNGU7KK3aZkO2w0JavYbUq2w0ZTsordpmQ7bDQlq9htSrbDRlOyit2mZDtsNCWr2G1KtuP5EcaGn/7lh563vOdlrpGPS/1kdj0/ySrves/hcDgcDv/O7fYNXhN+kzef/0cAAAAASUVORK5CYII=");
    background-size: 25px;
}


.ocs-seekbar{
    height: 50px;
    width: 100%;
    display:block;
    position: relative;
    background: rgba(0,0,0,0);
    cursor: pointer;
}

.portrait .ocs-seekbar{
    height: 40px;
}

.ocs-seekbar-loaded,.ocs-seekbar-current{
    display:block;
    position: absolute;
    background-color:#fff;
    opacity:.2;
    width: 100%;
    border-radius:1px;
    height: 3px;
    top:50%;
    bottom: 50%;
}

.ocs-seekbar-current{
    opacity:1;
    width: 30px;
}

.ocs-seekbar-dot{
    display:block;
    position:absolute;
    top:-8px;
    right:-16px;
    width:22px;
    height:18px;
    overflow:hidden;
}

.ocs-seekbar-dot:after{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAEgUlEQVRYR72YT2jbVhzHnyVLSj0fUh2WlZBAsjj40KRL2sSbWbtLwSwdxBkMDINAdtolDEZglF5KT6a3wRisl9CTwryCNxbaXsq6jeHY2sZyWUjVJYGwlARmTCqILPu5/IR+4vlF9twmluGh6O/75Pv7/n7vT4h09gt19tixpxov+97/dcTfZ8/5e2znPEjHYK2A/EDgGl7nj9ghe4S/XxrMD4hXAUHgKLhQeISI4PMIQAkh0OAcj+3Ua4pqq5DwEACATSwWixdGR0evRSKRd0RRPCcIwhvwVUrpM0rpv5Zl/ba3t/dDLBb7kxBS9wFrGUI/TyCMB0AIEaFtbW2lBwYGboiiONKJWSmlTyqVyk1VVe9xYPC6L5SfJzA0ABGGtrKyMjw3N3dHluWLnYDwz9Tr9aJhGPPxePwfVy0IpS8Ub1QWRgKYUql0ZXJyclkQhLOvAoPvNBqN/w4ODjJ9fX0/tYNigdgQOTBra2vvTU9Pf0sIgfPT+Nn7+/vXXCjwFp+dToawnoEwQefS8vLyyPz8/MOTKsP/F6DU5uZmMh6PP2XM7oWPhwHPyNCOjo7uK4oyeRqy+HkqHA5fIYTUXKgmIAwVwIA6yvr6+odjY2PfdAMGv1kulz9WVTXnZp8XOlDISWk3o0Cdnmq1+qskSW92EwhKgiiK44QQm1UJgEAZ9I6Sz+cvzc7OPugmDH7bMIxkLBbTWZUQCKAUUGd3d/d6f3//Z0EAmaaZjUajN1kvAZCTVQhkmuY9GBKCAKrVaj9LkpRigBoIBN4Bhc5YlvWLLMtDQQBRSg1RFC8QQqpYAgAIYEChHgCilG6EQqHXggAihDwPhUIwMAOQUygRCBWKUEr/Dgqo0Wg8FwThHCHEwuEEQ+YY2g3Z44BDNsEoRFkPOUCHh4e5aDT6dhAhs20b/Pq+W4uceROmvReynZ2dLwYHBxeDAKpUKrd7e3tvMab2gLAOndE07WImk/kxCKBSqQSzCSiMUK09UzcNG4SQiGVZj2RZHu4mVL1eN8Lh8CXX0DjIOlkGgytAebWoUCikE4nEV90E2t7eXhgaGvqO9Q+mPUJ51RoyzjTNfCQSeasbUNVq9XdFUa663gF1cCHQNEHDARayrSebzY4sLS19L4pi72lCUUrLuVzuaiaTeeKq44UL+uGnsDhBAyhldXX18szMzN3TnMLquv7R1NTUYz912JAhHPiJh3o3lUp9fVKlQBld1z9JJBIAA1mFmYWLSWfW6LcMYrMOKriczWaHFxcXv3xVT1mW9YemaZ8uLCwY7sjOwjQtifwWisemtDhFKRQKH0xMTHzeaUmwbfvpxsbG7fHx8TzjF16ZppVHq6U0vyTCOZOzcNQ07XwymUypqjoly3KfJEmvg962be/XarVn5XK5qOv6/XQ6/ZerCBgXW9ulNQ+EXmI9xc65cbqL19ikYDcboFO/xm5EHFuTsZ3zmc16iy2eAMJuPOAuCL8NAx2jEgjB7oT4wrQD4u+x6zcERBiEZzvx247h94vabja0qn1+HuP3A1j4E29cvQDy28FC9YXvJwAAAABJRU5ErkJggg==");
    background-size: 18px;
    content:'';
    position:absolute;
    left:0;
    top:0;
    -webkit-background-clip:content-box;
    background-clip:content-box;
    width:18px;
    height:18px;
}

.ocs-timestamp{
    position: relative;
    display: inline-block;
    line-height: 13px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding: 0;
    vertical-align:middle;
}

.ocs-timestamp-total{
    opacity: .5;
}

.ocs-back{
    position: relative;
    display:  inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAoCAYAAAABk/85AAAEpUlEQVRoQ+2ba8hmUxTHf39ESZHcyuWD3O9CxBdGk1tuXxhGcslMlCG3ktRMuTfjHiHMNG4zI2p8kfhICTFpMsgHmQlJScit/loz+7yd9/E8Z5/zznPOk9dZX9722Wvvtfb/v9fa6+zzvLJ9NvAUsA+9dInAN8AC2d4I7N2l5d7WFAIbgwBHU5J6YLpDYAr3noDuQC9b6gmYDO5TVnsCegImjMCEzfcR0BPQDgK2dwVeaTD7V5KubaA/FtVZGwG2jwLWNUBpnaRjGuiPRXU2EzAXeKsBSpUE2H4Y2A5YL+nJwXYDO9NUZzMBlwEr02qDiHszIP0i6cNROrZ/AHYDXpZ06WD7P0eA7QOBx2OXSlpWtQDbJwHPAGsl3VFnsbZvBpYm3Yck3VRnXAUBG4CDw2dJ19ue1p7p3BOJANsLgQeBHYE1ki4atgDbEfJ3AgH6tlW6g+NtPwDcmp7fLum+mYIU42y/C5wMLJG0eLA907k7JcD2nsCzwDklh4cSYDt2W6SQE3K6I8hbAVye+q6W9FyhF8RK+rsJaLbXAucCiyQ9NthuMldZtzMCbF8APA3sPuDsvwiwHeVgpI+IkLKMjJYhEfAmcEZ6HsBFylgCHAdE+tsEfAy8KGl1DkDbzwNXAPMlvTTYzo2vSG1bLkHbuoyzvRPwCHDVCCemQLW9FxA79aycbm7BtgPcoqy8B7gO2GXEuFeBayT9VAFU+BRnURD2he1p7Zw/EyHAduTMSCP7Vzi4mQDbF6YIiUpjlDSJgG+BILQsvwIfAPGSdlgqK4v+lZKKlDVTPBuPay0F2b4FiIMvDs8qWQN8DYR+TmoRYHsb4M+S7d/TefB6kfttHwC8AJxYMjpX0ts5J8bZ3yYBP6adlvM3CDh1yNkwbFxdAuLsiBK3kEgb7wxOmFLeZ6XUtFzSlTmHx9nfJgFx6C4Hdq4RAY/GC06N79G1CGgCkO2oyorz6SNJxzcZv7W6rREQjtneF4hy8LQKR4szIA7IJ4BLcrpbu+jyeNu3AfenZz9Lym2YcZoPjFqvguIbc7yF3g3sMMT7abvadhAQRAyrWGpFgO1DgfOTraj3l0navNAhaSgqtEXp+SeSjh0rwpnJWiegsG/7yHToxS1lWYa9B8RPYyJy5uR0R4AaFc76Ut8pkt4bAv72wKfAQalvhaSo9TuTzghIKSki4K4UEVGphIx6E47IuTFdohWRUysCkq3vgT2SjS+B0yXFb3A2i+2YM86eBSW050la1Rn6W/xoNwWN2KFR9cQO3w9YLeniUYu2fUSKnKOBVZLm1QHIdvk2NIZEKfoa8Hl6P4jr6ihFC3lD0nl15h6nzkQISDswDrvFwPuSKr9c2Y5UcUOkC0lxxVBL0p19jMtJlKJzJH2XUxx3/8QIGPdCKiLozHSvdPgQnd9SSlwq6a+ufCrbmfUEpGiL8ybSzSHpb+z0OKQ3SPpjEsAXNv8XBEwS4JztnoAcQi339wS0DHBu+p6AHEIt9/cEtAxwbvqegBxCLff3BLQMcG76noAcQi339wS0DHBu+jIBcVPY/4dkDrF2+jfFz1LiziR+txNfsXrpDoH479SF/wB96qIEMqQkHQAAAABJRU5ErkJggg==");
    background-size: 48px 20px;
    margin-left:12px;
    width: 48px;
    height: 20px;
    vertical-align:middle;
    cursor: pointer;
}

.portrait .ocs-back{
    display: none;
}

.ocs-back:active,.ocs-back:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAoCAYAAAABk/85AAAEkklEQVRoQ+2bW8hmYxTHf3+nJjlmHMpZKBrcuJBDuCKkhHJMoRyGUI4zCMMoiZtxITmUaQyNC6UZY4ZEaciNQg5DJi4Y7kQS/bXG837tb3v33s/Wu/fbvPa6eXu+Zz2n/3+vtZ619v5k+1RgCbAfg/SJwI/AI7K9Dti3z5WHteYQ2BoEfBRNSScOwPSHwBzuAwH9gV5caSBgOrjPrToQMBAwZQSmvPxgAQMB3SBge09geYvZv5f0aAv9iajOrAXYPgp4qQVKX0m6tIX+RFRnmYCTgBUtUKolwPbtwI7A15LWlNst1pmnOssEnAM8lE67CXihAaTfJH1WpWN7I7AXsF7S0nJ7uyPA9iHAncAmSSvrDmD7OOBe4F1JT+Uc1vYVwK1Jd5WkJ3LG1RDwKnAo8Iqkx2zPa//XuadiAbYvBG4DFgAbJd097gC2dwKuBa4GdqjTLY+3fQtwZfr7CklNFlCLoe3ngOOBZyQ9XW5vFwTY3ge4D4jK60jGEmD7sORCjm3SrSDvQeDc1LdM0msjvSBW0p9tQLP9JHAa8Lik1eV2m7mKur1ZgO0zkhsJP1qUfxFg+6LkPsJCanVrXEYE4AjEIWFt3wLXAccA4f62Al8A6yRtaALQ9gPAeXEGSW+U203ja/b5TxG0q2Kc7V2BuEGcX7GJOQJsLwTuB05u0m06sO1VwNFJ73ngYmC3inFvAQ9L+qUGqFOAiEVB2Bbb89pN+5kKAbZPSG7kwJoNbiPA9pnA0nTTqFKvjBflAbbXA+HyivI78CkQSdrh6Vo56l8rKcjvVTpzQbYjAN6cgmfdoeJ69wMQt5YmySLAdgTsuHrGb8gfybLeGfl+2wcDy4BFhUUXS/qgaROT7O+SgLeBPTI2GwTES6BybBg3NJeAiB13FSYIt/HhGCsJl7em4JpelxS+vjfpkoAIunGYKr87OmQQsDrVbZreR2cR0AY92+F2RvHpc0k5lthmiVrdzgiIVW0fkEioe805igG7A5EPnFWz4y4IuCq5ylj2V0mnTwzdjIk6JSCRIOByYDGw85g9zQPV9tmJiHGWk0WA7QiwIyD/AlZK8jg8Uk3nktT3paTLMnCbmErnBIx2avvIuOoB8VuUcXnA/kAkUmXLySXgiCgZFBa5RtLHY2JAPBAvp7wgumcnBlQ8bbsANyaLCMsIqcqEoz+expsKlpNFQLK8SK72Tmt8B9wgKW5b28R27OUO4ILCXpdIenNij3fGRL1ZQHEvtuPJjgAdMaIW1GQ5cV2M+v4GSfdknCsALlZDY0hcReNmtiXlB5ElH1SY6z1JkTH3KlMhID2B4eOjNPCJpEiaKsV2uIp4WbJZ0vu5CJX8e92wKFNcL+nn3LknpTc1AiZ1gKZ5bEdZI8rSERfKEpnxs8CLbYtzTevm9s88AcnaIiOOzDcqrPEbT/o3UaCTFK5pavK/IGBq6GYsPBCQAVKXKgMBXaKbMfdAQAZIXaoMBHSJbsbcAwEZIHWpMhDQJboZcw8EZIDUpcpAQJfoZsxdJGDt8B+SGYh1o/JTfJYSNZP4KiFq8YP0h0B8n7T8b/KwmmK2MKL8AAAAAElFTkSuQmCC");
    background-size: 48px 20px;
}


.ocs-speed{
    position: relative;
    display:  inline-block;
    margin-left:12px;
    width: 48px;
    height: 20px;
    vertical-align:middle;
    cursor: pointer;
}

.portrait .ocs-speed{
    display:none;
}

.ocs-speed-button1x{
    display: block;
    width: 48px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAoCAYAAAABk/85AAADTElEQVRoQ+2bW4hNYRTHf/9cihEPkmI8jFySy0jk8qB5GUQNXsmLMIxyefEiJSG8iIcxxBMelJRbyj3Ko+sDLwgzHkjKLZe0tMZ3jjOnZs4YNd+2+763ffY6Z+3z+++19lpr7y0zWwgcBqpJqzcJvALWyMxagZG96Tn5KhJodQEsAYlHIAkQj3275yRAEiAygcjuUwQkASITiOw+RUASIDKByO6zGAE3gCWSPpjZcuBEJ4zuArMk/fD9ZrYF2FuB51FJqws2ZnYGWBpTgywJ8BPYB2yX9D1A7UoAN9ktaWuw7QPcBmZ3AvQFMFnSx2C/EjgWE35W+oDPwGlgj6QnpUAqRICbumhzJd0JUMcB94EBZWC926+XdC3YjQYeAIOSAFAl6UtJWhgq6V03I8DNngJTJX0K39kE7C8D2yxpfTcjpVc1iZ6CJCmA6Qfs4rcgBViVUlABVjG3m5n/3k2PjLDzGTBFkkeaXyu2ATt6lXIXzqILAAwBVgAOfQLQImndX0RA4e81SDpfkmIeAgOBOkm3wuczAE9XfZMAfwj4mVlVAqSnArwBJkl6G2A3AWMlbQ7bLsY9wK8TmVlZiIByGD0VwH/nnKTFAbinov6SvoXtQ8DazJAPB5I3AfxvrZLUobw0s0XAhazB9+PJowBe51d7IxfOfM/33gOMSAJ0j8C/pCD30KHbDSLsBNobtqytvEWAl5y1hZ6gANvMvMT16md6EqAygZ5GQHlXPAeokXQyRMF4wOdHXg1lZuUpAkrnQg7ZRxLDgImSXgcRvL9ozgz9HF2EyyejB4ANAfQlSf7sU/sys4tAcTu2GHmIgK/ANEmPA+A64LqfXCVwi6WpmQ0HHoXoiM0/F2XoRkkHA3yfbvoIoqaMrJekPop+GewagLPR6ecgBV0B5ktqf7jMzFqAxk7AXgXmldgeAYo3Z2KJ8T+noPfhrG4L8OuByxVANknykYSL5fMnv1CPiQXf/WZRAH9Q2AdpvpYBxzsB5PtOhX2DQ+oZVQGmD/5qgefBbma4i+Z306KsLAoQBUQsp0mAWOSD3yRAEiAygcjuUwQkASITiOw+RUASIDKByO49AvxtvfSGZBwh2lyABYDPRSp1kXEOMb9e/e3Uxl/CEc71LljUhgAAAABJRU5ErkJggg==");
    background-size: 48px 20px;
}

.ocs-speed-button1x:active,.ocs-speed-button1x:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAoCAYAAAABk/85AAADUElEQVRoQ+2bTYiNURjHf38f+UqRj6lJQ1kJSVmIKeywIYyPoUhIM1hMs/C5YTBpFEVRMpJ81NAsRMlqFoqk7OxYIGYWFj5Djp7bmel1uXPvjHrP63Xezcyd+9z73Pv7vec55zzvO3LO1QL7gcnEI00Cb4Gjcs7dBSalmTnm6iPQbQIeRyDhCEQB4dgXMkcBUUBgAoHTxxEQBQQmEDh9HAFRQGACgdNncQTYvqRZ0gfn3DLgSAlGz4Atkr7b8865zcDuMjw7JbX0xjjn2oDFIR1kScAP4DJwXtI3D7U/ARbSLumsjx0KXABmlwD6Blgn6aOPXwEcCgk/K/uAL8B94JKkF0kgZUaAhZq07ZKeeqhTgavAiD+AbZD0yMdNAa4Bo6IAqJVkEgqHc26spPcVjgALewnUS/rkX1MPNBWB7ZDUWuFISdVJ8BIkaV4CzCagStKJAQiw0L7a7pwbYmUMmOtJvgLWS/rs33MbsDNVyv0kCy4AsHb4EptQgenATUnHByjAwpskdSVKzHVgJLBD0hP/95nARcDmi0wcWRBgpWN0gsZgBbwD1kqyn1bK6oAaSSf9Y5Nh80NNJsj7D5EFAcU8BivA3qdLUqH+O+cEDJf01T/eB6zOEnz7LHkTYN+pRVJnErS/6ncqa/DzKsBK2nLbyPkzfxhwG5gYBVRG4G9K0C8rot50zrkGYGtl6dONylsJsiXnht49QUKAjYJ2YEa6eMtny5OA4l3xHKBakt10YJPyNOCKX5qWJ5NSRJ4EJPtCtuS0VsN4oE5Sj5ewBtibEtuK0uRFQHFntNl2v57AA0l7EuXoNLCwIjopBOVBgK3zN0p67s9ya22cK2LXtzR1zk0AbgDjUuBbNkUeBLRJsraD1XnbUdvv1UXf3FrQ1oq2lrTFLQIKO+TQx78u4CGwS5LzYO0Wy1UloForujERexBYGQX8TqDSfYC1rO2s7vbw5wNnygBtldTh4+1agE3Udm0g2JHFEXALKPTugaXA4RJ07Ay+558b40tPVRmSdt3BJufXPm6Wv4pmLewgRxYFBAERKmkUEIq8zxsFRAGBCQROH0dAFBCYQOD0cQREAYEJBE5vI+BO/A/JYBZ6TMAC4IDdEBXsY/yfia2FcuwndJTGU4Ul28QAAAAASUVORK5CYII=");
    background-size: 48px 20px;
}


.ocs-speed-button1_25x{
    display: block;
    width: 48px;
    height: 20px;
    background-image: url("data:image/png;base64,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");
    background-size: 48px 20px;
    bottom:0;
}

.ocs-speed-button1_25x:active,.ocs-speed-button1_25x:hover{
    background-image: url("data:image/png;base64,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");
    background-size: 48px 20px;
}

.ocs-speed-button1_5x{
    display: block;
    width: 48px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAoCAYAAAABk/85AAAFHElEQVRoQ+2bacxcUxjHf39LqTUkGmvQWKq0tJRILbW3lkhQQSwhoSKaiKot+ECqHzSNNMQSROqLXezFB/tOa0nEFmurpYh9jT7yvz3z5pq805l35s5735H7fJnJvc85zzn//z3PdmcUEYcDNwFbUslgIvAlcJYiYjGwxWBarmz1IbDYBEQFSHkIVASUh31muSKgIqBkBEo2X52AioCSESjZfHUCKgJKRqBk84NxAhYBU4DlwCHAgg72fCZw2wDGzwIuTvrX5L4LeAo4oMlcU4H7k85GwDvA5gOw31S12wTcCFwg6VevJCJMwJNNV9VY4QhJj7U6PiKuBi5J+iuASZKeT2vZBngXWK/BfHdKOrF2LyLuAo5v1Xaret0g4E/gEWC2pDfzCymAgPGSFkXEcODgFjZ5KnBcTu8zYKyknxMJ0wA/JPWyDNhF0ndJ7xRgfgv2BqzSDQK2leSNZhIRG0v6vqATsJmkZRExFnh7wLtdOeB2Safn1vcEcGjdXEdLeiiteevkejZo094qh3WDgBGSlkfEasCFwG6STiiAgH+AYZJWRMRk4PEOADlG0gNpTVslV7Rhmm++pNPSPe/haWC/DmwNOgH2rQ5u5wK7O4hJOrYAApZKygJgRJwB3NoBKN8mF/N1ms8nwsF9Sbr+Q7ruAD67AztNh3bjBPxSF9iKImChJBNqAi4Hrky7c2byCbC+/TuwSdNdr1R4VNKROVf0MHC9pCxLi4hxwKvAmi3O15ZaNwioX0hRBPQBFhE3JGBmSfo0bzAidkgvmCa1gMjZkvwyyoAPl/R7+r42sBDYqYU5OlLpJQJukeQ6wGCNkvR+o51HhPN8n5DLmqDj9Ngx6uM6EucB0ztCtsXBvUTAVZKuyLmMnYHzgPFuqwPvAfMkvZZIcgC1C9mjCRYLJLlQzCQi7OZeT3O2CGP7ar1EwDmS7HoM0mHAg8BadVt3pnSSpLuT3l7AK03gmSrp3hwBawAvARPah7X1kb1EgANtVhgBOwKN8vKlwEhJfyQSXHQ1qnbvkORi7T+S4ohbKOu0DmV7mr1EwEB2OE7SW4kAu5P+3NAXqSr+MenNAO6rFZER0ahKHsg6mur+XwnIV7L99XDcFzpI0jMJ/FrK+UK6nv1QISKcmvalqk3RbEOhlwhwQWQfb7moSX6+qyTXBwbReb1jRl7mSJqZ7g8D3gDGJIXpkq5L90akKtmfXZFeIsCp5wcJGLcHGuX5TilHS/o7IlYHvgLyALoDOkGSm4YmKN8x9aXfABOYpaYRcRSQ9YW6IUOBgJcBdxv9vsB+uC/VrNvwpZKytkBEOLux+3DBlBe3ECZLcvrZH3h/JfBrp2PPlPGYqLzYFe3vvlOaxx1Tx4TCZSgQsLekvlQxIj4Ctutnp+7fjHE3NIEyOhVL/vTT7Mp1rqRv0n1nSW6H5+eaKWlOum/ynOmMaoDqDElzk+66SXf7ohkYCgTsK8lPXCYR4daCG3r9iUGeUgO5ERgRsSlwD7BPTudZ4MDcU20ifOIaidNYZ1NZxR0RPi0vAq4TCpOhQIAD4MmAO5N+e+UW9qrEbsbgXVt705Yjz3n7+SlI53P/n1LK+XkCcyLwHOBqeVViVzZRUhb865qAhZAwGAQUstB+JvET6kD5YXoq3TgbCdT7827ZL2TeXiagEADKnqQioGQGKgIqAkpGoGTz1QmoCCgZgZLNVydgCBDgf+tV/5Ash4glPgH+kdPNgH+gVMngIeB/p077FyK1eQR62dWlAAAAAElFTkSuQmCC");
    background-size: 48px 20px;
    bottom:0;
}

.ocs-speed-button1_5x:active,.ocs-speed-button1_5x:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAoCAYAAAABk/85AAAE+UlEQVRoQ+2beYydYxTGf4+1YgliX6KxJLY/CLFHJIiWpBFEkSqNogSpSJPalyhNiLSoELRCrSFpqFZE2oiGSASJbYQ/iL0dShCi9MhzvXfy9ubO3Dud+91vbn3nn5ncOe857/c83znvOee9o4g4DrgO2IlKuonAD8AsRcRSYMdueq58DSCw0gS8UwFSHgIVAeVhX/NcEVARUDICJbuvIqAioGQESnZfRUBFQMkIlOy+GxHwKXAVsBo4ErhvBM98O/DiMNZfDlyY9J/IfAuYBxzewtZMYFnS2QZ4BthhGP5bqhZNwAvAHEl/eCcRcRRwf8tdDa4wXdKKdtdHxBUZAQFcIum9tJfdgGeBLQax96okj2hqEhGzgZPa9d2uXhEErAHeABZI+iTfSAcImCSpLyLGAEe08ZCnASdmet8B50j6PYF6JnBtEzs/AhMl/Zz0bOfWNvwNW6UIAiZI+jZ7c7aW9GuHImCcpP6I2A94ethP+9+CxZJuyfbniHRk5nKNpNfTnndNqWfL9fQ35LIiCDhZ0uqIcJ49HThM0g0dIGCtgZK0NiKOAe4dASAzJC1Pe9olAbxVsveypJvT3zYCHgIOHYGvrhMwHjgo5d6DgeWSZnSAgH5J45IdE1sjdT3FqcUpxqnG+X0CcBOwCjg7i1gf4D5HCpMiIsD5NQ/XThHQJ2lSAmwqMC2h8jnwtedawO7Avm2itULS9CwVzQGek/Rm8rE/8BiwSZv21kutCAIaN9IpAgYAiwiXh5sC8yV9kzuMCOfsy4BT20DkTkmu1BwFYyT9Wf8dWAiMbcPGiFR6iYBFktwHGKyxkr4Y6skj4gLgyhboGPBzJX3VQKJT5sQRIdvm4l4i4BFJD2YpYx+DBzhVuCz9MqWQtzOdu4ETWmDxlqQBoiLiAMBNW1eklwiYLen5FAFHA/ekNNQI1G2Sat1ym+XqTEmvZaQ5588HDuwGA71EgHP9LwmUvRoO+hwr9xzjs3y+GHCp2UyWSHL1s45EhO0/mSKrUB56iYDhAOGRw7spCuYCxzZZ/H3qin9Leq6wltWbyIgYrEsezj5a6m6oBAyklYiYBZzS+JK7UpJU+0JCRNRLzvfT554b+XOXpv7aTmHSSwS4Jv8nITEFcJc6mOQR0GzUsFCSwTXILmd96Nb7h7skeUjnv22fBnbbFcVALxFwVr30jIjHhzgk3c16HrUmIjYGXgFyAN24TZb0VwI5n5j6o3VK04g4Ph34hXAwGgj4ALgR8HjAedhdbjOZJ2lBAs2TUM+CGrtUj72vzlJLI3h/A+dL+izZ8ajEFU9jNDkVOYo8f3IkeCx9RhEMjAYCpkgyCTWJiEXAHk0e1gR5lNyf9PZOzZJ/+k3/2BPSemccER6uuZvNbc2VVKvxI2LzVOkM1u36HsPrres7g6eAPTtNwmggYKokv3F1Al4CPE5oJn2+XZP001BARMS2gJuwQzI9V0XTsrfac6DabGkQcYo6L0t7jpZHE9kd42E0EOBLG6cgTyZ9uE5u8XS+2nwAWFqv9TPy3BF7Gntpw9WhB4SOHl/I+I02MQ+nAd5Q7j4ELpJUO/wj4uJku6cI6NhmGwz5sPwojZA9Cd05HcybFeWwCLvdiIAi9r3B2KwIKJnKioCKgJIRKNl9FQEVASUjULL7KgJGAQFLqv+QLI2FVY4Af8np+tTIlLaT/6HjlcAd/wJez29iJaUC+gAAAABJRU5ErkJggg==");
    background-size: 48px 20px;
}


.ocs-speend-list-container{
    display:block;
    position: absolute;
    height: 90px;
    width:48px;
    right:52px;
    bottom: 55px;
    -webkit-transition:bottom 0.3s ease;
    transition:bottom 0.3s ease;
    z-index:106;
}
.portrait .ocs-speend-list-container{
    bottom: 45px;
    display: none;
}

.ocs-speed-item{
    display:block;
    width: 48px;
    font-size: 14px;
    color:#fff;
    background-color: rgba(0,0,0,0.35);
    text-align: center;
    cursor: pointer;
    line-height: 14px;
    padding:10px 0 9px 0;

}

.ocs-speed-item:active,.ocs-speed-item:hover{
     background-color: rgba(0,0,0,0.55);
}

.ocs-full-screen{
    position: relative;
    display:  inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIWSURBVGhD7ZmxS1tRFMZTUXTI4lAQBBFXF+MidBIXwU0CCmJB/Au6VUQQOnTuVsTJraOLENpJHBwFJ8HJSR2KiINIJenvXL/3MOQl77mY8+D+4OPm3ntO+L6EXHg3lUgkUm6azeYi+t5qtapaKh8EWEXPhGgxnpQyzOsQCaULkxUigfXfKus/+JlAA5q20SuEwd4NQ2bvu4KRj+gfOsLQiJYDrOWFuEdzKu8vGFmQLzPWYAhheF2eEAZmNuUtwLyB1lF5QhgY+iZ/Kaw19bIDlyEMTB3IYy5uQxgYO5bPnrgOYWDuSl674j4EHgcx2PVHnUDNKUPb0ewKzE0GpwUgTHo0uwNj88FlQRRmSO1+wNRGcPgGCFNXux8wtSp/HbD3hC7RH7SPdlCdLZffiP3Yt9FPjWvoExpn74PKIpFIJJKNHZVojGNzDtmT3VdkR+ovtKQyX2BsGtNbjHvInuYu0CNrmbD3V62+wFih54cE6u/U6gu8zdin/GIzH2rP1OoPzNWKhqHuUG0+UZgH+e0KNT/U4hMM9rx3SqDmi1r8UTSEQd2y2nzxlhAGtTW1+iEvBHtZF2ujavdBgRB2ZfMZpaeZrandBxhaQXkhwr0TY3o0M56HN/AChq6D4wzY67g8Yz6LbtG+lnyAoV35boP1rjeAbFfZG9bUD5iyf1JTeoVwTxKm1CESCLBIlilNI5FIpJ9UKv8BQL+4iErXntsAAAAASUVORK5CYII=");
    background-size: 25px 25px;
    margin-left:12px ;
    width: 25px;
    height: 25px;
    vertical-align:middle;
    cursor: pointer;
}


.ocs-full-screen:active,.ocs-full-screen:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH/SURBVGhD7ZixS8NAFMarFIUOgiAibuJgh4KLbiJKsYhS3J1EHBwcu4hdnJwcBHFQBydxERzchKIIouLf1Pp74aWk4dJEl7zA/eDjenfvle9r6KVNyePxFJtut7uKWr1er6JLxYMADfRNiB/G20KGiYYIVbgwrhChWL/WsvzB0Awa1ekAw0KI2OswlrU8PzAxiZkvdIHGdTmAeVqIN1TT8nzByHLE2CUKwjAWJ4SAmZ2YQQmzhYoTQsDQoctskkyGEDB16jLsktkQAsZuXKbjMh1CwNyzy3hU5kNgsozBxC91RHfUDRzNpsDcrMO0U9T2j2ZzYGzJZTpJEoYx/7t4HIw142bTRE9d2+2AqYbLrIi9T/SErlAbHaA6e/auiJjC3D461nETLaJp9ka0zOPxeDxu5KhEUxybNST3hj1GOVLPeL2iZbbA3LwaPUHy++cRfbCWdGPraKstMJbp/0NEr9pqC4IsyKfsMOwUtffaag8MVrOGoe5c22yCSQnzHjceFzUtbbEJBoc+dwpFza622CNrCBF169pmi7+EUFW11Q7/CCFXZELbbZAWgj15ZLON+qeZrGm7DTC0gdJCBM+dmPePZsaH4A2sgKHEYzYaIoR1CfOC2rpkAww5HzS7QoSwX0FjOrUDho+yhjBPGKbQIUIIskaIOZ16PB5PnpRKv5dceovbYDzrAAAAAElFTkSuQmCC");
    background-size: 25px 25px;
}

.ocs-normal-screen{
    position: relative;
    display:  inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAACsUlEQVRoQ+2ZO4jVQBSGv78QRUUQVISF9QEWvgobSwuxEEvBVgVFZS20kYUtbCwUtVJ8wCL4KBRBrESbVcFKBBXfnS8QtFYr9cgsyRKvmWRyczcZlgxckkvO5PzfOZMz4UTMkKEZwkEHElsmu4x0GakYATObCywD5gFPJf3Ju0XrS8vM5idClwPpzwlPzxdnhF+RtDs6EDObADZXSNJbSWtiBLkM7KoAMiFpS4wgs4AbwPZAmEuS9kYH4gSZWRWYo5KORQmSwKwCngOuQhWNnZKuRQliZiuAh8BwwPLaJOlRdCAVIZz+YUmfowLpA+IXMEfS72hAAiFeAesyot9LWulbfo3v7IEQY8DpntL8QJJ382wUJCm17wBvZIExScdzSvO4pH1RZMTMZgMfgKUeQVMQ6fUE/jBwT9LLKECSKK8H7gOLekT9BxFQjqdMGl1amSj3wtSCcPdtBSSTmbPALUnuWGu0BlJLdc7kDmTQEa17v4FlxMyWAEOSntUV1c/8gYCY2dqkpDqYQ5LO9COmzpzaID0QqZbGYWqBeCBSmIOSzteJcpW5fYOUQDgNXyQNVRFTx9YLYmYLAdeuOSXpetZJAIQB+yWN1xFXZW4RyDbgDuA6e3skudaNaxZkH+w8Xw5iRNLFKkLq2haBjADnEgeTMMCTTHWKBqLwXcvMTgJHMmodzHdggSd6rWQi1VKUkZvAjsCUtwpRlpHHwMYAkNYhykC+Am6nLhpRQHhBkm8SPwIgrvra/AGZHKhJ7jNiZquBNwGe/inNAfbTZuID2QrcDfQaBYwP5ABwIRDEmTmYDZJeVJgzUFMfyChwIsDTN+Aj8BoYleT+tzJ8IK6Bdhtw3+8+Jb0o149yot1x8lzSz1ZU5zjt++03FoDSnT02oWV6uoyURajp611Gmo54mb+/H+jgM5gC5xYAAAAASUVORK5CYII=");
    background-size: 25px 25px;
    margin-left:12px ;
    width: 25px;
    height: 25px;
    vertical-align:middle;
    cursor: pointer;
}

.ocs-normal-screen:active,.ocs-normal-screen:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAACoUlEQVRoQ+2ZTahNURTHf/8y8FFi5DMlZqZGLyVl+DJi8kqZKEoZMkKIVwykXp5SkohIXigylQklEykfGT1GjMiEpfXa93Xcd889+5x7zr2719l1O6d798f/t9baa69zrlgkTYuEgxYkNU+2Hmk9UtICZrYUWAcsA95L+ttripGHlpktD0Jd7PrwWZu5X5UR/ljSqeRAzGwa2F7CSV8k7U0RxK07XgLklaTDKYIsAc4DuyJhZiSdSQ7EBZlZGZhpSdeSBAkwm4DbgGeofu2kpCdJgpjZBuAq4JmqqB2U9CY5kJIQrn9c0rekQCpA/AHGJPl1QRvJgRgJ8QnYklE8K2lPXuwNHSQSYgq42ZWaX0s6lARIqJvuF2zsKUnXe6Tmh5LOpgKyApgBsvVTVts8ROfLcM5MAC8lfUwCJFh5K+A1VjfMAoiiXJz9feh7JAdmIAifcyQgGZgTwDNJt8pYP5n0O6joFqQJC9Y9Z217xMzW+Pkg6W3dImPmqwXEzLyU8JS6Grgo6U7M4nX2GRikC6KjbegwA4HkQHRgLki6W6fV+81VGaQAwtf8KWnnyEHMbCVwxatQSU+zgiIgvPs5SQ9SANkBXPL3A8BpSY/CiZzd2Hk6JyV5lTu0lhtaZrYPOBaUzMEA7zLZKRmIvrWWmR0F9mfUOswvwEvxpCCKQCaB3SViY+jhlNXWL7RuANsiQUYKUeSR5+GkLmIZOUQuSHi2flFEAOS+5o8YW2uXnqFlZpuBexEr/ZeaI/o31iUPZAy4HLlqEjB5IP5nyvFIkLlzEpiQ9KHEmFq75oEcAI5ErPQD+Ap8dg9K+h4xppEueSAb/bkivLLxl8YudjZc5+8l/W5EVYVJK1e/FdZqdEgL0qh5K0zeeqSC0Rodsmg88g8WMNgzTXePAAAAAABJRU5ErkJggg==");
    background-size: 25px 25px;
}


.ocs-top-bar{
    display: block;
    width: 100%;
    height: 25px;
    top: 0;
    position: absolute;
    margin: 0;
    -webkit-transition:top 0.3s ease;
    transition:top 0.3s ease;
    z-index:106;
}

.ocs-backup-button{
    position: absolute;
    left:10px;
    top:18px;
    overflow: hidden;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAADPElEQVRoQ+2ZTchWRRTHf//ePsSQCKkkFEQwWkSBgUJgUPmmKJik5qKQUEIw1E1Uu8SdRdAiMMEiPyJQJNEUv9q5q021qo0GtnHhQlD87B8HRogX3/HOPPfe50mc9Zw7/9+cOefOOSPukaF7hIP7IKPmyZHwiO3NwIfAw8BOYKukWyWbNXQQ218AWyaI3itp7f8CxPYDwFfAe5MIXijpTFOYoXjE9hjwLfBORugqSQdHFsR2xMH3wJsZkX8Bz0u6NJIgtqcAsctLMwLPA69J+rMpRMzr7WjZfhQ4ArySEXgWeFXSuRKI3kBsPwYcA17KCPwjeeLvUoheQGxPB04C8zICfwPGJV2ogegcxPYM4BTwXEbgz8ASSRdrIToFsT0L+AmYmxEY/4llJdlpsm91Euy25ySI2RmI08Abkq4M4onbtq2D2H42QTydERjZa7Wka21AtH60bL+QYuKJjMADwNuSbrQF0SqI7fnAceDxjMDdwPrSm20T4FaOlu2XgR+BaZlFdwDvS3ITYaVzBgax/TrwAzA1s/jnkj4oFVcyfyAQ28uB/cAjmUW3SfqkRFTN3GoQ22uAfcCDmYU/kvRpjbBSmyoQ2+8CXwNRHN1pRBxslvRlqaDa+cUgtjcCIXAy23+i6pP0Ta2oGrsakO2pUTDZeleBFZJO1AiqtSkGiYVsbwVyAXwdWCPpUK2wUrsqkAQT6fSzzII3gbWSoqztfFSDJJiRiZeBQBJMZLBdQHRGhpbBBgZJMG+lf8pDmTP0saRIFJ2MVkASzFD/8q2BJJhxIDJV7/euVkESzELg6F1uwtEq3djmTbh1kATTpDbZA6xrqzbpBCTBRLUYbaAnM9HdWrXYGUiCaVK/R0EWDeuB6vdOQRJMLx2VzkESzMzUWXkmc8wG6nH1ApJgngKil5XrOv4CLK7pOvYGkmCiDxzX+xcznvkdWFTaB+4VJME06cz/CiwoSQC9gySYeCs5HG8hGc9EOzXmNBpDAUkwd3u9iliJ/1CjMTSQBBO35Si8Vk5QG0khQKL+bzSGCpJgoo6JSnNTqmm+AzaUdumHDnJ7u9ND6Ziky41cMGHSyIDUiP+vzX2QQXewbft/AWmm9TPdhEKhAAAAAElFTkSuQmCC");
    background-size: 25px 25px;
}
.ocs-backup-button:active,.ocs-backup-button:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAADEUlEQVRoQ+3ZTehNeRzH8ffHQ4YoooZimlKykCILZSGKmoWyERtmQ4M8ZYTEjDz1Z5TnhzQLymZqLJTBghpRZGXFgo2NNAul1ExiPvrWT0ndn3POPefcS36buznn3O/r/B6/3yO+kKYvxMFXSL/1ZF/0iO1lwI/AUOAScE7S2zIvq+cQ21uAgHzYrkr65bOA2B4E7AAWdwh4paQHRTE96RHbg4HdwA+ZQLdJutm3ENsxDw4A8zJBPo/hJulVX0JsDwMOAXMyAf4DrJH0tCgirmttaNkeDhwBZmUCfAaslhS/pVorENsjgePA9Ex00QPRE9EjpVvjENujgZPA1Ex0T4C1kl6UFqQbGoXYHgecAiZnAnwIrJf0siqi0TliezxwBpiUCTD2iU1lVqdOz2qkR2xPTIgJGcR9YLOk/7rpiff31g6x/T1wFohh1andBmLDe10HovahZXsKcBqICd6p3QB2SnpTF6JWiO1pwAlgVCbAK8DesifbIuBahpbtmcBRYETmT/8EDkpykcDKXtM1xPZs4DDwTebPL0oKaGOtK4jtucBASog6Bfm7pJj8jbbKENsLY7wDcSTv1E5IutCoID28EsT2IiAyuNz9v0n6ow1EpVXL9pLYAzIBxmTeJ+lyW4iqkA3AikyQscn9LOluX0MiONs/AasygcZmt13S321hKs2RhFkObMwEGuWcXyVdbwNTGZIwfTNfuoIkTKxgu4Ao73Rqja9gXUMSZkHaU4ZkMCclnW9qmNUCSZie7vK1QRKmZ+euWiEJMwM49omTcBSqB+o8CdcOSZgiuclfwJ66cpNGIAkT2WJUUMZkJnht2WJjkIQpkr/fAbZ2m783CkmYVioqjUMS5ttUHvouM8y6qnG1AkmYsanCkqs6PgLWVak6tgZJmMbqwK1CEqZIZf5xfBwtswC0DkmYIt9KIjm7VfRs1hNIwnzq61XMlXt9D0mYOC3H98T5HwUcBe6A/P9ZQBImykmRaS5NpaVrwP6yVfqeDa2P33T6UDpI0r9Fe+HD6/oGUiX4r5Bu31qT978DYYTzM8qUKVQAAAAASUVORK5CYII=");
    background-size: 25px 25px;
}

.ocs-lesson-title{
    position: absolute;
    left:38px;
    top:18px;
    position: absolute;
    font-size: 18px;
    color: #fff;
    text-shadow:0px 0px 5px #444 ;
}

.ocs-next-page-container{
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    height: 100%;
    width: 40px;
    padding-right:15px;
    z-index:106;
}

.ocs-prev-page-container{
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    height: 100%;
    width: 40px;
    padding-left:15px;
     z-index:106;
}

.ocs-prev-page{
    display: block;
    position: absolute;
    margin:auto;
    cursor: pointer;
    top:0;
    bottom:0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABUCAYAAADwHnXXAAACRUlEQVRoQ9XbSy8EQRiF4TPuRAghJARBQsLCTLAgsSBE3P7/z5Ej/UmP6elbfVV19MZKe9Klq/utmhlA+xgNhH2XAO5UgecAHnjxFIGnAB5tZNWARwCeyxdOCbgP4BXATPm+UAHuAngDMPf3plUAbgP4ADBfNaPkBm4C+ASwOG26ywlcB/AFYLluLs4FXC1w/Fl75ACuFLi1JlyOiXqp+J/baINLDVwo7tattriUQE4hnOd2uuBSAWeLJ8ReV1wKIB9bLwAO+uBiAzlDPAE47ouLCSSO73NnIbiYwHsAF6G4WMBbAFceuBjAEYBrL5w38CdyPHGewN/IUQSORY4acCJylICVkaMCnBo5CsDayMkNbIycnMBWkZML2DpycgA7RU5qYOfISQnsFTmpgFzEee8TOSmAQZETGxgcOTGB7AguvZ54/5GQ89najFvkhGCqfteAbpETA+gaOTGANwCG3if2Op8NMWOH0SN3/JubxApPdpqxoeVEzZ2eQ5Wxrlqjln7U2YWTflkwpPTrliGlX1gNKf3Kb0jpaDKkdHYaUjrcDSm99GFI6cUjQ0ovvxmSz2zuJEXb1vU4MSOLO0pRDg8gYdKL6HblpLchDMm2YeO4HV5DXAa5RlgMILFuERYL6LZSEQvoFmExgUQGR1hsIJFBEZYCSGTvCEsFJLJXhKUEEtk5wlIDiewUYTmARLaOsFxAIltFWE4gkY0RlhtIpPSHbBsjTOEK1kaYEpDQiQhTAxIp/WUDG27pr2uMRZjiEJf7ZvgNLCshZPnw1E8AAAAASUVORK5CYII=");
    background-size: 20px 42px;
    width: 20px;
    height: 42px;
     -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
     z-index:106;
}

.ocs-prev-page:active,.ocs-prev-page:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABUCAYAAADwHnXXAAACNElEQVRoQ83buy9EQRiG8WfdhZBISJBQUNDQ0FBRuRSoqDQahYS4/P/yyfk22N2zZ86ZyzuN0i/DmZlnzm4P7XHdE/adA/eqwFPg0SZPEXgMPLlNDXgIPAMT/q+nBNwHXoCp38+FCnAXeAVm/j+0CsBt4B2YG7ailAZuAh/AwqjlriRwDfgClurW4lLAlQpnP2tHCeByhVsdhyuxUC8Cn8B6E1xu4Hz1tG41xeUEzlbr3E4ILhdwutoh9kJxOYCT1d560AaXGmgbvp1KjtriUgJt+bLz3EkXXErgA3DWFZcKeAdcxMClAF4BN7FwsYE/kRMTFxPYjxxF4J/IUQMORI4ScGjkqABHRo4CsDZySgM3qgPnyMgpCWwUOaWAjSOnBDAocnIDgyMnJ7BV5OQC2iXOGxAcOTmAnSInNbBz5KQERomcVMBokZMKGC1yUgCjRk4KoEWOxY7k8PtBix2LHrnhQPmHxGZOepnxP630Qu1I6a3OkdKHBUdKH7ccaQdWexNksVRkNHlPIn3k91mTjiZHSmenI6XD3ZHSVx+OlL48cqT09ZsjpS8wHSl9BexI6Ut0R0q/hnDkJXAbc9NusheH/j4DGjTKSAE0WLQISwWMFmGpgNEiLCXQkJ0jLDXQkJ0iLAfQkK0jLBfQkK0iLCfQkMFvDXIDDRkUYSWAhmwcYaWAhmwUYSWBhhwbYaWBhpT+kO3YCFOYwdoIUwIaVPqj8kMjTG0GByJMFWhQ6S+89CPsG8RuMeuUE0/GAAAAAElFTkSuQmCC");
   background-size: 20px 42px;
    width: 20px;
    height: 42px;
}


.ocs-next-page{
    display: block;
    position: absolute;
    margin:auto auto auto 20px;
    cursor: pointer;
    top:0;
    bottom:0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABUCAYAAADwHnXXAAACRElEQVRoQ83azUocQRiF4ddL0ovyAv0jRJKFoAsjMYsEFJKQiIKiGJSg5lc5QymZyYzTXf1V1amNK+GhRru/t2oWgCXgLaZrAVgGdoD3jsZHoGxbwIEb8l+gbK+Bj07ISeA9sAl8cUFOAuX6C7wAjh2Q04By/QY2gNPWyFlAuX4Ba8B5S+RzQLl+AKvAZSvkPKBct8AKcNUC2QUo1/eE1M+qqytQqOuEvKkp7AOU61v6m7yrhewLlOsi/Xf/rIHMAcp1lp6TehQVXblAoU7SG+dPSeEQoFxHwMv0eiziHAoU6jPwCtCgEb4igEIdpnkyHBkFFPIDsB29hZFA2d4Bu5HIaKBse5ERVgIoZFiElQIKGRJhJYFCDo6w0sDBEVYaqF0cFGE1gEJmR1gtoJBZEVYTKGTvCKsNFLJXhLUACtk5wloBhewUYS2BQs6NsNZAIZ+NMAfgY4Stp+fl2LTmApwZYU7AqRHmBhTyU5qCRn3jCByLMFfgU4Q5A0cR5g7cdwbq5mvHFfh0UuEItH7MfE03XeqY0XLawannjS5AndjaDgvW45b1wGo98ltHk3V2Woe79dGH9eGR9fGbukI3UXrHZq3SrzrdQGk6yV4lgdaH6NbXEG+A/ezPdOIXoz9iwQQMW5HAUeSEyYInauvr2LHIcdvB/yLHCWj9pYqZkeOwg9Zf7JkbOS13sFPktAJ2jpwWwF6RUxvYO3JqArMipxYwO3JqAAdFTmng4MgpDRz8PZeSwJDIKQUMi5wSwMXIyIkGPgBUkuDA3GJuLwAAAABJRU5ErkJggg==");
   background-size: 20px 42px;
    width: 20px;
    height: 42px;
     -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
     z-index:106;
}

.ocs-next-page:active,.ocs-next-page:hover{
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABUCAYAAADwHnXXAAACP0lEQVRoQ83aPU9UQRiG4Xt/HuGnIUQSCy1srKBCC1YrrbTRRhoooIAETCAhwUgEv/NsRrILu3u+3pl5ptlms7myyZmZe+aMgFVgF9MxAp4B28BbR+N/oGwvgPduyGngX+A58NEJOQ2U6w/wFPjsgrwPlOsX8ATYd0DOA8r1A9gEDmsjFwHlugE2gOOayGVAua6BdeC0FrIJKNdXYA04r4FsA5TrMiH1WXS0BQp1kZBXJYVdgHJ9AR4B30ohuwLlOklP9/cSyD5AuY7SPHmbG9kXKNdBWnF+5kQOAcq1l9bu37mQQ4FyfUq7IG00wkcEUKgPaT+pLVvoiAIK9Q7YCtUBkUDZ3gA7kchooGyvgHEUMgdQtrAIywUUMiTCcgJDIiwnUP/i4AjLDRRyUISVAArZO8JKAYXsFWElgUIqwrThPWs7T5YGytUpwmoAhWwdYbWAQraKsJpAIRsjrDZQyKUR5gAUUhH2OM2XMw+4C1CouRHmBBTyQYS5AYWciTBH4EyEuQLvIswZOIkwd+DYGaibr21X4N1JhSPQepqxnqitlzrrzYL1dkvxpJushbcGNZ9i6y2/dTRZZ6d1uFsffVgfHlkfv1kfYNofAVsfoltfQ7wEXrc9oGz6XvRaLJiAYSMSOImcMFn6oSig9XWs9YW29SsB1i9VLIwch4fE+sWexlP5mv9gq8ipBWwdOTWAnSKnNLBz5JQE9oqcUsDekVMCOChycgMHR05OYEjk5ASGRE4uYFjk5ACuREZONPAfFybk9RMMFzIAAAAASUVORK5CYII=");
    background-size: 20px 42px;
    width: 20px;
    height: 42px;
}

.ocs-page-number{
    position: absolute;
    bottom: 30px;
    font-size: 12px;
    color: #fff;
    text-shadow:0px 0px 5px #444 ;
    line-height: 24px;
    width:100%;
    height: 30px;
    text-align: center;
    -webkit-transition:bottom 0.3s ease;
    transition:bottom 0.3s ease;
    z-index:106;
}

.portrait .ocs-page-number{
    bottom: 20px; 
}

.md-show {
	visibility: visible;
	font-size: 18px;
}
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	display: inline-block;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-content {
	color: #FFF;
	background: rgba(0,0,0,0.5);
	position: relative;
	border-radius: 2px;
	margin: 0px auto;
	padding: 5px 10px;
	max-width: 300px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.top-mask{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 80px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAACgCAYAAAA1tf01AAABjUlEQVRYR+3Y+S/XARzH8Y+jXLm16FiOOYamLExZasLcDGWuEVMNNUdNrrIilVzp8N/a9y/4Pmyfn5r3z489f3j9+I4JguA0gIsJguAfuOBc8K8WGf7RIsPfWjxR+Ct0eKzFI4WHocMDLe4r/KlwT+EPhd8Vfgsd7mrxq8IdhdsKvyj8rHBL4SeFHxVuKtxQuK5wTeGqwg8KVxS+V/hO4bLCJYWLChcUvlX4RuG8wjmFswpfK3yl8KXCGYXTCqcUvlA4qXBC4bjCMYWjCkcUDiscCh0+1+IzhYMKBxT2K+xT2KuwR2G3wi6FnQo7FLYrbFPYqrBFYbPCpwqbFD5R+Fhho8JHChsUPlT4QGG9wjqFtQprFN5XWK3wnsK7CqsU3lFYqbBCYbnCMoWlCksUFissUliosEBhvsLbCm8pvKnwhsLrCvMU5iq8pvCqwhyF2QqzFGYqzFCYrjBNYarCKwpTFCaHDpO0mKgwQeFlhZdCh/FajAsdxmox8sGOehHEMGotAqh2AaNu+V/teAaMvS1fTiEXLQAAAABJRU5ErkJggg==");
    background-size:5px 80px;
    background-repeat:repeat;
    -webkit-transition:top 0.25s ease;
    transition:top 0.3s ease;
    opacity: 0.65;
    z-index:106;
    
}

.bottom-mask{
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    height: 80px;
   background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAACgCAYAAAAb8NynAAABt0lEQVR4Xu3S+y/VcRzHcYdcyj0jZG5zmbQYGrXUXEa0yv1Sk1phRauwKFpEoYuS659r5zfz+zmPH77n8wd8Hnu+9g7FoRdCblwMjtrysaljU0dsgdhxRWza8x8Hc2pSHUYZHB+1izoDhWsTAgdfUMWJgYOTVHGyglMUfFHBlxScGjg4TRWnKzhDwZkKzlJwtoIvKzhHwbkKzlPwFQXnK7hAwYUKvqrgIgUXK7hEwaUKLlNwuYIrFFyp4CoFVyu4RsHXFFyr4OsKvqHgOgXXK7hBwY0KblLwTQU3K7hFwbcUfFvBdxTcquC7Cr6n4DYFtyu4Q8GdCu5ScLeC7yu4R8G9Cn6g4IcKfqTgxwruU3C/ggcUPKjgIQUPK3hEwaMKHlPwuIKfKPipgicU/EzBkwp+ruAXCn6p4FcKnlLwtIJnFPxawW8UPKvgOQW/VfA7Bb9X8AcFzyt4QcGLCv6o4CUFLyv4k4I/K3hFwasK/qLgrwpeU/C6gr8peEPBmwr+ruAfCt5S8LaCdxT8U8G/Agf/VsV/FLyr4L8K/qfgvcDB/1XxvoIPAgcfquKjwMHHqpjBJ6qYwKe8qSzzjviU7AAAAABJRU5ErkJggg==");
   background-size:15px 80px;
   background-repeat:repeat;
    -webkit-transition:bottom 0.3s ease;
    transition:bottom 0.3s ease;
    opacity: 0.65;
    z-index:106;
}


.ocs-controls-hide .bottom-mask{
    bottom:-80px;
}

.ocs-controls-hide .ocs-controls{
    bottom:-50px;
}

.ocs-controls-hide .top-mask{
    top:-80px;
}

.ocs-controls-hide .ocs-top-bar{
    top:-50px;
}

.ocs-controls-hide .ocs-page-number{
    bottom:-30px;
}

.ocs-controls-hide .ocs-prev-page{
    opacity: 0;
    cursor: default;
    display: none;
}

.ocs-controls-hide .ocs-next-page{
    opacity: 0;
    cursor: default;
    display: none;
}

.ocs-controls-hide .ocs-speend-list-container{
    bottom:-200px;
}

.ocs_overlay_background {
    position:absolute;
    z-index: 107;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}
.ocs_overlay_play{
    position:absolute;
    z-index:5;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:132px;
    height:132px;
    line-height:132px;
    margin:auto;
    overflow:hidden;
    font-size:0;
    text-align:center;
    background-image: url("data:image/png;base64,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");
    background-size: 132px;
}
.ocs_overlay_play:active{
    background-image: url("data:image/png;base64,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");
}

/* ----------loading������ʽ---------- */
.img_loading{
    width:48;
    height:48px;
    background-size: 48px;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIyMTdBNTgwMjkzNjExRTdBQ0QxOUVCM0ExQjBFNjUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIyMTdBNTgxMjkzNjExRTdBQ0QxOUVCM0ExQjBFNjUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjIxN0E1N0UyOTM2MTFFN0FDRDE5RUIzQTFCMEU2NTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjIxN0E1N0YyOTM2MTFFN0FDRDE5RUIzQTFCMEU2NTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7abohRAAAFZklEQVR42sxaS2geVRSeOzNposZUg4/UJ+KzIiKloFRFi3VhsWhxI4pgERF040bUlSAu3LhxpfgAV8WV4MalFaVQLGYjlSqlWCM+YtuoTVP7/zO/3/n9bnpyvPPK/xz4uDOZ+e8973PuuXFRH65OpzOFYRtwJ3A9cC1wMTAtr4HjwBLHI8BXwAHn3HKva7seiJ7BcD+wncRPc76YY2KeU/MsjB0EPgH2gpmVoTBAaT8B7AEuaEBwyikS872MJ4H3gffAyOJAGADhstAu4FngEkWgKyG4ybPMfxp4DXgXjHT6xgCIvxTDm8AtAYknFQRWvXcBDe0DngMTx6poi2sQf6tIBLiZdrv6qsZzXSE6I1Dxq3msfU9PGsAED2J4CdigmJ0oMJ2E3yQFGphoqBH57g9gMzRxorEGQPwODC9zYS3RTol062rAFWhAv5PfzwI7y4ScFhAvtv4ikKlJvaRyo3L/LN9+DXzJWP87kdPpLwO2APcB9wIzSojOCFWIbxOzjUwIxMtibzMRVYU/xwT1AfAZVH2qZlCQnPEU8DwTnzYdz8A/QAt4GvN+WosBhsq3gBsUgZGxYa3yj3pJQlhPhPMK8Cr9LKImRfK/AUeBhzB/q64P7CDx2tZDkJLgBUz84XqJ70rFuTbwBm4l2hzg3ELsWeAw8EwZ8Ws0AGlMYnhH2Vys/ERrYkGk1jRj1tTINvqKrDGPNbKq32gnfoR2n6taxUaTk4MinhrZ3/Q3qXKqXVRfomzR0R799fqgiF/v5c1kKzCpbDxX3+T8mzjrd9GYXaliIDOmo31giWXv2F0pzEfC121G4tYHPob0z4wlAyQ+VraeKFMSRiRMfhGN6SUMbK6oYb6F9E+PMwNzpkDLTY44OGoiYeZ2K9qFbHpiJg6baXX0WRgD4p2xDkf/dSnDZzuQnZ1KXqO8kkDFumpBqYr/UYDLiCF01Aw4FVTWvEtNfT9WF80nKavjYobJsspz4wh58M6rsWYHJxr4S9Xioe3hDGvzUZU6acn2NJcPFkukL+Z1+RiUOq4A3TD6qwqZOWsij5yJblTXFHeCE2QmNebUZeAHE/e19AXXsZ04bAeOGSFdCVoxt24rqgvQIvzeVD68YwTSP48RSPebYqWJpMsA95yHzT7AZuTtrFqHKf2NKurEgR5Sy5cS3YJNEe1tv6UgxN81ROnPcM1ESVz7QMK2yypnh4AzBVHIX3dDMlcNQfpTppkVB2w/Ir3/McDWyD7jBx3VIct4/ygWuHCAxEu0uVpFnQnTK/XSXwbNue0L7WdSs3vhXLUY5UDjsUEwQeKvUaVDbLp1OsH+/b/GFjiSZtLnKnx6beQGFwGPY8G5PhIvgrkpOnfio5EodPfnXvqhztw88HNJd8I/nw/sxsJbKbn1Ep4Am3B7ozGXOOADER33VGFvlJOKeewhkR1lSm3j4N5PZMJvgCPUYt2eqDSRr1R7cDt/pvpT/vlH22p0BQtcgeFJcq8nCI1+YSH+F0COhf5kclxRJcEGmsgsY3ymtBpioG00fyzUh3UlUpKjpZ2K0I5ZKDeayJTv6L+3VSDwjOpSJTMSb5uWjnyzAOKXqnqjtk95CEzI7QPRuZ59GZrU+EX3dtfVKSM+qrMTo5M9HK3t3xeZlJZoq+Dv7QITtLYviepo1Wl+5SklJhC73qv2DVGgXoqiZmditq6x76UP9X2df0VoctAtzMrZ2RZWillBlMoCvpIH3ods/yzbOIt9PegOhMDb2ZJMajKgTSoPvJf7nySK1TnU6IkBxcgk6xbBJpP8QgzYZ5G2HFXJWfDxqqOkvjMQ0Mocu3zTqiRIVWkuMXyZie8Eic56XftfAQYAWPJv1PZ/W7IAAAAASUVORK5CYII=");
    position: absolute;
    z-index: 1;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin: auto;
    -moz-animation: rotate 1s linear infinite;
    -webkit-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    -ms-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}

@-webkit-keyframes rotate {
    0%, 100% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    0%, 100% {-moz-transform: rotate(0deg); }
    100% {-moz-transform: rotate(360deg);}
}

@-o-keyframes rotate {
    0%,100% {-o-transform: rotate(0deg); }
    100% {-o-transform: rotate(360deg);}
}

@-ms-keyframes rotate {
    0%,  100% { -ms-transform: rotate(0deg); }
    100% {-ms-transform: rotate(360deg);}
}

@keyframes rotate {
    0%, 100% {transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

.img_err{
    width:50px;
    height:50px;
    background-image:url("data:image/png;base64,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");
    position: absolute;
    z-index: 1;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin: auto;
}

.cc_water_mark{
    background: url("data:image/png;base64,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");
    background-size:cover;
    position: absolute;
    bottom:10px;
    right: 25px;
    z-index:2;
}

.ocs_overlay_loader{
    position: absolute;
    width: 100%;
    height: 100%;
}

.ocs_overlay__error {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.ocs_overlay__error-text {
    display: inline;
    padding: 10px 20px;
    background-color: rgba(0,0,0,0.7);
}

.ocs-loading-background{
    position: absolute;

    left:0;
    right:0;
    top:0;
    bottom:0;
    height: 60px;
    width: 60px;
    font-size: 30px;
    margin:auto;
    border-radius: 10px;
    padding: 20px;
    background-color: rgba(0,0,0,0.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
}


.ocs-font-small{
    font-size: 10px;
}



.upgrade-background{
  position: absolute;
  background:#16223a;
  background-image: -webkit-radial-gradient(50% 106%, #32425e 39%, #16223a 100%);
  background-image: radial-gradient(50% 106%, #32425e 39%, #16223a 100%);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
  display: table;
  
}
.upgrade-font{
  display: table-cell;
  vertical-align: middle;
  font-size: 22px;
  color: #fff;
  letter-spacing: 0.14px;
  height: 70%;
  line-height: 1.15; 
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}


.pirate-background{
   background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.pirate-font{
   width: 100%;
  text-align: center;
  color: #fff;
  font-size: 20px;
  position: relative;
  top: -50%;
}
.pirate-mask{
  background-color: rgba(0,0,0,0.6);
  height: 100%;
  width: 100%;
}





.ocs-common-audio-player{
    width: 1.5em;
    height: 1.5em;
    background-size:cover;
}

.ocs-common-audio-player.play{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAAjpJREFUaAXtls1LAkEYxl11L4YeOgTRuYLoVJ3Cj1VBMBAik6D6Dwq61DWwbp2Czh6DDtFREoNd9BB9GB27aZfwZHgQTfzomWUVET24zuwqzMI46zjzzvN73n1ntVj4xR3gDnAHuAPcAe4APQeCweBSOBx20Ys4WiTraNOHz67X68+VSuVLkiT38FnsfqEGAomz7XZ7vtVqyV6v94Sd5MGRaYKoOwDGjnYNmLtQKDQzeFv6o9RBOhIBs1etVl/9fv9yZ4xlzwxEE73SaDTePB5PlCUEic0ahOzhRLv3+XxXsVjMRgZYXEaAqLpxCJwVi8Un1M3cVINo4qVarfaBg2CTNoxhGekIxyGwgKagbo47YzR6w0E00SL6G2TmNhKJOKYZRNWOzOyXy+UXAC2OC2NWRrq6AbOK9o6/NtvdQR03poNoml3NZvMBdRPXwaAumRQQIkZAO0dmNlRlI35MEohFEISyKIo/IzKo0ycGBBB5q9UqpdPp6QUBRNLpdK4rivKpJxtkjV3vQkrrWshCHACXgGmPE9NMkJLNZjsAxCMgxmFQ15oFkgPELiAKYxNoAQwvdrifAISbJgRhMSwjAPjDfkeZTCahmUi1MwrkG1mIyrKco6q+JxjzRwuZSDkcjjWWEISHJQg5Ti8CgcBWKpUq9ZjH5JbVo/WLTByiHpLZbJaJ8P6gNEFIBqBfIG/nHUDk+zdj+Z0aCACSEFrAm/oUR2uNpWgemzvAHeAOcAe4A9wB7gB3wFgH/gFxJpizpTouiAAAAABJRU5ErkJggg==)
}

.ocs-common-audio-player.pause{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAAO1JREFUaAXtmMsRgzAMRHHqSBlUkUJITUkjacJlpA+CZ2xDGGPk8bCnx8UfrSTr7Y1h4IMABCAAAQhAAAIQuIqA6y08juNjqfGa5/keajnnvssyee8/4bz/WvX7/KPz7SjQcJ+HCDlxoHclv1VfKbWGugdJTqwl8zDbq7xv1efEk033ICf1ZWEGkaE2NsIRIyiZDEdkqI2NcMQISibDERlqYyMcMYKSyXBEhtrYCEeMoGQyHJGhNjbCESMomazbkfgf6+/BpbskKMVKd0lvXbsHWRpN24fE/bPygFZ9pRQhCEAAAhCAAAQgAAEFgR+xgjY0QGZq5QAAAABJRU5ErkJggg==)
}

.ocs-audio-background{
    display: table;
    border-radius: 18px;
    border: 1px solid #c4c4c4;
    background: #ffffff;
    width: 100%;
    height: 28px;
}

.portrait .ocs-audio-background{
    height: 28px;
}

.audio-play{
    display: block;
    text-align: center;
    width:100%;
    height: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAAjpJREFUaAXtls1LAkEYxl11L4YeOgTRuYLoVJ3Cj1VBMBAik6D6Dwq61DWwbp2Czh6DDtFREoNd9BB9GB27aZfwZHgQTfzomWUVET24zuwqzMI46zjzzvN73n1ntVj4xR3gDnAHuAPcAe4APQeCweBSOBx20Ys4WiTraNOHz67X68+VSuVLkiT38FnsfqEGAomz7XZ7vtVqyV6v94Sd5MGRaYKoOwDGjnYNmLtQKDQzeFv6o9RBOhIBs1etVl/9fv9yZ4xlzwxEE73SaDTePB5PlCUEic0ahOzhRLv3+XxXsVjMRgZYXEaAqLpxCJwVi8Un1M3cVINo4qVarfaBg2CTNoxhGekIxyGwgKagbo47YzR6w0E00SL6G2TmNhKJOKYZRNWOzOyXy+UXAC2OC2NWRrq6AbOK9o6/NtvdQR03poNoml3NZvMBdRPXwaAumRQQIkZAO0dmNlRlI35MEohFEISyKIo/IzKo0ycGBBB5q9UqpdPp6QUBRNLpdK4rivKpJxtkjV3vQkrrWshCHACXgGmPE9NMkJLNZjsAxCMgxmFQ15oFkgPELiAKYxNoAQwvdrifAISbJgRhMSwjAPjDfkeZTCahmUi1MwrkG1mIyrKco6q+JxjzRwuZSDkcjjWWEISHJQg5Ti8CgcBWKpUq9ZjH5JbVo/WLTByiHpLZbJaJ8P6gNEFIBqBfIG/nHUDk+zdj+Z0aCACSEFrAm/oUR2uNpWgemzvAHeAOcAe4A9wB7gB3wFgH/gFxJpizpTouiAAAAABJRU5ErkJggg==");
    background-size: 25px;
    background-position: center center;
    background-repeat: no-repeat;
}

.audio-play:active{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAAmBJREFUaAXtmDtLK0EUx5ONCSgWxibBV5LiFqLdtRHJE9IZCyEgWvkJ7C5qZSHa5Iq30uq2N5AupSbkURv9AoopXUQJ+IAYk/gf2ZUVojjxzG4uzMIys7Mz55zf/5yZDbHZ5CUVkApIBaQCUgGpAJ0CsVhsNJFIDNBZ5LOk8E3/eHaj0UjVarXDaDQ69fEscW/IQBDiIG53s9ncCYVCC+JC7mzZ0XmYf9Tn8y1rq+xofwYCgXHclWq1+sxvjX8FZUbeeW+1WkFkZy8SiYy9eyHoQRiIFu84gPaCweCcoPjfzIoGsbXb7X54Ww+Hw6vJZJKslN8ItI5wEN0hMrOoquo2Sm1IH6NsTQNhQSM70wD6g1NtkhKC2TIVhDkEzDCaXWRmnj1TXWQ1azh+vxKbAqAZv98/iiP6lOKINj0jRkrAhFFqv+Px+IhxvJu+pSAsYMBM1Ov1fZxqs90A6GssB9Fg+pGZTRwCK3pgvG1PgOhBIztLgPmhP/O0PQVit9sfnU7nLQ+APrdnQAChulyujXw+f6MHx9P28UwWNRcQFUVRUrlc7r5bH5aCAKCN+1+xWEyzfrcQbJ2VIPcOhyNVKBQqgPgOw+taS0AQ+AU29S72g/ptAs2A6Zsde+HY4/H8ooRgLGZm5BmZOCiVSkdUWTDaMQvkGvthB5v63Oicsi+8tFBKZ263e00kBBNEKAhKKY3/ubay2ewdpfqdbAkpLQA8sA8csnBSLpc7+SUfEwFyCQi2H67Io/3EIBkIsnCCX6+q1+v9m8lknj7xKV9JBaQCUgGpgFRAKiAVkAr8Zwq8ABClo4qet2W9AAAAAElFTkSuQmCC");
    background-size: 25px;
}

.audio-pause{
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAAO1JREFUaAXtmMsRgzAMRHHqSBlUkUJITUkjacJlpA+CZ2xDGGPk8bCnx8UfrSTr7Y1h4IMABCAAAQhAAAIQuIqA6y08juNjqfGa5/keajnnvssyee8/4bz/WvX7/KPz7SjQcJ+HCDlxoHclv1VfKbWGugdJTqwl8zDbq7xv1efEk033ICf1ZWEGkaE2NsIRIyiZDEdkqI2NcMQISibDERlqYyMcMYKSyXBEhtrYCEeMoGQyHJGhNjbCESMomazbkfgf6+/BpbskKMVKd0lvXbsHWRpN24fE/bPygFZ9pRQhCEAAAhCAAAQgAAEFgR+xgjY0QGZq5QAAAABJRU5ErkJggg==");
    background-size: 25px;
}

.audio-pause:active{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAAORJREFUaAXtmMENwyAQBA0tpJWIqlJOqkJpJS1AdA8kZB0SK3R5jT9Yy3rNzf64Lh4IQAACEIAABCAAgSgC6TS4lPLsvb9aaw/Lyjl/U0rvWuvHy1b9XoanZU9UtHkI+84GMm2VofpXOXf9eJDRxBzsaWPf2/O04d9djwfZ/VG0j0GiCav5NKISi/bTSDRhNZ9GVGLRfhqJJqzm04hKLNpPI9GE1XwaUYlF+2kkmrCaTyMqsWj/cSN2j3U/pKcNj7fnacO/ux4PYpdx80Hs3bTVAVT/KgcdAhCAAAQgAAEIQOB/BH5z7kg0l8d7zQAAAABJRU5ErkJggg==");
    background-size: 25px;
}

.audio-time-duration{
    color: #333333;
    font-size: 12px;
}

.audio-seekbar{
    height:100%;
    width: 100%;
    display:block;
    position: relative;
    background: rgba(0,0,0,0);
    cursor: pointer;
}

.audio-seekbar-loaded{
    display:block;
    position: absolute;
    background-color:#d3d3d3;
    width: 100%;
    border-radius:1px;
    height: 3px;
    top:50%;
    bottom: 50%;
}

.audio-seekbar-current{
    display:block;
    position: absolute;
    background-color:#333333;
    width: 100%;
    border-radius:1px;
    height: 3px;
    top:50%;
    bottom: 50%;
}

.audio-seekbar-dot{
    display:block;
    position:absolute;
    top:-12px;
    right:-13px;
    width:25px;
    height:25px;
    overflow:hidden;
}

.audio-seekbar-dot:after{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAABXNJREFUaAXtmU9rJUUUxTuTOHk6sxBdTRbiIoswJGL+wEDyAUSXbvwAQTdCsnQh4soPkIDL7AKirmYzfoIEhJAEEiRowCAkuxERx7z3TCaeX0+fR6Vfd1e9ZAQX78J5VV1169x7qqq7q5MsG9pwBoYzMJyB4QwMZ2A4A8MZGM7AfzUDI7clvrq6quMot19VxRoZGalsr/JtaisHa/Lt9VUkbx6X+IZ1rsOEXXdJf3YbUeVgOWHTT0kE483hukto3OeEKUPg42vqNxbjQDlJ00+NACdNeYc8CjxUOSNMCNiZcCD8JDjx50HdbZS5Dbo6SUIaRJC88frFxcVyp9P5VLh/cHDw/OzsbJysJiYmOjMzM3fGx8f/Er4eGxvbUPMfAmKMW4kZVIhn3MmPKhHqj9rt9rd7e3uttbW1e8fHx2rqt8nJyWx1dfXZ7Oxsu9VqfSSPHwWEXBZluEoDbbOokGA1QhEIyHF5ebk0Ojr6RAlmW1tbao7bwsJCJsFtrcyHGssghBg3EtMoJCJiTMEfaRs9Xl5ebh0dHcUVBB5TU1PZ5uYmLe8JrMyFcGMxbIsUK68GIt44Pz//RisxsAgCInxlZSWDAy4BTm9Vx1NTmqUIMSm+3lJj3Nj7+/utnZ2dtEgVXtvb2xkccKnbQm4kplZIzbbCn4CvdLvdT7TPX6vIb6AmOMT1MZwC3MQAnsAsyEXN1VYrpHCHDKPEl9ki2EM9pWqfTupPNp5w4rqvAbx7vCoWAo9zoF5rMSEMtIhQyMzh4WHv5VXLntghLp5U7wihkFBMlCkmBBFG7/5Q2wO97O5G2RMdTk9PeXE+ECyEWI5LGbWYEAhCQotJGRcNXnKA0/xhzJJb9WUsIRPiZxDsqY4d3WrKwVsLrqcaCbfjUDp+lBTnOoMkNJNS/jI9Pd00NhwXrXMOk9PPQhgjHFfOJezL66nJmMiBTnRWOufsdFuDQ1x/i+dEMD+0jkk9aqlC+oh0iv1Ob+Z2X8eADXCI6/sBh/W5pwrxo7Z31NZh7/H8/HxnaWmpjzS1gcMjHHBpTI+7GO+YSXRNQspEYSCe+39qJr/UmznjADioMUZju3DAJYSn3qrYjSGahDDQyRPE4ITKSRXw1ffZxsZGl9lNtcXFxfzkKxFfFBzmg9txQmFR6tobqjjfIBTwouIFCF4tcE8l4Lz1ro4Zn+/u7t5dX18fb/qw0j3RmZub6+oG/0rj9gVu9GcFzlUCHu0Agbmw2KdvTAj9FmIxLbVZDCKMN/WR9b6+Tz4QWhxh9PZnDJ+6F3pcj2gFuLGf6J74Qc28NxBhWAQPEIuwkKuXIQQxvKhIihMqxwlgMZSIQaD73lL9bYHvDOx34UT4TegUIGFEWACl+/5RHRFstXx7x4TkMybnOoMEIZQsse8PVslvYfqxsP9Y178K+GHuI0Fmm4QRAqjTFiaPPzExly+uan5rhTADxX0CEYAcMFMkT5IW4X76SIiVoz8UwlgLsRivQCjEcRw36Y8QtUIU1GZCArAiJG/gYxFeLZKC1yuGj8ciFOBTBu1wAPwdV9W4pQiBBVLMCb24ui6CBJhxOEHdioVi8Aduu5EIjc8DUlZaaXvhg5DQPGueSa8Eq1FeNXztR+II4DpciT4hsZtc43PzHvd1ZRl8Mzs5739vH8oQXg3zW7BX1IKcuMtrWypVBEmnbi0LDLeYkyNpJ2iBFuJxlPjjVwfzOQZjks0zFh0QrAq+XpmwdPK0UcfM7+TCGQ/rfSIGWY0wUB415adGkLlCYW6jtJAw4XIbfkmP2tyx9OMZKzU3X5bE4Gwel2GbyZw41667zH0GXQUTU4aBw/bkeoUojy1zX0u65/SS/vVmvmH5f5mBfwGbHjb/P3VXpwAAAABJRU5ErkJggg==");
    background-size: 25px;
    content:'';
    position:absolute;
    left:0;
    top:0;
    -webkit-background-clip:content-box;
    background-clip:content-box;
    width:25px;
    height:25px;
}

.ocs-audio-controls-left{
    display: table-cell;
    width:25px;
    height:100%;
    padding-left: 12px;
    padding-right: 8px;
    vertical-align: middle;
}

/*.portrait .ocs-audio-controls-left{
    height:100%;
    padding-left: 6px;
    padding-right: 4px;
}*/

.ocs-audio-controls-middle{
    display: table-cell;
    height:100%;
}

/*.portrait .ocs-audio-controls-middle{
     height:100%;
}*/

.ocs-audio-control-right{
    display: table-cell;
    width: 36px;
    height:100%;
    padding-left: 10px;
    padding-right: 15px;
    vertical-align: middle;  
    text-align: right;
    overflow: hidden;
    -webkit-text-size-adjust:none;
}

/*.portrait .ocs-audio-control-right{
    height:100%;
    width: 36px;
    padding-left: 5px;
    padding-right: 7px;
}*/

.mini-audio-play{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    font-size: 0;
    width: 40px;
    height: 40px;
    background-size: 40px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAAjpJREFUaAXtls1LAkEYxl11L4YeOgTRuYLoVJ3Cj1VBMBAik6D6Dwq61DWwbp2Czh6DDtFREoNd9BB9GB27aZfwZHgQTfzomWUVET24zuwqzMI46zjzzvN73n1ntVj4xR3gDnAHuAPcAe4APQeCweBSOBx20Ys4WiTraNOHz67X68+VSuVLkiT38FnsfqEGAomz7XZ7vtVqyV6v94Sd5MGRaYKoOwDGjnYNmLtQKDQzeFv6o9RBOhIBs1etVl/9fv9yZ4xlzwxEE73SaDTePB5PlCUEic0ahOzhRLv3+XxXsVjMRgZYXEaAqLpxCJwVi8Un1M3cVINo4qVarfaBg2CTNoxhGekIxyGwgKagbo47YzR6w0E00SL6G2TmNhKJOKYZRNWOzOyXy+UXAC2OC2NWRrq6AbOK9o6/NtvdQR03poNoml3NZvMBdRPXwaAumRQQIkZAO0dmNlRlI35MEohFEISyKIo/IzKo0ycGBBB5q9UqpdPp6QUBRNLpdK4rivKpJxtkjV3vQkrrWshCHACXgGmPE9NMkJLNZjsAxCMgxmFQ15oFkgPELiAKYxNoAQwvdrifAISbJgRhMSwjAPjDfkeZTCahmUi1MwrkG1mIyrKco6q+JxjzRwuZSDkcjjWWEISHJQg5Ti8CgcBWKpUq9ZjH5JbVo/WLTByiHpLZbJaJ8P6gNEFIBqBfIG/nHUDk+zdj+Z0aCACSEFrAm/oUR2uNpWgemzvAHeAOcAe4A9wB7gB3wFgH/gFxJpizpTouiAAAAABJRU5ErkJggg==");
}

.mini-audio-play:active,.mini-audio-play:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAAmBJREFUaAXtmDtLK0EUx5ONCSgWxibBV5LiFqLdtRHJE9IZCyEgWvkJ7C5qZSHa5Iq30uq2N5AupSbkURv9AoopXUQJ+IAYk/gf2ZUVojjxzG4uzMIys7Mz55zf/5yZDbHZ5CUVkApIBaQCUgGpAJ0CsVhsNJFIDNBZ5LOk8E3/eHaj0UjVarXDaDQ69fEscW/IQBDiIG53s9ncCYVCC+JC7mzZ0XmYf9Tn8y1rq+xofwYCgXHclWq1+sxvjX8FZUbeeW+1WkFkZy8SiYy9eyHoQRiIFu84gPaCweCcoPjfzIoGsbXb7X54Ww+Hw6vJZJKslN8ItI5wEN0hMrOoquo2Sm1IH6NsTQNhQSM70wD6g1NtkhKC2TIVhDkEzDCaXWRmnj1TXWQ1azh+vxKbAqAZv98/iiP6lOKINj0jRkrAhFFqv+Px+IhxvJu+pSAsYMBM1Ov1fZxqs90A6GssB9Fg+pGZTRwCK3pgvG1PgOhBIztLgPmhP/O0PQVit9sfnU7nLQ+APrdnQAChulyujXw+f6MHx9P28UwWNRcQFUVRUrlc7r5bH5aCAKCN+1+xWEyzfrcQbJ2VIPcOhyNVKBQqgPgOw+taS0AQ+AU29S72g/ptAs2A6Zsde+HY4/H8ooRgLGZm5BmZOCiVSkdUWTDaMQvkGvthB5v63Oicsi+8tFBKZ263e00kBBNEKAhKKY3/ubay2ewdpfqdbAkpLQA8sA8csnBSLpc7+SUfEwFyCQi2H67Io/3EIBkIsnCCX6+q1+v9m8lknj7xKV9JBaQCUgGpgFRAKiAVkAr8Zwq8ABClo4qet2W9AAAAAElFTkSuQmCC");
    background-size: 40px;
}

.mini-audio-pause{
    width:40px;
    height:40px;
    background-size: 40px;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin: auto;
    -moz-animation: audiopauseanimation 1s linear infinite;
    -webkit-animation: audiopauseanimation 1s linear infinite;
    -o-animation: audiopauseanimation 1s linear infinite;
    -ms-animation: audiopauseanimation 1s linear infinite;
    animation: audiopauseanimation 1s linear infinite;
}

.mini-audio-pause:active,.mini-audio-pause:hover{
    background-size: 40px;
}

@keyframes audiopauseanimation
{
    0%   {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABbUlEQVR4nO3YLU/DUBTG8T8vIwQQJLgJSEgwKAzyeBwCgyME+BKofREwWDAowJ4Ew0cgIcHMERQTbATEzNLdy0pv6brl+cknzenJk96tKYiIiIiIiIiIiIiIiIiIiIhMkplxL1AGM5sDDoClgbgD3Lj7V5GZ82UsVgNHwEUgPwEuiwycTVqnPtYj+XbRgdNSTEzhE1HpUTKzJtACFgbiT6Dl7u0qdxml6t+YY+AskLfpF1YbVR+lRiRfrXSLHGr7r2RmDWAtE7+5e7eK+ycXY2Z7wFYmfnb3u8TRV8BGJnsFDhPn5lLGE3PN8BHpAiuJc/eBxUy2kzgztzKKWQ5kC4Hsr7KlxLJ/Me3vMYWpmAgVE6FiIlRMhIqJUDERZRTznjP7TS9xh+9I3ik6sIwXvFOgmclinxAe6ZcweN8e8BC49gXYDGQh98A5w58zbiPXj1Tbb75mtsvwW/WHuz+NYx8RERERERERERGRCfADFLwykDICkY4AAAAASUVORK5CYII=");}
    20%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABT0lEQVR4nO3YPUrEUBTF8eP41VgoYiNWNpaCBLur69DOQgtXkdU4WxAbkQtWg+AeZDqxmWZkEAst4vM9J2SeiQ7/X3nyPi6nSCASAAAAAAAAAAAAAAAAML8W2r7QzApJa5Vo5O6DtueYptVizOxE0lXk0am794O1paQiWDdw9/J3pvtqqY1LKvYSeSGpH2SXkjaC7FBSGW42s+3PfKUSv0oq3X3YZNC2i0lZjGRbNTNJOpN0HsmHihRZR6/Jpj9oOZGvNz1wXorJjmISKCZh5pevmfUkrQbx2N3fZj27Szm+SreSdoLsSdJxhrM7k6OYo0i2m+HcTvGOSaCYBIpJoJgEiknIUcyoZvaTcYY5YiZNN+b4XF9I2gyy58TaO30MW713Iuk6svZB0kEki7lPnHuTWD9V63/w6jKzfX3/H/Pi7o9dzAMAAAAAAAAA/8A7Hbk0Me8UOrsAAAAASUVORK5CYII=");}
    40%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABk0lEQVR4nO3aPUoDQRjG8b+SKIiCoKCkFtFDvLWVh1D0CtZp9AiWHsJSsHrBK+gJAhYmjQiaFBYJEsedZPPh7BifH6R5WGaGh93JLCyIiIiIiIiIiIiIyKJYSj2hma0DtaGo5+6vqdcxznLKycxsH2gDnaFfe5BnJWkxwDFQD7L6IM9K6mI2Ivlu0lWUkLqYmPAuqlxt/CXVMLM6sBXEL+7eTTF/tsUAl4AFmQMXKSbPuZgTYDvI9khUTC57TJHwMYplvyLnYooOn8kOpDkXUykVE6FiIlRMRM5/16WZWQNoAitD8QfQdPfWNGMuRDH0zzznBXmLfmETW5RHKfautTntgItSzNzN/CiZ2SlwEMRP7n4z69hVmscec83PW7kL/PtiVktmf4r2mAgVE6FiIlRMhIqJUDERuRTzXvUCQvMoplMyG5UXvQH3SmajTHr9l3kc8M6ARpDFXvVvgStgbSh7G+She+CoICvyQL+Ebx8LAHeR68dK/rVDWWZ2COwE8bO7P1axHhEREREREREREZE/4BP4vTpgIBey4QAAAABJRU5ErkJggg==");}
    60% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABjklEQVR4nO3ZO0pDQRjF8b9GBB+FpSAIgi8U3MG0NnYKFjZCLFyA7sBVWMQdWGinaDVrEARrJaXgCxXRIhZxnM/ce3OdxHh+5WGYGQ5z5+YBIiIiIiIiIiIiIiLyP/WlXMw5NwrsAyNN8QOw7b2/T7mXVgYSr7cObETyc+Ag8V5+lLqYaSOfDAPnXBVYDuJT732SAlMXM5xj7C4wFWRLJDpZqYvJYxaoRLIk+lMtVEBYipX9im4upqNUjKGb75jMnHMVYI2vl/sjcOi9fysyZ08UA2wCtUi+RcG3WK88SgtG/u3zUVZtnxjn3BgwEcTX3vvbdufOofSTX8aENWAxyC5oPPN/VhnFrEayuRLm7aheuWNKp2IMKsagYgwqxqBiDCrGoGIMKsagYgwqxpC6mNfE6xVWRjE3GTOAupHfRbLnjBk0fq2LeTfylsr4dl0FZoLsyhh7BOwBQ03Z02ceOgNWIlnMMbADDDZlL8CJMb6lpP9d5+GcmwfGg7juvb/sxH5ERERERERERERE/oAPeq01fX48pQ0AAAAASUVORK5CYII=");}
    80% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABi0lEQVR4nO3asUqCURjG8X8RGEFLbUZQrUJb0HImpwjvoNE7aGwv6Aoaugpb2t8laAtcJQgaHQoih6ChAjueF/X7Tmofz2/z4fD6+vCBchBEREREREREREREpCqW5r1ADiGEHaALrA3Fb0DDzB6LzFwuv9ZCaPG7FL5ft4oOrEoxW06+WXRgVYpZzT2wKsVkp2IcKsahYhwqxrEyyzcLIdSBa0Z/iLXN7HmWu4xTupgQQg1Yj+JXMxskjp8AR05+WXaXnHI8MafAYZTdAeeJs/Gv0x/1OAghbAONKO6a2dPUGxaQo5gzRj9wk3Qx07gC9qKsBxyXnDuRHMWkngLvyZhGE6hF2W6GuRNZ5G+luBQv+xOLXMxcqRiHinGoGIeKcagYh4pxqBiHinGoGIeKcagYR1WKec89MEcxvQkzgA8nfym5g3ct2i86MMd9TJvETZtz9pavi63h64MBcJM4ew8cJLKUDnDB6F1yxzk/1sL+2yGEsA9sRHHfzB7msY+IiIiIiIiIiIjIP/AJHyAzCvUv/ckAAAAASUVORK5CYII=");}
    100% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABgklEQVR4nO3Zr0sEQRjG8a96QfwBdk0GQRGbSaaaRTAYLILRf8Din2AwChajyarxBYtVEAwmD4wGDwRPsBjWcd/j2B13x+P5xIdl5r2HZZhjQURERERERERERERERArG2h4ghRDCBHAIzBXiV+DUzD6rrNlJMVgGtoGTkrwLXFZZcLzWOPlYc/KVqguOSjGzTl75qBiVYpJTMQ4V41AxDhXjUDGO2he8EMImsBrF92Z2XXftNqW4+Z4D81HWBRbiB0MIy8AZMFOI34ADM3tIMEsyKYqJS/EygB1goyTfA44SzJJM02eMt99Uo1MMIds/kSGEDjAZxe9m1m9i/2yLAS74fU49A7tNbJ5zMVuUvDFNbZ7zPSYuxcv+RM7FtErFOFSMQ8U4VIxDxThGpZhK344GSVFMd8hskI+aM7w4ea/qgiluvvvAUpQ9Os/eAv1o3z5wU/LsE7BYkpW5Ao6B6ULW+84ryfYTbQhhnZ8/FKBnZndtzCMiIiIiIiIiIiLyD3wBZOo0GpqDBiMAAAAASUVORK5CYII=");}
}
@-webkit-keyframes audiopauseanimation
{
    0%   {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABbUlEQVR4nO3YLU/DUBTG8T8vIwQQJLgJSEgwKAzyeBwCgyME+BKofREwWDAowJ4Ew0cgIcHMERQTbATEzNLdy0pv6brl+cknzenJk96tKYiIiIiIiIiIiIiIiIiIiIhMkplxL1AGM5sDDoClgbgD3Lj7V5GZ82UsVgNHwEUgPwEuiwycTVqnPtYj+XbRgdNSTEzhE1HpUTKzJtACFgbiT6Dl7u0qdxml6t+YY+AskLfpF1YbVR+lRiRfrXSLHGr7r2RmDWAtE7+5e7eK+ycXY2Z7wFYmfnb3u8TRV8BGJnsFDhPn5lLGE3PN8BHpAiuJc/eBxUy2kzgztzKKWQ5kC4Hsr7KlxLJ/Me3vMYWpmAgVE6FiIlRMhIqJUDERZRTznjP7TS9xh+9I3ik6sIwXvFOgmclinxAe6ZcweN8e8BC49gXYDGQh98A5w58zbiPXj1Tbb75mtsvwW/WHuz+NYx8RERERERERERGRCfADFLwykDICkY4AAAAASUVORK5CYII=");}
    20%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABT0lEQVR4nO3YPUrEUBTF8eP41VgoYiNWNpaCBLur69DOQgtXkdU4WxAbkQtWg+AeZDqxmWZkEAst4vM9J2SeiQ7/X3nyPi6nSCASAAAAAAAAAAAAAAAAML8W2r7QzApJa5Vo5O6DtueYptVizOxE0lXk0am794O1paQiWDdw9/J3pvtqqY1LKvYSeSGpH2SXkjaC7FBSGW42s+3PfKUSv0oq3X3YZNC2i0lZjGRbNTNJOpN0HsmHihRZR6/Jpj9oOZGvNz1wXorJjmISKCZh5pevmfUkrQbx2N3fZj27Szm+SreSdoLsSdJxhrM7k6OYo0i2m+HcTvGOSaCYBIpJoJgEiknIUcyoZvaTcYY5YiZNN+b4XF9I2gyy58TaO30MW713Iuk6svZB0kEki7lPnHuTWD9V63/w6jKzfX3/H/Pi7o9dzAMAAAAAAAAA/8A7Hbk0Me8UOrsAAAAASUVORK5CYII=");}
    40%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABk0lEQVR4nO3aPUoDQRjG8b+SKIiCoKCkFtFDvLWVh1D0CtZp9AiWHsJSsHrBK+gJAhYmjQiaFBYJEsedZPPh7BifH6R5WGaGh93JLCyIiIiIiIiIiIiIyKJYSj2hma0DtaGo5+6vqdcxznLKycxsH2gDnaFfe5BnJWkxwDFQD7L6IM9K6mI2Ivlu0lWUkLqYmPAuqlxt/CXVMLM6sBXEL+7eTTF/tsUAl4AFmQMXKSbPuZgTYDvI9khUTC57TJHwMYplvyLnYooOn8kOpDkXUykVE6FiIlRMRM5/16WZWQNoAitD8QfQdPfWNGMuRDH0zzznBXmLfmETW5RHKfautTntgItSzNzN/CiZ2SlwEMRP7n4z69hVmscec83PW7kL/PtiVktmf4r2mAgVE6FiIlRMhIqJUDERuRTzXvUCQvMoplMyG5UXvQH3SmajTHr9l3kc8M6ARpDFXvVvgStgbSh7G+She+CoICvyQL+Ebx8LAHeR68dK/rVDWWZ2COwE8bO7P1axHhEREREREREREZE/4BP4vTpgIBey4QAAAABJRU5ErkJggg==");}
    60% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABjklEQVR4nO3ZO0pDQRjF8b9GBB+FpSAIgi8U3MG0NnYKFjZCLFyA7sBVWMQdWGinaDVrEARrJaXgCxXRIhZxnM/ce3OdxHh+5WGYGQ5z5+YBIiIiIiIiIiIiIiLyP/WlXMw5NwrsAyNN8QOw7b2/T7mXVgYSr7cObETyc+Ag8V5+lLqYaSOfDAPnXBVYDuJT732SAlMXM5xj7C4wFWRLJDpZqYvJYxaoRLIk+lMtVEBYipX9im4upqNUjKGb75jMnHMVYI2vl/sjcOi9fysyZ08UA2wCtUi+RcG3WK88SgtG/u3zUVZtnxjn3BgwEcTX3vvbdufOofSTX8aENWAxyC5oPPN/VhnFrEayuRLm7aheuWNKp2IMKsagYgwqxqBiDCrGoGIMKsagYgwqxpC6mNfE6xVWRjE3GTOAupHfRbLnjBk0fq2LeTfylsr4dl0FZoLsyhh7BOwBQ03Z02ceOgNWIlnMMbADDDZlL8CJMb6lpP9d5+GcmwfGg7juvb/sxH5ERERERERERERE/oAPeq01fX48pQ0AAAAASUVORK5CYII=");}
    80% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABi0lEQVR4nO3asUqCURjG8X8RGEFLbUZQrUJb0HImpwjvoNE7aGwv6Aoaugpb2t8laAtcJQgaHQoih6ChAjueF/X7Tmofz2/z4fD6+vCBchBEREREREREREREpCqW5r1ADiGEHaALrA3Fb0DDzB6LzFwuv9ZCaPG7FL5ft4oOrEoxW06+WXRgVYpZzT2wKsVkp2IcKsahYhwqxrEyyzcLIdSBa0Z/iLXN7HmWu4xTupgQQg1Yj+JXMxskjp8AR05+WXaXnHI8MafAYZTdAeeJs/Gv0x/1OAghbAONKO6a2dPUGxaQo5gzRj9wk3Qx07gC9qKsBxyXnDuRHMWkngLvyZhGE6hF2W6GuRNZ5G+luBQv+xOLXMxcqRiHinGoGIeKcagYh4pxqBiHinGoGIeKcagYR1WKec89MEcxvQkzgA8nfym5g3ct2i86MMd9TJvETZtz9pavi63h64MBcJM4ew8cJLKUDnDB6F1yxzk/1sL+2yGEsA9sRHHfzB7msY+IiIiIiIiIiIjIP/AJHyAzCvUv/ckAAAAASUVORK5CYII=");}
    100% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABgklEQVR4nO3Zr0sEQRjG8a96QfwBdk0GQRGbSaaaRTAYLILRf8Din2AwChajyarxBYtVEAwmD4wGDwRPsBjWcd/j2B13x+P5xIdl5r2HZZhjQURERERERERERERERArG2h4ghRDCBHAIzBXiV+DUzD6rrNlJMVgGtoGTkrwLXFZZcLzWOPlYc/KVqguOSjGzTl75qBiVYpJTMQ4V41AxDhXjUDGO2he8EMImsBrF92Z2XXftNqW4+Z4D81HWBRbiB0MIy8AZMFOI34ADM3tIMEsyKYqJS/EygB1goyTfA44SzJJM02eMt99Uo1MMIds/kSGEDjAZxe9m1m9i/2yLAS74fU49A7tNbJ5zMVuUvDFNbZ7zPSYuxcv+RM7FtErFOFSMQ8U4VIxDxThGpZhK344GSVFMd8hskI+aM7w4ea/qgiluvvvAUpQ9Os/eAv1o3z5wU/LsE7BYkpW5Ao6B6ULW+84ryfYTbQhhnZ8/FKBnZndtzCMiIiIiIiIiIiLyD3wBZOo0GpqDBiMAAAAASUVORK5CYII=");}
}
@-moz-keyframes audiopauseanimation
{
    0%   {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABbUlEQVR4nO3YLU/DUBTG8T8vIwQQJLgJSEgwKAzyeBwCgyME+BKofREwWDAowJ4Ew0cgIcHMERQTbATEzNLdy0pv6brl+cknzenJk96tKYiIiIiIiIiIiIiIiIiIiIhMkplxL1AGM5sDDoClgbgD3Lj7V5GZ82UsVgNHwEUgPwEuiwycTVqnPtYj+XbRgdNSTEzhE1HpUTKzJtACFgbiT6Dl7u0qdxml6t+YY+AskLfpF1YbVR+lRiRfrXSLHGr7r2RmDWAtE7+5e7eK+ycXY2Z7wFYmfnb3u8TRV8BGJnsFDhPn5lLGE3PN8BHpAiuJc/eBxUy2kzgztzKKWQ5kC4Hsr7KlxLJ/Me3vMYWpmAgVE6FiIlRMhIqJUDERZRTznjP7TS9xh+9I3ik6sIwXvFOgmclinxAe6ZcweN8e8BC49gXYDGQh98A5w58zbiPXj1Tbb75mtsvwW/WHuz+NYx8RERERERERERGRCfADFLwykDICkY4AAAAASUVORK5CYII=");}
    20%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABT0lEQVR4nO3YPUrEUBTF8eP41VgoYiNWNpaCBLur69DOQgtXkdU4WxAbkQtWg+AeZDqxmWZkEAst4vM9J2SeiQ7/X3nyPi6nSCASAAAAAAAAAAAAAAAAML8W2r7QzApJa5Vo5O6DtueYptVizOxE0lXk0am794O1paQiWDdw9/J3pvtqqY1LKvYSeSGpH2SXkjaC7FBSGW42s+3PfKUSv0oq3X3YZNC2i0lZjGRbNTNJOpN0HsmHihRZR6/Jpj9oOZGvNz1wXorJjmISKCZh5pevmfUkrQbx2N3fZj27Szm+SreSdoLsSdJxhrM7k6OYo0i2m+HcTvGOSaCYBIpJoJgEiknIUcyoZvaTcYY5YiZNN+b4XF9I2gyy58TaO30MW713Iuk6svZB0kEki7lPnHuTWD9V63/w6jKzfX3/H/Pi7o9dzAMAAAAAAAAA/8A7Hbk0Me8UOrsAAAAASUVORK5CYII=");}
    40%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABk0lEQVR4nO3aPUoDQRjG8b+SKIiCoKCkFtFDvLWVh1D0CtZp9AiWHsJSsHrBK+gJAhYmjQiaFBYJEsedZPPh7BifH6R5WGaGh93JLCyIiIiIiIiIiIiIyKJYSj2hma0DtaGo5+6vqdcxznLKycxsH2gDnaFfe5BnJWkxwDFQD7L6IM9K6mI2Ivlu0lWUkLqYmPAuqlxt/CXVMLM6sBXEL+7eTTF/tsUAl4AFmQMXKSbPuZgTYDvI9khUTC57TJHwMYplvyLnYooOn8kOpDkXUykVE6FiIlRMRM5/16WZWQNoAitD8QfQdPfWNGMuRDH0zzznBXmLfmETW5RHKfautTntgItSzNzN/CiZ2SlwEMRP7n4z69hVmscec83PW7kL/PtiVktmf4r2mAgVE6FiIlRMhIqJUDERuRTzXvUCQvMoplMyG5UXvQH3SmajTHr9l3kc8M6ARpDFXvVvgStgbSh7G+She+CoICvyQL+Ebx8LAHeR68dK/rVDWWZ2COwE8bO7P1axHhEREREREREREZE/4BP4vTpgIBey4QAAAABJRU5ErkJggg==");}
    60% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABjklEQVR4nO3ZO0pDQRjF8b9GBB+FpSAIgi8U3MG0NnYKFjZCLFyA7sBVWMQdWGinaDVrEARrJaXgCxXRIhZxnM/ce3OdxHh+5WGYGQ5z5+YBIiIiIiIiIiIiIiLyP/WlXMw5NwrsAyNN8QOw7b2/T7mXVgYSr7cObETyc+Ag8V5+lLqYaSOfDAPnXBVYDuJT732SAlMXM5xj7C4wFWRLJDpZqYvJYxaoRLIk+lMtVEBYipX9im4upqNUjKGb75jMnHMVYI2vl/sjcOi9fysyZ08UA2wCtUi+RcG3WK88SgtG/u3zUVZtnxjn3BgwEcTX3vvbdufOofSTX8aENWAxyC5oPPN/VhnFrEayuRLm7aheuWNKp2IMKsagYgwqxqBiDCrGoGIMKsagYgwqxpC6mNfE6xVWRjE3GTOAupHfRbLnjBk0fq2LeTfylsr4dl0FZoLsyhh7BOwBQ03Z02ceOgNWIlnMMbADDDZlL8CJMb6lpP9d5+GcmwfGg7juvb/sxH5ERERERERERERE/oAPeq01fX48pQ0AAAAASUVORK5CYII=");}
    80% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABi0lEQVR4nO3asUqCURjG8X8RGEFLbUZQrUJb0HImpwjvoNE7aGwv6Aoaugpb2t8laAtcJQgaHQoih6ChAjueF/X7Tmofz2/z4fD6+vCBchBEREREREREREREpCqW5r1ADiGEHaALrA3Fb0DDzB6LzFwuv9ZCaPG7FL5ft4oOrEoxW06+WXRgVYpZzT2wKsVkp2IcKsahYhwqxrEyyzcLIdSBa0Z/iLXN7HmWu4xTupgQQg1Yj+JXMxskjp8AR05+WXaXnHI8MafAYZTdAeeJs/Gv0x/1OAghbAONKO6a2dPUGxaQo5gzRj9wk3Qx07gC9qKsBxyXnDuRHMWkngLvyZhGE6hF2W6GuRNZ5G+luBQv+xOLXMxcqRiHinGoGIeKcagYh4pxqBiHinGoGIeKcagYR1WKec89MEcxvQkzgA8nfym5g3ct2i86MMd9TJvETZtz9pavi63h64MBcJM4ew8cJLKUDnDB6F1yxzk/1sL+2yGEsA9sRHHfzB7msY+IiIiIiIiIiIjIP/AJHyAzCvUv/ckAAAAASUVORK5CYII=");}
    100% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABgklEQVR4nO3Zr0sEQRjG8a96QfwBdk0GQRGbSaaaRTAYLILRf8Din2AwChajyarxBYtVEAwmD4wGDwRPsBjWcd/j2B13x+P5xIdl5r2HZZhjQURERERERERERERERArG2h4ghRDCBHAIzBXiV+DUzD6rrNlJMVgGtoGTkrwLXFZZcLzWOPlYc/KVqguOSjGzTl75qBiVYpJTMQ4V41AxDhXjUDGO2he8EMImsBrF92Z2XXftNqW4+Z4D81HWBRbiB0MIy8AZMFOI34ADM3tIMEsyKYqJS/EygB1goyTfA44SzJJM02eMt99Uo1MMIds/kSGEDjAZxe9m1m9i/2yLAS74fU49A7tNbJ5zMVuUvDFNbZ7zPSYuxcv+RM7FtErFOFSMQ8U4VIxDxThGpZhK344GSVFMd8hskI+aM7w4ea/qgiluvvvAUpQ9Os/eAv1o3z5wU/LsE7BYkpW5Ao6B6ULW+84ryfYTbQhhnZ8/FKBnZndtzCMiIiIiIiIiIiLyD3wBZOo0GpqDBiMAAAAASUVORK5CYII=");}
}
@-o-keyframes audiopauseanimation
{
    0%   {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABbUlEQVR4nO3YLU/DUBTG8T8vIwQQJLgJSEgwKAzyeBwCgyME+BKofREwWDAowJ4Ew0cgIcHMERQTbATEzNLdy0pv6brl+cknzenJk96tKYiIiIiIiIiIiIiIiIiIiIhMkplxL1AGM5sDDoClgbgD3Lj7V5GZ82UsVgNHwEUgPwEuiwycTVqnPtYj+XbRgdNSTEzhE1HpUTKzJtACFgbiT6Dl7u0qdxml6t+YY+AskLfpF1YbVR+lRiRfrXSLHGr7r2RmDWAtE7+5e7eK+ycXY2Z7wFYmfnb3u8TRV8BGJnsFDhPn5lLGE3PN8BHpAiuJc/eBxUy2kzgztzKKWQ5kC4Hsr7KlxLJ/Me3vMYWpmAgVE6FiIlRMhIqJUDERZRTznjP7TS9xh+9I3ik6sIwXvFOgmclinxAe6ZcweN8e8BC49gXYDGQh98A5w58zbiPXj1Tbb75mtsvwW/WHuz+NYx8RERERERERERGRCfADFLwykDICkY4AAAAASUVORK5CYII=");}
    20%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABT0lEQVR4nO3YPUrEUBTF8eP41VgoYiNWNpaCBLur69DOQgtXkdU4WxAbkQtWg+AeZDqxmWZkEAst4vM9J2SeiQ7/X3nyPi6nSCASAAAAAAAAAAAAAAAAML8W2r7QzApJa5Vo5O6DtueYptVizOxE0lXk0am794O1paQiWDdw9/J3pvtqqY1LKvYSeSGpH2SXkjaC7FBSGW42s+3PfKUSv0oq3X3YZNC2i0lZjGRbNTNJOpN0HsmHihRZR6/Jpj9oOZGvNz1wXorJjmISKCZh5pevmfUkrQbx2N3fZj27Szm+SreSdoLsSdJxhrM7k6OYo0i2m+HcTvGOSaCYBIpJoJgEiknIUcyoZvaTcYY5YiZNN+b4XF9I2gyy58TaO30MW713Iuk6svZB0kEki7lPnHuTWD9V63/w6jKzfX3/H/Pi7o9dzAMAAAAAAAAA/8A7Hbk0Me8UOrsAAAAASUVORK5CYII=");}
    40%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABk0lEQVR4nO3aPUoDQRjG8b+SKIiCoKCkFtFDvLWVh1D0CtZp9AiWHsJSsHrBK+gJAhYmjQiaFBYJEsedZPPh7BifH6R5WGaGh93JLCyIiIiIiIiIiIiIyKJYSj2hma0DtaGo5+6vqdcxznLKycxsH2gDnaFfe5BnJWkxwDFQD7L6IM9K6mI2Ivlu0lWUkLqYmPAuqlxt/CXVMLM6sBXEL+7eTTF/tsUAl4AFmQMXKSbPuZgTYDvI9khUTC57TJHwMYplvyLnYooOn8kOpDkXUykVE6FiIlRMRM5/16WZWQNoAitD8QfQdPfWNGMuRDH0zzznBXmLfmETW5RHKfautTntgItSzNzN/CiZ2SlwEMRP7n4z69hVmscec83PW7kL/PtiVktmf4r2mAgVE6FiIlRMhIqJUDERuRTzXvUCQvMoplMyG5UXvQH3SmajTHr9l3kc8M6ARpDFXvVvgStgbSh7G+She+CoICvyQL+Ebx8LAHeR68dK/rVDWWZ2COwE8bO7P1axHhEREREREREREZE/4BP4vTpgIBey4QAAAABJRU5ErkJggg==");}
    60% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABjklEQVR4nO3ZO0pDQRjF8b9GBB+FpSAIgi8U3MG0NnYKFjZCLFyA7sBVWMQdWGinaDVrEARrJaXgCxXRIhZxnM/ce3OdxHh+5WGYGQ5z5+YBIiIiIiIiIiIiIiLyP/WlXMw5NwrsAyNN8QOw7b2/T7mXVgYSr7cObETyc+Ag8V5+lLqYaSOfDAPnXBVYDuJT732SAlMXM5xj7C4wFWRLJDpZqYvJYxaoRLIk+lMtVEBYipX9im4upqNUjKGb75jMnHMVYI2vl/sjcOi9fysyZ08UA2wCtUi+RcG3WK88SgtG/u3zUVZtnxjn3BgwEcTX3vvbdufOofSTX8aENWAxyC5oPPN/VhnFrEayuRLm7aheuWNKp2IMKsagYgwqxqBiDCrGoGIMKsagYgwqxpC6mNfE6xVWRjE3GTOAupHfRbLnjBk0fq2LeTfylsr4dl0FZoLsyhh7BOwBQ03Z02ceOgNWIlnMMbADDDZlL8CJMb6lpP9d5+GcmwfGg7juvb/sxH5ERERERERERERE/oAPeq01fX48pQ0AAAAASUVORK5CYII=");}
    80% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABi0lEQVR4nO3asUqCURjG8X8RGEFLbUZQrUJb0HImpwjvoNE7aGwv6Aoaugpb2t8laAtcJQgaHQoih6ChAjueF/X7Tmofz2/z4fD6+vCBchBEREREREREREREpCqW5r1ADiGEHaALrA3Fb0DDzB6LzFwuv9ZCaPG7FL5ft4oOrEoxW06+WXRgVYpZzT2wKsVkp2IcKsahYhwqxrEyyzcLIdSBa0Z/iLXN7HmWu4xTupgQQg1Yj+JXMxskjp8AR05+WXaXnHI8MafAYZTdAeeJs/Gv0x/1OAghbAONKO6a2dPUGxaQo5gzRj9wk3Qx07gC9qKsBxyXnDuRHMWkngLvyZhGE6hF2W6GuRNZ5G+luBQv+xOLXMxcqRiHinGoGIeKcagYh4pxqBiHinGoGIeKcagYR1WKec89MEcxvQkzgA8nfym5g3ct2i86MMd9TJvETZtz9pavi63h64MBcJM4ew8cJLKUDnDB6F1yxzk/1sL+2yGEsA9sRHHfzB7msY+IiIiIiIiIiIjIP/AJHyAzCvUv/ckAAAAASUVORK5CYII=");}
    100% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABgklEQVR4nO3Zr0sEQRjG8a96QfwBdk0GQRGbSaaaRTAYLILRf8Din2AwChajyarxBYtVEAwmD4wGDwRPsBjWcd/j2B13x+P5xIdl5r2HZZhjQURERERERERERERERArG2h4ghRDCBHAIzBXiV+DUzD6rrNlJMVgGtoGTkrwLXFZZcLzWOPlYc/KVqguOSjGzTl75qBiVYpJTMQ4V41AxDhXjUDGO2he8EMImsBrF92Z2XXftNqW4+Z4D81HWBRbiB0MIy8AZMFOI34ADM3tIMEsyKYqJS/EygB1goyTfA44SzJJM02eMt99Uo1MMIds/kSGEDjAZxe9m1m9i/2yLAS74fU49A7tNbJ5zMVuUvDFNbZ7zPSYuxcv+RM7FtErFOFSMQ8U4VIxDxThGpZhK344GSVFMd8hskI+aM7w4ea/qgiluvvvAUpQ9Os/eAv1o3z5wU/LsE7BYkpW5Ao6B6ULW+84ryfYTbQhhnZ8/FKBnZndtzCMiIiIiIiIiIiLyD3wBZOo0GpqDBiMAAAAASUVORK5CYII=");}
}
@-ms-keyframes audiopauseanimation
{
    0%   {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABbUlEQVR4nO3YLU/DUBTG8T8vIwQQJLgJSEgwKAzyeBwCgyME+BKofREwWDAowJ4Ew0cgIcHMERQTbATEzNLdy0pv6brl+cknzenJk96tKYiIiIiIiIiIiIiIiIiIiIhMkplxL1AGM5sDDoClgbgD3Lj7V5GZ82UsVgNHwEUgPwEuiwycTVqnPtYj+XbRgdNSTEzhE1HpUTKzJtACFgbiT6Dl7u0qdxml6t+YY+AskLfpF1YbVR+lRiRfrXSLHGr7r2RmDWAtE7+5e7eK+ycXY2Z7wFYmfnb3u8TRV8BGJnsFDhPn5lLGE3PN8BHpAiuJc/eBxUy2kzgztzKKWQ5kC4Hsr7KlxLJ/Me3vMYWpmAgVE6FiIlRMhIqJUDERZRTznjP7TS9xh+9I3ik6sIwXvFOgmclinxAe6ZcweN8e8BC49gXYDGQh98A5w58zbiPXj1Tbb75mtsvwW/WHuz+NYx8RERERERERERGRCfADFLwykDICkY4AAAAASUVORK5CYII=");}
    20%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABT0lEQVR4nO3YPUrEUBTF8eP41VgoYiNWNpaCBLur69DOQgtXkdU4WxAbkQtWg+AeZDqxmWZkEAst4vM9J2SeiQ7/X3nyPi6nSCASAAAAAAAAAAAAAAAAML8W2r7QzApJa5Vo5O6DtueYptVizOxE0lXk0am794O1paQiWDdw9/J3pvtqqY1LKvYSeSGpH2SXkjaC7FBSGW42s+3PfKUSv0oq3X3YZNC2i0lZjGRbNTNJOpN0HsmHihRZR6/Jpj9oOZGvNz1wXorJjmISKCZh5pevmfUkrQbx2N3fZj27Szm+SreSdoLsSdJxhrM7k6OYo0i2m+HcTvGOSaCYBIpJoJgEiknIUcyoZvaTcYY5YiZNN+b4XF9I2gyy58TaO30MW713Iuk6svZB0kEki7lPnHuTWD9V63/w6jKzfX3/H/Pi7o9dzAMAAAAAAAAA/8A7Hbk0Me8UOrsAAAAASUVORK5CYII=");}
    40%  {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABk0lEQVR4nO3aPUoDQRjG8b+SKIiCoKCkFtFDvLWVh1D0CtZp9AiWHsJSsHrBK+gJAhYmjQiaFBYJEsedZPPh7BifH6R5WGaGh93JLCyIiIiIiIiIiIiIyKJYSj2hma0DtaGo5+6vqdcxznLKycxsH2gDnaFfe5BnJWkxwDFQD7L6IM9K6mI2Ivlu0lWUkLqYmPAuqlxt/CXVMLM6sBXEL+7eTTF/tsUAl4AFmQMXKSbPuZgTYDvI9khUTC57TJHwMYplvyLnYooOn8kOpDkXUykVE6FiIlRMRM5/16WZWQNoAitD8QfQdPfWNGMuRDH0zzznBXmLfmETW5RHKfautTntgItSzNzN/CiZ2SlwEMRP7n4z69hVmscec83PW7kL/PtiVktmf4r2mAgVE6FiIlRMhIqJUDERuRTzXvUCQvMoplMyG5UXvQH3SmajTHr9l3kc8M6ARpDFXvVvgStgbSh7G+She+CoICvyQL+Ebx8LAHeR68dK/rVDWWZ2COwE8bO7P1axHhEREREREREREZE/4BP4vTpgIBey4QAAAABJRU5ErkJggg==");}
    60% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABjklEQVR4nO3ZO0pDQRjF8b9GBB+FpSAIgi8U3MG0NnYKFjZCLFyA7sBVWMQdWGinaDVrEARrJaXgCxXRIhZxnM/ce3OdxHh+5WGYGQ5z5+YBIiIiIiIiIiIiIiLyP/WlXMw5NwrsAyNN8QOw7b2/T7mXVgYSr7cObETyc+Ag8V5+lLqYaSOfDAPnXBVYDuJT732SAlMXM5xj7C4wFWRLJDpZqYvJYxaoRLIk+lMtVEBYipX9im4upqNUjKGb75jMnHMVYI2vl/sjcOi9fysyZ08UA2wCtUi+RcG3WK88SgtG/u3zUVZtnxjn3BgwEcTX3vvbdufOofSTX8aENWAxyC5oPPN/VhnFrEayuRLm7aheuWNKp2IMKsagYgwqxqBiDCrGoGIMKsagYgwqxpC6mNfE6xVWRjE3GTOAupHfRbLnjBk0fq2LeTfylsr4dl0FZoLsyhh7BOwBQ03Z02ceOgNWIlnMMbADDDZlL8CJMb6lpP9d5+GcmwfGg7juvb/sxH5ERERERERERERE/oAPeq01fX48pQ0AAAAASUVORK5CYII=");}
    80% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABi0lEQVR4nO3asUqCURjG8X8RGEFLbUZQrUJb0HImpwjvoNE7aGwv6Aoaugpb2t8laAtcJQgaHQoih6ChAjueF/X7Tmofz2/z4fD6+vCBchBEREREREREREREpCqW5r1ADiGEHaALrA3Fb0DDzB6LzFwuv9ZCaPG7FL5ft4oOrEoxW06+WXRgVYpZzT2wKsVkp2IcKsahYhwqxrEyyzcLIdSBa0Z/iLXN7HmWu4xTupgQQg1Yj+JXMxskjp8AR05+WXaXnHI8MafAYZTdAeeJs/Gv0x/1OAghbAONKO6a2dPUGxaQo5gzRj9wk3Qx07gC9qKsBxyXnDuRHMWkngLvyZhGE6hF2W6GuRNZ5G+luBQv+xOLXMxcqRiHinGoGIeKcagYh4pxqBiHinGoGIeKcagYR1WKec89MEcxvQkzgA8nfym5g3ct2i86MMd9TJvETZtz9pavi63h64MBcJM4ew8cJLKUDnDB6F1yxzk/1sL+2yGEsA9sRHHfzB7msY+IiIiIiIiIiIjIP/AJHyAzCvUv/ckAAAAASUVORK5CYII=");}
    100% {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAABgklEQVR4nO3Zr0sEQRjG8a96QfwBdk0GQRGbSaaaRTAYLILRf8Din2AwChajyarxBYtVEAwmD4wGDwRPsBjWcd/j2B13x+P5xIdl5r2HZZhjQURERERERERERERERArG2h4ghRDCBHAIzBXiV+DUzD6rrNlJMVgGtoGTkrwLXFZZcLzWOPlYc/KVqguOSjGzTl75qBiVYpJTMQ4V41AxDhXjUDGO2he8EMImsBrF92Z2XXftNqW4+Z4D81HWBRbiB0MIy8AZMFOI34ADM3tIMEsyKYqJS/EygB1goyTfA44SzJJM02eMt99Uo1MMIds/kSGEDjAZxe9m1m9i/2yLAS74fU49A7tNbJ5zMVuUvDFNbZ7zPSYuxcv+RM7FtErFOFSMQ8U4VIxDxThGpZhK344GSVFMd8hskI+aM7w4ea/qgiluvvvAUpQ9Os/eAv1o3z5wU/LsE7BYkpW5Ao6B6ULW+84ryfYTbQhhnZ8/FKBnZndtzCMiIiIiIiIiIiLyD3wBZOo0GpqDBiMAAAAASUVORK5CYII=");}
}

.ocs-mini-audio-background {
    border-radius: 50%;
    width: 38px;
    height: 38px; 
    border: 1px solid #c4c4c4;
    background: #ffffff;
}

.ocs-mini-audio-controls{
    width: 100%;
    height: 100%;
}


.ocs-video-background{
    position:absolute;
}

.video-play{
    position: absolute;
    /* z-index: 5; */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    font-size: 0;
    width: 36px;
    height: 36px;
    background-size: 36px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAABGdBTUEAALGPC/xhBQAAAvhJREFUeAHtmUtrFEEQx7O+DgrqTUGCJx+gIngSFUU8iRdfCYKQg0dBEEHwE4ggiCD4BUQQRRByEAQVBIUoeFBEJeSmhuDFZ8AHrv+CDEyGmUn3TldVd1MDvTNdXV31r990M7O7Q0N2GAEjYASMgBEwAkbACBgBIxABgX6//wLtNtrqCOTEJwFgimMKF9vjU6isqKAzd57FeUxZUlzpK4CK7nVcLItLqZKagkjNeQK2YSVZ8aStAVM2fUbnQDxqFZSUaTRc/4X9AlpPQZ5+ygYodeZ7MK7SVyysoI5Ei20SY9uEJeqma4HRNPQTAyd1VQtmb6LgYL8Gn6WCUnVSOYBoc3mGwXU6yoWytlXvODYDv/1CcuXTOEJYyI1eBc7LqxfIuFDlnuN34b9SQLZcCk8ALu7v4bRFroL5mRbN70bZ2whV9D3uRJTqfEW5LIkOPlcxV/RVIPj3ISreF6qn/1P4j/R6vWnPeQO5p7DFqoXthuEl7sPe6gBHP0VAxGEt2kNAOscBpRwzxS1W1k/Xd9BOYcv9qA6E6OcAiDi8QzsKSG9DQCnHSHWLlWug681oz7HlRqoDXfu5rKCCAz1BD2El3S8MXc+5rKCCA93wrUUnxDm3FfQAUI5gBc2GgEMxcllBtLUuoh0MCYcALaGPxI8v0D8GMOMcdaQO6BWg0ON9igMOxUx5i92A/p2ccFig412E+/iFBKdZxNcETW2LfUANx7FqJmpqYTGltMUegcAOSTgsxBn21z/EvIS2mEWwdNDAgL4i3mHpGljzBQT0GrE2sIrVCB4I0E3EWa6hnz1nR0C/Mf8Mu0jNBB0AfcTcXZraRXIPCOgx5q0REaidZABAlzEnj0e4C3wPQN/ge8wlZlY+joDewG9TVoW7FuMA6BZ8VrjGy86vBdAfjJ3NrmDfghoAfYJ9j2+sLP1rAD2Bjf4qtoMIVABdQT+135x4bySAfJ9ro7yZEo0OOPvQ1icq32QbASNgBIyAETACRsAIGAEjYAQkCPwHZZQ7/ioVchAAAAAASUVORK5CYII=");
}

.video-play:active{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAABGdBTUEAALGPC/xhBQAAAxxJREFUeAHt2U+IjVEYx/G58p8QISIURSELJZFkJ1lItpKFZCeJWGmaGSOMETt/EjtJkrUkyUrJn+yEWCELoXB9f+rUNdO9nTvzvud9zu1565nzvuc9c+7zfLr3PWfmdnX54QIu4AIu4AIu4AIu4AIuYECgXq8PEEeJqQbSGXUKY0Y9w/AJltK1gTgH0pLht/PqKQMoCMzl5DRIW0JHjm2ZQPIYTxwE6QAxzoGaC2zlVj9Is5sPsXmn7HdQY9XLuNBzaU1jp/XzlECymEacAGkXUbOOo/xSA4XX3M3JcZCmqMPyUQVQ8FjHifZMi0OHxbZKIHnMI7QV2KwLi0fVQDKZQBwCaT8x1hqSBaBgso2TPpBmhQ4LrSUgeSwnBkFabQFHOVgDUk7TiW6Qduqi6sMikEyU1x6QjhGTq0SyChRM1nOircCi0JG6tQ4kj/nEGZA2pcbR6+UApDy1FTgM0j4i6VYgFyAh6dhO9II0899Vgh+5AYlkBaGtwMoEPtl8xIZazKCjB6QdQ28UfZ3jOygYKPe9IOkLgkmhs+g2Z6BgoS8IzoK0MHQU2XYCkDwWEELaWCSO5uoUINUykTgC0lpdFHV0ElAwKXTX3WlAT1G6F6SKaJPuSotIuMUcN7l3o1ar/Wkxpu1bnQD0jaoHgHnSdvURv5A70Btq7AXnY0StIxqSM9B9Kr4Izs8RVR75SzkC/aK2S8AU+jBu5pUb0CcK6QPndbOCiu7PCegZxZ8C52vRCK3mywXoFkVcB+d3q2LKuGcd6DtFawl/XEbxMXNaBnpLAT3gfIgppKwxVoEeUPAFcH6UVXjsvNaA9Iy5DMzd2ALKHmcJ6DPFngTnVdlFtzO/FaDnJK0l/Es7yacYawHoNoVeAyf5Eh4DXCWQlvBBYB7FJFrVmKqA3lGw/gp/X1Xhsa9bBdBDkjsPTuVLeAxSSiD9p+8KMHdiErMyJhWQVqd+cF5YKTw2jxRAL0lG+xtzS3gMUtlA+jhdBcfkEl4VUHj46kGsB7IfjQJ8s7mKmNPY5+cu4AIu4AIu4AIu4AIu4AIu4AL/CfwFyiG20hDk5Y4AAAAASUVORK5CYII=");
    background-size: 36px;
}

.video-pause{
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAABGdBTUEAALGPC/xhBQAAARNJREFUeAHt0EEOgjAABVHw/tcxHA9xOR2MjYSVQ+LiT0oxb1l6EkgggQQSSCCBBBJIIIEEEkgggQQSuCCw7/t2/L49z18/cVx86/3j/1rHcHW/ZWbuWI9n5tx45u77x+89xtCmQED00ApIJAwB0UMrIJEwBEQPrYBEwhAQPbQCEglDQPTQCkgkDAHRQysgkTAERA+tgETCEBA9tAISCUNA9NAKSCQMAdFDKyCRMARED62ARMIQED20AhIJQ0D00ApIJAwB0UMrIJEwBEQPrYBEwhAQPbQCEglDQPTQCkgkDAHRQysgkTDcAbTxE6dr5szpi0eceXfmzKf76wkkkEACCSSQQAIJJJBAAgkkkEACfyzwAqCOWbYuFSC4AAAAAElFTkSuQmCC");
    background-size: 36px;
}

.video-pause:active{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAABGdBTUEAALGPC/xhBQAAAQ1JREFUeAHt2kFqwmAUhVHjkrqKQnFPdk2FugrXFH/pQAfK9yMWB56MktzHS3K4w2w2DgIECBAgQIAAAQIECBAgQIAAgXcSWJ79seu6HsbOz9j7uyzLV8zcjMf+7xF83AwvN49j//5y+fjZfwCtM68zPuChZw+gn8n9u5m5mtnWwLvngKIBgACFQMQaBCgEItYgQCEQsQYBCoGINQhQCESsQYBCIGINAhQCEWsQoBCIWIMAhUDEGgQoBCLWIEAhELEGAQqBiDUIUAhErEGAQiBiDQIUAhFrEKAQiFiDAIVAxBr0AqDzb8B1zMzc23G8F1zdn5m5GndKgAABAgQIECBAgAABAgQIECBA4E/gBKl5FVfSvCl6AAAAAElFTkSuQmCC");
    background-size: 36px;
}

.video-time-duration{
    color: #ffffff;
    font-size: 12px;
    -ms-text-size-adjust: none; 
    -webkit-text-size-adjust: 100%; 
}

.video-seekbar{
    height:100%;
    width: 100%;
    display:block;
    position: relative;
    background: rgba(0,0,0,0);
    cursor: pointer;
}

.video-seekbar-loaded{
    display:block;
    position: absolute;
    background-color:#ffffff;
    width: 100%;
    border-radius:1px;
    height: 3px;
    opacity:.4;
    top:50%;
    bottom: 50%;
}

.video-seekbar-current{
    display:block;
    position: absolute;
    background-color:#ffffff;
    opacity:1;
    border-radius:1px;
    height: 3px;
    top:50%;
    bottom: 50%;
}

.video-seekbar-dot{
    display:block;
    position:absolute;
    top:-12px;
    right:-13px;
    width:25px;
    height:25px;
    overflow:hidden;
}

.video-seekbar-dot:after{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAAA4FJREFUaAXtl01LlFEUx50pp6bQgUItJCpmhCIoJEHqA7RtEUIbt21bR1+hbfQJItKNixLaNkuRVkKEDIlBCiMIkTbNW//fOGe4jDje53mccdE98Pfe595zz/u9cxwaChQiECIQIhAiECIQIhAiECIQIvC/RCB1Ao66Mty5K7rpfLhzZznZ9GyC42Y0owtE2p4ZzWhgH7K9g69T+GtGp6X7jDAsnBOyc3Nzue3t7flKpfK+0Wh8azabvwDzWq32bm9v7+ny8jK8nDU5mg6eTDmGkE2MuiCMlkql+Xq9XpLhx9G6HH2iM6fmjOsEWTgvjExOTl4ul8uvj7O+e79arb5aWFggoyZX08EQCokiTmSFUWFMpfSm20jfb5yRDMuMpv0nc4JyIhM4MbGysvLM1+ij+LrKrO+e4AhlwJ0YEcby+XxBRmwcZWCE9fX2A4COvpJlg5LiYl8SrhWLxecRjO3JymsmmYlKjMM+ZM5QWhkwNTX1yOegD08mk3ksvkQZieMImcnkcrk7Pkb68KTT6fuDcIRIWUa4J2RlWFEc03gilEqlrkqQ6Ykl0zcjCHediXIulmFRD/kaZNHqjHqxylGVHcWvl+Cn9pAdm3wdOaRgZ2fn66HFmAv6YfwS82jnmK8j1rl2xtXV1c8dKQknu7u7HySi790wzvJSXRS44DeFu+Pj4w/1/v/o+QPhsUmjSdcsmejwDaxYoxO1y0tFf9X6MdR4W5hZXFx84WFrTxa65rZsdCS6JzrfkxBu7Qk91hUhL9wTZtfW1t72tLTHJl2zZCCT1gcdfXfEyqvTokjpLWE6m80+iOMMXTP/AkgGMq2s+uqI9LQiZVlpNY1auyFQYtPCLGXmc2doNOmadYb7hqyBZEN6WkSkyAp13GnjNb8ukBnKbIYHYGlp6eXm5uYnObWhi/wb7O/vf9/a2vpIo1koFCjLCYGSQhYykZ0oG1EOwwvIDMopB6KJMYx8d5cIT2pDqLZR0fhHYGStJtQFe9Y1jUcYFIVQiGLIlPONUTiBPPfSGj8Gw/O3PTLnnDmhaTKKkhE0GT8j5YDRliFzwi0THCEjGIwzlgG+WWcfsvHgK8ZfMyzKUTvDaA5hvMHWkYmB5gyGG2zdeBgTkRkVR4idNcNtRJbtWaTNcBvhsT3mickUJhHkynDnrkzXaHfu8oR5iECIQIhAiECIwKlF4B81jVHcKqPJcQAAAABJRU5ErkJggg==");
    background-size: 25px;
    content:'';
    position:absolute;
    left:0;
    top:0;
    -webkit-background-clip:content-box;
    background-clip:content-box;
    width:25px;
    height:25px;
}

.ocs-video-play-background{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    top: 0px;
    position: absolute;
    /*z-index: 1;*/
    background: rgba(0,0,0,.05);
}

.ocs-video-seek-background{
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 25px;
}
/*.portrait .ocs-video-seek-background{
     height: 25px;
}*/

.ocs-video-seekbar{
    vertical-align: middle;
    width: 80%;
    padding-left: 10px;
    padding-right: 5px;
}

/*.portrait .ocs-video-seekbar{
    width: 85%;
    padding-right: 5px;
}*/

.ocs-video-control-right{
    width: 15%;
    margin-right: 5px;
    line-height: 24px;
    text-align: center;
}

/*.portrait .cs-video-control-rightr{
    width: 15%;
    line-height: 20px;
}*/


.ocs-bullet{
    position: relative;
    display:  inline-block;
    margin-left:12px;
    width: 40px;
    height: 20px;
    vertical-align:middle;
    cursor: pointer;
}

.portrait .ocs-bullet{
    display:none;
}

.ocs-bullet-button-open{
    display: block;
    width: 40px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAYAAABpYH0BAAAABGdBTUEAALGPC/xhBQAACDlJREFUaAXtW2loFEkU7ms6k7mSyTkmGk1GozHqahQXjWA8EldRWAKexP2h7uovWUUIHqwgRFAQkYDiruAP/aO/BBc1l8YfsqwnuhJdNcdudJUx9zW9mZ7pfa+TGnqu7s44Ixu1YaiuV69eVX959eq9VxWaivIp+6NskjQsLYXuBRIlpcEvnabodKgnRinyY3Vzw1zfw1zx1wGDPqN5+nbt7Nr2aCZAj6XTit9XpFIstZFm6BJKovLG0vd/z0tTLZJPaqS81KWGrxs69c5XF4Dr7q8zCbSwVZKkrRRNGfUKH5d8EiXQNH3BKBkvXF1wdUjrGzQBXPlw5UrQtkoQZNcS9om1d4OyHKsvqq9X+66IAIK20WUPy34Ae/G9moBPvQ3s5C+1RbU/g1ZK4b41LIAlt0qMnI07Ah2Wh+v0GdJuin3iT43LGoXgb+eCCah5pQ9LxzV4My0zE5falyYXJBZYU/gUQzKXbMDv7BF7PF3DXZ5n7mf9t7tv9zQNNLmDvz9CfTkoFAXYVAZrYogGlj4o3Tlel+2q1FXJFRMqsh28Q9dG9274nXDx7cU3NZ01PRGACyDjcq6bX3dWSWSVFdC8FQAebhgxfaYkTklYn7k+o01oE9w+t08pvMBUkLgta9sEl8cFutElKtv0vk8yTuKP5x+fujZtrcPCWkJWVSQ5yLs4eXFKsb3Y9rj/cX+f2OeNxDtKn+/c5WxuOdvSSvj8g8muCiWMCby5lrnmNelrUokwZXm87Xi7KImy4c1OyOY3ZG7IyuAz+KrWqr+UfJsdmx2LkhelNHQ3dCnpet8XJi20HJhywGlmzf5v0duX8DmNTkv19OqCo21Hm+/23h0g9AhlJWD1G3FxGMI06uelkLqe0pHg4BfYFiQrf0uSl6Qusy9L52jObx7u9Nzpv993v7vEXpI6xzrHRGRn8Vk8AGB/0v+k90Hfg0FC11sieEfyjuR/CHhkLJSBslAmoYUrwQ6mIFakTQYQIwxYuhWEqLe80Xmju/xx+RPl717fve5w/av/rn4Ny9e70LbQRto3OjZmsDRLn397/h9C01viskXNw/56+2jxoSyUibLVeBErOSoDJlntaQO9AZzluMSw8FfNtXJW2da2u9vdheZCy8n8k1NxgvmmfOuwb9i3PWt7FtYHvYPeQ82H/PYFaZGeg3kHc2OhecHyUSbK3tW068/gNkU9UcaMos4Qu7FM0RjTV3ApLLB70W+EN4JX8kIozTLTzNPMaB+bh5rlZYu0bGO2EVwEXWPjbot2SxdzFEwoG8fQ2J0RszPc6serJ3pET14U40CkQ1Or01YHhHhphrSEYFlPB5/2HW4+3Ebol2Zfmt3v7ffsfrH7BaGhps6yzrKSulqJropaeyzacAxVACGZgthxoiiWRDug3WDn9uTsiQr8aMdEJ1mvnxftGNgPx8Cx1JxtxI6TGGkGFeCZ6R8WtE02AbWdta4r76+8V/YUfIJfqjPRad4/eX8OaQc7w/I0zyhpTrPTvzsTvnAlRhjh6PGg4VhqACJ2HICHSdConlRDqhwitQgtQy+HXobEiUSojbMZCq2F/uUJLg7DsqykpNlYm8Ejefygk77BJYZnwbR41UfHehtRPmDHwZaMmeSIPGoNsIRlAF3/ujxqfI/6H/WEs4E7mnY8J/302kCMbUmfeJdaYyF2DID3IRooL2HXsDqAsfxQkhiIpcxIsrTGQuyIGxNJhirdzo1o4In8E9N9QYYU/LkXEGHIGd1cY6557+S9E4kwE2tiDYyBVtJyTbm6bCCR8TFK0DDNYXAJ4+GK38Br9lAwvHK/GqrpqHEpSFSOMSexwFJgpaURpw4CdDGJSzIUJxX7w8QEJoExSAZGSUMZyKuUFe4dU1KZfGZAEiQcXyxovWKvqmlC7CBgpXH3jArAax3Xuq9R1wJCty2OLekIIGik/Ofb1rTtWfDHED9QaQODeSLVMZ8HAOpKV0WSoZeOY6nxInYMxVAB7odaBz1tJDb1+Dza+q9HYBAPJkODSHGrao4F2HG0j34OqvhNrGbBM7ycoBAkwXcq/9Q0sHVyXSkf3BrOwlnY0zNOT1fS8V30iZIyQglux0xyeXq5HDsHt8W6jmOpyUTsOHgaIZT7UY1xLG1mxizbp0Fx0GfmZIc5xF6B6oOBpKlwyU+RFVV9QXRsMZMc72gEx1BzohETxI67/tX113B02QIbTkxCssyETDkVBMZejGTjPsQG4sQxDb9v8j4nvsfrwTFUZcNBPGJHltctVWadjbDbspCisgx4BzwQVcTFBuJUMMhvFpq1Msc6Zx3KhrJVEwkjXWTMZD8QvvUyJJC3AH3MOcFNjk2yIw47Iz/POi8JnE/+suuy+l8vdM5jplS1VLViGj7WOUHISYooW2NCbsQMeWQNxLsgYJMuanQK21xkLbJBQjQHD3RMjImt76p3nXt97l1Y5hgS24X2YTzDgBxjzDQdZaFMlK0x1Qvk/ow/CJYPlRjhCub8NToHNOOyhcMiw5BvyAdJU62B5b7lGeVpmIn+tePXqA6SlBOIxaESykPN03OoBNtfl9Fn/JYcKvkBRCHysaYkHcP38fTgGQam4aPNUqPNw2WrQ/PQf6isK6prIPgEAIjELwfrBJrQEsxcyMF6CICjVztQC5eHihgflDhc7cAPvwmap321Azm/XC5CFAKeiJeLQjSQdENNLHtQtlOipR2E9jmWkFU6Vzu/9izYvrC7fUQACVhfLlhGecGSAIjl6L2Z7yDpUAEh7EdJJSnH/6jvsb7iq5z8p3zJHJZqK+Qwb8XlkrkSRPL+5d8cRpD4D/fOZIl68wT1AAAAAElFTkSuQmCC");
    background-size: 40px 20px;
}

.ocs-bullet-button-open:active{
    background-image: url("data:image/png;base64,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");
    background-size: 40px 20px;
}

.portrait .ocs-bullet-button-open{
    display:none;
}

.ocs-bullet-button-off{
    display: block;
    width: 40px;
    height: 20px;
    background-image: url("data:image/png;base64,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");
    background-size: 40px 20px;
}

.ocs-bullet-button-off:active{
    background-image: url("data:image/png;base64,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");
    background-size: 40px 20px;
}

.portrait .ocs-bullet-button-off{
    display:none;
}

.ocs-bullet-write{
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    height: 100%;
    width: 45px;
    padding-right:19px;
    z-index:206;
}

.portrait .ocs-bullet-write{
    display:none;
}

.ocs-bullet-write-button{
    display: block;
    position: absolute;
    margin:auto auto auto;
    cursor: pointer;
    top:0;
    bottom:0;
    background-image: url("data:image/png;base64,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");
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
    /*-webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
    z-index:106;*/
}

.ocs-bullet-write-button:active,.ocs-bullet-write-button:hover{
    background-image: url("data:image/png;base64,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");
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
}

.ocs-bullet-send{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.85);
    position: absolute;
    z-index: 207;
    /*bottom: 100%;*/
    -moz-animation: ocs_bullet_send_frames 0.2s linear infinite;
    -webkit-animation: ocs_bullet_send_frames 0.2s linear infinite;
    -o-animation: ocs_bullet_send_frames 0.2s linear infinite;
    -ms-animation: ocs_bullet_send_frames 0.2s linear infinite;
    animation: ocs_bullet_send_frames 0.2s linear infinite;

    -moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -ms-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
}

.ocs-bullet-send-container{
    margin-top: 14px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.ocs-bullet-send-close{
    display: block;
    margin-left: 10px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAABGdBTUEAALGPC/xhBQAAAahJREFUaAXtmE1qwzAQRkPJJovSn2U2LbS9Sq+Q3KHnyDV6oF4g9AA9QimUUudNYMAIRbassZFgBj6UyPbMvE+OI7xaebgD7oA74A64A+6AO+AOpBzouu4aPaTOmXqMvM9oM/X67Oso9oK+0B/aZydIXEC+NyTxibaJU20OUURWRmA0zKBIqDCa+8iHtU3nF7JQ4BEJRD+KoUgWwkj+b3RzoRW7aYrskRkUuWIwP8y/2nU9kMkKqgoYZS2FqgqmFKpKmKlQVcPkQjUBMxaqKZgRUO8AhbHso1mbzB3pOvY/1SaMwg9AtbEyCqMjULHb7J/5g57TzEjTse0M0+co3vstagQtx2BkZfrRBhQdx2DkN3NAZhvaRVYoAXPeNXM89vQTyN0iDeYUGYLRXE1AjYVpAioXpmqoqTA9qB05Yg+K5X9TpTBVQVnBVAEFzBMKo3hvRsLY7ffL/L2CzzJSYIPkJaBGMYw2SsIQ6oO5Kz0+20iRLToieW9m+qqJfAIlKyMwd7NBhIkptka34bzFdwFB86+MRbOewx1wB9wBd8AdcAfcAXfA1IETi1oUD1X9dOEAAAAASUVORK5CYII=");
    background-size: 26px;
}

.ocs-bullet-send-close:active,.cs-bullet-send-close:hover{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAABGdBTUEAALGPC/xhBQAAAkZJREFUaAXtmLFKBDEQhm9FQVE8vbMSQZ/BB7jK8jrfwMbO5l5By0MQG+2sRVDsLe4BfAQRBG0UxE4E138kkdySzV4ykwNhAkOSTfJPvkk2WbbV0qQR0AhoBDQCGgGNgEZAIxCKQFmWbdhGqE9qG3S3YIup46PHwdk67AJ2A+tFCwQGQK8Pu4Wdw7qBrrVNRW2LpwFO2nh8AuuY5m/kw6IoRqaenEG7j8H7jsAzygfQ/nSeNRZnGnuMd1hGdcV5ROMHmAxrpTww5GINtkCFmBQFhGg9QXwIo5WxiQVVA/MF8SP4e7dOJs2jtpwVNSsyQN0NSPT2C8AcAube+ovJk4DIARcqBwzNKxmIA5ULhg2UApUTRgQoBio3jBjQJFDTgBEFaoC6Q/sO9XESHc3Jp5mjM1ZkHQpjSqaClaBLtnqkV7tmgSEn4kAk2gCVDYZ8uxcj1UUSLsURhGib+dJ16qXpE6s+ywJkDoDqO2N975oVtHXRXHzLGRj3q9k34ejPJJ+I75noCtXA0DtzCSMIm8gv+yvdirn5rFvhlAMwv0cz2h+h755+Fqpl3jmO+7+xIluuCcZ6Qz/fkS66/dhAk8JMC4oFFAszDahkoFSY3FBJQFyYnFDRQFIwuaCigACziYmc2smYnP1tBt26028PR/pbxV+wGnuxvkLtxVFkw5CWuYeqf5Me0PTh+MpTRDS7sDPYFWxb0gv0ejD6I3sMW5LUDmrB2TxsNdgpsRG6Hdhc4nAdphHQCGgENAIaAY2ARkAj8I8j8ANAQU+p6VA1lwAAAABJRU5ErkJggg==");
    background-size: 26px;
}

.ocs-bullet-send-input{
    width: 80%;
    margin-left: 13px;
    background-color: rgba(0,0,0,0.8);
    border-color: rgba(0,0,0,0.8);
    border-radius: 3px;
    color: white;
    font-size: 17px;
    font-family: 'PingFang SC';
}

.ocs-bullet-send-button{
    margin-left: 5px;
    margin-right: 11px;
    background-color: rgb(73,184,73); 
    border-color: rgba(73,184,73,0.1); 
    border-radius: 3px; 
    width: 86px;
    height: 28px;
    font-size: 16px;
    line-height: 16px;
    color: white;
    font-family: 'PingFang SC';
}

.ocs-bullet-send-button:disabled{
    background-color: rgb(204,204,204); 
    border-color: rgba(204,204,204,0.1); 
}

.ocs-bullet-send-time-label{
    margin-left: 5px;
    font-size: 16px;
    color: white;
    width:10px;
}

@keyframes ocs_bullet_send_frames {
    100% {transform: translateY(0%)}
    80%  {transform: translateY(20%)}
    60%  {transform: translateY(40%)}                   
    40%  {transform: translateY(60%)}  
    20%  {transform: translateY(80%)}                          
    0%   {transform: translateY(100%)}  
}
 
@-webkit-keyframes ocs_bullet_send_frames {
    100% {transform: translateY(0%)}
    80%  {transform: translateY(20%)}
    60%  {transform: translateY(40%)}                   
    40%  {transform: translateY(60%)}  
    20%  {transform: translateY(80%)}                          
    0%   {transform: translateY(100%)}   
}
@-moz-keyframes ocs_bullet_send_frames {
    100% {transform: translateY(0%)}
    80%  {transform: translateY(20%)}
    60%  {transform: translateY(40%)}                   
    40%  {transform: translateY(60%)}  
    20%  {transform: translateY(80%)}                          
    0%   {transform: translateY(100%)}   
}

@-o-keyframes ocs_bullet_send_frames {
    100% {transform: translateY(0%)}
    80%  {transform: translateY(20%)}
    60%  {transform: translateY(40%)}                   
    40%  {transform: translateY(60%)}  
    20%  {transform: translateY(80%)}                          
    0%   {transform: translateY(100%)}  
}

@-ms-keyframes ocs_bullet_send_frames {
    100% {transform: translateY(0%)}
    80%  {transform: translateY(20%)}
    60%  {transform: translateY(40%)}                   
    40%  {transform: translateY(60%)}  
    20%  {transform: translateY(80%)}                          
    0%   {transform: translateY(100%)}  
}

/**自定义iscorll样式**/

.iScrollHorizontalScrollbar {
    position: absolute;
    z-index: 9999;
    height: 16px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    overflow: hidden;
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {
    right: 18px;
}

.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 7px;
    bottom: 2px;
    top: 2px;
    right: 2px;
    overflow: hidden;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
    bottom: 18px;
}

.iScrollIndicator {
    position: absolute;
    box-sizing:border-box;
    width:100%;
    background: rgba(0,0,0,0.45);;
    border-radius: 6px;
}
/**************************************封面呼吸灯*********************************/
 .breath_cover {
	object-fit: cover;
    -moz-animation: breath 6s ease infinite;
    -webkit-animation: breath 6s ease infinite;
    -o-animation: breath 6s ease infinite;
    -ms-animation: breath 6s ease infinite;
    animation: breath 6s ease infinite;  
}
 
@keyframes breath {
    from { transform: scale(1)}                          
    50%  { transform: scale(1.015)}                        
    to   { transform: scale(1) }   
}
 
@-webkit-keyframes breath {
    from {transform: scale(1)}                          
    50%  {transform: scale(1.015)}                        
    to   {transform: scale(1) }   
}
@-moz-keyframes breath {
    from { -moz-transform: scale(1)}                          
    50%  { -moz-transform: scale(1.015)}                        
    to   { -moz-transform: scale(1) } 
}

@-o-keyframes breath {
    from { -o-transform: scale(1)}                          
    50%  { -o-transform: scale(1.015)}                        
    to   { -o-transform: scale(1) }   
}

@-ms-keyframes breath {
    from { -ms-transform: scale(1)}                          
    50%  { -ms-transform: scale(1.015)}                        
    to   { -ms-transform: scale(1) }   
}

/**跑马灯**/
.ocs-horse-race-lamp
{
    position: absolute;
    left:0px;
    top:150px;
    font-weight: 500;
    font-size: 18px;
    color: rgba(255,255,255,0.80);
    letter-spacing: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.20);
    z-index: 999;
}

/**cc-watermark**/
.cc-wartermark
{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAnCAYAAABzAXTXAAAQC0lEQVRoQ+1Za1BTV7veibkHwjXholwE6gUoyEHw9AP8cAo9SEU/RRgvpyq2cvE20jq1tdJmrAptFTpgrXasSju0XKy0UOrXVosogi0XIxS1NagtggRINATCJSQ582T2crYUC+3Hv0Nm9iTZe613rfW8z/u871qbRU19Jg0B1qRZmjJETYE5iSSYAnMKzElEYBJNTTFzCsxJQwBkIoQyUxSFa/Q9DIb7434mykzSjjnwhAehZzEZNsZd0AQbYC5siqI49LeJoqgRGrRpFEXhwnPcw4Xn437+DEzyDEaZFwERAxjpgZ7kOeJlMnlMEr8JC2CDXGM5B+My54i2E2LJOCuHXT5FUSIauGGKovS0bQFFUbgwLu4N0Ov822AyF8+jKArXNLFYzGaxWOa+vj7iSQNFUbiIV5kLZXqfS9vgwAYm3d/fD0eQvlgM/hOQMXG0Qz9csEXGmgxAp+Xn5zvPmTPHy83NzVGj0bT7+/tfw/gJCQn2GzZs8AgICLAXiUSmmpqaS3FxcQB13M9YzCQgAEBBYGCgaMeOHVJ/f39HkUgk4vF4Zp1Op+/q6up5/fXXO65evQoghiiKwjcTDLAQ3hcsXLhQnJKSIvPx8XG0sbHhm81m0/DwsP7OnTvdmZmZXT/++CO8DxskpGAHIIoWLFhgnZiYKLKystKlpKR0jRMJ4y6YbjBNr9f/SygU+uL/7du3G7y9vasw/tmzZwNiYmKegzMNBkPnuXPnimJjY3snYngsMEkIiLOzs52SkpJCrKysHDkcjoWdtFGjyWQaNhgMuvr6+uqlS5e2aTSaQQZDH4VRXl6ey/r160OEQqEDbQPP8LHYGB4e7jp16tTFtLQ0NQ0oGIgP9+rVq4GzZ89+hsPhTOvp6WlwdXWtYYTcfxLu3L6+vpVisdgHAzU1NV0LDAwEmMbi4uLghISEhbg/NDSkOnHiRMnmzZsfMMAcCzPLXEY/wH+eRCIRHz582GvVqlURXC7XCg1HRkYMWq1Wr1arVXq9ftDe3p4vlUqd+Xw+1dXVdSUiIuKaUql8BISPj4/k+PHjcyIiIhay2WwLgCMjI8NarbZfrVZ3Dw4O6h0dHcV2dnZSoVDIu3v37vmkpKSbFy5cAEPRXqBSqaJlMtnT6KtUKn966qmnqukIIDrLzL5En5k6SySBfBMH8LRa7UqJROIN2w0NDc3z588HmOZjx46FJicnL3gCmCRqyRiPaf5oMME8UWlp6aylS5cuYrPZQhjt7e19WFRUpHz33Xc7lUolFmvRt4CAAFZ2drbrM888M1Ov11dLpVIlDYTohx9+mBsRERHO4XAg8ub29nZ1SUnJrYMHD/a0t7c/0sjFixdzXn31VdewsLAZAwMD1Tk5ObflcjmyrO2tW7f+6ePjMwdzqKurU4SGhl5hSAqRFaa2kixM1kWSJNFbostjgXmRBjOECeaRI0dOv/zyy2AmU/4gQbCNOUCaYPcxZqIxd9euXc579uyJtbKykqLBwMCAdsWKFXWVlZXdQ0NDfQxtxCJ4AoGAt2rVKt6sWbMe7t69W4NyQyqV2v32228JQqHQFja6u7s127dvry8sLOymMyQmgclYdFUgEHBhw9PTUy2Xyx+mp6fzg4ODZ0ZGRoZOnz7dDTba2tputbS0XLe1tTW0tbWpEhMTtbRGW7QVc9+6das4JiZGLBaLBWq12lhTU9NfVFSkb29vBwGQRCBFWPgTwfzwww9DU1NTQwkzaTAxFuaKLM9LTU3lv/LKKzJHR0dEm1Iqler+AOaMGTMEZ86cCQ0JCfkHQEFoZ2Vl/ZSRkXGLoigYJLpI+oJBGAALwjNcfIVCER4YGGiZEEB75513Lr322mu3KYp6SDOLhJ3FgXSiwjcS0WBNTY1NUFDQMh6P58Jmsy06bTKZRnCx2Wyz2Wy+zuFw/o37CQkJopycnFCZTObD5XJBAKLJlsENBoO2vr7+2sqVK1s6OjqwaDiSO0aYW5jJBFOv13ft27fvTGZmJkjE9/PzExw6dMgpOjo60mQyIYldsrGxaRyLmew1a9bYvPfeezGurq4WYb53717Hxo0bL37//ff36YWOLkuYJZTlWXBwsF1tbe3/crlca9hQqVQdnp6e5wYHB3sYNhh6/ih8AJolLCMjI8URERHeqamp811dXV3R+JdffrlTUVFx28HBYYjNZmvWrVvXhvatra0+Xl5eiUNDQ7re3t5etVo9ZDQaKalUaiWTyWR09I3U1dVdDg0NracdzpkomGlpaV9/8sknQxs2bLCSy+V+bm5u/r29vd1lZWVX09PTWzUaTf+YYG7dutU5MzPzX1ZWVg4mk8lcX1//c1RU1CWdTgdGTaS+42RnZ3ump6evIhJy8uTJyxs3boT3wAqLtozzgYOg1dKWlpZwX19fL7Svqqr6OTIyErUg2I8FIGxNCoXCu7Gx0bGwsNDY0dFhVKlURrPZzHJychKePHnSMyQkxNLfZDINzJs37+Pm5maUOdMmAqZWq+1JSEg45+fnx9m/f3+4QCBwaGpqurl9+/ZfL126BHLAFpGsxzSTvWXLFrdDhw6t4PP5ViaTyXjlypUrYWFhEH2E30RKEe7p06fnxsfHLyOApaamlh07duxXGoSJ2ACYYKmtUqmM8vb2fgq2GhsbrwYHB19m6B6EH20RAfb0pgBN4TAWj8fjb9myxSU7O9uSmU0mkyk3N/fz9PT03yYKZm9v7wOFQvFreHj4PMjed999dyMxMfGGTqdDGUck41Ftzczm7NTUVPf3339/OQGztra2Njw8/McJgElKBU5BQcHcNWvWxBEw09LSSo8ePQrNJdn3ScRkljSYoLVSqVxMwGxubm4ICAiopDWXOAV9kHys/f39hcnJyZLAwEBrGxsbodlsFrBYLPz3JGAeOXLki23btlkqjokwk7Fdhp6bW1tb21asWHGxqampk6H9j9bzGJjr1q2b8cEHHywhYX79+nXF008/jfoLYfWkzT5hEgZky+Vyt4yMjAS6tKRKSkoqExMTEeYIzz+zgWSGi2xVrcYA84dRYFoyeX5+vsfy5ctDxGKxLZvNtpQtJpOp32AwUHw+H6y13MjJySnduXMnHMuaCJgmk8nQ2dnZ5ezs7EwnQqNCoagJCgoi2ktKLQugj4EZEhIi++yzz6J8fHxm4mFnZ+fvKSkp35eVlUEfxjo9IUDyEhISxFFRUZw33niDdf/+/VUcDkcMG2q1+u7MmTO/0el0CAvUe6NDndjgy+Vya5lMNrR582ZUDmMxkwkm+vGrqqrmLly4cDHNNnVRUVHjnj17NN3d3awlS5Y4lJeXR/1dMFUq1cOYmJiGU6dOeQcGBnqQZFZSUnImMTHx99HsfAxMW1tbSWFh4fzo6OgQNpuN0miwrKzsQnx8PLxJyiImu6BtXJQMdXV1/9Tr9VpPT8/m0tLS0KioqP+i+W8qLCz8ZvXq1SiNyAkME1DY4L300ktWOTk5YX19fTddXFxujhPmFtO5ubkOycnJkCWn3t7evj179tTn5eV10ItE2eRUXFwc+3fBfPDggXrJkiUXNRoNv7KyMtTZ2dkRtvR6fcfhw4e/3bVrF84KHhGECaYliy5dutTtxIkTzzk4OFgK7oGBgYdr1qz55ssvv0RGJzsXAGo5D5RIJJza2lrfOXPm/HdGRkbBgQMH+l1dXV1u3LjxnEQisdjQ6XSdBw4cqMzKykJRj8FJeJAzxWktLS1+M2bMcM/Kyvp3ZmYmmClSKpWxoxLQJQYbEHLefn5+SxAFN2/e7ExMTLzS3NxMyjjWpk2bPD766KMVfxdM1JnJyckVBQUF3B07dszMysoK4vP5IkhGW1tbY3x8fE1DQwMkEFH7h7059MZ+7969Prt27Qrn8Xg43EDh25ufn1+dn5/fXV1dDYaanZycWGFhYby9e/d6zJo1K+jbb7/9KS4uDlkbuw2bnJwc37S0tGA+n4+intJqtR1Hjx69Ulpaqm1paRnu6+ujZDIZKyYmhv/WW2+5u7m5BZeXl9fEx8f/Qmu08O7du//j4eFhOdm5du3az/Pmzav19PQcjIuLM+Xl5emrq6u9FyxY8DzAbG9v70pJSblcUVFBkgP7xRdfdDt+/Pjy8cBUKBRNQUFByA3U6L15VlbWGblcbrS2tpZ98cUXAdHR0bNoIg2ePXu2IjY2tpUmiGn03pxkR8fc3FyfF154wQ+hT09mEIB0dnY+MBqNBolEwndwcLDn8Xg2Fy9eVERFRZFdEpgncHNzc9q/f//s1atX+3I4HMseH0RXqVTtarX6IWzY2tqKpFKplMfjicvLy+vXrl3b2t/fD1YiAgRff/118PPPPx9JIgTlkbe39zSRSDRoY2NTv2PHDllGRsZie3v76UgWSqXyl6qqqhaDwTDg5eUlcnd3n+3r6xtIwDx27NjpzZs3Y/FIQAnkoKOlpUXh7+8PMFmnTp2av379euwAQaLOgoKCkqSkJNS0dhEREdOLiopCXFxcsBnA857Lly+XLFq0CBH3BzDRBhlVzOfzHZctW+Ysl8u95s6dS8SXlAEIc1Z/f//veXl5LXl5eV0dHR2QAUshTdeJ1hKJxPHZZ591ys7O9vb09JzOOMKz1GbYGGg0mjt79+69/vHHH3fr9XoUwdBV2BC4u7u7nD9//h8kIeLIbmRkpL2mpubCokWLwEDRpk2bvN5+++1gJycnF9ommcPA/fv3O6ZPnx5Eg9m/bdu2kiNHjkAGWHq9Pl4oFKKGNZ87d646OjoaGZr6/PPP5+O0jHZg65tvvvnVwYMHYROEACYzTp8+jQMcnNVSRqOxcd++fWflcvmYYIKtABT1mx1FUZKwsDDRzp077by8vAAyu6enR1dcXNyVm5tLFo9vUj6RYzFIBo7vbLhcrmTZsmXipKQkew8PD9R/rK6uLl1RUZHq6NGjyPIAEIxkviJAfzt7e3vp2rVr7aOiogR37tx5mJubq7p9+zbaYjwkLzsej+e4fv16SWxsrNDFxcV07969h/v379dotVre7t273cvLywe++uorOBsOQF9WcXHx3JqaGsmnn346rFarUYTjGSspKQmyJauoqNBVV1cjmeEZIgVjYT2y5cuXOwYHB3PPnz+vqqysRBuAbRzroJNoKTkpR4kDYKGf5BABgosBsHgYIqfkhLnEBpwCD462AcBhA/2YNphbVnLAjB0O+mM+GBMg4sJvy/krvUjyPofUqWSHZGEQXY0Q58M25MsiYfRuBk7FGDb04Q364x7WR2wRgmBOGBv5AzYtNfSTwCSgYFAMQApqctKOCZP3N6Pf3YwGlNSRsGEp7OkG6IdJwg7zpRrpTw57LeUX3Y/0IS/ymG1gn7ywI+eYcBruEecx+5E1MZ+Rs1HYRdvRLwyZGxRLlDPbjAcmc2GEbfgmdeJE9tqTZYPM9c/GHKsN7v2VeTLJ8Jd+TxTMv2T0/2vjKTAn0fNTYE6BOYkITKKpKWZOgTmJCEyiqSlmToE5iQhMoqn/A+7VoZGxJ1JFAAAAAElFTkSuQmCC");
    background-size: cover;
    position: absolute;
    top: 26px;
    left: 20px;
    z-index: 2;
}

.video-portrait
{
    object-fit: contain!important;
}