#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:8vw}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}@media (orientation:landscape){#nav{padding:4vw}}.time-box .start-taste-line hr[data-v-00376b04]{background-color:#fff;width:.8vw;height:1.6vw;margin:0 .533vw;display:inline-block;border:none}hr[data-v-00376b04]{animation:note-00376b04 .2s ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.hr1[data-v-00376b04]{animation-delay:-1s}.hr2[data-v-00376b04]{animation-delay:-.9s}.hr3[data-v-00376b04]{animation-delay:-.8s}.hr4[data-v-00376b04]{animation-delay:-.7s}.hr5[data-v-00376b04]{animation-delay:-.6s}.hr6[data-v-00376b04]{animation-delay:-.5s}.hr7[data-v-00376b04]{animation-delay:-.4s}.hr8[data-v-00376b04]{animation-delay:-.3s}.hr9[data-v-00376b04]{animation-delay:-.2s}.hr10[data-v-00376b04]{animation-delay:-.1s}@keyframes note-00376b04{0%{transform:scaleY(1)}to{transform:scaleY(4)}}@media (orientation:landscape){.time-box .start-taste-line hr[data-v-00376b04]{width:.4vw;height:.8vw;margin:0 .267vw}}body,html{overflow:hidden}#app,body,html{height:-webkit-fill-available}#app{overflow-y:auto}.home-page{display:flex;flex-direction:column;width:100%;height:-webkit-fill-available;overflow:hidden}.home-page .content-wrap{flex:1;overflow-y:auto}.home-page .content-wrap .item_me{display:flex;align-items:flex-start;justify-content:flex-end;padding:2.133vw}.home-page .content-wrap .item_me .voice{margin-left:0;margin-right:2.667vw;border-radius:1.867vw 0 1.867vw 1.867vw;padding-right:2.667vw;text-align:right;line-height:6.4vw}.home-page .content-wrap .item_me .voice .bg{float:right;transform:rotate(180deg)}.home-page .content-wrap .item_you{display:flex;align-items:flex-start;justify-content:flex-start;padding:2.133vw}.home-page .content-wrap .item_you .voice{margin-left:2.667vw;margin-right:0;border-radius:0 1.867vw 1.867vw;padding-left:2.667vw;display:flex}.home-page .content-wrap .item_you .voice .duration{padding-top:1.867vw;padding-left:2.133vw}.home-page .content-wrap .avatar{width:10.667vw;height:10.667vw;border-radius:1.867vw;overflow:hidden}.home-page .content-wrap .avatar img{width:100%}.home-page .content-wrap .red-dot{position:relative}.home-page .content-wrap .red-dot:after{content:"";display:block;background:#f45454;border-radius:50%;width:2.133vw;height:2.133vw;position:absolute;right:-4vw;top:4.267vw}.home-page .content-wrap .voice{padding-top:1.867vw;height:8.267vw;width:26.667vw;background:#1bbc9b}.home-page .content-wrap .voice .duration{color:#fff;font-weight:700;padding-right:1.333vw}.home-page .content-wrap .voice .bg{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAAF6fiUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzlFRDZDRDNENzlFMTFFNkJDN0NFMjA2QTFFRTRDQkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzlFRDZDRDJENzlFMTFFNkJDN0NFMjA2QTFFRTRDQkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTAxQkEzQ0RENzM2MTFFNjgyMEI5MTNDRkQ0OTM5QUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTAxQkEzQ0VENzM2MTFFNjgyMEI5MTNDRkQ0OTM5QUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4K4iKVAAACUUlEQVR42uSazytEURTHvTHjR4kaU8xsSDZSdmbjx4oSK8XGQrJlpSwYTSmxEWWhUIpsZK3kD7DRNBuSBZFCNjZ+JPKcV6ecXu/d3sy7595bc+vbfXPue5/749z77o83lm3bZYYFC8RZqAbQAigP2tXNj5aZF7gdkAZNk9+7WvnOCCgxRUCb9n/o1sk3pUH6QDHF/GNsoM+QeYfiy6qkFeLZDBb0GlTB4AAR/xXT9nXxZVa0WCekQd9Y0HOJjg3CHySviiZmfjO3AyIhnu0gBc0wjAIR/wLtW8z87aAOWAI9gqaYRoAff4ZUoi7EKCiUP462j4CdSCrfK4N1Ahpi6I0i/hPa50M4oFB+Dbm/SzXfL5MD4rUogxP8+Itozynm59E+q5ovyuQdHxphWh568XvR5kxq1SEn40L4e0XMA1L4EcEe7RTjLqYdqRf/gezQUwr5LxjXq+aLHPCFcTmTA7z4tutIQhXfLiJPKXyRA/oxzgW8v9DgxU+S62eF/ATGr6r5fg26Corj9RHD4Z0fvwfjS9CbQn4bxrfK+R6TyzxZNk260solTL4i/g3al10TsMXIryA72T7VfK8MnJO8X9CKy14lafXjxx8jFUsSeyUzfxhtPwHPoqTy/TJJMJzJiPgNpJdsuNJizPwztB/q4JtwHN2KW3sn3HuMOouR30l6bbsOvgkOyGIBnaPbRldalJl/h2knuvgmOKAWNAFKMUz4Iv4O6Z1xXXxTPxtazHy6khnVyS/Fb8IDpHGyuvmWgX9L4Q4toDnQFWhNN/9PgAEAR4w1ULjdCbEAAAAASUVORK5CYII=) right 0 no-repeat;width:6.4vw;height:6.4vw;background-size:400%}.home-page .content-wrap .voice .voicePlay{animation-name:voicePlay;animation-duration:1s;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:steps(3)}.home-page .footer{height:37.333vw;margin-top:5.333vw;margin-bottom:8vw;display:flex;align-items:center;justify-content:space-around}.home-page .footer .sayBtn{width:37.333vw;height:37.333vw;border-radius:50%;background:url(../img/microphone.4b6e2001.png) no-repeat 50%;background-size:16vw;background-color:#c8ced5;animation:bounce 2s ease-in-out infinite}.home-page .footer .sayBtn,.home-page .mask{display:flex;flex-direction:column;justify-content:flex-end}.home-page .mask{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.4);align-items:center}.home-page .mask .wave-block{height:16vw;line-height:16vw;width:42.667vw;background:red;border-radius:2.133vw;position:relative;margin-bottom:13.333vw}.home-page .mask .wave-block:before{display:block;content:"◆";position:absolute;font-size:6.933vw;left:17.333vw;bottom:-8vw;color:red}.home-page .mask .send-btn{width:100%;height:50.667vw;line-height:50.667vw;text-align:center;border-top-left-radius:50%;border-top-right-radius:50%;background-color:#f4f5f6;background-image:url(../img/microphone-active.dbaa3629.png);background-position:50%;background-repeat:no-repeat;background-size:20%;border:1.333vw solid #dc7f7f;border-bottom:none}.home-page .audio-el{width:0;height:0;visibility:hidden;position:absolute;z-index:-1;border:1px solid}@media(orientation:landscape){.home-page .footer .sayBtn{animation:bounce-landscape 2s ease-in-out infinite}}@keyframes bounce{0%{width:37.333vw;height:37.333vw}50%{width:42.667vw;height:42.667vw}to{width:37.333vw;height:37.333vw}}@keyframes bounce-landscape{0%{width:16vw;height:16vw}50%{width:18.667vw;height:18.667vw}to{width:16vw;height:16vw}}@keyframes voicePlay{0%{background-position:0}to{background-position:100%}}@media (orientation:landscape){.home-page .content-wrap .item_me{padding:1.067vw}.home-page .content-wrap .item_me .voice{margin-right:1.333vw;border-radius:.933vw 0 .933vw .933vw;padding-right:1.333vw;line-height:3.2vw}.home-page .content-wrap .item_you{padding:1.067vw}.home-page .content-wrap .item_you .voice{margin-left:1.333vw;border-radius:0 .933vw .933vw;padding-left:1.333vw}.home-page .content-wrap .item_you .voice .duration{padding-top:.933vw;padding-left:1.067vw}.home-page .content-wrap .avatar{width:5.333vw;height:5.333vw;border-radius:.933vw}.home-page .content-wrap .red-dot:after{width:1.067vw;height:1.067vw;right:-2vw;top:2.133vw}.home-page .content-wrap .voice{padding-top:.933vw;height:4.133vw;width:13.333vw}.home-page .content-wrap .voice .duration{padding-right:.667vw}.home-page .content-wrap .voice .bg{width:3.2vw;height:3.2vw}.home-page .footer{height:18.667vw;margin-top:2.667vw;margin-bottom:4vw}.home-page .footer .sayBtn{width:18.667vw;height:18.667vw;background-size:8vw}.home-page .mask .wave-block{height:8vw;line-height:8vw;width:21.333vw;border-radius:1.067vw;margin-bottom:6.667vw}.home-page .mask .wave-block:before{font-size:3.467vw;left:8.667vw;bottom:-4vw}.home-page .mask .send-btn{height:25.333vw;line-height:25.333vw;border:.667vw solid #dc7f7f}.home-page .audio-el{border:1px solid}}