.vt-podcast{
    width: 100%;
    margin-top: 40px;
    background: #FEFEFE;
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 40px;
    position: relative;
}
.vt-podcast audio#podcastAudio {
    height: 0;
}
.vt-podcast .vt-podcast-detail .thumb-art img {
    border-radius: 8px;
}
.vt-podcast .vt-podcast-detail .sum-info-pop h1{
    line-height: 1.2;
    padding: 10px 0;
}
.vt-podcast .vt-podcast-detail .sum-info-pop .elementor-widget-container{
    font-size: 16px;
}
.vt-podcast .vt-podcast-detail .thumb-art{
    width: 20%;
    float: left;
}
.vt-podcast .vt-podcast-detail .sum-info-pop{
    width: 80%;
    padding-left: 20px;
    float: left;
}
.vt-podcast-timeline {
    display: block;
    max-width: 670px;
    margin: 0 auto;
    font-size: 15px;
    margin-top: 50px;
}
.vt-podcast-timeline .time_stemp_desc {
    font-size: 14px;
    margin-bottom: 16px;
    color: #9F9F9F;
}
.vt-podcast-timeline .time_stemp li:not(:last-child) {
    margin-bottom: 8px;
}
.vt-podcast-timeline .time_stemp li {
    font-size: 15px;
    line-height: 140%;
    position: relative;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    padding: 10px;
    background: #F7F7F7;

}
.vt-podcast-timeline .time_stemp li a{
    width: 100%;
    cursor: pointer;
}
.vt-podcast-timeline .time_stemp li:hover {
    background: rgba(122, 28, 69, 0.06);
}
.vt-podcast-timeline .time_stemp li strong {
    font-weight: 400;
    margin-right: 8px;
    color: #B42652;
}

.control-audio-bar button{
    padding: 0px;
}

.vt-podcast audio::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none
}

.vt-podcast audio::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

.vt-podcast audio::--webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none
}



.afp-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: url("data:image/svg+xml,%3Csvg width='48px' height='48px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-ring-alt'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23ffffff' fill='none' stroke-width='10' stroke-linecap='round'%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23ffffff' fill='none' stroke-width='6' stroke-linecap='round'%3E%3Canimate attributeName='stroke-dashoffset' dur='2s' repeatCount='indefinite' from='0' to='502'%3E%3C/animate%3E%3Canimate attributeName='stroke-dasharray' dur='2s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E") no-repeat scroll center center;
    background-size: auto 100%
}

.afp-loading .afp-loading-label {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    text-shadow: 1px 1px #000
}

.afp-timeline {
    background: #F2E2EA;
    position: relative;
    width: 100%;
    height: 4px;
    cursor: pointer;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    border-radius: 0px 2px 2px 0px
}

.afp-buffer {
    width: 0;
    background: rgba(255,255,255,0.2);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.afp-current {
    width: 0;
    background: #A46481;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: width .5s;
    transition: width .5s;
    border-radius: 2px 0px 0px 2px
}

.show-ad .afp-current {
    background: #F1C21B
}

.show-ad .afp-node {
    display: none
}

.show-ad .afp-timeline:before {
    height: 0;
    width: 0
}

.show-ad .afp-timeline:after {
    height: 0;
    width: 0
}

.afp-node {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    right: -9px;
    margin-top: -3px;
    background: #A46481;
    -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 3px 8px rgba(0,0,0,0.1)
}

.afp-controlbar-container {
    width: 100%;
    min-height: 60px;
    position: absolute;
    top: 0;
    padding-top: 5px;
    left: 0;
    display: block;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: -webkit-transform .5s ease 0;
    -webkit-transition: -webkit-transform 0.5s ease 0;
    transition: -webkit-transform 0.5s ease 0;
    transition: transform 0.5s ease 0;
    transition: transform 0.5s ease 0, -webkit-transform 0.5s ease 0
}

.afp-controlbar-container.hover {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform .5s ease 0;
    -webkit-transition: -webkit-transform 0.5s ease 0;
    transition: -webkit-transform 0.5s ease 0;
    transition: transform 0.5s ease 0;
    transition: transform 0.5s ease 0, -webkit-transform 0.5s ease 0
}

.afp-ads-ico {
    padding: 3px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 14px;
    font-family: Arial;
    line-height: 40px;
    margin-left: 10px;
    opacity: 0
}

.show-ad .afp-ads-ico {
    opacity: 1
}

.show-ad .afp-group-center {
    pointer-events: none
}

.afp-controlbar-container:-moz-full-screen {
    position: fixed
}

.afp-controlbar-container:-webkit-full-screen {
    position: fixed
}

.afp-controlbar-container:-ms-fullscreen {
    position: fixed
}

.afp-controlbar-container:fullscreen {
    position: fixed
}

.z-top {
    z-index: 2147483647
}

.afp-controlbar {
    line-height: 14px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    display: inline-block
}

.afp-controlbar-mo {
    line-height: 14px;
    position: absolute;
    margin: auto;
    height: 28px;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    display: inline-block;
    background-color: #eee;
    background-color: #eee;
    padding: 0 50px 0 80px
}

.afp-control-playlist {
    padding: 0 110px 0 135px !important
}

.afp-control-playlist-mo {
    padding: 0 80px 0 135px !important
}

.afp-controlbar-container button {
    outline: none !important;
    border: none;
    cursor: pointer
}

.afp-button {
    cursor: pointer;
    outline: none;
    border: none;
    height: 36px;
    width: 20px
}

.afp-button-2 {
    cursor: pointer;
    outline: none;
    border: none;
    height: 32px;
    width: 32px;
    padding: 0;
    float: left;
    position: relative
}

.afp-sound-muted {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: 10px
}

.afp-sound-muted:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: 10px
}

.afp-sound-level-0 {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 11.9' style='enable-background:new 0 0 13 11.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.8,0.1C7.6,0,7.4,0,7.2,0.1L3,3.2H0.5C0.2,3.2,0,3.5,0,3.8v4.3c0,0.3,0.2,0.5,0.5,0.5H3l4.2,3.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0c0.2-0.1,0.3-0.3,0.3-0.5V0.5C8.1,0.3,8,0.1,7.8,0.1z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 14px
}

.afp-sound-level-0:hover {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 11.9' style='enable-background:new 0 0 13 11.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.8,0.1C7.6,0,7.4,0,7.2,0.1L3,3.2H0.5C0.2,3.2,0,3.5,0,3.8v4.3c0,0.3,0.2,0.5,0.5,0.5H3l4.2,3.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0c0.2-0.1,0.3-0.3,0.3-0.5V0.5C8.1,0.3,8,0.1,7.8,0.1z'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 14px
}

.afp-sound-level-1 {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 11.9' style='enable-background:new 0 0 13 11.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.8,0.1C7.6,0,7.4,0,7.2,0.1L3,3.2H0.5C0.2,3.2,0,3.5,0,3.8v4.3c0,0.3,0.2,0.5,0.5,0.5H3l4.2,3.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0c0.2-0.1,0.3-0.3,0.3-0.5V0.5C8.1,0.3,8,0.1,7.8,0.1z'/%3E%3Cpath class='st0' d='M9.9,3.6L9.5,3.3L8.7,4.1l0.4,0.4c0.9,0.9,0.9,2.2,0,3L8.7,7.8l0.8,0.8l0.4-0.4C11.1,7,11.1,4.9,9.9,3.6z'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-size: 14px
}

.afp-sound-level-1:hover {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13 11.9' style='enable-background:new 0 0 13 11.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.8,0.1C7.6,0,7.4,0,7.2,0.1L3,3.2H0.5C0.2,3.2,0,3.5,0,3.8v4.3c0,0.3,0.2,0.5,0.5,0.5H3l4.2,3.1 c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0c0.2-0.1,0.3-0.3,0.3-0.5V0.5C8.1,0.3,8,0.1,7.8,0.1z'/%3E%3Cpath class='st0' d='M9.9,3.6L9.5,3.3L8.7,4.1l0.4,0.4c0.9,0.9,0.9,2.2,0,3L8.7,7.8l0.8,0.8l0.4-0.4C11.1,7,11.1,4.9,9.9,3.6z'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-size: 14px
}

.afp-sound-level-2 {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: 10px
}

.afp-sound-level-2:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: 10px
}

.afp-sound-level-max {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWk0xMy4yNTM3IDIuNjI3NjRDMTMuNDU5NCAyLjQ0MzM3IDEzLjc3NTUgMi40NjA3MSAxMy45NTk4IDIuNjY2MzhDMTYuNjc2IDUuNjk3OTcgMTYuNjc2IDEwLjMwMjEgMTMuOTU5OCAxMy4zMzM3QzEzLjc3NTYgMTMuNTM5NCAxMy40NTk0IDEzLjU1NjcgMTMuMjUzOCAxMy4zNzI0QzEzLjA0ODEgMTMuMTg4MiAxMy4wMzA4IDEyLjg3MiAxMy4yMTUgMTIuNjY2NEMxNS41OTEgMTAuMDE0NiAxNS41OTEgNS45ODU0OCAxMy4yMTUgMy4zMzM2OUMxMy4wMzA3IDMuMTI4MDIgMTMuMDQ4MSAyLjgxMTkxIDEzLjI1MzcgMi42Mjc2NFpNMTIuMDc4NSAxMC45MzMzQzExLjgzOTMgMTAuNzk1NCAxMS43NTcgMTAuNDg5NyAxMS44OTQ4IDEwLjI1MDRDMTIuNjcxIDguOTAyODggMTIuNzI2NSA3LjE5MTYzIDExLjg5NDIgNS43NDk5NUMxMS43NTYxIDUuNTEwOCAxMS44MzggNS4yMDUgMTIuMDc3MiA1LjA2NjkzQzEyLjMxNjMgNC45Mjg4NiAxMi42MjIxIDUuMDEwOCAxMi43NjAyIDUuMjQ5OTVDMTMuNzc4MiA3LjAxMzIyIDEzLjcwODQgOS4xMDU0NCAxMi43NjE0IDEwLjc0OTZDMTIuNjIzNSAxMC45ODg4IDEyLjMxNzggMTEuMDcxMSAxMi4wNzg1IDEwLjkzMzNaIiBmaWxsPSIjQTQ2NDgxIi8+Cjwvc3ZnPgo=") no-repeat right center;
    background-size: 16px;
    width: 28px
}

