.audioplayer{height:.55rem;position:relative;z-index:1;color: #fff}
.audioplayer-playpause{height:100%;cursor:pointer;z-index:2;margin-top: .15rem}
.audioplayer-playpause a:hover{color: #e40517;}
.audioplayer-playpause:focus,.audioplayer-playpause:hover{}
.audioplayer-playpause a{display:block;text-align: center;color: #e40517;font-size: .55rem}
.audioplayer-stopped .audioplayer-playpause a{display: block;}
.audioplayer-playing .audioplayer-playpause a::before{content: "\e618"!important}
.audioplayer-time{width:.6rem;height:100%;line-height:.35rem;text-align:center;z-index:2;top:0}
.audioplayer-time-duration{right:2.5em}
.audioplayer-bar{height:.35rem;position: relative; cursor:pointer;z-index:1;width: calc(100% - 1.4rem);position: relative;}
.audioplayer-bar div{width:100%;position:absolute;left:0;top:50%;}
.audioplayer-bar-loaded{z-index:1;background: #fff;height:3px;margin-top: -1px;border-radius: 5px}
.audioplayer-bar-played{background:#f0a28b;z-index:2}
.audioplayer-bar-played{background:#e40517;height: 5px;margin-top: -2px;border-radius: 5px}
.audioplayer-bar{overflow: hidden;}