/*.m-main{width: 100%;height: 100%;margin:3% auto;background-color: #30a5ff;}*/
  .my-player audio{display: none;}
  .my-player{margin:0px;padding:0px;width: 100%;height: 50px;position: relative;bottom: 0px;background-color: #30a5ff;}
  
  .my-player .play-box{position: relative;width: 100%;height:40px;text-align: center;background-color: #30a5ff;}
  .my-player .play-box .play{float: left;width: 40px;text-align: left;margin-top: 5px; background-color: #30a5ff;}
  .my-player .play-box .play img{width: 98%;}
  .my-player .play-box div.bar-box{float:left;height:40px;width:70%;position: relative;margin-top:0px;background-color: #30a5ff;text-align: center;}
  .my-player .play-box .bar-box .total{width: 90%;height: 4px;background-color: #84bfec;margin:0 auto;border-radius: 2px;margin-top: 15px;}
  .my-player .play-box .bar-box .proc{width: 14px;height: 14px;background-color: #fff;z-index: 120;position: absolute;top:10px;border-radius: 7px;}
  .my-player .play-box .bar-box  div.info{width:90%;height: 20px;line-height: 20px;font-size: 12px;background-color: #30a5ff;position: relative;margin-right:  auto;margin-left: auto; margin-top:8px;z-index: 1;color: #fff;}
  .my-player .play-box .bar-box div.info .size{float: left;display: block;background-color: #30a5ff;}
  .my-player .play-box .bar-box div.info .timeshow{float: right;display: block;background-color: #30a5ff;}