.recorder-wrapper[data-v-52b0917e]{margin-top:10px;padding:20px;border:1px solid #00b894}.phone[data-v-52b0917e]{margin:0 auto;padding:55px 11px 53px;width:221px;height:448px;font-size:12px;border-radius:35px;background-image:url(https://xiaotianxia.github.io/blog/vuepress/assets/img/iphone-bg1.bf9c75ef.png);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.phone-body[data-v-52b0917e]{height:100%;background-color:#fff}.phone-head[data-v-52b0917e]{height:30px;line-height:30px;color:#fff;font-weight:700;background-color:#000}.phone-head span[data-v-52b0917e]{display:inline-block}.phone-head span[data-v-52b0917e]:nth-child(2){width:100px;text-align:center}.phone-head span[data-v-52b0917e]:nth-child(3){float:right;margin-right:10px}.phone-content[data-v-52b0917e]{height:282px;background-color:#f1eded}.phone-operate[data-v-52b0917e]{position:relative;line-height:28px;text-align:center;cursor:pointer;font-weight:700;-webkit-box-shadow:0 -1px 1px rgba(0,0,0,.1);box-shadow:0 -1px 1px rgba(0,0,0,.1)}.phone-operate[data-v-52b0917e]:active{background-color:#95a5a6}.phone-operate[data-v-52b0917e]:active:before{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);top:-2px;content:"";width:0;height:2px;background-color:#7bed9f;-webkit-animation:loading-data-v-52b0917e 1s ease-in-out infinite backwards;animation:loading-data-v-52b0917e 1s ease-in-out infinite backwards}.msg-list[data-v-52b0917e]{margin:0;padding:0;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.msg-list[data-v-52b0917e]::-webkit-scrollbar{display:none}.msg-list .msg[data-v-52b0917e]{list-style:none;padding:0 8px;margin:10px 0;overflow:hidden;cursor:pointer}.msg-list .msg .audio[data-v-52b0917e],.msg-list .msg .avatar[data-v-52b0917e],.msg-list .msg .duration[data-v-52b0917e]{float:right}.msg-list .msg .avatar[data-v-52b0917e]{width:24px;height:24px;line-height:24px;text-align:center;background-color:#000;background:url(https://denzel.netlify.com/hero.png) 0 0;background-size:100%}.msg-list .msg .audio[data-v-52b0917e]{position:relative;margin-right:6px;max-width:116px;min-width:30px;height:24px;line-height:24px;padding:0 4px 0 10px;border-radius:2px;color:#000;text-align:right;background-color:rgba(107,197,107,.85)}.msg-list .msg.eg[data-v-52b0917e]{cursor:default}.msg-list .msg.eg .audio[data-v-52b0917e]{text-align:left}.msg-list .msg .audio[data-v-52b0917e]:before{position:absolute;right:-8px;top:8px;content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:4px;border-color:transparent transparent transparent rgba(107,197,107,.85)}.msg-list .msg .audio span[data-v-52b0917e]{color:hsla(0,0%,100%,.8);display:inline-block;-webkit-transform-origin:center;transform-origin:center}.msg-list .msg .audio span[data-v-52b0917e]:first-child{font-weight:400}.msg-list .msg .audio span[data-v-52b0917e]:nth-child(2){-webkit-transform:scale(.8);transform:scale(.8);font-weight:500}.msg-list .msg .audio span[data-v-52b0917e]:nth-child(3){-webkit-transform:scale(.5);transform:scale(.5);font-weight:700}.msg-list .msg .audio.wink span[data-v-52b0917e]{-webkit-animation:wink-data-v-52b0917e 1s ease infinite;animation:wink-data-v-52b0917e 1s ease infinite}.msg-list .msg .duration[data-v-52b0917e]{margin:3px 2px}.fade-enter-active[data-v-52b0917e],.fade-leave-active[data-v-52b0917e]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-52b0917e],.fade-leave-to[data-v-52b0917e]{opacity:0}@-webkit-keyframes wink-data-v-52b0917e{0%{color:hsla(0,0%,100%,.8)}to{color:hsla(0,0%,100%,.1)}}@keyframes wink-data-v-52b0917e{0%{color:hsla(0,0%,100%,.8)}to{color:hsla(0,0%,100%,.1)}}@-webkit-keyframes loading-data-v-52b0917e{0%{width:0}to{width:100%}}@keyframes loading-data-v-52b0917e{0%{width:0}to{width:100%}}