.afp-sound-level-max:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuMDA2MTNDMTAgMC4xMzMxMDYgOC45NTk3IC0wLjMyMDcyMiA4LjMxOTc3IDAuMjczMTI3TDQuNDQ3NiAzLjg2NjUxQzQuMzU1MTMgMy45NTIzMiA0LjIzMzY0IDQuMDAwMDEgNC4xMDc0OSA0LjAwMDAxSDEuNUMwLjY3MTU3MyA0LjAwMDAxIDAgNC42NzE1OCAwIDUuNTAwMDFWMTAuNUMwIDExLjMyODQgMC42NzE1NzMgMTIgMS41IDEySDQuMTA3NDlDNC4yMzM2NCAxMiA0LjM1NTEzIDEyLjA0NzcgNC40NDc2IDEyLjEzMzVMOC4zMTk3NyAxNS43MjY5QzguOTU5NyAxNi4zMjA3IDEwIDE1Ljg2NjkgMTAgMTQuOTkzOVYxLjAwNjEzWk0xMy4yNTM3IDIuNjI3NjRDMTMuNDU5NCAyLjQ0MzM3IDEzLjc3NTUgMi40NjA3MSAxMy45NTk4IDIuNjY2MzhDMTYuNjc2IDUuNjk3OTcgMTYuNjc2IDEwLjMwMjEgMTMuOTU5OCAxMy4zMzM3QzEzLjc3NTYgMTMuNTM5NCAxMy40NTk0IDEzLjU1NjcgMTMuMjUzOCAxMy4zNzI0QzEzLjA0ODEgMTMuMTg4MiAxMy4wMzA4IDEyLjg3MiAxMy4yMTUgMTIuNjY2NEMxNS41OTEgMTAuMDE0NiAxNS41OTEgNS45ODU0OCAxMy4yMTUgMy4zMzM2OUMxMy4wMzA3IDMuMTI4MDIgMTMuMDQ4MSAyLjgxMTkxIDEzLjI1MzcgMi42Mjc2NFpNMTIuMDc4NSAxMC45MzMzQzExLjgzOTMgMTAuNzk1NCAxMS43NTcgMTAuNDg5NyAxMS44OTQ4IDEwLjI1MDRDMTIuNjcxIDguOTAyODggMTIuNzI2NSA3LjE5MTYzIDExLjg5NDIgNS43NDk5NUMxMS43NTYxIDUuNTEwOCAxMS44MzggNS4yMDUgMTIuMDc3MiA1LjA2NjkzQzEyLjMxNjMgNC45Mjg4NiAxMi42MjIxIDUuMDEwOCAxMi43NjAyIDUuMjQ5OTVDMTMuNzc4MiA3LjAxMzIyIDEzLjcwODQgOS4xMDU0NCAxMi43NjE0IDEwLjc0OTZDMTIuNjIzNSAxMC45ODg4IDEyLjMxNzggMTEuMDcxMSAxMi4wNzg1IDEwLjkzMzNaIiBmaWxsPSIjQTQ2NDgxIi8+Cjwvc3ZnPgo=") no-repeat right center;
    background-size: 16px
}

body .afp-playbtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA0OCA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNzk5OTYgMC40MDAwMjRDMi4yMzQxNyAwLjQwMDAyNCAxLjY5MTU1IDAuNjI0Nzg2IDEuMjkxNDcgMS4wMjQ4NkMwLjg5MTM5MiAxLjQyNDk0IDAuNjY2NjMgMS45Njc1NiAwLjY2NjYzIDIuNTMzMzZDMC42NjY2MjUgMi41MzYxNCAwLjY2NjYyNSAyLjUzODkxIDAuNjY2NjMgMi41NDE2OVYyNlY0OS40NTg0QzAuNjY2NjI1IDQ5LjQ2MTEgMC42NjY2MjUgNDkuNDYzOSAwLjY2NjYzIDQ5LjQ2NjdDMC42NjY2MyA1MC4wMzI1IDAuODkxMzkyIDUwLjU3NTEgMS4yOTE0NyA1MC45NzUyQzEuNjkxNTUgNTEuMzc1MyAyLjIzNDE3IDUxLjYgMi43OTk5NiA1MS42QzMuMjQ0MDQgNTEuNTk4OCAzLjY3NjY1IDUxLjQ1ODkgNC4wMzc0NiA1MS4yTDQuMDQxNjMgNTEuMjA0Mkw0Ni4zNTQxIDI3LjkzNzVDNDYuNzI1NCAyNy43Njc3IDQ3LjA0MDIgMjcuNDk0OCA0Ny4yNjEgMjcuMTUxNEM0Ny40ODE5IDI2LjgwNzkgNDcuNTk5NSAyNi40MDgzIDQ3LjYgMjZDNDcuNjAwMiAyNS41ODAzIDQ3LjQ3NjYgMjUuMTY5OCA0Ny4yNDQ2IDI0LjgyQzQ3LjAxMjYgMjQuNDcwMSA0Ni42ODI2IDI0LjE5NjUgNDYuMjk1OCAyNC4wMzM0TDQuMDQxNjMgMC43OTU4NThINC4wMzc0NkMzLjY3NjE1IDAuNTM4NDU1IDMuMjQzNTkgMC40MDAwOTIgMi43OTk5NiAwLjQwMDAyNFoiIGZpbGw9IiNDOTJBNTciLz4KPC9zdmc+Cg==") no-repeat center center;
    width: 100%;
    height: 100%;
    border: none;
    background-size: 100% 100%
}

.afp-backbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.004px' height='12px' viewBox='0 0 12.004 12' enable-background='new 0 0 12.004 12' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M12.004,0L0,6l0,0l12.004,6V0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M0.004,0h0.75v12h-0.75V0z'/%3E%3C/svg%3E%0A") no-repeat center center
}

.afp-nextbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.004px' height='12px' viewBox='0 0 12.004 12' enable-background='new 0 0 12.004 12' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M0,0l12.004,6l0,0L0,12V0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M11.25,0H12v12h-0.75V0z'/%3E%3C/svg%3E") no-repeat center center
}

.afp-back15sbtn {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26' height='25' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23828282;%7D .st0:hover%7Bfill:%231B71B2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18.5743 19L16.745 19L16.745 16.9687L18.5743 16.9687C21.4567 16.9687 23.8016 14.6905 23.8016 11.8904C23.8016 9.09018 21.4567 6.81205 18.5743 6.81205L6.46157 6.81205L9.90429 10.1566L8.426 11.5928L3.19867 6.51446C3.00268 6.32399 2.89258 6.0657 2.89258 5.79639C2.89258 5.52707 3.00268 5.26878 3.19867 5.07831L8.426 1.4236e-06L9.90429 1.43615L6.46157 4.78072L18.5743 4.78072C22.6098 4.78072 25.8926 7.9699 25.8926 11.8904C25.8926 15.8108 22.6098 19 18.5743 19Z'/%3E%3Cpath class='st0' d='M4.40234 24H2.48145V16.7607C1.77962 17.417 0.952474 17.9023 0 18.2168V16.4736C0.501302 16.3096 1.0459 15.9997 1.63379 15.5439C2.22168 15.0837 2.625 14.5482 2.84375 13.9375H4.40234V24Z'/%3E%3Cpath class='st0' d='M7.30762 21.4229L9.22168 21.2246C9.27637 21.6576 9.43815 22.0016 9.70703 22.2568C9.97591 22.5075 10.2858 22.6328 10.6367 22.6328C11.0378 22.6328 11.3773 22.471 11.6553 22.1475C11.9333 21.8193 12.0723 21.3271 12.0723 20.6709C12.0723 20.0557 11.9333 19.5954 11.6553 19.29C11.3818 18.9801 11.0241 18.8252 10.582 18.8252C10.0306 18.8252 9.53613 19.069 9.09863 19.5566L7.54004 19.3311L8.52441 14.1152H13.6035V15.9131H9.98047L9.67969 17.6152C10.1081 17.401 10.5456 17.2939 10.9922 17.2939C11.8444 17.2939 12.5667 17.6038 13.1592 18.2236C13.7516 18.8434 14.0479 19.6478 14.0479 20.6367C14.0479 21.4616 13.8086 22.1976 13.3301 22.8447C12.6784 23.7288 11.7738 24.1709 10.6162 24.1709C9.69108 24.1709 8.93685 23.9225 8.35352 23.4258C7.77018 22.929 7.42155 22.2614 7.30762 21.4229Z'/%3E%3C/svg%3E%0A") no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: 20px
}

