.page[data-v-7284f590]{height:100vh;background-color:#fff}.page .top[data-v-7284f590]{height:6.11rem;background:#ddf5d0;display:flex;justify-content:center;align-items:center;position:relative}.page .top .time[data-v-7284f590]{font-weight:500;font-size:2.41rem;color:#000}.page .top .start[data-v-7284f590]{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:2.48rem;height:2.48rem;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.page .top .start .play-icon[data-v-7284f590]{width:2.15rem;height:2.15rem;background:#72ca7a;border-radius:50%;box-shadow:0 .12rem 0 0 #61a47e;display:flex;justify-content:center;align-items:center}.page .top .start .play-icon.playing[data-v-7284f590]{background:#ff4d4b;box-shadow:0 .12rem 0 0 #ce1816}.page .top .start .play-icon.active[data-v-7284f590]{transform:translateY(.08rem);box-shadow:none!important}.page .top .start .play-icon.disabled[data-v-7284f590]{background:#ccc;box-shadow:0 .12rem 0 0 #919191}.page .top .start .play-icon .play-icon-item[data-v-7284f590]{color:#fff;font-size:1.3rem;font-weight:700}.page .top .start-text[data-v-7284f590]{position:absolute;left:50%;bottom:-1.34rem;transform:translate(-50%,100%);font-weight:700;font-size:.52rem;color:#333}.page .top .replay[data-v-7284f590]{position:absolute;left:75%;bottom:0;transform:translate(-25%,50%);width:1.57rem;height:1.57rem;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.page .top .replay .play-icon[data-v-7284f590]{width:1.33rem;height:1.33rem;background:#ef8d3f;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 .08rem 0 0 #ce6512}.page .top .replay .play-icon.active[data-v-7284f590]{transform:translateY(.08rem);box-shadow:none!important}.page .top .replay .play-icon.disabled[data-v-7284f590]{background:#ccc;box-shadow:0 .08rem 0 0 #919191}.page .top .replay .play-icon .play-icon-item[data-v-7284f590]{color:#fff;font-size:.6rem;font-weight:700}.page .top .replay-text[data-v-7284f590]{position:absolute;left:75%;bottom:-.885rem;transform:translateY(100%);font-weight:700;font-size:.37rem;color:#999}.page .record[data-v-7284f590]{margin-top:2.48rem;width:100%;padding-left:.56rem}.page .record .record-title[data-v-7284f590]{padding-right:.36rem;display:flex;justify-content:space-between;align-items:flex-end}.page .record .record-title .text[data-v-7284f590]{font-weight:700;font-size:.52rem;color:#333}.page .record .record-title .button[data-v-7284f590]{color:#47ab50;display:flex;align-items:center;cursor:pointer}.page .record .record-title .button .text[data-v-7284f590]{font-weight:700;font-size:.44rem;color:#47ab50}.page .record .record-title .button .icon[data-v-7284f590]{font-weight:700;margin-left:.2rem;font-size:.5rem;color:#47ab50}.page .record .record-list[data-v-7284f590]{padding-bottom:.8rem;padding-right:.56rem;margin-top:.1rem;max-height:calc(100vh - var(--navbar-height) - 11.39rem);overflow-y:auto}.page .record .record-list .record-item[data-v-7284f590]{margin-top:.31rem;display:flex;justify-content:space-between;align-items:center}.page .record .record-list .record-item .record-item-text[data-v-7284f590]{width:100%;font-size:.37rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page .record .record-list .record-item .record-item-text span[data-v-7284f590]:last-child{margin-left:.2rem}.page .record .record-list .record-item .record-item-photo[data-v-7284f590]{flex-shrink:0;color:#47ab50;font-size:.37rem;cursor:pointer;margin-left:.2rem}.page .record .empty-text[data-v-7284f590]{font-size:.33rem;color:#666;text-align:center;margin-top:.3rem}.page .download[data-v-7284f590]{position:fixed;bottom:0;width:100%;padding:.37rem .55rem .46rem;background:#fff;display:flex;justify-content:center;align-items:center;border-top:.04rem solid #ccc}.page .download .download-button[data-v-7284f590]{width:100%}.page .download-popup[data-v-7284f590]{width:7.59rem;height:5.81rem;background:#fff;padding:.7rem .6rem .55rem;text-align:center}.page .download-popup .download-popup-icon[data-v-7284f590]{font-size:1.74rem;color:#72ca7a}.page .download-popup .download-popup-text[data-v-7284f590]{font-size:.52rem;color:#333;font-weight:700;margin-top:.2rem}.page .download-popup .download-popup-button[data-v-7284f590]{width:100%;margin-top:.44rem}.page .time-popup[data-v-7284f590]{width:7.59rem;height:5.81rem;background:#fff;padding:1.22rem .6rem .55rem;text-align:center}.page .time-popup .time-popup-text[data-v-7284f590]{font-size:.52rem;font-weight:700;color:#333}.page .time-popup .time-popup-text.fill[data-v-7284f590]{text-indent:.5em}.page .time-popup .time-popup-button-group[data-v-7284f590]{display:flex;justify-content:space-between;align-items:center}.page .time-popup .time-popup-button-group .time-popup-button[data-v-7284f590]{width:100%;margin-top:.97rem}.page .time-popup .time-popup-button-group .time-popup-button[data-v-7284f590]:last-child{margin-left:.44rem}