.zcoolaudio{width:1080px;height:160px;background: url(https://img.zcool.cn/special-resource/radio_template/assets/img/bg.png);position: relative;}
.zcoolaudio audio{opacity: 0;left:-500px;top:-500px; position: absolute;}

.audio-contrl{}

.audio-prev{cursor: pointer; display: flex;align-items: center;}
.audio-play{width:30px;height:30px;background: url(../img/play.svg) no-repeat center center;}
.audio-play.audio-pause{background-image: url(../img/pause.svg);}
.audio-next{cursor: pointer;display: flex;align-items: center;}

.audio-prev.disabled,.audio-next.disabled{ cursor: default;opacity: 0.7;}


.audio-title{color:#fff;line-height:20px;font-size:14px;position: absolute;left:0px;top:-15px;}
.audio-time{color:#fff;line-height:20px;font-size:14px;position: absolute;right:0px;top:-16px;}

.audio-time-box{width:600px;left:320px;top:65px;position: absolute;height:4px;}

.audio-timeline-box{height:30px;width:600px;display: flex;align-items: center; }
.audio-timeline{width:600px;height:4px;background: rgba(0,0,0,0.3);border-radius: 2px;}
.audio-timeline span{display: block;height:4px;background: rgba(255,255,255,1);border-radius: 2px;}

.audio-time-play{}
.audio-time-end{}

.audio-button-group{display: flex;justify-content: space-between; height:30px;left:60px;position: absolute; align-items: center;width:166px;top:65px;}
.audio-button-group img:hover,.audio-button-group a:hover{opacity: 0.8;}