.afp-back15sbtn:hover {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26' height='25' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231B71B2;%7D .st0:hover%7Bfill:%231B71B2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18.5743 19L16.745 19L16.745 16.9687L18.5743 16.9687C21.4567 16.9687 23.8016 14.6905 23.8016 11.8904C23.8016 9.09018 21.4567 6.81205 18.5743 6.81205L6.46157 6.81205L9.90429 10.1566L8.426 11.5928L3.19867 6.51446C3.00268 6.32399 2.89258 6.0657 2.89258 5.79639C2.89258 5.52707 3.00268 5.26878 3.19867 5.07831L8.426 1.4236e-06L9.90429 1.43615L6.46157 4.78072L18.5743 4.78072C22.6098 4.78072 25.8926 7.9699 25.8926 11.8904C25.8926 15.8108 22.6098 19 18.5743 19Z'/%3E%3Cpath class='st0' d='M4.40234 24H2.48145V16.7607C1.77962 17.417 0.952474 17.9023 0 18.2168V16.4736C0.501302 16.3096 1.0459 15.9997 1.63379 15.5439C2.22168 15.0837 2.625 14.5482 2.84375 13.9375H4.40234V24Z'/%3E%3Cpath class='st0' d='M7.30762 21.4229L9.22168 21.2246C9.27637 21.6576 9.43815 22.0016 9.70703 22.2568C9.97591 22.5075 10.2858 22.6328 10.6367 22.6328C11.0378 22.6328 11.3773 22.471 11.6553 22.1475C11.9333 21.8193 12.0723 21.3271 12.0723 20.6709C12.0723 20.0557 11.9333 19.5954 11.6553 19.29C11.3818 18.9801 11.0241 18.8252 10.582 18.8252C10.0306 18.8252 9.53613 19.069 9.09863 19.5566L7.54004 19.3311L8.52441 14.1152H13.6035V15.9131H9.98047L9.67969 17.6152C10.1081 17.401 10.5456 17.2939 10.9922 17.2939C11.8444 17.2939 12.5667 17.6038 13.1592 18.2236C13.7516 18.8434 14.0479 19.6478 14.0479 20.6367C14.0479 21.4616 13.8086 22.1976 13.3301 22.8447C12.6784 23.7288 11.7738 24.1709 10.6162 24.1709C9.69108 24.1709 8.93685 23.9225 8.35352 23.4258C7.77018 22.929 7.42155 22.2614 7.30762 21.4229Z'/%3E%3C/svg%3E%0A") no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: 20px
}

.afp-next15sbtn {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26' height='25' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23828282;%7D .st0:hover%7Bfill:%231B71B2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.31825 19L9.14759 19L9.14759 16.9687L7.31825 16.9687C4.43591 16.9687 2.09093 14.6905 2.09093 11.8904C2.09093 9.09018 4.43591 6.81205 7.31825 6.81205L19.431 6.81205L15.9883 10.1566L17.4666 11.5928L22.6939 6.51446C22.8899 6.32399 23 6.0657 23 5.79639C23 5.52707 22.8899 5.26878 22.6939 5.07831L17.4666 1.4236e-06L15.9883 1.43615L19.431 4.78072L7.31825 4.78072C3.28276 4.78072 -9.43067e-07 7.9699 -1.2858e-06 11.8904C-1.62854e-06 15.8108 3.28276 19 7.31825 19Z' /%3E%3Cpath class='st0' d='M17.5098 24H15.5889V16.7607C14.887 17.417 14.0599 17.9023 13.1074 18.2168V16.4736C13.6087 16.3096 14.1533 15.9997 14.7412 15.5439C15.3291 15.0837 15.7324 14.5482 15.9512 13.9375H17.5098V24Z' /%3E%3Cpath class='st0' d='M20.415 21.4229L22.3291 21.2246C22.3838 21.6576 22.5456 22.0016 22.8145 22.2568C23.0833 22.5075 23.3932 22.6328 23.7441 22.6328C24.1452 22.6328 24.4847 22.471 24.7627 22.1475C25.0407 21.8193 25.1797 21.3271 25.1797 20.6709C25.1797 20.0557 25.0407 19.5954 24.7627 19.29C24.4893 18.9801 24.1315 18.8252 23.6895 18.8252C23.138 18.8252 22.6436 19.069 22.2061 19.5566L20.6475 19.3311L21.6318 14.1152H26.7109V15.9131H23.0879L22.7871 17.6152C23.2155 17.401 23.653 17.2939 24.0996 17.2939C24.9518 17.2939 25.6742 17.6038 26.2666 18.2236C26.859 18.8434 27.1553 19.6478 27.1553 20.6367C27.1553 21.4616 26.916 22.1976 26.4375 22.8447C25.7858 23.7288 24.8812 24.1709 23.7236 24.1709C22.7985 24.1709 22.0443 23.9225 21.4609 23.4258C20.8776 22.929 20.529 22.2614 20.415 21.4229Z' /%3E%3C/svg%3E%0A") no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: 20px
}

.afp-next15sbtn:hover {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26' height='25' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231B71B2;%7D .st0:hover%7Bfill:%231B71B2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7.31825 19L9.14759 19L9.14759 16.9687L7.31825 16.9687C4.43591 16.9687 2.09093 14.6905 2.09093 11.8904C2.09093 9.09018 4.43591 6.81205 7.31825 6.81205L19.431 6.81205L15.9883 10.1566L17.4666 11.5928L22.6939 6.51446C22.8899 6.32399 23 6.0657 23 5.79639C23 5.52707 22.8899 5.26878 22.6939 5.07831L17.4666 1.4236e-06L15.9883 1.43615L19.431 4.78072L7.31825 4.78072C3.28276 4.78072 -9.43067e-07 7.9699 -1.2858e-06 11.8904C-1.62854e-06 15.8108 3.28276 19 7.31825 19Z' /%3E%3Cpath class='st0' d='M17.5098 24H15.5889V16.7607C14.887 17.417 14.0599 17.9023 13.1074 18.2168V16.4736C13.6087 16.3096 14.1533 15.9997 14.7412 15.5439C15.3291 15.0837 15.7324 14.5482 15.9512 13.9375H17.5098V24Z' /%3E%3Cpath class='st0' d='M20.415 21.4229L22.3291 21.2246C22.3838 21.6576 22.5456 22.0016 22.8145 22.2568C23.0833 22.5075 23.3932 22.6328 23.7441 22.6328C24.1452 22.6328 24.4847 22.471 24.7627 22.1475C25.0407 21.8193 25.1797 21.3271 25.1797 20.6709C25.1797 20.0557 25.0407 19.5954 24.7627 19.29C24.4893 18.9801 24.1315 18.8252 23.6895 18.8252C23.138 18.8252 22.6436 19.069 22.2061 19.5566L20.6475 19.3311L21.6318 14.1152H26.7109V15.9131H23.0879L22.7871 17.6152C23.2155 17.401 23.653 17.2939 24.0996 17.2939C24.9518 17.2939 25.6742 17.6038 26.2666 18.2236C26.859 18.8434 27.1553 19.6478 27.1553 20.6367C27.1553 21.4616 26.916 22.1976 26.4375 22.8447C25.7858 23.7288 24.8812 24.1709 23.7236 24.1709C22.7985 24.1709 22.0443 23.9225 21.4609 23.4258C20.8776 22.929 20.529 22.2614 20.415 21.4229Z' /%3E%3C/svg%3E%0A") no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: 20px
}

.afp-backbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.004px' height='12px' viewBox='0 0 12.004 12' enable-background='new 0 0 12.004 12' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M12.004,0L0,6l0,0l12.004,6V0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M0.004,0h0.75v12h-0.75V0z'/%3E%3C/svg%3E%0A") no-repeat center center
}

.afp-nextbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12.004px' height='12px' viewBox='0 0 12.004 12' enable-background='new 0 0 12.004 12' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M0,0l12.004,6l0,0L0,12V0z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23666766' d='M11.25,0H12v12h-0.75V0z'/%3E%3C/svg%3E") no-repeat center center
}

