macaoApplets/components/audio-play/audio-play.wxss

/* components/audio-play.wxss */
.audio {
  position: relative;
  width:45%;
  display:inline-block;
  margin:1%;
}
.audio .bg-img {
  width:100%;
  height:15vh;
  display:inline-block
}
.audio .icon-img {
  width:5vh;
  height:5vh;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-2.5vh;
  margin-top:-2.5vh;
}

.audio .free-MusicProgress {
  position: absolute;
  width: 100%;
  height: 20%;
  bottom: 6%;
  background: #000000;
  opacity: 0.6;
}
.audio .free-MusicProgress .before-progress {
  width:80%;
  height:2px;
  position: absolute;
  top: 50%;
  background: rgba(255,255,255,0.3);
  margin:0 10%;
}
.audio .free-MusicProgress .progress {
  height: 100%;
  background: #38A2D7;
  
}


.audio .free-MusicProgress .durationTime {
  position: absolute;
  top: 22%;
  right: 6%;
  font-size: 10px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.67;
}