.audio-box{width:40%;height:40px;line-height:40px;min-width:290px;border:1px solid #ddd;margin:0 auto;border-radius:10px;background-color:rgba(0,0,0,0.01);cursor:pointer}.audio-box .play-btn{width:20px;height:20px;display:block;background:url(images/mplay2.png) no-repeat 0 0;margin-top:10px;margin-left:6%;float:left}.audio-box .audio-progress{vertical-align:middle;display:inline-block;width:66%;height:2px;line-height:36px;background:#ccc;margin-top:0}.audio-box .audio-progress .audio-progress-bar{display:inline-block;width:0;height:100%;background:#29c233;float:left}.audio-box .currentTime{display:inline-block;width:15%;height:100%;line-height:40px;text-align:center;text-indent:0;font-size:14px;color:#666}@media screen and (max-width:375px){.audio-box{width:100%}.audio-box .play-btn{margin-left:3%}.audio-box .audio-progress{width:56%}.audio-box .currentTime{width:25%;float:right;text-align:left}}@media screen and (max-width:440px){.audio-box{width:100%}}