.audio[data-v-f12164a4]{display:flex;flex-direction:row;align-items:center;padding:0 10px}.audio .audio-icon[data-v-f12164a4]{width:36px;height:36px;margin-right:20px}.audio .audio-icon img[data-v-f12164a4]{width:36px;height:36px;display:block}.audio .audio-controls[data-v-f12164a4]{width:100%;max-width:500px;display:flex;flex-direction:column}.audio .audio-controls .audio-controls--progress[data-v-f12164a4]{width:100%;margin-top:10px}.audio .audio-controls .audio-controls--handler[data-v-f12164a4]{align-items:center;justify-content:space-between;display:flex}.audio .audio-controls .audio-controls--handler .play[data-v-f12164a4]{font-size:24px}.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-f12164a4]{width:22px;height:22px;display:block;cursor:pointer}.audio .audio-controls .audio-controls--handler .current-time[data-v-f12164a4],.audio .audio-controls .audio-controls--handler .total-time[data-v-f12164a4]{font-size:12px;color:#333}.play-handler.mobile[data-v-f12164a4]{width:20px;height:20px}.audio-component[data-v-f12164a4]{display:none}[data-v-f12164a4] .el-slider__runway{margin:0 0 4px 0;background:#e3e3e3;height:4px}[data-v-f12164a4] .el-slider__bar{height:4px}[data-v-f12164a4] .el-slider__button{width:10px;height:10px}[data-v-f12164a4] .el-slider__button-wrapper{top:-15px}[data-v-f12164a4] .el-slider__button{margin-top:-3px}