body .afp-back10sbtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMEMwLjQ0NzcxNSAwIDAgMC40NDc3MTUgMCAxVjdDMCA3LjU1MjI4IDAuNDQ3NzE1IDggMSA4SDdDNy41NTIyOCA4IDggNy41NTIyOCA4IDdDOCA2LjQ0NzcyIDcuNTUyMjggNiA3IDZIMi42OTkxM0M0LjM4MzMxIDMuNzAxIDcuODAxODYgMiAxMS43NDk5IDJDMTUuODUgMiAxOC44NTc3IDMuOTI0OTkgMjEuMTU2MiA3LjUzNjg4QzIxLjQ1MjcgOC4wMDI4MiAyMi4wNzA4IDguMTQwMTcgMjIuNTM2NyA3Ljg0MzY2QzIzLjAwMjcgNy41NDcxNSAyMy4xNCA2LjkyOTA3IDIyLjg0MzUgNi40NjMxMkMyMC4yNDQ4IDIuMzc5NDYgMTYuNjQ5NyAwIDExLjc0OTkgMEM3Ljg4NDg0IDAgNC4yNzY3NyAxLjQ0MjM1IDIgMy43NDcxVjFDMiAwLjQ0NzcxNSAxLjU1MjI4IDAgMSAwWk04LjI2NzA4IDEwLjAzNjNDOC43MDAyNiAxMC4xNTYzIDkuMDAwMTUgMTAuNTUwNSA5LjAwMDE1IDExVjIxQzkuMDAwMTUgMjEuNTUyMyA4LjU1MjQ0IDIyIDguMDAwMTUgMjJDNy40NDc4NyAyMiA3LjAwMDE1IDIxLjU1MjMgNy4wMDAxNSAyMVYxMy43MzQ5QzYuNTc0MDggMTQuMTI3NCA2LjA3Njg4IDE0LjUyMDIgNS41MTQ2NSAxNC44NTc1QzUuMDQxMDcgMTUuMTQxNiA0LjQyNjgxIDE0Ljk4ODEgNC4xNDI2NiAxNC41MTQ1QzMuODU4NTEgMTQuMDQwOSA0LjAxMjA4IDEzLjQyNjcgNC40ODU2NiAxMy4xNDI1QzUuMjk2NjQgMTIuNjU1OSA1Ljk2NTUyIDExLjk5MjggNi40Mzk4OSAxMS40MzIyQzYuNjc0MzQgMTEuMTU1MSA2Ljg1NDY2IDEwLjkxMDkgNi45NzQ2NyAxMC43Mzg4QzcuMDM0NTUgMTAuNjUyOCA3LjA3OTAyIDEwLjU4NTQgNy4xMDczNSAxMC41NDE0QzcuMTIxNSAxMC41MTk0IDcuMTMxNTggMTAuNTAzNCA3LjEzNzUgMTAuNDkzOEw3LjE0Mjg4IDEwLjQ4NTFMNy4xNDM3MiAxMC40ODM3QzcuMzc1MzIgMTAuMDk5NSA3LjgzNDU3IDkuOTE2NDggOC4yNjcwOCAxMC4wMzYzWk0xMi42NDgxIDExLjk0NzJDMTMuMzc4IDEwLjczOTUgMTQuNTc5NSAxMCAxNi4yMzgzIDEwQzE3Ljg5NzEgMTAgMTkuMDk4NSAxMC43Mzk1IDE5LjgyODUgMTEuOTQ3MkMyMC41MTI5IDEzLjA3OTYgMjAuNzM4MyAxNC41NDQxIDIwLjczODMgMTZDMjAuNzM4MyAxNy40NTU5IDIwLjUxMjkgMTguOTIwNCAxOS44Mjg1IDIwLjA1MjhDMTkuMDk4NSAyMS4yNjA1IDE3Ljg5NzEgMjIgMTYuMjM4MyAyMkMxNC41Nzk1IDIyIDEzLjM3OCAyMS4yNjA1IDEyLjY0ODEgMjAuMDUyOEMxMS45NjM3IDE4LjkyMDQgMTEuNzM4MyAxNy40NTU5IDExLjczODMgMTZDMTEuNzM4MyAxNC41NDQxIDExLjk2MzcgMTMuMDc5NiAxMi42NDgxIDExLjk0NzJaTTE0LjM1OTcgMTIuOTgxN0MxMy45NTA0IDEzLjY1OSAxMy43MzgzIDE0LjY5NDUgMTMuNzM4MyAxNkMxMy43MzgzIDE3LjMwNTUgMTMuOTUwNCAxOC4zNDEgMTQuMzU5NyAxOS4wMTgzQzE0LjcyMzUgMTkuNjIwMiAxNS4yNzIxIDIwIDE2LjIzODMgMjBDMTcuMjA0NSAyMCAxNy43NTMgMTkuNjIwMiAxOC4xMTY4IDE5LjAxODNDMTguNTI2MiAxOC4zNDEgMTguNzM4MyAxNy4zMDU1IDE4LjczODMgMTZDMTguNzM4MyAxNC42OTQ1IDE4LjUyNjIgMTMuNjU5IDE4LjExNjggMTIuOTgxN0MxNy43NTMgMTIuMzc5OCAxNy4yMDQ1IDEyIDE2LjIzODMgMTJDMTUuMjcyMSAxMiAxNC43MjM1IDEyLjM3OTggMTQuMzU5NyAxMi45ODE3WiIgZmlsbD0iI0E0NjQ4MSIvPgo8L3N2Zz4K") no-repeat center center;
    width: 32px;
    height: 32px;
    background-size: 23px
}

body .afp-next10sbtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuODQzNzkgNy41MzY4OEM0LjE0MjI2IDMuOTI0OTkgNy4xNDk5OSAyIDExLjI1MDEgMkMxNS4xOTgxIDIgMTguNjE2NyAzLjcwMSAyMC4zMDA5IDZIMTZDMTUuNDQ3NyA2IDE1IDYuNDQ3NzIgMTUgN0MxNSA3LjU1MjI4IDE1LjQ0NzcgOCAxNiA4SDIyQzIyLjU1MjMgOCAyMyA3LjU1MjI4IDIzIDdWMUMyMyAwLjQ0NzcxNSAyMi41NTIzIDAgMjIgMEMyMS40NDc3IDAgMjEgMC40NDc3MTUgMjEgMVYzLjc0NzFDMTguNzIzMiAxLjQ0MjM1IDE1LjExNTIgMCAxMS4yNTAxIDBDNi4zNTAyNiAwIDIuNzU1MTYgMi4zNzk0NiAwLjE1NjQ2NSA2LjQ2MzEyQy0wLjE0MDA0MyA2LjkyOTA3IC0wLjAwMjY5MDc2IDcuNTQ3MTUgMC40NjMyNTEgNy44NDM2NkMwLjkyOTE5MiA4LjE0MDE3IDEuNTQ3MjggOC4wMDI4MiAxLjg0Mzc5IDcuNTM2ODhaTTE1LjIzODMgMTBDMTMuNTc5NSAxMCAxMi4zNzggMTAuNzM5NSAxMS42NDgxIDExLjk0NzJDMTAuOTYzNyAxMy4wNzk2IDEwLjczODMgMTQuNTQ0MSAxMC43MzgzIDE2QzEwLjczODMgMTcuNDU1OSAxMC45NjM3IDE4LjkyMDQgMTEuNjQ4MSAyMC4wNTI4QzEyLjM3OCAyMS4yNjA1IDEzLjU3OTUgMjIgMTUuMjM4MyAyMkMxNi44OTcxIDIyIDE4LjA5ODUgMjEuMjYwNSAxOC44Mjg1IDIwLjA1MjhDMTkuNTEyOSAxOC45MjA0IDE5LjczODMgMTcuNDU1OSAxOS43MzgzIDE2QzE5LjczODMgMTQuNTQ0MSAxOS41MTI5IDEzLjA3OTYgMTguODI4NSAxMS45NDcyQzE4LjA5ODUgMTAuNzM5NSAxNi44OTcxIDEwIDE1LjIzODMgMTBaTTEyLjczODMgMTZDMTIuNzM4MyAxNC42OTQ1IDEyLjk1MDQgMTMuNjU5IDEzLjM1OTcgMTIuOTgxN0MxMy43MjM1IDEyLjM3OTggMTQuMjcyMSAxMiAxNS4yMzgzIDEyQzE2LjIwNDUgMTIgMTYuNzUzIDEyLjM3OTggMTcuMTE2OCAxMi45ODE3QzE3LjUyNjIgMTMuNjU5IDE3LjczODMgMTQuNjk0NSAxNy43MzgzIDE2QzE3LjczODMgMTcuMzA1NSAxNy41MjYyIDE4LjM0MSAxNy4xMTY4IDE5LjAxODNDMTYuNzUzIDE5LjYyMDIgMTYuMjA0NSAyMCAxNS4yMzgzIDIwQzE0LjI3MjEgMjAgMTMuNzIzNSAxOS42MjAyIDEzLjM1OTcgMTkuMDE4M0MxMi45NTA0IDE4LjM0MSAxMi43MzgzIDE3LjMwNTUgMTIuNzM4MyAxNlpNOC4wMDAxNSAxMUM4LjAwMDE1IDEwLjU1MDUgNy43MDAyNiAxMC4xNTYzIDcuMjY3MDggMTAuMDM2M0M2LjgzNDU3IDkuOTE2NDggNi4zNzUzMiAxMC4wOTk1IDYuMTQzNzIgMTAuNDgzN0w2LjE0Mjg4IDEwLjQ4NTFMNi4xMzc1IDEwLjQ5MzhDNi4xMzE1OCAxMC41MDM0IDYuMTIxNSAxMC41MTk0IDYuMTA3MzUgMTAuNTQxNEM2LjA3OTAyIDEwLjU4NTQgNi4wMzQ1NSAxMC42NTI4IDUuOTc0NjcgMTAuNzM4OEM1Ljg1NDY2IDEwLjkxMDkgNS42NzQzNCAxMS4xNTUxIDUuNDM5ODkgMTEuNDMyMkM0Ljk2NTUyIDExLjk5MjggNC4yOTY2NCAxMi42NTU5IDMuNDg1NjYgMTMuMTQyNUMzLjAxMjA4IDEzLjQyNjcgMi44NTg1MSAxNC4wNDA5IDMuMTQyNjYgMTQuNTE0NUMzLjQyNjgxIDE0Ljk4ODEgNC4wNDEwNyAxNS4xNDE2IDQuNTE0NjUgMTQuODU3NUM1LjA3Njg4IDE0LjUyMDIgNS41NzQwOCAxNC4xMjc0IDYuMDAwMTUgMTMuNzM0OVYyMUM2LjAwMDE1IDIxLjU1MjMgNi40NDc4NyAyMiA3LjAwMDE1IDIyQzcuNTUyNDQgMjIgOC4wMDAxNSAyMS41NTIzIDguMDAwMTUgMjFWMTFaIiBmaWxsPSIjQTQ2NDgxIi8+Cjwvc3ZnPgo=") no-repeat center center;
    background-size: 23px;
    width: 32px;
    height: 32px
}

