.nav[data-v-0b78587b]{width:100%;height:7.25rem;display:flex;justify-content:space-between;align-items:center;padding:0 3rem;box-sizing:border-box}.nav .nav-left[data-v-0b78587b]{color:#2d281f;font-family:PingFang SC;font-size:2.25rem;font-style:normal;font-weight:600;line-height:3rem;display:flex;align-items:center}.nav .nav-left img[data-v-0b78587b]{width:3rem;height:3rem}.nav .nav-center[data-v-0b78587b]{font-size:2.5rem}.nav .nav-center[data-v-0b78587b],.nav .nav-right[data-v-0b78587b]{color:#2d281f;font-family:PingFang SC;font-style:normal;font-weight:600;line-height:3rem}.nav .nav-right[data-v-0b78587b]{font-size:2.25rem;display:flex;align-items:center}.nav .nav-right img[data-v-0b78587b]{width:3rem;height:3rem}.content[data-v-0b78587b]{min-height:calc(100vh - 7.42rem);background:#fafafa;box-sizing:border-box;padding:2.67rem}.content .top-box[data-v-0b78587b]{width:100%;box-sizing:border-box;position:relative}.content .top-box .info[data-v-0b78587b]{display:flex;align-items:center;justify-content:flex-start}.content .top-box .info .head-box[data-v-0b78587b]{width:15.3rem;height:15.3rem}.content .top-box .info .head-box img[data-v-0b78587b]{width:100%;height:100%}.content .top-box .info .msg-box[data-v-0b78587b]{width:calc(100% - 18.7rem);margin-left:3.33rem}.content .top-box .info .msg-box .name[data-v-0b78587b]{color:#2d281f;font-family:PingFang SC;font-size:3.33rem;font-style:normal;font-weight:600;line-height:3rem}.content .top-box .info .msg-box .common-info[data-v-0b78587b]{margin-top:1.17rem;color:#2d281f;font-family:PingFang SC;font-size:2.66rem;font-style:normal;font-weight:400;line-height:3.25rem}.content .top-box .info .msg-box .common-info span[data-v-0b78587b]{color:#f63b3e}.content .top-box .info .msg-box .common-info .point[data-v-0b78587b]{font-size:3.5rem}.content .top-box .record-box[data-v-0b78587b]{width:100%;height:18.16rem;border-radius:2rem;background:#fffaec;box-shadow:inset 0 0 .125rem 0 rgba(0,0,0,.25);margin-top:2rem}.content .top-box .record-box .bg[data-v-0b78587b]{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;background:url(../../static/img/price-bg.efc79d52.png) no-repeat;background-size:cover}.content .top-box .record-box .bg .left[data-v-0b78587b]{width:50%;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.content .top-box .record-box .bg .left img[data-v-0b78587b]{width:7.83rem;height:7.83rem}.content .top-box .record-box .bg .left .result[data-v-0b78587b]{width:100%;color:#2d281f;font-family:PingFang SC;font-size:2rem;font-weight:500;line-height:4rem;margin-top:1.67rem}.content .top-box .record-box .bg .left .result span[data-v-0b78587b]{color:#fe641c}.content .top-box .record-box .bg .right[data-v-0b78587b]{width:50%;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.content .top-box .record-box .bg .right img[data-v-0b78587b]{width:7.83rem;height:7.83rem}.content .top-box .record-box .bg .right .result[data-v-0b78587b]{width:100%;color:#2d281f;font-family:PingFang SC;font-size:2rem;font-weight:500;line-height:4rem;margin-top:1.67rem}.content .top-box .record-box .bg .right .result span[data-v-0b78587b]{color:#fe641c}.content .top-box .commont-box[data-v-0b78587b]{width:100%;min-height:24rem;border-radius:.25rem;border:.5rem solid #ebb769;background:#1f2023;margin-top:3.33rem;padding:3.33rem 2rem;box-sizing:border-box;position:relative}.content .top-box .commont-box .summary[data-v-0b78587b]{color:#fff;font-family:KaiTi_GB2312;font-size:3rem;font-style:normal;font-weight:400;line-height:3.5rem;margin-top:2rem}.content .top-box .commont-box .commont-title[data-v-0b78587b]{color:#fff;font-family:KaiTi_GB2312;font-size:3.333rem;font-style:normal;font-weight:400;line-height:3rem;display:flex;align-items:center}.content .top-box .commont-box .commont-title .voice-box[data-v-0b78587b]{display:flex;align-items:center}.content .top-box .commont-box .commont-title .voice-box .play-btn[data-v-0b78587b]{width:fit-content;height:4rem;color:#bcbec5;font-family:PingFang SC;font-size:2rem;font-style:normal;font-weight:400;line-height:4rem;border-radius:.5rem;background:#fff;padding:0 2rem;position:relative;display:flex;align-items:center;margin-left:1.677rem}.content .top-box .commont-box .commont-title .voice-box .play-btn .array[data-v-0b78587b]{position:absolute;top:50%;transform:translateY(-50%);left:-.5rem}.content .top-box .commont-box .commont-title .voice-box .play-btn .soundwave[data-v-0b78587b]{width:4rem;height:4rem}.content .top-box .commont-box .commont-title .voice-box .play-btn .duration[data-v-0b78587b]{color:#51535a;font-size:2rem;font-style:normal;font-weight:500;line-height:4rem;padding-right:4rem}.content .top-box .commont-box .borad-icon[data-v-0b78587b]{position:absolute;bottom:0;right:1rem}.content .top-box .commont-box .bottom-line[data-v-0b78587b]{position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:105%;height:.67rem;border-radius:.0625rem;background:#a9b0b6}.content .top-box .mid-btn-box[data-v-0b78587b]{display:flex;align-items:center;justify-content:space-around;padding-top:2rem}.content .top-box .mid-btn-box .play-box[data-v-0b78587b]{display:flex;align-items:center}.content .top-box .mid-btn-box .play-box .start-btn[data-v-0b78587b]{background:#eb4434;margin-right:.5rem}.content .top-box .mid-btn-box .play-box .start-btn[data-v-0b78587b],.content .top-box .mid-btn-box .play-box .stop-btn[data-v-0b78587b]{width:17rem;height:6.5rem;border-radius:1rem;box-shadow:0 .5rem 1rem 0 rgba(235,68,52,.2);color:#fff;font-family:PingFang SC;font-size:2.67rem;line-height:6.5rem;text-align:center}.content .top-box .mid-btn-box .play-box .stop-btn[data-v-0b78587b]{background:#f8601e}.content .top-box .mid-btn-box .play-box .recording-btn[data-v-0b78587b]{width:17rem;height:6.5rem;border-radius:1rem;background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),#eb4434;box-shadow:0 .5rem 1rem 0 rgba(235,68,52,.2);color:#fff;font-family:PingFang SC;font-size:2.67rem;line-height:6.5rem;text-align:center;display:flex;align-items:center;justify-content:center}.content .top-box .mid-btn-box .confirm-btn[data-v-0b78587b]{border-radius:1rem;background:#1e79f8;box-shadow:0 .5rem 1rem 0 rgba(30,121,248,.2);width:22rem;height:6.5rem;color:#fff;font-family:PingFang SC;font-size:2.67rem;line-height:6.5rem;text-align:center}.content .bottom-box[data-v-0b78587b]{width:100%;min-height:20rem;border-radius:1rem;border:.25rem solid #dbf0ff;background:#fff;margin:0 auto;margin-top:5.25rem;padding:10.66rem 2.92rem 2rem;box-sizing:border-box;position:relative}.content .bottom-box .left-point[data-v-0b78587b]{left:2.33rem}.content .bottom-box .left-point[data-v-0b78587b],.content .bottom-box .right-point[data-v-0b78587b]{width:1.25rem;height:1.25rem;background:#dbf0ff;position:absolute;top:2.33rem;border-radius:50%;overflow:hidden}.content .bottom-box .right-point[data-v-0b78587b]{right:2.33rem}.content .bottom-box .title[data-v-0b78587b]{border-radius:0 0 .75rem .75rem;border-right:.25rem solid #dbf0ff;border-bottom:.25rem solid #dbf0ff;border-left:.25rem solid #dbf0ff;background:#57b8fa;box-shadow:inset 0 0 .5rem 0 hsla(0,0%,100%,.5);color:#fff;font-family:PingFang SC;font-size:3rem;font-style:normal;font-weight:500;line-height:5.67rem;width:25.3rem;height:5.67rem;text-align:center;position:absolute;top:0;left:50%;transform:translateX(-50%)}.content .bottom-box .hidebox[data-v-0b78587b]{width:9.08rem;height:9.08rem;visibility:hidden}.content .bottom-box .list[data-v-0b78587b]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.content .bottom-box .list .item[data-v-0b78587b]{width:9.08rem;height:9.08rem;background-size:100%;position:relative;margin:0 .3rem 2.83rem;border-radius:.25rem;border:.125rem solid #bdb4ab;box-sizing:border-box}.content .bottom-box .list .item .msg[data-v-0b78587b]{min-width:9.08rem;height:2.17rem;border-radius:.25rem;background:#76ff9f;padding:0 .58rem;box-sizing:border-box;line-height:2rem;font-size:1.58rem;color:#000;position:absolute;top:-2.17rem;left:0;text-align:center}.content .bottom-box .list .item .c1[data-v-0b78587b]{background:#fa9e8e}.content .bottom-box .list .item .c2[data-v-0b78587b]{background:#76ff9f}.content .bottom-box .list .item .c3[data-v-0b78587b]{background:#c1ff76}.content .bottom-box .list .item .c4[data-v-0b78587b]{background:#fafa79}.content .bottom-box .list .item .c5[data-v-0b78587b]{background:#ffbb76}.tab[data-v-0b78587b]{width:100%;height:13.92rem;background:#fdfdfd;display:flex;justify-content:space-around;position:fixed;bottom:0;padding-top:1.25rem;box-sizing:border-box}.tab .tab-item[data-v-0b78587b]{position:relative}.tab .tab-item img[data-v-0b78587b]{width:4.08rem;height:4.08rem;position:relative;left:50%;transform:translateX(-50%)}.tab .tab-item .tab-title[data-v-0b78587b]{font-size:2rem;font-weight:700;color:#a6a6a6;text-align:center;margin-top:.5rem}.tab .tab-item .tab-title.active[data-v-0b78587b]{color:#5c92ff}.mybutton[data-v-0b78587b]{display:block;margin:4rem auto;width:45%;height:6rem;font-size:3rem;color:#fff;background-color:#31a4f0;border:none;border-radius:6rem;box-shadow:inset 0 .3rem .2rem hsla(0,0%,100%,.2),inset 0 -.3rem .2rem rgba(0,0,0,.2),0 .2rem .4rem rgba(0,0,0,.2)}.loading-wrapper[data-v-0b78587b]{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.shareImg[data-v-0b78587b]{z-index:6;opacity:0;position:absolute;top:0;width:100%;height:100%}.shareImg img[data-v-0b78587b]{width:100%}.tip[data-v-0b78587b]{background-color:#31a4f0;border-radius:6rem;box-shadow:inset 0 .3rem .2rem hsla(0,0%,100%,.2),inset 0 -.3rem .2rem rgba(0,0,0,.2),0 .2rem .4rem rgba(0,0,0,.2)}.tip2[data-v-0b78587b],.tip[data-v-0b78587b]{color:#fff;font-size:2.5rem;line-height:6rem;width:45%;height:6.5rem;margin:3rem auto;text-align:center;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;z-index:999;cursor:pointer}