.AudioPlayerList{}
.AudioPlayer{margin-bottom: 25px;}
.AudioPlayer p{margin-bottom: 20px;font-weight: 600;}
.AudioPlayer p.Audio_Name{float:left;}
.AudioPlayer p.Audio_Duration{float:right;}
div.maudio{clear:both;border: 1px solid #000;}
div.maudio .audio{height:0;overflow:hidden;display:none;}
div.maudio .audio-control{
  overflow:hidden;
  margin: 10px 0;
  font-size: 12px;
  font-weight: normal;
  padding-left: 130px;
  padding-right: 145px;
  position: relative;
}
div.maudio .audio-control a,
div.maudio .audio-control div{
  float:left;
  margin:0 5px;
  cursor:pointer;
}
div.maudio .audio-control a{
  display:block;
  /*background:url(../images/audio_icon.png) no-repeat 0 0;*/
  width: 18px;
  height: 24px;
  text-align:center;
  text-decoration:none;
  overflow:hidden;
  position: absolute;
  top: 5px;
  background-repeat: no-repeat;
  background-size: 100%;
}
div.maudio .audio-control a.play{
  /*background-position:10px 8px;*/
  background-image:url(../images/ic_play_arrow_24px@2x.png);
  left: 10px;
}
div.maudio.playing .audio-control a.play{
  /*background-position:11px -22px;*/
  background-image:url(../images/ic_play_pause_24px@2x.png);
}
div.maudio .audio-control a.fast-reverse,
div.maudio .audio-control a.fast-forward{
  width: 25px;
  height:17px;
  margin-top: 3px;
  /*background-position: -49px 1px;*/
}
div.maudio .audio-control a.fast-reverse{
  /*background-position: -48px -59px;*/
  background-image:url(../images/ic_fast_rewind_24px@2x.png);
  left: 50px;
}
div.maudio .audio-control a.fast-forward{
    left: 92px;
    background-image:url(../images/ic_fast_forward_24px@2x.png);
}
div.maudio .audio-control a.fast-forward:hover{
  /*background-position:-49px -29px;*/
  opacity:0.5;
}
div.maudio .audio-control a.fast-reverse:hover{
  /*background-position:-48px -89px;*/
   opacity:0.5;
}

div.maudio .audio-control .progress-bar{
  width: 100%;
  height: 10px;
  margin:11px 5px;
  border-radius: 0;
  background: none;
  overflow:hidden;
  border: 1px solid #707070;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
div.maudio .audio-control .progress-pass{
  width:0;
  height: 10px;
  margin:0;
  border-radius: 0;
  background: #707070;
}
div.maudio .audio-control .time-keep{
  height:30px;
  line-height:30px;
  color: #000;
  cursor:default;
  font-weight: 600;
  position: absolute;
  top: 2px;
  right: 52px;
}
div.maudio .audio-control .mute{
  width: 23px;
  /* height: 21px; */
  /* background-position: 0px -58px; */
  right: 10px;
  background-image: url(../images/ic_volume_up_24px@2x.png);
}
div.maudio .audio-control .mute.muted{
  /*background-position:0 -88px;*/
  background-image: url(../images/ic_volume_mute_24px@2x.png);
}
div.maudio .audio-control .volume-bar{
  width:50px;
  height:5px;
  margin-top:13px;
  border-radius:2px;
  background:#afafaf;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
div.maudio .audio-control .volume-pass{
  width:100%;
  height:5px;
  margin:0;
  border-radius:2px;
  background:#e6183f;
}

@media (max-width: 480px){
.AudioPlayer {margin-bottom: 16px;}
.AudioPlayer p.Audio_Name {float: none;margin-bottom: 2px;}
.AudioPlayer p.Audio_Duration {float: none;font-size: 12px;margin-bottom: 5px;}
div.maudio .audio-control{padding-left: 10px;padding-right: 20px;padding-top: 30px;}
}