.afp-replaybtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA0NyA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjcwMzcgMjMuOEM0Mi43MDM3IDEzLjM1OTcgMzQuMjQwMiA0Ljg5NjI3IDIzLjggNC44OTYyN0MxOC43NzY2IDQuODk2MjcgMTQuMjEwOSA2Ljg1NTY1IDEwLjgyNTQgMTAuMDUxOEgxNC43Nzc4QzE1Ljk2NDIgMTAuMDUxOCAxNi45MjU5IDExLjAxMzYgMTYuOTI1OSAxMi4yQzE2LjkyNTkgMTMuMzg2NCAxNS45NjQyIDE0LjM0ODEgMTQuNzc3OCAxNC4zNDgxSDcuMDQ0NDRDNS44NTgwNiAxNC4zNDgxIDQuODk2MjkgMTMuMzg2NCA0Ljg5NjI5IDEyLjJWNC40NjY2NEM0Ljg5NjI5IDMuMjgwMjUgNS44NTgwNiAyLjMxODQ5IDcuMDQ0NDQgMi4zMTg0OUM4LjIzMDgzIDIuMzE4NDkgOS4xOTI1OSAzLjI4MDI1IDkuMTkyNTkgNC40NjY2NFY1Ljc3NTAyQzEzLjE4MDggMi41MzkwMyAxOC4yNjM5IDAuNTk5OTc2IDIzLjggMC41OTk5NzZDMzYuNjEzIDAuNTk5OTc2IDQ3IDEwLjk4NyA0NyAyMy44QzQ3IDM2LjYxMyAzNi42MTMgNDcgMjMuOCA0N0MxMC45ODcgNDcgMC41OTk5OTggMzYuNjEzIDAuNTk5OTk4IDIzLjhDMC41OTk5OTggMjMuMzE5IDAuNjE0NjMyIDIyLjg0MTUgMC42NDM0ODIgMjIuMzY3OEMwLjcxMzkwOSAyMS4yMTE0IDEuNzEwNjYgMjAuMzYyOSAyLjg2OTIzIDIwLjM2MjlDNC4wODYyMSAyMC4zNjI5IDQuOTk5NDkgMjEuNDY4NSA0LjkyODcyIDIyLjY4MzVDNC45MDcyIDIzLjA1MjkgNC44OTYyOSAyMy40MjUyIDQuODk2MjkgMjMuOEM0Ljg5NjI5IDM0LjI0MDIgMTMuMzU5OCA0Mi43MDM3IDIzLjggNDIuNzAzN0MzNC4yNDAyIDQyLjcwMzcgNDIuNzAzNyAzNC4yNDAyIDQyLjcwMzcgMjMuOFoiIGZpbGw9IiM3QTFDNDUiLz4KPC9zdmc+Cg==") no-repeat center center;
    width: 100%;
    height: 100%;
    border: none;
    background-size: 38px
}

body .afp-pausebtn {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0MCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDY2NzIgMC41MzMzMjVDMi43MDkzOCAwLjUzMzMyNSAwLjgwMDA0OSAyLjQ0MjY2IDAuODAwMDQ5IDQuNzk5OTlWNDMuMkMwLjgwMDA0OSA0NS41NTczIDIuNzA5MzggNDcuNDY2NyA1LjA2NjcyIDQ3LjQ2NjdIOS4zMzMzOEMxMS42OTA3IDQ3LjQ2NjcgMTMuNiA0NS41NTczIDEzLjYgNDMuMlY0Ljc5OTk5QzEzLjYgMi40NDI2NiAxMS42OTA3IDAuNTMzMzI1IDkuMzMzMzggMC41MzMzMjVINS4wNjY3MlpNMzAuNjY2NyAwLjUzMzMyNUMyOC4zMDk0IDAuNTMzMzI1IDI2LjQgMi40NDI2NiAyNi40IDQuNzk5OTlWNDMuMkMyNi40IDQ1LjU1NzMgMjguMzA5NCA0Ny40NjY3IDMwLjY2NjcgNDcuNDY2N0gzNC45MzM0QzM3LjI5MDcgNDcuNDY2NyAzOS4yIDQ1LjU1NzMgMzkuMiA0My4yVjQuNzk5OTlDMzkuMiAyLjQ0MjY2IDM3LjI5MDcgMC41MzMzMjUgMzQuOTMzNCAwLjUzMzMyNUgzMC42NjY3WiIgZmlsbD0iIzdBMUM0NSIvPgo8L3N2Zz4K") no-repeat center center;
    width: 100%;
    height: 100%;
    border: none;
    background-size: 38px
}

.afp-qualitybtn {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cmVjdCB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNOCAxNC4xYzAgMCAwLTAuMSAwLTAuMSAwLTAuMiAwLTAuNCAwLjEtMC42IDAtMC4zIDAuMS0wLjQgMC40LTAuNCAwLjEgMCAwLjMgMCAwLjQtMC4xIDAuNi0wLjEgMS0wLjcgMS0xLjIgMC0wLjQtMC4xLTAuNy0wLjQtMSAtMC4yLTAuMS0wLjItMC4zLTAuMS0wLjUgMC4zLTAuMyAwLjYtMC43IDEtMSAwLjEtMC4xIDAuMy0wLjEgMC41IDAgMC40IDAuNCAxLjEgMC41IDEuNiAwLjMgMC40LTAuMyAwLjctMC42IDAuNy0xLjEgMC0wLjIgMC4xLTAuNCAwLjMtMC40IDAuMyAwIDAuNy0wLjEgMSAwIDAuNSAwIDAuNiAwLjEgMC42IDAuNCAwIDAuNiAwLjMgMSAwLjggMS4zIDAuNSAwLjIgMSAwLjEgMS40LTAuMyAwLjItMC4yIDAuNC0wLjIgMC42IDAgMC4zIDAuMyAwLjUgMC41IDAuOCAwLjggMC4zIDAuMyAwLjMgMC40IDAgMC43IC0wLjMgMC40LTAuNSAwLjktMC4yIDEuNCAwLjIgMC40IDAuNiAwLjcgMS4xIDAuNyAwLjMgMCAwLjUgMC4yIDAuNSAwLjUgMCAwLjEgMCAwLjMgMC4xIDAuNCAwIDAuMSAwIDAuMSAwIDAuMiAwIDAuMiAwIDAuMy0wLjEgMC41IDAgMC4yLTAuMSAwLjQtMC40IDAuNCAtMC4xIDAtMC4yIDAtMC4yIDAgLTAuNSAwLjEtMC45IDAuMy0xIDAuOCAtMC4yIDAuNS0wLjEgMSAwLjMgMS4zIDAuMiAwLjIgMC4yIDAuNCAwIDAuNiAtMC4zIDAuMy0wLjUgMC42LTAuOCAwLjkgLTAuMiAwLjItMC41IDAuMi0wLjctMC4xIC0wLjQtMC40LTAuOS0wLjQtMS40LTAuMiAtMC41IDAuMi0wLjcgMC42LTAuNyAxLjEgMCAwLjQtMC4yIDAuNS0wLjUgMC41IC0wLjMgMC0wLjYgMC0wLjkgMCAtMC40IDAtMC41LTAuMS0wLjYtMC42IDAtMC40LTAuMi0wLjctMC41LTAuOSAtMC42LTAuNC0xLjItMC4zLTEuNyAwLjEgLTAuMiAwLjItMC40IDAuMi0wLjYgMCAtMC4zLTAuMy0wLjYtMC41LTAuOC0wLjggLTAuMy0wLjMtMC4yLTAuNCAwLTAuNyAwLjItMC4yIDAuMy0wLjUgMC4zLTAuOCAwLjEtMC43LTAuNS0xLjQtMS4zLTEuNCAtMC4zIDAtMC40LTAuMi0wLjQtMC41QzggMTQuNCA4IDE0LjIgOCAxNC4xek0xNiAxNGMwLTEtMC45LTItMi0yIC0xLjEgMC0yIDAuOS0yIDIgMCAxLjEgMC44IDEuOSAyIDJDMTUuMSAxNiAxNiAxNS4xIDE2IDE0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) no-repeat center center
}

.afp-fullscreenbtn {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cmVjdCB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMjEgOWwwIDQuNSAtMS41LTEuNSAtMi4yIDIuMiAtMS41LTEuNSAyLjItMi4yIC0xLjUtMS41TDIxIDl6TTEzLjUgMjFsLTQuNSAwIDAtNC41IDEuNSAxLjUgMi4yLTIuMiAxLjUgMS41IC0yLjIgMi4yTDEzLjUgMjF6TTEyLjcgMTQuM2wtMi4yLTIuMiAtMS41IDEuNUw5IDlsNC41IDAgLTEuNSAxLjUgMi4yIDIuMkwxMi43IDE0LjN6TTE3LjMgMTUuN2wyLjIgMi4yIDEuNS0xLjVMMjEgMjFsLTQuNSAwIDEuNS0xLjUgLTIuMi0yLjJMMTcuMyAxNS43eiIgZmlsbD0iIzE5MTkxOSIvPjxwYXRoIGQ9Ik0yMCA4bDAgNC41IC0xLjUtMS41IC0yLjIgMi4yIC0xLjUtMS41IDIuMi0yLjIgLTEuNS0xLjVMMjAgOHpNMTIuNSAyMGwtNC41IDAgMC00LjUgMS41IDEuNSAyLjItMi4yIDEuNSAxLjUgLTIuMiAyLjJMMTIuNSAyMHpNMTEuNyAxMy4zbC0yLjItMi4yIC0xLjUgMS41TDggOGw0LjUgMCAtMS41IDEuNSAyLjIgMi4yTDExLjcgMTMuM3pNMTYuMyAxNC43bDIuMiAyLjIgMS41LTEuNUwyMCAyMGwtNC41IDAgMS41LTEuNSAtMi4yLTIuMkwxNi4zIDE0Ljd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) no-repeat center center
}

