/*微信语音播放*/
.db {
			display: block;
		}

		.weixinAudio {
			line-height: 1.5;
			position: relative;
		}

		.audio_area {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			margin: 0px 1px 0px 0;
			position: relative;
			font-weight: 400;
			text-decoration: none;
			-ms-text-size-adjust: none;
			-webkit-text-size-adjust: none;
			text-size-adjust: none;
		}

		.audio_wrp {
			border: 1px solid #ebebeb;
			background-color: #fcfcfc;
			overflow: hidden;
			padding: 0px 20px 0px 12px;
			border-radius:8px;
		}

		.audio_play_area {
			float: left;
			margin: 9px 10px 10px 5px;
			font-size: 0;
			width: 18px;
			height: 25px;
		}

		.playing .audio_play_area .icon_audio_default {
			display: block;
		}

		.audio_play_area .icon_audio_default {
			background: transparent url(./iconloop.png) no-repeat 0 0;
			width: 18px;
			height: 25px;
			vertical-align: middle;
			display: inline-block;
			-webkit-background-size: 54px 25px;
			background-size: 54px 25px;
			background-position: -36px center;
		}

		.audio_play_area .icon_audio_playing {
			background: transparent url(./iconloop.png) no-repeat 0 0;
			width: 18px;
			height: 25px;
			vertical-align: middle;
			display: inline-block;
			-webkit-background-size: 54px 25px;
			background-size: 54px 25px;
			-webkit-animation: audio_playing 1s infinite;
			background-position: 0px center;
			display: none;
		}

		.audio_area .pic_audio_default {
			display: none;
			width: 18px;
		}

		.tips_global {
			color: #8c8c8c;
		}

		.audio_area .audio_length {
			float: right;
			font-size: 14px;
			margin-top: 8px;
		}

		.audio_info_area {
			overflow: hidden;
		}

		.audio_area .audio_title {
			font-weight: 400;
			font-size: 17px;
			margin-top: -2px;
			margin-bottom: -3px;
			width: auto;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-wrap: normal;
		}

		.audio_area .audio_source {
			font-size: 14px;
		}
		.audio_area .progress_bar_wrap{
			position: absolute;
			left: 45px;
			right: 20px;
			bottom: 10px;
			height: 2px;
			background-color: #ccc;
		}
		.audio_area .progress_bar {
			display: inline-block;
			background-color: #0cbb08;
			height: 2px;
			position: absolute;
		}
		.audio_area .progress_bar .progress_spot{
			position: absolute;
			right: -2px;
			top: -2px;
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background-color: #0cbb08;
		}

		
		.playing .audio_play_area .icon_audio_default {
			display: none;
		}

		.playing .audio_play_area .icon_audio_playing {
			display: inline-block;
		}

		@-webkit-keyframes audio_playing {
			30% {
				background-position: 0px center;
			}
			31% {
				background-position: -18px center;
			}
			61% {
				background-position: -18px center;
			}
			61.5% {
				background-position: -36px center;
			}
			100% {
				background-position: -36px center;
			}
		}
		
		/*长形语音删除*/
		.mui-badge.mui-badge-inverted.contDelStyle{position: absolute;top: 50%;right: 0;
		transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		}
		
	
		
		/*短形语音删除*/
		.mui-badge.mui-badge-inverted.contDelStyle-a{
		position: absolute;
		right: 0;	
		font-size: 16px;
		padding: 0;
		background-color: #888;
		color: #fff;
		border-radius: 50%;
		top: 0;
		transform: translate(0, -35%);
		-ms-transform: translate(0, -35%);
		-moz-transform: translate(0, -35%);
		-webkit-transform: translate(0, -35%);
		-o-transform: translate(0, -35%);
	}
		
		
	
	
	.audio_area .audio_length_nhh{
		margin-top: 0;
		position: absolute;
		top: 50%;
		margin-left: 8%;
		transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
	}