.HiRadioPlayer{
  /* width: 820px;
   height: 100px;
   background: #f3f3f3;*/
  width: 640px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  background: url("https://jscache.cnr.cn/player/images/wrapper.png") no-repeat;
  background-size: 100% 100%;
}
.playBtn{
  width: 24px;
  height: 24px;
  position: absolute;
  left:23px;
  top:55px;
  z-index: 999;
  background: url("https://jscache.cnr.cn/player/images/play.png") no-repeat;
}
.playBtn.pause{
  background: url("https://jscache.cnr.cn/player/images/pause.png") no-repeat;
}
.wrapper_bar{
  /* width: 680px;*/
  width: 76%;
  height: 9px;
  position: absolute;
  /*left:98px;
  top:49px;*/
  left:12%;
  top:30%;
  border-radius: 30px;
}
.play_bar{
  width: 100%;
  height: 4px;
  background: #ECEFF3;
  margin-top: 3px;
  border-radius: 30px;
}
.progress_bar{
  width: 0;
  height: 3px;
  position: absolute;
  left:0;
  top:3px;
  background: #D56B5D;
  border-radius: 30px;
}
.progress_dot{
  width: 11px;
  height: 11px;
  position: absolute;
  left:-5px;
  top:-1px;
  background: #D56B5D;
  border-radius: 11px;
}
.cur_time{
  font-size: 16px;
  color: #666;
  position: absolute;
  left:16px;
  top: 16px;
  font-weight: 500;
}
.duration{
  font-size: 16px;
  color: #666;
  position: absolute;
  right:16px;
  top: 17px;
  font-weight: 500;
}
.HiRadioPlayer.phone_wrap{
  width: 100%;
  height: 50px;
}
.phone_wrap audio{
  width: 100%;
  height: 100%;
}
.volume{
  width: 15px;
  height: 16px;
  background: url("https://jscache.cnr.cn/player/images/volume.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 30px;
  bottom: 24px;
}
.quite{
  width: 15px;
  height: 16px;
  background: url("https://jscache.cnr.cn/player/images/quite.png") no-repeat;
  background-size: 100% 100%;
}
.vol_wrapper{
  width: 120px;
  height: 20px;
  background: #ECEFF3;
  border-radius: 4px;
  position: absolute;
  right: 65px;
  bottom: 22px;
}
.vol_bar{
  width: 100px;
  height: 2px;
  background: #FFFFFF;
  border-radius: 1px;
  margin: 9px auto 0;
  position: relative;
}
.vol_progress{
  width: 50%;
  height: 2px;
  background: #505A67;
  border-radius: 1px;
  position: absolute;
  left:0;
  top:0;
}
.vol_dot{
  width: 6px;
  height: 6px;
  background: #505A67;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  position: absolute;
  left:47px;
  top:-3px;
}