.afp-playlistbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='14px' height='11px' viewBox='-1 0.5 14 11' enable-background='new -1 0.5 14 11' xml:space='preserve'%3E%3Cpath fill='%23666666' d='M0.926,9.574C0.876,9.525,0.818,9.5,0.75,9.5h-1.5c-0.068,0-0.126,0.025-0.176,0.074 C-0.975,9.624-1,9.682-1,9.75v1.5c0,0.068,0.025,0.126,0.074,0.176c0.05,0.049,0.107,0.074,0.176,0.074h1.5 c0.068,0,0.126-0.025,0.176-0.074C0.975,11.376,1,11.318,1,11.25v-1.5C1,9.682,0.975,9.624,0.926,9.574z M0.926,6.574 C0.876,6.525,0.818,6.5,0.75,6.5h-1.5c-0.068,0-0.126,0.025-0.176,0.074C-0.975,6.624-1,6.682-1,6.75v1.5 c0,0.068,0.025,0.126,0.074,0.176C-0.876,8.475-0.818,8.5-0.75,8.5h1.5c0.068,0,0.126-0.025,0.176-0.074C0.975,8.376,1,8.318,1,8.25 v-1.5C1,6.682,0.975,6.624,0.926,6.574z M0.926,3.574C0.876,3.525,0.818,3.5,0.75,3.5h-1.5c-0.068,0-0.126,0.025-0.176,0.074 C-0.975,3.624-1,3.682-1,3.75v1.5c0,0.068,0.025,0.126,0.074,0.176C-0.876,5.475-0.818,5.5-0.75,5.5h1.5 c0.068,0,0.126-0.025,0.176-0.074C0.975,5.376,1,5.318,1,5.25v-1.5C1,3.682,0.975,3.624,0.926,3.574z M12.926,9.574 C12.876,9.525,12.818,9.5,12.75,9.5H2.25c-0.068,0-0.126,0.025-0.176,0.074C2.025,9.624,2,9.682,2,9.75v1.5 c0,0.068,0.025,0.126,0.074,0.176C2.124,11.475,2.182,11.5,2.25,11.5h10.5c0.068,0,0.126-0.025,0.176-0.074 C12.975,11.376,13,11.318,13,11.25v-1.5C13,9.682,12.975,9.624,12.926,9.574z M0.926,0.574C0.876,0.525,0.818,0.5,0.75,0.5h-1.5 c-0.068,0-0.126,0.025-0.176,0.074C-0.975,0.624-1,0.682-1,0.75v1.5c0,0.068,0.025,0.126,0.074,0.176 C-0.876,2.475-0.818,2.5-0.75,2.5h1.5c0.068,0,0.126-0.025,0.176-0.074C0.975,2.376,1,2.318,1,2.25v-1.5 C1,0.682,0.975,0.624,0.926,0.574z M12.926,6.574C12.876,6.525,12.818,6.5,12.75,6.5H2.25c-0.068,0-0.126,0.025-0.176,0.074 C2.025,6.624,2,6.682,2,6.75v1.5c0,0.068,0.025,0.126,0.074,0.176C2.124,8.475,2.182,8.5,2.25,8.5h10.5 c0.068,0,0.126-0.025,0.176-0.074C12.975,8.376,13,8.318,13,8.25v-1.5C13,6.682,12.975,6.624,12.926,6.574z M12.926,3.574 C12.876,3.525,12.818,3.5,12.75,3.5H2.25c-0.068,0-0.126,0.025-0.176,0.074C2.025,3.624,2,3.682,2,3.75v1.5 c0,0.068,0.025,0.126,0.074,0.176C2.124,5.475,2.182,5.5,2.25,5.5h10.5c0.068,0,0.126-0.025,0.176-0.074 C12.975,5.376,13,5.318,13,5.25v-1.5C13,3.682,12.975,3.624,12.926,3.574z M12.926,0.574C12.876,0.525,12.818,0.5,12.75,0.5H2.25 c-0.068,0-0.126,0.025-0.176,0.074C2.025,0.624,2,0.682,2,0.75v1.5c0,0.068,0.025,0.126,0.074,0.176C2.124,2.475,2.182,2.5,2.25,2.5 h10.5c0.068,0,0.126-0.025,0.176-0.074C12.975,2.376,13,2.318,13,2.25v-1.5C13,0.682,12.975,0.624,12.926,0.574z'/%3E%3C/svg%3E%0A") no-repeat center center
}

.afp-pinbtn {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAySDJ2OGg4VjZIOGEyIDIgMCAwIDEtMi0yVjJ6TTIgMGg4YTIgMiAwIDAgMSAyIDJ2OGEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6Ii8+PC9zdmc+) no-repeat center center
}

.afp-pinedbtn {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4gICAgPHBhdGggZmlsbD0iIzlGMjI0RSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNiAySDJ2OGg4VjZIOGEyIDIgMCAwIDEtMi0yVjJ6TTIgMGg4YTIgMiAwIDAgMSAyIDJ2OGEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6Ii8+PC9zdmc+) no-repeat center center
}

.afp-ccbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='28px' viewBox='0 0 28 28' enable-background='new 0 0 28 28' xml:space='preserve'%3E%3Crect fill='%23FFFFFF' fill-opacity='0' width='28' height='28'/%3E%3Cpath id='ytp-id-16' fill='%23FFFFFF' d='M7,7C5.89,7,5,7.9,5,9v10c0,1.1,0.89,2,2,2h14c1.1,0,2-0.9,2-2V9c0-1.1-0.9-2-2-2H7z M13,13.001h-1.5v-0.5h-2v3h2v-0.5H13v1c0,0.55-0.45,1-1,1H9c-0.55,0-1-0.45-1-1v-4c0-0.55,0.45-1,1-1h3c0.55,0,1,0.45,1,1V13.001 L13,13.001z M20,13.001h-1.5v-0.5h-2v3h2v-0.5H20v1c0,0.55-0.45,1-1,1h-3c-0.55,0-1-0.45-1-1v-4c0-0.55,0.45-1,1-1h3 c0.55,0,1,0.45,1,1V13.001L20,13.001z'/%3E%3C/svg%3E") no-repeat center center
}

.afp-ccedbtn {
    background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='28px' viewBox='0 0 28 28' enable-background='new 0 0 28 28' xml:space='preserve'%3E%3Crect fill='%239f224e' fill-opacity='0' width='28' height='28'/%3E%3Cpath id='ytp-id-16' fill='%239f224e' d='M7,7C5.89,7,5,7.9,5,9v10c0,1.1,0.89,2,2,2h14c1.1,0,2-0.9,2-2V9c0-1.1-0.9-2-2-2H7z M13,13.001h-1.5v-0.5h-2v3h2v-0.5H13v1c0,0.55-0.45,1-1,1H9c-0.55,0-1-0.45-1-1v-4c0-0.55,0.45-1,1-1h3c0.55,0,1,0.45,1,1V13.001 L13,13.001z M20,13.001h-1.5v-0.5h-2v3h2v-0.5H20v1c0,0.55-0.45,1-1,1h-3c-0.55,0-1-0.45-1-1v-4c0-0.55,0.45-1,1-1h3 c0.55,0,1,0.45,1,1V13.001L20,13.001z'/%3E%3C/svg%3E") no-repeat center center
}

.afp-normalscreenbtn {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48c3R5bGU+LmF7ZmlsbDojRkZGO308L3N0eWxlPjxyZWN0IHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSIvPjxwb2x5Z29uIHBvaW50cz0iMTAuOSA5LjUgMTIuOSAxMS41IDE0LjMgMTAuMiAxNC4zIDE0LjMgMTAuMiAxNC4zIDExLjYgMTIuOSA5LjUgMTAuOSAiLz48cG9seWdvbiBwb2ludHM9IjkuNSAxOS4xIDExLjUgMTcuMSAxMC4yIDE1LjcgMTQuMyAxNS43IDE0LjMgMTkuOCAxMi45IDE4LjUgMTAuOSAyMC41ICIvPjxwb2x5Z29uIHBvaW50cz0iMTkuMSAyMC41IDE3LjEgMTguNSAxNS43IDE5LjggMTUuNyAxNS43IDE5LjggMTUuNyAxOC41IDE3LjEgMjAuNSAxOS4xICIvPjxwb2x5Z29uIHBvaW50cz0iMjAuNSAxMC45IDE4LjUgMTIuOSAxOS44IDE0LjMgMTUuNyAxNC4zIDE1LjcgMTAuMiAxNy4xIDExLjUgMTkuMSA5LjUgIi8+PHBvbHlnb24gcG9pbnRzPSI5LjkgOC41IDExLjkgMTAuNSAxMy4zIDkuMiAxMy4zIDEzLjMgOS4yIDEzLjMgMTAuNiAxMS45IDguNSA5LjkgIiBjbGFzcz0iYSIvPjxwb2x5Z29uIHBvaW50cz0iOC41IDE4LjEgMTAuNSAxNi4xIDkuMiAxNC43IDEzLjMgMTQuNyAxMy4zIDE4LjggMTEuOSAxNy41IDkuOSAxOS41ICIgY2xhc3M9ImEiLz48cG9seWdvbiBwb2ludHM9IjE4LjEgMTkuNSAxNi4xIDE3LjUgMTQuNyAxOC44IDE0LjcgMTQuNyAxOC44IDE0LjcgMTcuNSAxNi4xIDE5LjUgMTguMSAiIGNsYXNzPSJhIi8+PHBvbHlnb24gcG9pbnRzPSIxOS41IDkuOSAxNy41IDExLjkgMTguOCAxMy4zIDE0LjcgMTMuMyAxNC43IDkuMiAxNi4xIDEwLjUgMTguMSA4LjUgIiBjbGFzcz0iYSIvPjwvc3ZnPg==) no-repeat center center
}

.afp-group-left {
    position: relative;
    width: 20%;
    height: 100px;
    float: left
}

.afp-group-bottom {
    position: relative;
    display: block;
    height: 100%;
    float: left;
    width: 100%;
    padding-top: 5px
}

.afp-group-right {
    position: relative;
    width: auto;
    height: 36px;
    float: none;
    padding: 0;
    margin-top: 0
}

.afp-group-center {
    position: relative;
    height: auto;
    float: left;
    width: 100%;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: auto
}

.afp-pin .afp-group-center {
    position: relative;
    height: auto;
    float: left;
    width: 60%;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: auto;
    background: #222
}

