.audio-box{bottom:0;background-color:#f1f1f1;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ccc;font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.audio-box *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:auto;}

.audio-box *:after,.audio-box *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.audio-container{width:100%;margin:auto}
.audio-view{position:relative;padding-left:60px;height:60px;overflow:hidden;transition:all .6s ease;-webkit-transition:all .6s ease}

.audio-cover{position:absolute;left:4px;top:4px;width:52px;height:52px;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;background-color:#535353;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;}
.audio-cover img{display:block;height:100%;margin:auto;}
.audio-body{padding:0 5px;padding-right:70px;}
.audio-title{font-weight:blod;font-size:14px;line-height:24px;overflow:hidden}
.audio-author{font-weight:normal;color:#999;font-size:12px;height:16px;line-height:14px;}
.audio-backs{position:relative;padding-left:50px;padding-right:50px;height:20px}
.audio-this-time,.audio-count-time{position:absolute;top:0;width:50px;font-size:12px;height:20px;line-height:14px;}
.audio-this-time{left:0}
.audio-count-time{right:0;text-align:right}
.audio-setbacks{height:4px;border-radius:3px;background-color:#666;cursor:pointer}
.audio-setbacks{position:relative;top:30%}
.audio-cache-setbacks,.audio-this-setbacks{height:100%;position:absolute;left:0;top:0;border-radius:3px}
.audio-cache-setbacks{width:0;background-color:#666;z-index:1;cursor:pointer;transition:width .6s ease;-webkit-transition:width .6s ease}
.audio-this-setbacks{background-color:#c70c0c;background-color:#4285F4;z-index:2}
.audio-backs-btn{position:absolute;right:-3px;margin-top:-4px;width:12px;height:12px;background-color:#4285F4;border-radius:50%;cursor:pointer}
.audio-btn{position:absolute;width:50px;height:20px;right:5px;top:40px}

.audio-select{height:20px;width:50px;float:right;font-size:14px;text-align:center;transition:all .6s ease;-webkit-transition:all .6s ease}
.audio-select>div{position:relative;width:20px;height:20px;/*background-size:100% 100%;*/background-position:center center;background-repeat:no-repeat;float:left;cursor:pointer}

.audio-select>div+div{/*margin-left:10px*/}

.audio-set-volume{box-sizing:border-box;position:absolute;right:-70px;bottom:0;width:70px;height:12px;padding-left:10px;z-index:999;transition:.6s width ease}
.volume-box{border-radius:6px;width:100%;height:3px;background-color:#666}
.volume-box i{border-radius:6px;position:relative;display:block;width:0;height:100%;background-color:#c70c0c;background-color:#4285F4}

.icon-play{display:inline-block;width:20px;height:20px;margin-right:10px;background:url(icon-play.png) center center no-repeat;}
.icon-pause{display:inline-block;width:20px;height:20px;margin-right:10px;background:url(icon-pause.png) center center no-repeat;}
.icon-volume-up {display:inline-block;width:20px;height:20px;background:url(icon-volume-up.png) center center no-repeat;}
.icon-prev{display:none;}
.icon-next{display:none;}