.demo[data-v-62298360]{position:relative;padding:6.25rem 0 10rem;background:#fff}.demo .title[data-v-62298360]{line-height:4.34375rem;margin-bottom:3.75rem;font-family:Noto Sans JP;font-style:normal;font-weight:700;font-size:3rem;color:#02082d;text-align:center}.demo .listTabs[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:80rem;margin:0 auto}.demo .listTabs[data-v-62298360] .el-tabs__header{margin-bottom:0;border-bottom:0}.demo .listTabs[data-v-62298360] .el-tabs__nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:45.75rem;height:4rem;background:transparent;border-radius:2.25rem;border:.0625rem solid #99b2c6}.demo .listTabs[data-v-62298360] .el-tabs__item{width:50%;height:100%;line-height:3.875rem;padding:0!important;font-size:1.5rem;color:#99b2c6;border-radius:2.25rem;border:none}.demo .listTabs[data-v-62298360] .el-tabs__item.is-active{font-family:Noto Sans JP;font-style:normal;font-weight:700;color:#fff;background:#1890ff}.demo .listTabs[data-v-62298360] .el-tabs__content{width:76rem;padding:2rem;margin-top:3.75rem;border-radius:2.25rem;background:#fff;-webkit-box-shadow:.625rem 1.25rem 3.75rem rgba(12,51,87,.1);box-shadow:.625rem 1.25rem 3.75rem rgba(12,51,87,.1);overflow:initial}.demo .el-tab-pane[data-v-62298360]{position:relative;height:100%}.demo .el-tab-pane .el-container[data-v-62298360]{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.demo .el-tab-pane .aside[data-v-62298360]{width:17.5rem!important;height:45rem;padding:1rem;border-radius:1rem;background:#f9fafd;border:.0625rem solid #99b2c6}.demo .el-tab-pane .aside li[data-v-62298360],.demo .el-tab-pane .aside ul[data-v-62298360]{list-style:none}.demo .el-tab-pane .aside ul[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.demo .el-tab-pane .aside ul li[data-v-62298360],.demo .el-tab-pane .aside ul[data-v-62298360]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.demo .el-tab-pane .aside ul li[data-v-62298360]{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:13.375rem;height:2.375rem;padding:1.875rem 1rem;border-radius:.5rem;font-size:1.125rem;letter-spacing:0;line-height:1.62875rem;color:#353975;border:.0625rem solid transparent;cursor:pointer}.demo .el-tab-pane .aside ul li span[data-v-62298360]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:.75rem;text-align:left}.demo .el-tab-pane .aside ul li img[data-v-62298360]:first-child{width:2.5rem;height:2.5rem}.demo .el-tab-pane .aside ul li img[data-v-62298360]:last-child{width:1.5rem;height:1.5rem}.demo .el-tab-pane .aside ul li[data-v-62298360]:hover{border-color:#99b2c6}.demo .el-tab-pane .aside ul li.active[data-v-62298360]{color:#fff;background:#1890ff}.demo .el-tab-pane .aside .gaojie li[data-v-62298360]{height:1.625rem}.demo .el-tab-pane .elmain[data-v-62298360]{position:relative;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:57rem!important;height:45rem;padding:1.5rem;border-radius:1rem;background:#f9fafd;border:.0625rem solid #99b2c6;overflow:hidden}.demo .el-tab-pane .result-phoneme[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:73rem;min-height:9rem;padding:0 1.5rem 1.5rem;margin-top:1.5rem;border-radius:1rem;background:#f9fafd;border:.0625rem solid #99b2c6;font-family:Public Sans;font-style:normal;font-weight:400}.demo .el-tab-pane .result-phoneme .part-title[data-v-62298360]{margin:1rem 0;font-size:1.125rem;color:#030852}.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360]{color:#030852!important}.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360] .phonemeColumn{font-size:1rem;color:#030852}.demo .el-tab-pane .result-phoneme .echart[data-v-62298360]{width:100%;height:18.75rem;padding-top:1.25rem;margin:0 auto}.demo .el-tab-pane .result-phoneme .echart[data-v-62298360] div{text-align:left!important}.demo .el-tab-pane .result-detail-advanced[data-v-62298360]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:73rem;min-height:9rem;padding:1.5rem;margin-top:1.5rem;border-radius:1rem;background:#f9fafd;border:.0625rem solid #99b2c6;font-family:Public Sans;font-style:normal;font-weight:400}.demo .el-tab-pane .result-detail-advanced>div[data-v-62298360],.demo .el-tab-pane .result-detail-advanced[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.demo .el-tab-pane .result-detail-advanced>div[data-v-62298360]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;height:13.3125rem;border-radius:1rem;background:#fff}.demo .el-tab-pane .result-detail-advanced .result-overall[data-v-62298360]{width:8.625rem}.demo .el-tab-pane .result-detail-advanced .result-overall .text[data-v-62298360]{font-size:1.125rem;color:#99b2c6}.demo .el-tab-pane .result-detail-advanced .result-overall .resultTxt[data-v-62298360]{color:#030852}.demo .el-tab-pane .result-detail-advanced .result-overall .score[data-v-62298360]{font-family:Noto Sans JP;font-style:normal;font-weight:700;font-size:3rem;color:#99b2c6}.demo .el-tab-pane .result-detail-advanced .result-overall .play-replay[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.demo .el-tab-pane .result-detail-advanced .result-overall .play-replay img[data-v-62298360]{width:2rem;height:2rem;cursor:pointer}.demo .el-tab-pane .result-detail-advanced .more-score[data-v-62298360]{width:8.625rem}.demo .el-tab-pane .result-detail-advanced .more-score .score-item .score-name[data-v-62298360]{margin-bottom:.3125rem;font-size:1.125rem;color:#99b2c6}.demo .el-tab-pane .result-detail-advanced .more-score .score-item .score-value[data-v-62298360]{font-size:1.5rem;color:#99b2c6}.demo .el-tab-pane .result-detail-advanced .more-score .score-item .score-name.resultTxt[data-v-62298360]{color:#030852!important}.demo .el-tab-pane .result-detail-advanced .more-score .score-item .resultScore[data-v-62298360]{color:#1890ff!important}.demo .el-tab-pane .result-detail-advanced .answer-item[data-v-62298360]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;width:50.75rem;height:10.3125rem;padding:1.5rem;font-size:1.125rem;color:#99b2c6}.demo .el-tab-pane .result-detail-advanced .answer-item .part-title[data-v-62298360]{margin-bottom:.9375rem}.demo .el-tab-pane .result-detail-advanced .answer-item .resultScore[data-v-62298360]{margin-left:1.875rem}.demo .el-tab-pane .result-detail-advanced .answer-item .resultScore li[data-v-62298360]{margin:.3125rem 0;text-align:left}.demo .el-tab-pane .result-detail-advanced .answer-item .resultTxt[data-v-62298360]{color:#030852!important}.demo .el-tab-pane .result-detail-advanced .answer-item .resultScore[data-v-62298360]{color:#1890ff!important}@media screen and (max-width:768px){.demo[data-v-62298360]{padding:1rem 1.5rem 3rem}.demo .title[data-v-62298360]{width:70%;margin:0 auto 1.5rem;line-height:1.875rem;font-size:1.25rem;color:#030852}.demo .listTabs[data-v-62298360],.demo .listTabs[data-v-62298360] .el-tabs__header{width:100%}.demo .listTabs[data-v-62298360] .el-tabs__nav{width:100%;height:2.5rem;border-radius:.5rem}.demo .listTabs[data-v-62298360] .el-tabs__item{line-height:2.375rem;border-radius:.375rem;font-size:.875rem;color:#99b2c6}.demo .listTabs[data-v-62298360] .el-tabs__content{width:100%;padding:0 1.5rem;margin-top:1.5rem;background:transparent;-webkit-box-shadow:none;box-shadow:none}.demo .el-tab-pane .el-container[data-v-62298360]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.demo .el-tab-pane .el-container .aside[data-v-62298360]{width:24.375rem!important;height:auto;padding:0;margin-bottom:1rem;margin-left:-1.5rem;margin-right:-1.5rem;border:none;border-radius:initial;background:transparent;overflow-y:auto}.demo .el-tab-pane .el-container .aside ul[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:auto;padding:0 1rem}.demo .el-tab-pane .el-container .aside ul li[data-v-62298360]{width:auto;height:1.375rem;padding:.5rem .5rem .5rem .375rem;margin:0 .5rem;border-radius:.5rem;background:#f9fafd;border:.0625rem solid #99b2c6;font-size:.75rem}.demo .el-tab-pane .el-container .aside ul li img[data-v-62298360]{width:1.5rem;height:1.5rem}.demo .el-tab-pane .el-container .aside ul li span[data-v-62298360]{margin-left:.125rem}.demo .el-tab-pane .el-container .aside ul li.active[data-v-62298360]{border:.0625rem solid #1890ff;color:#1890ff}.demo .el-tab-pane .el-container .aside[data-v-62298360]::-webkit-scrollbar{display:none}.demo .el-tab-pane .el-container .elmain[data-v-62298360]{width:100%!important;height:auto;padding:0;background:transparent;border:none;border-radius:initial}.demo .el-tab-pane .result-phoneme[data-v-62298360]{width:100%;padding:0;overflow:hidden}.demo .el-tab-pane .result-phoneme .part-title[data-v-62298360]{margin:.5rem 0;font-size:.875rem}.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360]{padding:0 1rem .3125rem;color:#030852!important;background-color:#f9fafd}.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360] .phonemeColumn{padding:0 .3125rem;font-size:.875rem}.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360] .el-table__body,.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360] .el-table__header{width:auto!important}.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360] .el-table__body tr:last-child td,.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360] .el-table__header tr:last-child td{border-bottom:none}.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360] td.el-table__cell,.demo .el-tab-pane .result-phoneme .phonemeTable[data-v-62298360] th.el-table__cell.is-leaf{padding:.25rem 0;background-color:#f9fafd;border-color:#99b2c6}.demo .el-tab-pane .result-phoneme .phonemeTable tr[data-v-62298360]{background-color:#f9fafd}.demo .el-tab-pane .result-detail-mobile[data-v-62298360]{position:static;height:auto;min-height:3rem;padding:0 1rem;margin-top:1rem;border-radius:.75rem;background:#f9fafd;border:.0625rem solid #99b2c6;font-size:.875rem}.demo .el-tab-pane .result-detail-mobile .result-overall[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;color:#99b2c6}.demo .el-tab-pane .result-detail-mobile .result-overall .play-replay[data-v-62298360],.demo .el-tab-pane .result-detail-mobile .result-overall .text[data-v-62298360]{width:5rem}.demo .el-tab-pane .result-detail-mobile .result-overall .text[data-v-62298360]{text-align:left}.demo .el-tab-pane .result-detail-mobile .result-overall .resultTxt[data-v-62298360]{color:#030852}.demo .el-tab-pane .result-detail-mobile .result-overall .resultCon[data-v-62298360]{color:#1890ff}.demo .el-tab-pane .result-detail-mobile .result-overall .score[data-v-62298360]{font-family:Public Sans;font-style:normal;font-weight:700;font-size:2rem;color:#99b2c6}.demo .el-tab-pane .result-detail-mobile .result-overall .play-replay[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:right;-webkit-justify-content:right;-ms-flex-pack:right;justify-content:right}.demo .el-tab-pane .result-detail-mobile .result-overall .play-replay img[data-v-62298360]{width:1.5rem;height:1.5rem;cursor:pointer}.demo .el-tab-pane .result-detail-mobile .more-score[data-v-62298360]{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:auto;min-height:3rem;border-radius:1rem}.demo .el-tab-pane .result-detail-mobile .more-score .score-item[data-v-62298360],.demo .el-tab-pane .result-detail-mobile .more-score[data-v-62298360]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.demo .el-tab-pane .result-detail-mobile .more-score .score-item[data-v-62298360]{-ms-flex-align:center;-ms-flex-pack:justify;width:100%}.demo .el-tab-pane .result-detail-mobile .more-score .score-item .score-name[data-v-62298360]{text-align:center;font-size:.875rem;color:#99b2c6}.demo .el-tab-pane .result-detail-mobile .more-score .score-item .score-value[data-v-62298360]{max-width:12.5rem;font-size:1.5rem;color:#99b2c6;word-break:break-all}.demo .el-tab-pane .result-detail-mobile .more-score .score-item .score-value-small[data-v-62298360]{margin:.5rem 0;font-size:1rem}.demo .el-tab-pane .result-detail-mobile .more-score .score-item .score-name.resultTxt[data-v-62298360]{color:#030852!important}.demo .el-tab-pane .result-detail-mobile .more-score .score-item .resultScore[data-v-62298360]{color:#1890ff!important}.demo .el-tab-pane .result-detail-mobile .answer-item[data-v-62298360]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;width:100%;height:auto;padding:1rem 0;font-size:.875rem;color:#99b2c6}.demo .el-tab-pane .result-detail-mobile .answer-item .part-title[data-v-62298360]{margin-bottom:.5rem;text-align:left}.demo .el-tab-pane .result-detail-mobile .answer-item .resultScore[data-v-62298360]{margin-left:1.25rem}.demo .el-tab-pane .result-detail-mobile .answer-item .resultScore li[data-v-62298360]{margin:.3125rem 0;text-align:left}.demo .el-tab-pane .result-detail-mobile .answer-item .resultTxt[data-v-62298360]{color:#030852!important}.demo .el-tab-pane .result-detail-mobile .answer-item .resultScore[data-v-62298360]{color:#1890ff!important}}.page-bg{position:absolute;top:1.5rem;bottom:1.5rem;left:1.5rem;right:1.5rem}.page-bg .demo-main{position:relative;width:100%;height:100%}.page-bg .demo-main .top_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:1.5rem;font-size:1rem;font-weight:400;letter-spacing:0;line-height:1.5rem;border-radius:1rem;background:#fff;color:#353975}.page-bg .demo-main .top_title ul{width:100%}.page-bg .demo-main .top_title ul span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:left}.page-bg .demo-main .top_title ul li{margin:0 0 0 1.875rem;text-align:left}.page-bg .demo-main .common_btn{height:2rem;margin-top:2rem}.page-bg .demo-main .common_btn .edit_btn{float:left;height:2rem;padding:0 .8125rem 0 1rem;border-radius:1.5rem;background:#1890ff;font-size:1rem;color:#fff}.page-bg .demo-main .common_btn .edit_btn span div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1.8125rem}.page-bg .demo-main .common_btn .edit_btn img{width:2rem;height:2rem;margin-left:.625rem;cursor:pointer}.page-bg .demo-main .common_btn .play_stem,.page-bg .demo-main .common_btn .tips{float:left;height:2rem;padding:0 .9375rem;background:transparent;border-radius:1.5rem;border-color:#1890ff;font-size:1rem;color:#1890ff}.page-bg .demo-main .common_btn .play_stem span,.page-bg .demo-main .common_btn .tips span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:.9375rem}.page-bg .demo-main .common_btn .play_stem span div,.page-bg .demo-main .common_btn .tips span div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1.8125rem}.page-bg .demo-main .common_btn .play_stem img,.page-bg .demo-main .common_btn .tips img{width:2rem;height:2rem;margin-left:1rem;cursor:pointer}.page-bg .demo-main .common_btn .change-stem{float:right}.page-bg .demo-main .common_btn .change-stem,.page-bg .demo-main .common_btn .change-stem .el-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-bg .demo-main .common_btn .change-stem .el-button{height:1.5rem;border-radius:1.5rem;border:.0625rem solid #99b2c6;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:.25rem .625rem}.page-bg .demo-main .common_btn .change-stem .el-button:first-child{padding-left:.3125rem}.page-bg .demo-main .common_btn .change-stem .el-button:last-child{padding-right:.3125rem}.page-bg .demo-main .common_btn .try_btn{float:right;height:2rem;padding:0 .8125rem 0 1rem;border-radius:1.5rem;border:.0625rem solid #1890ff;background:transparent;font-size:1rem;color:#1890ff}.page-bg .demo-main .common_btn .try_btn>span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1.8125rem}.page-bg .demo-main .common_btn .try_btn img{width:2rem;height:2rem;margin-left:.8125rem;cursor:pointer}.page-bg .demo-main .demo-container{position:absolute;left:0;right:0;font-family:Public Sans;font-style:normal;font-weight:400;margin:2rem 1.5rem 0}.page-bg .demo-main .demo-container .ref-text-part{position:absolute;top:0;left:0;right:0;bottom:3rem}.page-bg .demo-main .demo-container .ref-text{position:relative}.page-bg .demo-main .demo-container .ref-text .rate{position:absolute;left:6.25rem;right:6.25rem;top:-1.875rem}.page-bg .demo-main .demo-container .ref-text .el-rate__icon{font-size:1.875rem}.page-bg .demo-main .demo-container .ref-text .maskBgTop{position:absolute;top:0;left:0;right:0;height:1.875rem;z-index:1;background:-webkit-gradient(linear,left top,left bottom,from(#f9fafd),color-stop(51.25%,rgba(249,250,253,.49)),to(rgba(249,250,253,0)));background:-webkit-linear-gradient(top,#f9fafd,rgba(249,250,253,.49) 51.25%,rgba(249,250,253,0));background:linear-gradient(180deg,#f9fafd,rgba(249,250,253,.49) 51.25%,rgba(249,250,253,0))}.page-bg .demo-main .demo-container .ref-text .maskBgBottom{position:absolute;bottom:0;left:0;right:0;height:1.875rem;z-index:1;background:-webkit-gradient(linear,left top,left bottom,from(rgba(249,250,253,0)),color-stop(51.25%,rgba(249,250,253,.49)),to(#f9fafd));background:-webkit-linear-gradient(top,rgba(249,250,253,0),rgba(249,250,253,.49) 51.25%,#f9fafd);background:linear-gradient(180deg,rgba(249,250,253,0),rgba(249,250,253,.49) 51.25%,#f9fafd)}.page-bg .demo-main .demo-container .ref-text .maskBgBottom.maskResult{bottom:0}.page-bg .demo-main .demo-container .ref-text .editInput{position:absolute;top:0;bottom:0;left:0;right:0;width:auto!important;padding:.75rem 1.5rem;border-radius:1rem;background:#fff;border:.0625rem solid #99b2c6;overflow-y:auto}.page-bg .demo-main .demo-container .ref-text .editInput .el-textarea__inner{width:100%;height:100%;padding:0;border:none;font-size:1.25rem;color:#030852}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult,.page-bg .demo-main .demo-container .ref-text .sentenceResult{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;max-height:95%;min-height:3.4375rem;margin-bottom:1.25rem;font-size:1.5rem;overflow-y:auto}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult li,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult ol,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult ul,.page-bg .demo-main .demo-container .ref-text .sentenceResult li,.page-bg .demo-main .demo-container .ref-text .sentenceResult ol,.page-bg .demo-main .demo-container .ref-text .sentenceResult ul{list-style:none}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult li,.page-bg .demo-main .demo-container .ref-text .sentenceResult li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:.625rem}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult li span,.page-bg .demo-main .demo-container .ref-text .sentenceResult li span{display:inline-block;width:100%;text-align:center;font-family:Public Sans;font-style:normal;font-weight:400;word-break:break-word}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult li span.score,.page-bg .demo-main .demo-container .ref-text .sentenceResult li span.score{margin-top:.3125rem;font-size:1.125rem}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult li{margin-bottom:.625rem}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult::-webkit-scrollbar,.page-bg .demo-main .demo-container .ref-text .sentenceResult::-webkit-scrollbar{width:.3125rem}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult::-webkit-scrollbar-track,.page-bg .demo-main .demo-container .ref-text .sentenceResult::-webkit-scrollbar-track{background-color:#f4f9ff;border-radius:2em}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult::-webkit-scrollbar-thumb,.page-bg .demo-main .demo-container .ref-text .sentenceResult::-webkit-scrollbar-thumb{background:#99b2c6;border-radius:2em}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType,.page-bg .demo-main .demo-container .ref-text .sentenceResultType{position:absolute;bottom:-1.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:1.25rem;font-size:1rem}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li,.page-bg .demo-main .demo-container .ref-text .freechoiseResultType ol,.page-bg .demo-main .demo-container .ref-text .freechoiseResultType ul,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType ol,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType ul,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li,.page-bg .demo-main .demo-container .ref-text .sentenceResultType ol,.page-bg .demo-main .demo-container .ref-text .sentenceResultType ul{list-style:none}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 1rem;font-size:1rem;color:#02082d}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li span:first-child,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li span:first-child,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li span:first-child{width:1.25rem;height:1.25rem;margin-right:.75rem;opacity:1;border-radius:.25rem}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li .point1,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li .point1,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li .point1{background:#52c41a}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li .point2,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li .point2,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li .point2{background:#faad14}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li .point3,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li .point3,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li .point3{background:#ff4d4f}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li .point4,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li .point4,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li .point4{background:#1890ff}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li .point5,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li .point5,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li .point5{background:#99b2c6}.page-bg .demo-main .demo-container .ref-text .paragraphResult{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;max-height:95%;min-height:5.625rem;margin-bottom:1.25rem;font-size:1.5rem;overflow-y:auto}.page-bg .demo-main .demo-container .ref-text .paragraphResult li,.page-bg .demo-main .demo-container .ref-text .paragraphResult ol,.page-bg .demo-main .demo-container .ref-text .paragraphResult ul{list-style:none}.page-bg .demo-main .demo-container .ref-text .paragraphResult li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.625rem}.page-bg .demo-main .demo-container .ref-text .paragraphResult li span{display:inline-block;width:100%;text-align:center;font-family:Public Sans;font-style:normal;font-weight:400;word-break:break-word}.page-bg .demo-main .demo-container .ref-text .paragraphResult li span.score{margin-top:.3125rem;font-size:1.125rem}.page-bg .demo-main .demo-container .ref-text .paragraphResult::-webkit-scrollbar{width:.3125rem}.page-bg .demo-main .demo-container .ref-text .paragraphResult::-webkit-scrollbar-track{background-color:#f4f9ff;border-radius:2em}.page-bg .demo-main .demo-container .ref-text .paragraphResult::-webkit-scrollbar-thumb{background:#99b2c6;border-radius:2em}.page-bg .demo-main .demo-container .ref-text .paragraphResultType{position:absolute;bottom:-1.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:1.25rem;font-size:1rem}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li,.page-bg .demo-main .demo-container .ref-text .paragraphResultType ol,.page-bg .demo-main .demo-container .ref-text .paragraphResultType ul{list-style:none}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 1rem;font-size:1rem;color:#02082d}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li span:first-child{width:1.25rem;height:1.25rem;margin-right:.75rem;opacity:1;border-radius:.25rem}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li .point1{background:#52c41a}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li .point2{background:#faad14}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li .point3{background:#ff4d4f}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li .point4{background:#1890ff}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li .point5{background:#99b2c6}.page-bg .demo-main .demo-container .ref-text .reciteResult{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;max-height:95%;min-height:5.625rem;margin-bottom:1.25rem;font-size:2rem;overflow-y:auto}.page-bg .demo-main .demo-container .ref-text .reciteResult li,.page-bg .demo-main .demo-container .ref-text .reciteResult ol,.page-bg .demo-main .demo-container .ref-text .reciteResult ul{list-style:none}.page-bg .demo-main .demo-container .ref-text .reciteResult li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.625rem}.page-bg .demo-main .demo-container .ref-text .reciteResult li span{display:inline-block;width:100%;text-align:center;font-family:Public Sans;font-style:normal;font-weight:700}.page-bg .demo-main .demo-container .ref-text .reciteResult li span.score{margin-top:.3125rem;font-size:1.125rem}.page-bg .demo-main .demo-container .ref-text .reciteResult::-webkit-scrollbar{width:.3125rem}.page-bg .demo-main .demo-container .ref-text .reciteResult::-webkit-scrollbar-track{background-color:#f4f9ff;border-radius:2em}.page-bg .demo-main .demo-container .ref-text .reciteResult::-webkit-scrollbar-thumb{background:#99b2c6;border-radius:2em}.page-bg .demo-main .demo-container .ref-text .reciteResultType{position:absolute;bottom:-1.25rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:1.25rem;font-size:1rem}.page-bg .demo-main .demo-container .ref-text .reciteResultType li,.page-bg .demo-main .demo-container .ref-text .reciteResultType ol,.page-bg .demo-main .demo-container .ref-text .reciteResultType ul{list-style:none}.page-bg .demo-main .demo-container .ref-text .reciteResultType li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 1rem;font-size:1rem;color:#02082d}.page-bg .demo-main .demo-container .ref-text .reciteResultType li span:first-child{width:1.25rem;height:1.25rem;margin-right:.75rem;opacity:1;border-radius:.25rem}.page-bg .demo-main .demo-container .ref-text .reciteResultType li .point1{background:#52c41a}.page-bg .demo-main .demo-container .ref-text .reciteResultType li .point2{background:#faad14}.page-bg .demo-main .demo-container .ref-text .reciteResultType li .point3{background:#ff4d4f}.page-bg .demo-main .demo-container .ref-text .reciteResultType li .point4{background:#1890ff}.page-bg .demo-main .demo-container .ref-text .reciteResultType li .point5{background:#99b2c6}.page-bg .demo-main .demo-container .ref-text .question-stem{width:100%}.page-bg .demo-main .demo-container .ref-text .question-stem .stem-item{text-align:left;font-size:1.125rem;line-height:1.5rem;color:#030852}.page-bg .demo-main .demo-container .ref-text .question-stem .stem-item p{margin:.25rem 0}.page-bg .demo-main .demo-container .ref-text .question-stem .stem-item p .tipTitle{width:1.5rem;height:1rem;line-height:1rem;padding:.25rem .75rem;margin-right:.75rem;border-radius:1.5rem;background:#1890ff;font-size:1rem;color:#fff}.page-bg .demo-main .demo-container .ref-text .question-stem .imgBox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:1.5rem}.page-bg .demo-main .demo-container .ref-text .question-stem .imgBox img{height:8rem;margin-right:1rem}.page-bg .demo-main .demo-container .ref-text .question-stem .imgBox .enlargeImg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1.6875rem;padding:.25rem .5rem;border-radius:1.5rem;border:.0625rem solid #1890ff}.page-bg .demo-main .demo-container .ref-text .question-stem .imgBox .enlargeImg span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:.9375rem}.page-bg .demo-main .demo-container .ref-text .question-stem .imgBox .enlargeImg span div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1.8125rem}.page-bg .demo-main .demo-container .ref-text .question-stem .imgBox .enlargeImg img{width:1rem;height:1rem;margin-right:.3125rem;cursor:pointer}.page-bg .demo-main .demo-container .ref-text .question-stem .el-divider{background-color:#99b2c6}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item{text-align:left;font-size:1.125rem;line-height:1.5rem;color:#030852}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item p{margin:.25rem 0}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item p:first-child{font-family:Public Sans;font-style:normal;font-weight:700;font-size:1.125rem;color:#1890ff}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item P.hideInfo{margin-top:1.5rem;line-height:1.5rem}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item .el-button{height:1.75rem;padding:0 1rem;background:transparent;border-radius:1.5rem;border:.0625rem solid #1890ff;font-size:1rem;color:#1890ff}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item .el-button span,.page-bg .demo-main .demo-container .ref-text .question-stem .question-item .el-button span div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item .el-button span div{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:1.8125rem}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item .el-button img{width:1rem;height:1rem;margin-left:1rem;cursor:pointer}.page-bg .demo-main .demo-container .btn-recorder{position:absolute;left:0;right:0;bottom:0}.page-bg .demo-main .demo-container .btn-recorder,.page-bg .demo-main .demo-container .btn-recorder .recorder-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-bg .demo-main .demo-container .btn-recorder .recorder-box{width:13.375rem;height:3rem;border-radius:1.5rem;background:#1890ff;font-size:1.125rem;cursor:pointer}.page-bg .demo-main .demo-container .btn-recorder .recorder-box .recorder-stop{width:100%;height:100%;line-height:3rem;border-radius:1.5rem;background:#0078e8 url(/img/recording.8b228bb0.webp) no-repeat;background-size:100% 100%}.page-bg .demo-main .demo-container .btn-recorder .recorder-box span{color:#fff;font-size:1.5rem}.page-bg .demo-main .demo-container .btn-recorder .recorder-box img{width:2rem;height:2rem}.page-bg .demo-main .demo-container .btn-recorder-bottom,.page-bg .demo-main .result-detail{position:absolute;left:0;right:0;bottom:0}.page-bg .demo-main .result-detail{height:5rem;padding:0 1.5rem;border-radius:1rem;background:#fff;font-family:Public Sans;font-style:normal;font-weight:400}.page-bg .demo-main .result-detail .result-overall{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:100%;font-size:1.125rem;color:#99b2c6}.page-bg .demo-main .result-detail .result-overall .play-replay,.page-bg .demo-main .result-detail .result-overall .text{width:5rem}.page-bg .demo-main .result-detail .result-overall .text{text-align:left}.page-bg .demo-main .result-detail .result-overall .resultTxt{color:#030852}.page-bg .demo-main .result-detail .result-overall .resultCon{color:#1890ff}.page-bg .demo-main .result-detail .result-overall .score{font-family:Public Sans;font-style:normal;font-weight:700;font-size:3rem;color:#99b2c6}.page-bg .demo-main .result-detail .result-overall .play-replay{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:right;-webkit-justify-content:right;-ms-flex-pack:right;justify-content:right}.page-bg .demo-main .result-detail .result-overall .play-replay img{width:2rem;height:2rem;cursor:pointer}.page-bg .demo-main .result-detail .result-overall .long{-webkit-box-pack:left;-webkit-justify-content:left;-ms-flex-pack:left;justify-content:left;width:auto;max-width:12.5rem}.page-bg .demo-main .result-detail .result-overall .long>span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.page-bg .demo-main .result-detail .result-overall .long>span>span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-bg .demo-main .result-detail .more-score .score-item .score-name.resultTxt{color:#030852!important}.page-bg .demo-main .result-detail .more-score .score-item .resultScore{color:#1890ff!important}.page-bg .demo-main .result-detail .more-score .score-item .score-name-btn{width:3.75rem;height:1.375rem;line-height:1.25rem;padding:.125rem 1rem .125rem 1rem;border-radius:1.5rem;border:.0625rem solid #1890ff;font-size:.75rem;color:#1890ff}.page-bg .el-dialog__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-bg .el-dialog__wrapper .enlargeDialog{width:auto;height:35.6875rem;margin:0!important;background:transparent;-webkit-box-shadow:none;box-shadow:none}.page-bg .el-dialog__wrapper .enlargeDialog .el-dialog__header{display:none}.page-bg .el-dialog__wrapper .enlargeDialog .el-dialog__body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:30.25rem;padding:0}.page-bg .el-dialog__wrapper .enlargeDialog img.mainImg{height:30.25rem;margin-bottom:2.4375rem}.page-bg .el-dialog__wrapper .enlargeDialog img.closeImg{width:3rem;height:3rem;cursor:pointer}@media screen and (max-width:768px){.page-bg{position:static}.page-bg .demo-main .top_title{height:auto!important;padding:.5rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-radius:.5rem;background:#f9fafd;font-size:.8125rem!important;line-height:1.5rem;color:#353975}.page-bg .demo-main .top_title ul{width:auto;height:3.5rem;overflow:hidden}.page-bg .demo-main .top_title ul li{margin:.4375rem 0 .0625rem 1.875rem!important;line-height:1.5rem}.page-bg .demo-main .top_title ul.expandable{height:-webkit-max-content;height:-moz-max-content;height:max-content}.page-bg .demo-main .top_title .height-enter-active,.page-bg .demo-main .top_title .height-leave-active{-webkit-transition:height .5s;transition:height .5s}.page-bg .demo-main .top_title .height-enter,.page-bg .demo-main .top_title .height-leave-to{height:0}.page-bg .demo-main .top_title .slide_btn{display:inline-block;height:1.5rem;padding:0 .125rem 0 .625rem;margin:.3125rem auto 0;border-radius:1.5rem;border:.0625rem solid #99b2c6;background:transparent;font-size:.75rem;color:#99b2c6}.page-bg .demo-main .top_title .slide_btn img{width:1.5rem;height:1.5rem}.page-bg .demo-main .top_title .slide_btn span div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-bg .demo-main .common_btn{height:1.5rem;margin-top:1.5rem;margin-left:0!important;margin-right:0!important}.page-bg .demo-main .common_btn .edit_btn{height:1.5rem;font-size:.75rem;padding:0 .5rem 0 .75rem}.page-bg .demo-main .common_btn .edit_btn img{width:1.375rem;height:1.375rem;margin-left:.5rem}.page-bg .demo-main .common_btn .edit_btn span{line-height:1.375rem}.page-bg .demo-main .common_btn .play_stem,.page-bg .demo-main .common_btn .tips{height:1.5rem;font-size:.75rem}.page-bg .demo-main .common_btn .play_stem img,.page-bg .demo-main .common_btn .tips img{width:1.375rem;height:1.375rem;margin-left:0;cursor:pointer}.page-bg .demo-main .common_btn .tips{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-bg .demo-main .common_btn .tips i{position:absolute;top:0;bottom:0;left:0;right:0;z-index:5;background:transparent}.page-bg .demo-main .common_btn .try_btn{width:9.0625rem;height:1.5rem;font-size:.75rem}.page-bg .demo-main .common_btn .try_btn img{width:1.375rem;height:1.375rem;margin-left:.5rem}.page-bg .demo-main .common_btn .try_btn span{line-height:1.375rem}.page-bg .demo-main .demo-container{position:static;margin:1.5rem 0 1rem}.page-bg .demo-main .demo-container .ref-text-part{position:static}.page-bg .demo-main .demo-container .ref-text .editInput{position:static;width:100%!important}.page-bg .demo-main .demo-container .ref-text .rate{position:static;margin-bottom:.625rem}.page-bg .demo-main .demo-container .ref-text .el-rate__icon{margin:0;font-size:1.25rem}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult,.page-bg .demo-main .demo-container .ref-text .sentenceResult{height:auto;margin-bottom:0;max-height:none}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult li,.page-bg .demo-main .demo-container .ref-text .sentenceResult li{margin-bottom:.25rem;font-size:1.25rem}.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResult li span.score,.page-bg .demo-main .demo-container .ref-text .sentenceResult li span.score{margin-top:0;font-size:1.125rem}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType,.page-bg .demo-main .demo-container .ref-text .sentenceResultType{position:static;height:auto;margin-top:.625rem;font-size:.75rem}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li{margin-bottom:.5rem}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li span:first-child,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li span:first-child,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li span:first-child{margin-right:.5rem}.page-bg .demo-main .demo-container .ref-text .freechoiseResultType li span:last-child,.page-bg .demo-main .demo-container .ref-text .freedomRealtimeResultType li span:last-child,.page-bg .demo-main .demo-container .ref-text .sentenceResultType li span:last-child{line-height:1.25rem}.page-bg .demo-main .demo-container .ref-text .paragraphResult{height:auto;max-height:none;margin-bottom:0;font-size:1.125rem}.page-bg .demo-main .demo-container .ref-text .paragraphResult li{margin-bottom:.25rem}.page-bg .demo-main .demo-container .ref-text .paragraphResult li span.score{margin-top:0;font-size:1.125rem}.page-bg .demo-main .demo-container .ref-text .paragraphResultType{position:static;height:auto;margin-top:.625rem;font-size:.75rem}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li{margin-bottom:.5rem}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li span:first-child{margin-right:.5rem}.page-bg .demo-main .demo-container .ref-text .paragraphResultType li span:last-child{line-height:1.25rem}.page-bg .demo-main .demo-container .ref-text .reciteResult{height:auto;max-height:none}.page-bg .demo-main .demo-container .ref-text .reciteResult li{margin-bottom:.25rem;font-size:1.25rem}.page-bg .demo-main .demo-container .ref-text .reciteResult li span.score{margin-top:0;font-size:1.125rem}.page-bg .demo-main .demo-container .ref-text .reciteResultType{position:static;height:auto;margin-top:.625rem}.page-bg .demo-main .demo-container .ref-text .reciteResultType li{margin:0 .25rem}.page-bg .demo-main .demo-container .ref-text .reciteResultType li span:first-child{margin-right:.5rem}.page-bg .demo-main .demo-container .ref-text .reciteResultType li span:last-child{line-height:1.25rem}.page-bg .demo-main .demo-container .ref-text .question-stem .stem-item{font-size:.875rem;line-height:1.125rem}.page-bg .demo-main .demo-container .ref-text .question-stem .stem-item p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:.25rem 0;font-size:.875rem;line-height:1.5rem}.page-bg .demo-main .demo-container .ref-text .question-stem .stem-item p .tipTitle{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:1.5rem;height:1rem;line-height:1rem;padding:.25rem .75rem;margin-right:.75rem;border-radius:1.5rem;background:#1890ff;font-size:.75rem;color:#fff}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item{font-size:.875rem}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item p:first-child{font-size:1rem}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item P.hideInfo{margin-top:1rem;line-height:1.25rem}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item .el-button{height:1.5rem;font-size:.75rem}.page-bg .demo-main .demo-container .ref-text .question-stem .question-item .el-button img{margin-left:.5rem}.page-bg .demo-main .demo-container .ref-text .question-stem .el-divider--horizontal{margin:1rem 0}.page-bg .demo-main .demo-container .btn-recorder{position:static}.page-bg .demo-main .demo-container .btn-recorder .recorder-box{width:100%;height:3rem;border-radius:.75rem}.page-bg .demo-main .demo-container .btn-recorder .recorder-box .recorder-stop{border-radius:.75rem;background:#0078e8 url(/img/recording.8b228bb0.webp) no-repeat 50%;background-size:50% 80%}.page-bg .demo-main .demo-container .btn-recorder-bottom{position:static}.page-bg .demo-main .result-detail{position:static;height:3rem;padding:0 1rem;border-radius:.75rem;background:#f9fafd!important;border:.0625rem solid #99b2c6;font-size:.875rem}.page-bg .demo-main .result-detail .result-overall{background:#f9fafd!important}.page-bg .demo-main .result-detail .result-overall .text{font-size:.875rem}.page-bg .demo-main .result-detail .result-overall .score{font-size:2rem}.page-bg .demo-main .result-detail .result-overall .play-replay img{width:1.5rem;height:1.5rem}.page-bg .demo-main .result-detail .more-score{background:#f9fafd!important}.page-bg .el-dialog__wrapper .enlargeDialog{width:auto;height:auto}.page-bg .el-dialog__wrapper .enlargeDialog .el-dialog__body{height:auto}.page-bg .el-dialog__wrapper .enlargeDialog img.mainImg{width:90%;height:auto;margin-bottom:0}.page-bg .el-dialog__wrapper .enlargeDialog img.closeImg{display:none}}.score-name-popover{width:11.125rem;background:#f9fafd;border:.0625rem solid #99b2c6;-webkit-box-shadow:0 .25rem .625rem rgba(12,51,87,.1);box-shadow:0 .25rem .625rem rgba(12,51,87,.1);font-size:1.25rem;color:#030852}.score-name-popover .popper__arrow{border-top-color:#99b2c6!important;background:transparent}.v-modal{background:rgba(0,0,0,.4)}.setting{position:absolute;left:0;right:0;bottom:5.875rem}.setting .el-form-item{margin:0}@media screen and (max-width:768px){.setting{position:static;margin-top:-1rem}.el-message{z-index:2006!important}}.el-button,.setting{font-family:Public Sans;font-style:normal;font-weight:400}