.afp-wf-holder {
    position: relative;
    top: 20px;
    height: 30px;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg class='lds-equalizer' width='86px' height='86px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect ng-attr-x='%7B%7B7.6923076923076925 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='24.0108' fill='%23bdbdbd' x='4.6923076923076925' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.5833333333333334s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B15.384615384615385 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='28.4181' fill='%23bdbdbd' x='12.384615384615385' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.6666666666666666s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B23.076923076923077 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='8.11305' fill='%23bdbdbd' x='20.076923076923077' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='0s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B30.76923076923077 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='29.9656' fill='%23bdbdbd' x='27.76923076923077' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.75s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B38.46153846153846 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='4.08943' fill='%23bdbdbd' x='35.46153846153846' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.08333333333333333s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B46.15384615384615 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='10.4173' fill='%23bdbdbd' x='43.15384615384615' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.25s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B53.84615384615385 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='19.945' fill='%23bdbdbd' x='50.84615384615385' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.4166666666666667s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B61.53846153846154 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='28.3615' fill='%23bdbdbd' x='58.53846153846154' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.8333333333333334s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B69.23076923076923 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='5.00829' fill='%23bdbdbd' x='66.23076923076923' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.16666666666666666s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B76.92307692307692 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='20.6302' fill='%23bdbdbd' x='73.92307692307692' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.5s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B84.61538461538461 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='17.4689' fill='%23bdbdbd' x='81.61538461538461' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.3333333333333333s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3Crect ng-attr-x='%7B%7B92.3076923076923 - config.width/2%7D%7D' y='36' ng-attr-width='%7B%7Bconfig.width%7D%7D' height='19.572' fill='%23bdbdbd' x='89.3076923076923' width='2'%3E%3Canimate attributeName='height' calcMode='spline' values='20;30;4;20' times='0;0.33;0.66;1' ng-attr-dur='%7B%7Bconfig.speed%7D%7D' keySplines='0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1' repeatCount='indefinite' begin='-0.9166666666666666s' dur='1'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
    background-position-y: -110px
}

#wf1 {
    height: 60px;
    width: 100%;
    padding-top: 0;
    -webkit-transition-property: padding-top;
    -webkit-transition-duration: 1s;
    transition-property: padding-top;
    transition-duration: 1s
}

#wf {
    height: 60px;
    width: 100%
}

.afp-main-w {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    padding-top: 40px;
    -webkit-transition-property: padding-top;
    -webkit-transition-duration: .5s;
    transition-property: padding-top;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.afp-timer {
    position: absolute;
    top: 0;
    left: 10px
}

.afp-duration {
    display: block;
    padding: 12px 0 0 0;
    font-size: 15px;
    font-family: Arial;
    float: right
}

.afp-position {
    display: block;
    padding: 12px 0 0 0;
    font-size: 15px;
    font-family: Arial;
    float: left
}

.afp-slash {
    display: block;
    padding: 0;
    font-size: 16px;
    font-family: Arial;
    float: left;
    padding-top: 20px;
    display: none
}

.afp-volume-container {
    float: left;
    height: 36px;
    cursor: pointer;
    width: 150px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    padding: 0 10px;
    margin-left: -10px;
    border-radius: 8px;
    background: transparent
}

.afp-volume-container:hover {
    background: rgba(122,28,69,0.06)
}

.afp-sound {
    float: left;
    padding-right: 0
}

.afp-volume-slide {
    float: left;
    height: 36px;
    cursor: pointer;
    width: 80px
}

.afp-volume-bar {
    position: relative;
    width: 100%;
    height: 2px;
    background: #F2E2EA;
    border-radius: 0px 2px 2px 0px;
    margin: 17px 0 0;
    cursor: pointer
}

.afp-volume-current {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: visible;
    background: #A46481;
    border-radius: 2px 0px 0px 2px
}

.afp-volume-node {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #A46481;
    -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    margin-top: -2px;
    cursor: pointer;
    right: -4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.afp-play {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    margin-left: 30px;
    margin-right: 30px
}

.afp-info-container {
    position: relative;
    float: left;
    top: 30px;
    padding-left: 5px;
    width: calc(100% - 120px);
    height: auto
}

.afp-author {
    color: #828282;
    padding: 0;
    font-size: 12px;
    font-family: Arial;
    margin: 0 !important;
    line-height: 20px !important
}

.afp-playlist-container {
    width: 100%;
    height: 150px;
    float: left;
    overflow-y: scroll
}

.afp-playlist-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 50px;
    color: #000;
    height: 50px
}

.afp-playlist-item.item-actived {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 50px;
    color: #1B71B2;
    height: 50px
}

.afp-playlist-item.active {
    color: #1B71B2
}

.afp-playlist-item:hover {
    color: #1B71B2
}

.afp-playlist-item .afp-playlist-item-timer {
    float: right;
    color: #828282
}

.afp-playlist-item.item-actived .afp-playlist-item-timer {
    float: right;
    color: #1B71B2
}

.afp-playlist-item .afp-playlist-item-ico {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #e5e5e5 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4zNzUgNi44NTcxNEgzLjkzNzVDMi45NzA5IDYuODU3MTQgMi4xODc1IDcuNjI1ODkgMi4xODc1IDguNTc0NjRWMTAuMjgyNUMyLjE4NzUgMTEuMjMxIDIuOTcwOSAxMiAzLjkzNzUgMTJINC4zNzVDNC44NTgxNiAxMiA1LjI1IDExLjYxNTQgNS4yNSAxMS4xNDEzVjcuNzE1ODlDNS4yNSA3LjI0MTUyIDQuODU4MTYgNi44NTcxNCA0LjM3NSA2Ljg1NzE0Wk0xMC4wNjI1IDYuODU3MTRIOS42MjVDOS4xNDE4NCA2Ljg1NzE0IDguNzUgNy4yNDE1MiA4Ljc1IDcuNzE1ODlWMTEuMTQxM0M4Ljc1IDExLjYxNTQgOS4xNDE4NCAxMiA5LjYyNSAxMkgxMC4wNjI1QzExLjAyOTEgMTIgMTEuODEyNSAxMS4yMzEgMTEuODEyNSAxMC4yODI1VjguNTc0NjRDMTEuODEyNSA3LjYyNjE2IDExLjAyOTEgNi44NTcxNCAxMC4wNjI1IDYuODU3MTRaTTcgMEMzLjA4NzM4IDAgMC4xMjQ5NjEgMy4xOTA5OCAwIDYuODU3MTRWOS44NTcxNEMwIDEwLjA5MzkgMC4xOTU3ODEgMTAuMjg1NyAwLjQzNzUgMTAuMjg1N0gwLjg3NUMxLjExNjcyIDEwLjI4NTcgMS4zMTI1IDEwLjA5MzkgMS4zMTI1IDkuODU3MTRWNi44NTcxNEMxLjMxMjUgMy43ODU2MiAzLjg2NDQ5IDEuMjkxMDcgNyAxLjI5MDU0QzEwLjEzNTUgMS4yOTEwNyAxMi42ODc1IDMuNzg1NjIgMTIuNjg3NSA2Ljg1NzE0VjkuODU3MTRDMTIuNjg3NSAxMC4wOTM5IDEyLjg4MzMgMTAuMjg1NyAxMy4xMjUgMTAuMjg1N0gxMy41NjI1QzEzLjgwNDIgMTAuMjg1NyAxNCAxMC4wOTM5IDE0IDkuODU3MTRWNi44NTcxNEMxMy44NzUgMy4xOTA5OCAxMC45MTI2IDAgNyAwWiIgZmlsbD0iIzk5OTk5OSIvPjwvc3ZnPg==) no-repeat center center;
    margin-right: 15px;
    margin-top: 12px;
    cursor: pointer;
    float: left
}

.afp-playlist-item.item-actived .afp-playlist-item-ico {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #1b71b2 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4zNzUgNi44NTcxNEgzLjkzNzVDMi45NzA5IDYuODU3MTQgMi4xODc1IDcuNjI1ODkgMi4xODc1IDguNTc0NjRWMTAuMjgyNUMyLjE4NzUgMTEuMjMxIDIuOTcwOSAxMiAzLjkzNzUgMTJINC4zNzVDNC44NTgxNiAxMiA1LjI1IDExLjYxNTQgNS4yNSAxMS4xNDEzVjcuNzE1ODlDNS4yNSA3LjI0MTUyIDQuODU4MTYgNi44NTcxNCA0LjM3NSA2Ljg1NzE0Wk0xMC4wNjI1IDYuODU3MTRIOS42MjVDOS4xNDE4NCA2Ljg1NzE0IDguNzUgNy4yNDE1MiA4Ljc1IDcuNzE1ODlWMTEuMTQxM0M4Ljc1IDExLjYxNTQgOS4xNDE4NCAxMiA5LjYyNSAxMkgxMC4wNjI1QzExLjAyOTEgMTIgMTEuODEyNSAxMS4yMzEgMTEuODEyNSAxMC4yODI1VjguNTc0NjRDMTEuODEyNSA3LjYyNjE2IDExLjAyOTEgNi44NTcxNCAxMC4wNjI1IDYuODU3MTRaTTcgMEMzLjA4NzM4IDAgMC4xMjQ5NjEgMy4xOTA5OCAwIDYuODU3MTRWOS44NTcxNEMwIDEwLjA5MzkgMC4xOTU3ODEgMTAuMjg1NyAwLjQzNzUgMTAuMjg1N0gwLjg3NUMxLjExNjcyIDEwLjI4NTcgMS4zMTI1IDEwLjA5MzkgMS4zMTI1IDkuODU3MTRWNi44NTcxNEMxLjMxMjUgMy43ODU2MiAzLjg2NDQ5IDEuMjkxMDcgNyAxLjI5MDU0QzEwLjEzNTUgMS4yOTEwNyAxMi42ODc1IDMuNzg1NjIgMTIuNjg3NSA2Ljg1NzE0VjkuODU3MTRDMTIuNjg3NSAxMC4wOTM5IDEyLjg4MzMgMTAuMjg1NyAxMy4xMjUgMTAuMjg1N0gxMy41NjI1QzEzLjgwNDIgMTAuMjg1NyAxNCAxMC4wOTM5IDE0IDkuODU3MTRWNi44NTcxNEMxMy44NzUgMy4xOTA5OCAxMC45MTI2IDAgNyAwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=) no-repeat center center;
    margin-right: 15px;
    margin-top: 12px;
    cursor: pointer;
    float: left
}

.afp-playback-rate-container {
    position: relative;
    margin-top: 0;
    cursor: pointer;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    border-radius: 8px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    background: transparent;
    margin-left: auto;
}

.afp-playback-rate-container .txt-rate {
    color: #A46481;
    font-size: 14px
}

.afp-playback-rate-container .afp-playback-rate {
    color: #A46481;
    font-size: 18px;
    font-weight: 700
}

.afp-playback-rate-container:hover {
    background: rgba(122,28,69,0.06)
}

.afp-playback-rate-detail {
    position: absolute;
    top: -45px;
    width: auto;
    right: 0;
    height: auto;
    background: rgba(122,28,69,0.06);
    border-radius: 3px;
    display: none;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap
}

.afp-pin .afp-playback-rate-detail {
    position: absolute;
    top: -55px;
    width: auto;
    left: -231px;
    height: auto;
    background: #222;
    border-radius: 3px;
    border: solid 1px #C4C4C4;
    display: none;
    padding-left: 8px;
    padding-right: 8px
}

.afp-playback-rate-detail::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 90%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(255,255,255,0.2) transparent transparent
}

