.m-detail-box {
    border-bottom: 0.38rem solid #f5f5f5;
}

.m-box {
    padding: .4rem;
}

.m-detail-box .m-box:nth-child(1) {
    border-bottom: 1px solid #ececec;
}

.m-detail-box .m-title {
    font-size: .48rem;
}

.m-headimg-box {
    padding-top: .4rem;
    height: 1.25rem;
}

.m-headimg-box img {
    width: 1.25rem;
    border-radius: 50%;
    float: left;
}

.m-headimg-box .user-box {
    margin-left: .25rem;
    float: left;
}

.user-box strong {
    font-size: .36rem;
}

.user-box .desc {
    font-size: .2rem;
    color: #999999;
}

.m-box .au-ht {
    padding: 0 0 .1rem 1.4rem;
}

.m-box .au-ht .btna {
    display: inline-block;
    margin: 0 .05rem;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    text-align: center;
    color: #ff738d;
    border: solid 1px #ff738d;
    border-radius: 50%;
}

.m-box .au-ht .btna.cur {
    color: #fff;
    background-color: #ff738d;
}

.au-ht .txta {
    padding-left: .1rem;
    font-size: .22rem;
    color: #bbbbbb;
}

.audio-wrapper {
    padding: .5rem 0;
    height: .8rem;
    background: #f5f6f8;
}

#audioplayer {
    margin: 0 .3rem;
    width: .8rem;
    height: .8rem;
    float: left;
}

#audioplayer.pause {
    background: url(/uploads/image/wwgpimages/pause.png);
    background-size: 100% 100%;
}

#audioplayer.play {
    background: url(/uploads/image/wwgpimages/play.png);
    background-size: 100% 100%;
}

.audio-right {
    width: 7.8rem;
    height: .8rem;
    float: left;
}

.progress-bar-bg {
    position: relative;
    margin: 0.32rem .2rem 0.32rem 0;
    width: 6.4rem;
    height: .12rem;
    background-color: #ebebeb;
    border-radius: 4px;
    float: left;
}

.progress-bar-bg .progressdot {
    position: absolute;
    top: -.11rem;
    left: 0;
    margin-left: -.11rem;
    width: .34rem;
    height: .34rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(255, 115, 141, 0.3);
    border-radius: 50%;
}

.progress-bar-bg .progress-bar {
    width: 0;
    height: .12rem;
    background-color: #ff738d;
    border-radius: 4px;
}

#audiocurtime {
    position: absolute;
    left: 0;
    top: -.6rem;
    margin-left: -.45rem;
    display: block;
    width: 1.03rem;
    height: .43rem;
    line-height: .35rem;
    font-size: .22rem;
    text-align: center;
    color: #fff;
    background: url(/uploads/image/wwgpimages/tips.png);
    background-size: 100% 100%;
}

.audio-length-total {
    position: relative;
    top: .1rem;
}

.m-d-date-wrap {
    margin: .3rem 0 .7rem;
    font-size: .3rem;
    color: #999999;
}

.m-d-date-wrap em {
    padding-right: .35rem;
}

.au-cont strong {
    font-size: .4rem;
}

.au-cont .au-txt {
    padding-top: .4rem;
    font-size: .38rem;
    line-height: .62rem;
    color: #333333;
}