.audio-wrapper{background-color: #fff;margin: 10px auto;max-width: 660px;height: 66px;color: #3e3e3e}.audio-left{float: left;text-align: center;width: 10%;height: 100%}.audio-left img{width: 20px;height: 20px !important;position: relative;top: 23px;left: 5px;margin: 0;display: initial;cursor: pointer}.audio-right{margin-right: 2%;float: right;width: 85%;height: 100%;position: relative}.audio-right p{font-size: 15px;height: 27%;margin: 12px 0 2px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 243px}.progress-bar-bg{background-color: #eef5ff;position: relative;height: 3px;cursor: pointer;width: 250px}.progress-bar{background-color: #187efb;width: 0;height: 3px}.progress-bar-bg span{content: " ";width: 10px;height: 10px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background-color: #187efb;position: absolute;left: 0;top: 50%;margin-top: -5px;margin-left: -5px;cursor: pointer;color: #999}.audio-time{overflow: hidden;margin-top: 1px;width: 305px;margin-top: -9px}.audio-length-total{float: right;font-size: 12px;color: #999}.audio-length-current{display: none;float: left;font-size: 12px;color: #999}.volume-bar-bg{background-color: #eef5ff;position: absolute;height: 3px;cursor: pointer;right:-20px;top: 32px;width: 70px}.volume-bar-bg .voice{position: absolute;width: 16px;height: 14px;left: -30%;top: -30%;margin-top: -4px}.volume-bar{background-color: #187efb;width: 0;height: 3px;width: 100%}.volume-bar-bg span{content: " ";width: 10px;height: 10px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background-color: #187efb;position: absolute;left: 100%;top: 50%;margin-top: -5px;margin-left: -5px;cursor: pointer}