.afp-pin .afp-playback-rate-detail::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 90%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #222 transparent transparent
}

.afp-playback-rate-node {
    display: inline-block;
    padding: 15px 12px;
    opacity: 1
}

.afp-playback-rate-node.active {
    opacity: 0.4
}

.afp-playlist-container::-webkit-scrollbar {
    width: 4px
}

.afp-playlist-container::-webkit-scrollbar-track {
    border-radius: 4px
}

.afp-playlist-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #eee
}

.afp-playlist-container::-webkit-scrollbar-thumb:hover {
    background: #BDBDBD
}

.afp-playlist-container::-webkit-scrollbar-thumb:active {
    background: -webkit-gradient(linear, left top, right top, from(#22ADD4), to(#1E98BA));
    background: linear-gradient(left, #22ADD4, #1E98BA)
}

.afp-player-parent-top {
    width: 100% !important;
    height: 100% !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.duration-bar {
    width: 100%
}

.time-count-number {
    width: 100%
}

.control-audio-bar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    height: 48px
}

.three-button-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#fpTooltipTime {
    background: #7A1C45;
    border-radius: 2px;
    padding: 2px;
    font-size: 14px;
    color: #fff;
    margin-left: -17px
}

.control-audio-bar input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 3px;
    background: #F2E2EA;
    border-radius: 3px;
    outline: none;
    /* margin-top: 20px; */
    transition: background 0.3s ease;
}

/* Tùy chỉnh thanh trượt (track) */
.control-audio-bar input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #7A1C45 0%, #7A1C45 100%, #F2E2EA 50%);
    border-radius: 3px;
    cursor: pointer;
}

.control-audio-bar input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #7A1C45 0%, #7A1C45 100%, #F2E2EA 50%);
    border-radius: 5px;
    cursor: pointer;
}

/* Tùy chỉnh nút kéo (thumb) */
.control-audio-bar input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #7A1C45;
    border: 2px solid #7A1C45;
    cursor: pointer;
    transition: background 0.3s ease;

}

.control-audio-bar input[type=range]::-moz-range-thumb {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #7A1C45;
    cursor: pointer;
}

/* Thêm hiệu ứng khi kéo */
.control-audio-bar input[type=range]:active::-webkit-slider-thumb {
    background: #7A1C45;
}

.control-audio-bar input[type=range]:active::-moz-range-thumb {
    background: #7A1C45;
}
@media only screen and (max-width: 767px){
    .vt-podcast .afp-group-right {
        display: none;
    }
    .vt-podcast .afp-playback-rate-container{
        display: none;
    }
    .vt-podcast .vt-podcast-detail .thumb-art {
        width: 100%;
    }
    .vt-podcast .vt-podcast-detail .sum-info-pop {
        width: 100%;
        padding-left: 0px;
        padding-top: 20px;
    }
}

.section-player-pin {
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.section-player-pin .inner-wrap-player-pin {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: rgba(38,5,19,0.8);
    border-radius: 8px 8px 0px 0px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.section-player-pin .close-player-pin {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: rgba(255,255,255,0.6);
    font-size: 35px;
    font-family: -webkit-body-;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px
}

.section-player-pin .title-on-pin {
    width: 150px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 32px;
    color: rgba(255,255,255,0.87);
    font: 400 15px/160% "Merriweather",serif;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
    font-feature-settings: 'pnum' on, 'lnum' on;
    display: block;
    display: -webkit-box;
    max-height: 72px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s all;
    transition: 0.4s all
}

.section-player-pin .podcast_height {
    width: 470px;
    height: 120px
}

.section-player-pin .afp-group-center {
    padding: 24px 0 0 0
}

.section-player-pin .afp-container {
    color: rgba(255,255,255,0.87)
}

.section-player-pin .control-audio-bar {
    margin-top: 5px
}

.section-player-pin .three-button-control {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.section-player-pin .afp-playback-rate-container {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.section-player-pin .afp-ads-ico {
    display: none
}

.section-player-pin .afp-timeline {
    background: rgba(255,255,255,0.6)
}

.section-player-pin .afp-current {
    background: rgba(255,255,255,0.87)
}

.section-player-pin .afp-position,.section-player-pin .afp-duration {
    padding-top: 8px;
    font-size: 12px;
    color: #fff;
}

.section-player-pin .afp-node {
    background: rgba(255,255,255,0.87);
    -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 3px 8px rgba(0,0,0,0.1);
    width: 8px;
    height: 8px;
    margin-top: -2px;
    right: -6px
}

.section-player-pin .afp-group-right {
    height: 24px
}

.section-player-pin .afp-volume-container {
    height: 24px;
    padding: 0 4px;
    border-radius: 4px;
    width: 133px;
    margin-left: -4px
}

.section-player-pin .afp-volume-container:hover {
    background: rgba(255,255,255,0.16)
}

.section-player-pin .afp-button {
    height: 24px
}

.section-player-pin .afp-volume-slide {
    height: 24px
}

.section-player-pin .afp-volume-bar {
    margin-top: 11px;
    background: rgba(255,255,255,0.6)
}

.section-player-pin .afp-volume-current {
    background: rgba(255,255,255,0.87)
}

.section-player-pin .afp-volume-node {
    background: rgba(255,255,255,0.87)
}

.section-player-pin .afp-sound-level-2,.section-player-pin .afp-sound-muted {
    background-size: 8px;
    -webkit-filter: brightness(5);
    filter: brightness(5);
    opacity: 0.87
}

.section-player-pin .afp-sound-level-2:hover,.section-player-pin .afp-sound-muted:hover {
    background-size: 8px
}

.section-player-pin .afp-sound-level-max {
    background-size: 12px;
    -webkit-filter: brightness(5);
    filter: brightness(5);
    width: 24px;
    opacity: 0.87
}

.section-player-pin .afp-sound-level-max:hover {
    background-size: 12px
}

.section-player-pin .afp-playback-rate-container {
    margin-left: auto;
    height: 24px;
    padding: 0 4px;
    border-radius: 4px;
    margin-right: -4px
}

.section-player-pin .afp-playback-rate-container:hover {
    background: rgba(255,255,255,0.16)
}

.section-player-pin .afp-playback-rate-container .txt-rate {
    font-size: 11px;
    color: rgba(255,255,255,0.87)
}

.section-player-pin .afp-playback-rate-container .afp-playback-rate {
    font-size: 14px;
    color: rgba(255,255,255,0.87)
}

.section-player-pin .afp-play {
    width: 40px;
    height: 40px;
    margin-left: 20px;
    margin-right: 20px
}

.section-player-pin .afp-playbtn {
    height: 100%
}

.section-player-pin .afp-button-2 {
    width: 24px;
    height: 24px
}

.section-player-pin .afp-back10sbtn,.section-player-pin .afp-next10sbtn {
    width: 24px;
    height: 24px;
    background-size: 20px;
    -webkit-filter: brightness(5);
    filter: brightness(5);
    opacity: 0.87
}

.section-player-pin .afp-playbtn {
    -webkit-filter: brightness(10.7);
    filter: brightness(10.7);
    opacity: 0.87;
    background-size: 95% 95%
}

.section-player-pin .afp-pausebtn {
    height: 100%;
    background-size: 25px;
    -webkit-filter: brightness(10.7);
    filter: brightness(10.7);
    opacity: 0.87
}

.section-player-pin .afp-replaybtn {
    height: 100%;
    background-size: 25px;
    -webkit-filter: brightness(10.7);
    filter: brightness(10.7);
    opacity: 0.87
}

.section-player-pin .author-in-player,.section-player-pin .text-read-version {
    display: none
}

.section-player-pin.show-player-pin {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.section-player-pin.show-player-pin .title-on-pin {
    opacity: 1;
    visibility: visible
}
.section-player-pin .container{
    margin: 0 auto;
    padding: 0 var(--wrap-padding);
}
@media only screen and (max-width: 767px){
    .section-player-pin.show-player-pin {
        display: none;
    }
}