.tiao-yin-keyboard[data-v-65e5094a]{position:relative;max-width:100%;overflow:hidden}.tiao-yin-keyboard>.height-support[data-v-65e5094a]{position:relative;height:155px;background:#555}.trans-wrap[data-v-65e5094a]{position:absolute;top:0;left:50%;transition:transform .3s}.trans-wrap>.wrap[data-v-65e5094a]{position:relative;display:inline-block;padding:0 4px;font-size:12px;white-space:nowrap;background:#888}.key-item[data-v-65e5094a]{position:relative;display:inline-block;vertical-align:top;cursor:pointer;user-select:none}.key-item.disable[data-v-65e5094a]{cursor:not-allowed}.key-item.disable.w[data-v-65e5094a]{background:#bbb}.key-item.disable>.h-key[data-v-65e5094a]{background:#555}.key-item .h-key[data-v-65e5094a]{position:absolute;top:0;left:-11px;width:22px;height:90px;background:#000;border-radius:0 0 3px 3px}.key-item .h-key[data-v-65e5094a]:active{background:#555}.key-item.w[data-v-65e5094a]{width:30px;height:145px;margin:0 1px 0 0;background:#fff}.key-item.w[data-v-65e5094a]:active{background:#ccc}.key-item.w.a[data-v-65e5094a]{background:#7c7}.key-item.h[data-v-65e5094a]{z-index:3;width:0}.key-item.h.a>.h-key[data-v-65e5094a]{background:#7c7}.w-text[data-v-65e5094a]{position:absolute;bottom:5px;width:100%;text-align:center}.tips-wrap[data-v-65e5094a]{text-align:center;background:rgba(255,255,255,.6)}.tips-wrap>.wrap-margin[data-v-65e5094a]{max-width:520px;margin:0 auto;padding:8px 0 16px;font-size:13px}.record-media{padding:0;font-size:13px;text-align:center}.record-media>.status-tag{margin:0 20px 0 0;font-size:14px}.record-media>.start-btn{display:inline-block;min-width:6em;margin:0;padding:10px 20px;font-weight:700;font-size:14px;line-height:1;background:#000;background-color:#06aac7;color:#fff;border-radius:4px;outline:none;border:none;cursor:pointer;animation:breath 2s linear infinite}div.media-error{margin:5px 0 0;color:red;font-size:12px;text-align:center}@keyframes breath{0%{transform:scale(1)}50%{transform:scale(1.1);background-color:#06c777}to{transform:scale(1)}}.canvas[data-v-79292ebb]{text-align:center;border-top:1px solid rgba(0,0,0,.2)}.canvas>canvas[data-v-79292ebb]{display:inline-block;width:100%;vertical-align:top}.xian-container{width:100%}.tiao-info{position:absolute;left:0;z-index:3;width:100%;height:6em;line-height:1.5;pointer-events:none}.tiao-info>.tiao-text{padding:.4em;color:#000;font-size:16px;text-align:center;background-color:rgba(245,246,247,.48)}.tiao-info>.tiao-text div.imp{color:#f32;margin:8px 0 0}.xian-scroll{position:relative;z-index:5;display:block;width:100%;padding:7em 0 0;overflow-x:auto;overflow-y:hidden;text-align:center}.xian-scroll .ma-mu{position:relative;display:inline-block;min-width:7em;height:22em;margin:0 1.8em;line-height:0;background-color:#3b3830;box-shadow:0 0 30px rgba(0,0,0,.5)}.white-bar{position:absolute;top:0;left:0;width:100%;padding:0 0 .3em;overflow:hidden}.white-bar .white-bar-bar{display:block;width:100%;height:1em;background-color:#f3f5e7;box-shadow:0 0 .7em #000}.xian-list{position:relative;z-index:2;height:100%;padding:0 1px;white-space:nowrap}.xian-list>.xian-wrap{position:relative;display:inline-block;width:1em;height:100%;padding:0 1em;text-align:center;cursor:pointer}.xian-list>.xian-wrap:hover{background:rgba(255,255,255,.1333333333)}.xian-list>.xian-wrap:after{position:absolute;bottom:100%;left:0;display:block;width:100%;height:7em;content:""}.xian-list>.xian-wrap>.xian{position:relative;display:inline-block;width:.2em;height:100%;background-color:#fff;box-shadow:1px 0 6px rgba(0,0,0,.5)}.xian-list>.xian-wrap:first-child{padding-left:1 em}.xian-list>.xian-wrap:last-child{padding-right:1 em}.sett-statu{position:absolute;bottom:100%;width:100%;height:11em;background-color:inherit;box-shadow:3px -3px 10px rgba(0,0,0,.5);opacity:.3;transition:opacity .3s}.sett-statu>.image{position:absolute;bottom:.7em;display:none;width:2em;height:2em;margin:0 0 0 -1em;animation:rorobaba 1.5s infinite}.xian.active>.sett-statu{display:block;opacity:1}.xian.xian.active>.sett-statu>.image{display:block}@keyframes rorobaba{0%{transform:rotate(0)}50%{transform:rotate(120deg)}to{transform:rotate(0)}}.pin-bar{position:absolute;top:0;left:0;width:100%;padding:0 0 .7em;overflow:hidden}.pin-bar-bar{display:block;width:100%;height:.2em;margin:15em 0 0;background-color:#f3f5e7;box-shadow:0 1px .35em #000}.up-down{padding:10px 0;text-align:center}.title-block[data-v-6ec0de5f]{text-align:center}.title-block>h1[data-v-6ec0de5f]{font-size:24px;color:#000}.title-block>.more[data-v-6ec0de5f]{margin:0 0 20px}.canvas-wrap[data-v-6ec0de5f]{max-width:525px;margin:0 auto;padding:0;text-align:center}.canvas-wrap>canvas[data-v-6ec0de5f]{display:inline-block;width:100%;vertical-align:top;background:#fff}.record-control-wrap[data-v-6ec0de5f]{margin:8px 0 10px}.info-wrapper[data-v-6ec0de5f]{position:relative;padding:.7em 2em;text-align:center;background:#fff;z-index:10}.info-wrapper>div>p[data-v-6ec0de5f]{text-indent:2em;text-align:center;font-size:15px;word-break:break-all}.pinlun-wrapper[data-v-6ec0de5f]{margin:0 .8em;padding:1.5em 0 2em}