@charset "UTF-8";
.audio{width: 280px;margin: 0 auto;}
.audio-tips{margin-top:10px; color: #b1b1b1; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.audio-detail{padding:5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; background:#f8f8f8;position:relative;}
.audio-detail:after{content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e6e6e6; box-sizing: border-box; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0;z-index:1;}
.audio .info{-webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden;line-height:80px;text-align: center;}
.audio .info p{margin: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; text-indent: 0;}
.audio .info .audio-title{-webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; line-height: 24px;font-size:14px;}
.audio .info .audio-desc{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 16px;color:#999 !important;font-size:12px !important;}
.audio .info .audio-desc span{padding:0 15px 0 0;color:#ff000;}
.audiojs{width:80px;height:80px;border-radius:100%;background:url(play.png) no-repeat center center;background-size:cover; margin:.1rem .5rem 0 0;position:relative;z-index:9;}
.audiojs.playing{width:80px;height:80px;border-radius:100%;background:url(play2.png) no-repeat center center;background-size:cover;}
.audiojs .scrubber{ display:none;}
.audiojs .time{ display:none;}
.audiojs .play-pause {width: 80px;height: 80px;padding:0 20px;margin: 0px;float: left;overflow: hidden;}