.audio-contain{width:278px;height:40px;background:#fff;background-color:#f7f7f7;border-radius:10px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-family:PingFang SC;font-weight:400;color:#909399;margin-top:10px}.audio-contain .audio{display:none}.audio-contain .operate-btn{width:28px;height:28px;background:#12dba5;border-radius:100px;margin:0 8px 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audio-contain .operate-btn img{height:15px;width:16px}.audio-contain .progress-bar{height:2px;position:relative;background:rgba(0,194,149,.2);-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px;border-radius:10px}.audio-contain .progress-bar .progress-current{position:absolute;top:0;left:0;bottom:0;width:0;border-radius:10px 0 0 10px;background:#12dba5;z-index:1}.audio-contain .progress-bar .point-contain{height:16PX;width:16PX;position:absolute;top:50%;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audio-contain .progress-bar .progress-point{height:8px;width:8px;border-radius:8px;background:#12dba5}.audio-contain .duration{margin-right:10px}