@charset "utf-8";
/* CSS Document */

.audiofixed  #audio{ width: 100%;}
		.audiofixed{ position: fixed;width:100%; background:#efefef; margin: 0; padding:0;font-family: "微软雅黑"; top:44px;}
		.audiofixed .palyControl{ width: 60px; height: 60px; line-height: 60px; text-align:  center;border:none;color:#007aff; font-size: 12px; float:left;  font-weight: bolder; background-color: transparent; border-right: 1px solid #ddd;}
       .audiofixed  #control{ border: 1px solid #007aff;border-radius: 15px;width: 20px;display:  inline-block;height: 20px;/* margin:  auto; */line-height:  20px; }
		
       .audiofixed  .color_gray{ background: #e4e4e4}
       .audiofixed  .hide{ display: none;}
       .audiofixed  .show{ display: block;}
       .audiofixed  .play{ }
       .audiofixed  .pause{ }
        /*进度条样式*/
	   .audiofixed   .progressPanel{ font-size:12px;display：inline-block; position: relative; height:60px;margin:0 10px 0 70px; }
	   .audiofixed  .progressPanel .proctroltitle{padding-top:10px;}
       .audiofixed  .progressBar{ width: 100%; height: 1px; position:absolute; left: 0; bottom: 25px ; top:30px; }
       .audiofixed  .progressBar div{ position: absolute;}
       .audiofixed  .progressBar .progressBac{ width: 100%; height: 1px;  left: 0; top:0; background: #e4e4e4;}
       .audiofixed   .progressBar .speed{width: 0%; height: 1px; background: #007aff; }
		
       .audiofixed   .progressBar .drag{ width: 7px; height: 7px; left: 0; top:-2px;  background: #007aff; opacity: 0.8; border-radius: 5px; box-shadow: #fff 0 0 5px;}
        /*时间样式*/
       .audiofixed  #time{ width: 100%; font-size: 10px; height: 20px;position: absolute; left: 0; color:#888; bottom: 1px;}
       .audiofixed .tiemDetail{ position: absolute; right:10px; top:0;}