.audio_box{
    background:#f7f7f7;
    border-radius:5px;
    padding:0.3rem 0.5rem ;
}
.audio-wrapper {
    margin: 0 auto;
    color: #333;
}

.audio-left {
    text-align: center;
    margin-right: 20px;
}
.progress-bar-bg {
    background-color: #e1e1e1;
    position: relative;
    height: 2px;
    cursor: pointer;
    margin-top:10px;
}

.progress-bar {
    background-color: #528bda;
    width: 0;
    height: 2px;
}

.progress-bar-bg span {
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color:#528bda;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    margin-left: -3px;
    cursor: pointer;
}

.audio-time {
    overflow: hidden;
    margin-top: 5px;
}

.audio-length-total {
    float: right;
    font-size: 12px;
}

.audio-length-current {
    float: left;
    font-size: 12px;
}
.play_btn{
    width:30px;
    height:30px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 30px;
}
.play_btn .iconfont{
    font-size:26px;
}