.goeasy-audio-player.data-v-0b69bda0{ margin-top: 12rpx; -webkit-tap-highlight-color:rgba(0,0,0,0); } .audio-facade.data-v-0b69bda0{ min-width: 20rpx; padding: 6rpx 10rpx; height: 72rpx; line-height: 72rpx; background: #618DFF; font-size: 24rpx; border-radius: 14rpx; color: #ffffff; display: flex; } .audio-facade-bg.data-v-0b69bda0{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgBvZMNDcIwEIUvKKgDKqESJgEJcwAOwAFzMAlIaFCAhAUFxUG5hrfkciTbbs32kktzl923+2mJ9lbOObBdqVYMeeWfLlQjBni2AbBgTS7teOE3AEUrJKEKJ+IRsKMF1iHpLmLt7KzKn9lOqp0Ec/A9QP0UKOqPRFVBxP7mdFCsJ863iH1wOrJItqWqHFtzazZ3RtJDxMYr0C2FOKw+qeH3ADW0VNhQUH7RQDUST6SlteLkm2k2EyAvh76ZvuRuFQKvwJ86AAAAAElFTkSuQmCC) no-repeat center; background-size: 30rpx; width: 40rpx; } .audio-facade-bg.play-icon.data-v-0b69bda0{ background: url(data:image/gif;base64,R0lGODlhEgASAMQTAGuU/7rN/9fi/+vx/4mq/6a//5y4/8TU/83b//X4/3+i/87c/+Hq/7DG/5y3/8TV/3Wb/////2GN/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjgyQzgwRDhERDA1MTFFQUJCMkJEMUM3OTAyMkYwOEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjgyQzgwRDlERDA1MTFFQUJCMkJEMUM3OTAyMkYwOEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODJDODBENkREMDUxMUVBQkIyQkQxQzc5MDIyRjA4QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyODJDODBEN0REMDUxMUVBQkIyQkQxQzc5MDIyRjA4QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUyABMALAAAAAASABIAAAUfoCSOZGmeaKqubOu+sAgY0HtEy1tEAVzHwKBwSGSFAAAh+QQFMgATACwHAAQABQAKAAAFH+A0AYoIDQk0HVEzRoNIRIFMi0AkiJMQOabEAGBShQAAIfkEBTIAEwAsAwABAAUAEAAABTDgJBaK2ETMBEUDNAmRoUbCGItIVL6RyPs5gCgQIYgIEYSPEXFNkAzh5BEJiAAISAgAOw==) no-repeat center; background-size: 30rpx; -webkit-transform:rotate(180deg); transform:rotate(180deg); }