.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: #ddb76b;}
.audioplayer-playpause:focus,.audioplayer-playpause:hover{}
.audioplayer-playpause a{display:block;text-align: center;color: #ddb76b;width: .55rem;height: .55rem;background: url(../images/ny/play-filling.svg) no-repeat center;background-size: 100% 100%}

.audioplayer-stopped .audioplayer-playpause a{display: block;}
.audioplayer-playing .audioplayer-playpause a{background: url(../images/ny/zt.svg) no-repeat center;background-size: 100% 100%}
.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:#ddb76b;height: 5px;margin-top: -2px;border-radius: 5px}
.audioplayer-bar{overflow: hidden;}