.learn_status_content{position:absolute;top:0;left:0;right:0;bottom:0;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}.learn_status_content .content .status_img{width:4.266667rem;vertical-align:middle}.learn_status_content .content .learn_status_img,.learn_status_content .content .need-vip{width:4.986667rem;vertical-align:middle}.learn_status_content .content .status_hint{font-size:.373333rem;color:#aaa;margin-top:.32rem;text-align:center}.learn_status_content .content .status_hint .ref_btn{margin-left:.266667rem;color:#409eff}.learn_status_content .content .network_status_img{width:4.986667rem;vertical-align:middle}.learn_status_content .content .charge_btn{margin-top:.48rem;display:inline-block;padding:.266667rem .8rem;background:#ffcf40;font-size:.373333rem;color:#fff;border-radius:.666667rem}.learn-result-dialog{height:100%;width:100%;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}.learn-result-dialog .passed{width:10rem;height:10rem;background-image:url(../img/result-bg-pass.97567dc9.png);background-size:10rem 10rem;position:relative;margin-top:-1.333333rem}.learn-result-dialog .passed .score-tips{position:absolute;left:2.533333rem;top:5.786667rem;height:1.2rem;width:4.933333rem;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}.learn-result-dialog .passed .score-tips img{height:.933333rem}.learn-result-dialog .passed .name-view{position:absolute;left:0;width:100%;top:7.333333rem;text-align:center;color:#af35f6;font-size:.4rem;font-weight:700}.learn-result-dialog .passed .name-view .name{display:inline-block;width:5.333333rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.learn-result-dialog .passed .tips_1{color:#93360e;position:absolute;font-size:.32rem;top:2.266667rem;left:.453333rem;line-height:.4rem;height:.8rem;width:2.4rem;border-radius:.533333rem;-webkit-transform:rotate(-8deg) scale(1.1);transform:rotate(-8deg) scale(1.1)}.learn-result-dialog .passed .tips{position:absolute;left:0;width:100%;top:7.866667rem;text-align:center;color:#93360e;font-size:.373333rem}.learn-result-dialog .failed{width:10rem;height:10rem;background-image:url(../img/result-bg-fail.8cbb04bb.png);background-size:10rem 10rem;position:relative}.learn-result-dialog .failed .tips{position:absolute;left:0;width:100%;top:6.933333rem;text-align:center;color:#93360e;font-size:.373333rem}.learn-result-dialog .failed .tips p{margin-top:.213333rem}.learn-result-dialog .btns{position:relative;margin-top:-.333333rem}.learn-result-dialog .btns,.learn-result-dialog .btns .btn-item{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}.learn-result-dialog .btns .btn-item{margin:-.8rem .266667rem 0;-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;width:1.866667rem;height:2.266667rem}.learn-result-dialog .btns .btn-item:active img{opacity:.8}.learn-result-dialog .btns .btn-item .btn-img{width:1.466667rem}.learn-result-dialog .btns .btn-item .btn-text{height:.586667rem}.learn-result-dialog .hor-btns{position:absolute;right:0;bottom:0;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.learn-result-dialog .hor-btns,.learn-result-dialog .hor-btns .btn-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.learn-result-dialog .hor-btns .btn-item{-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;margin:.266667rem}.learn-result-dialog .hor-btns .btn-item:active img{opacity:.8}.learn-result-dialog .hor-btns .btn-item .btn-img{width:1.066667rem}.learn-result-dialog .hor-btns .btn-item .btn-text{height:.4rem}.learn-horizonta-view{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.learn-horizonta-view .passed{margin:0}.remind{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-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}.remind .remind-img{width:6.666667rem}.remind .time-tips{position:absolute;width:100%;background:rgba(0,0,0,.31373);font-size:2.666667rem;color:#fff}.over-dialog .title,.remind .time-tips{height:100%;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}.over-dialog .title span{color:#fff;font-size:.48rem;font-weight:700;text-shadow:#1d4fe3 .026667rem 0 0,#1d4fe3 0 .026667rem 0,#1d4fe3 -.026667rem 0 0,#1d4fe3 0 -.026667rem 0}.over-dialog .dialog-content{height:100%;padding:.133333rem;-webkit-box-sizing:border-box;box-sizing:border-box}.over-dialog .dialog-content .hint{margin-top:.533333rem;font-size:.4rem;color:#333;font-weight:700}.over-dialog .dialog-content .footer-btn{margin-top:1.066667rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.over-dialog .dialog-content .footer-btn .btn-item{display:inline-block;height:1.066667rem;line-height:1.066667rem;width:3.2rem;font-size:.373333rem;background-image:-webkit-gradient(linear,left top,left bottom,from(#61b3ff),to(#768be7));background-image:-webkit-linear-gradient(#61b3ff,#768be7);background-image:linear-gradient(#61b3ff,#768be7);-webkit-box-shadow:0 .053333rem .106667rem 0 rgba(51,51,51,.6);box-shadow:0 .053333rem .106667rem 0 rgba(51,51,51,.6);border-radius:1.066667rem;color:#fff}.over-dialog .dialog-content .footer-btn .btn-item:active{-webkit-transform:scale(1.05);transform:scale(1.05)}.learn-img-box{overflow:hidden;max-width:100%;max-height:100%;border-radius:.213333rem;display:inline-block;background:#fff;vertical-align:middle}.learn-img-box.pressed{opacity:.8}.learn-img-box .img-view{position:relative}.learn-img-box .img-view .sen-img{vertical-align:bottom;background:#fafafa;border-bottom-left-radius:.213333rem;border-bottom-right-radius:.213333rem}.learn-img-box .img-view .chat-mark{position:absolute;top:-.000667rem}.learn-img-box .img-view .img-mark{position:absolute;top:.133333rem;right:.133333rem;background:hsla(0,0%,86.7%,.37647);width:1.066667rem;height:1.066667rem;border-radius:50%;font-size:1.066667rem;line-height:1.066667rem}.learn-img-box .img-view .result-img-box{position:absolute;top:0;bottom:0;left:0;right:0;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}.learn-img-box .img-view .result-img-box img{height:80%}.learn-img-box .sen-img-title{height:.8rem;background-color:#fff;text-align:left;padding:.213333rem;font-size:.426667rem;word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.learn-img-box .loading-view{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}.learn-img-box .img-mask,.learn-img-box .loading-view{position:absolute;top:0;left:0;right:0;bottom:0}.sound-groove-container{width:3.733333rem;position:relative}.sound-groove-container .progress{width:3.733333rem}.sound-groove-container .wave-back{white-space:nowrap;margin:0;padding:0;text-align:left;font-size:0}.sound-groove-container .wave-back li{width:.08rem;background-color:#f3f3f3;margin-left:.133333rem;display:inline-block;vertical-align:middle;border-radius:.08rem}.sound-groove-container .wave-back li:first-child{height:.32rem}.sound-groove-container .wave-back li:nth-child(2){height:.533333rem}.sound-groove-container .wave-back li:nth-child(3){height:.64rem}.sound-groove-container .wave-back li:nth-child(4){height:.426667rem}.sound-groove-container .wave-back li:nth-child(5){height:.533333rem}.sound-groove-container .wave-back li:nth-child(6){height:.373333rem}.sound-groove-container .wave-back li:nth-child(7){height:.426667rem}.sound-groove-container .wave-back li:nth-child(8){height:.533333rem}.sound-groove-container .wave-back li:nth-child(9){height:.64rem}.sound-groove-container .wave-back li:nth-child(10){height:.533333rem}.sound-groove-container .wave-back li:nth-child(11){height:.426667rem}.sound-groove-container .wave-back li:nth-child(12){height:.373333rem}.sound-groove-container .wave-back li:nth-child(13){height:.533333rem}.sound-groove-container .wave-back li:nth-child(14){height:.426667rem}.sound-groove-container .wave-back li:nth-child(15){height:.64rem}.sound-groove-container .wave-back li:nth-child(16){height:.533333rem}.sound-groove-container .wave-back li:nth-child(17){height:.426667rem}.sound-groove-container .wave-front{width:0;position:absolute;left:0;bottom:0;top:0;z-index:11;overflow:hidden}.sound-groove-container .wave-front li{background-color:#ffcf40;width:.08rem}.sound-groove-container .actived-progress{width:3.733333rem}.sounder[data-v-2aacaa25]{height:100%;width:100%;overflow:hidden}.sounder .playing[data-v-2aacaa25]{width:100%;height:100%;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}.sounder .playing img[data-v-2aacaa25]{width:99%}.sounder .stop[data-v-2aacaa25]{width:100%;height:100%;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}.sounder .stop img[data-v-2aacaa25]{width:99%}.reco-root{padding:.133333rem 0;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;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}.reco-root .audio-tips{padding-left:.933333rem;margin-bottom:.133333rem;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-ms-flex-align:center}.reco-root .audio-tips,.reco-root .audio-tips .learn-sens-audio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.reco-root .audio-tips .learn-sens-audio{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:1.066667rem;background-color:#fff;border-radius:.213333rem;padding:.133333rem .32rem;-ms-flex-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 .053333rem .066667rem hsla(0,0%,40%,.37647);box-shadow:0 .053333rem .066667rem hsla(0,0%,40%,.37647)}.reco-root .audio-tips .learn-sens-audio .audio-box{height:100%}.reco-root .audio-tips .learn-sens-audio .audio-box,.reco-root .audio-tips .learn-sens-audio .audio-box .audio-status{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;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}.reco-root .audio-tips .learn-sens-audio .audio-box .audio-status{padding:.066667rem;font-size:.373333rem;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.reco-root .audio-tips .learn-sens-audio .audio-box .audio-status .current-word{z-index:11;text-align:left;display:inline-block;font-size:.48rem;font-weight:700;line-height:.56rem;color:#333}.reco-root .audio-tips .learn-sens-audio .audio-box .play-btn{width:.8rem;height:.8rem;margin-left:.213333rem}.reco-root .audio-tips .learn-sens-audio .audio-box .play-btn .sound-loading{border-radius:50%;height:100%;width:100%;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;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff}.reco-root .audio-tips .learn-sens-audio .audio-box .sound-wave{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.reco-root .audio-tips .tips-btn{width:.8rem;height:.8rem;margin:0 .08rem}.reco-root .audio-tips .tips-btn img{width:.773333rem}.reco-root .audio-tips .tips-btn img:active{opacity:.5}.reco-root .listen-groups-box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hide;position:relative}.reco-root .listen-groups-box .listen-groups{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;padding:0;list-style:none}.reco-root .listen-groups-box .listen-groups .group-item{width:50%;padding:.066667rem;min-height:3.333333rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:top}.reco-root .listen-groups-box .listen-groups .group-item .learn-img{width:100%;position:relative;overflow:hidden}.reco-root .listen-groups-box .listen-groups .group-item .learn-img .align-r{text-align:right}.reco-root .listen-groups-box .listen-groups .group-item .learn-img .align-l{text-align:left}.reco-root .listen-groups-box .listen-groups .group-item .learn-content-active .learn-conent-word{display:block}.reco-root .listen-groups-box .listen-groups .group-item-db{width:100%;height:50%;padding:0 .266667rem}.reco-root .listen-groups-box .listen-groups .group-item-db .learn-img,.reco-root .listen-groups-box .listen-groups .group-item-db .learn-img .img-content-box{height:100%}.reco-root .listen-groups-box .listen-groups .group-item-db .learn-img .img-content-box:before{vertical-align:middle;content:"";display:inline-block;height:100%}.reco-root .flip-list-move{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.reco-h{padding:.133333rem 0}.reco-h .group-item-db{height:100%!important;width:50%!important}.reco-h .learn-sens-audio{margin-bottom:.066667rem}.learn-img-fit-box{overflow:hidden;width:100%}.learn-img-fit-box.pressed{opacity:.8}.learn-img-fit-box img{width:100%;background:#fafafa;border-radius:.213333rem;vertical-align:bottom}.learn-img-fit-box .title-img{max-height:calc(100% - .93333rem)}.learn-img-fit-box .chat-mark{position:absolute;top:0}.learn-img-fit-box .chat-mark-title{top:.906667rem}.learn-img-fit-box .sen-img-title{height:.906667rem;max-width:100%;vertical-align:baseline;background-color:#fff;border-top-left-radius:.4rem;border-top-right-radius:.4rem;text-align:left;padding:.213333rem;font-size:.346667rem;word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.learn-img-fit-box .loading-view{position:absolute;top:0;left:0;bottom:0;right:0;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}.learn-img-fit-box.border-radius img{border-top-right-radius:0;border-top-left-radius:0}.learn-img-fit-box .img-mark{position:absolute;top:1.066667rem;right:.133333rem;background:hsla(0,0%,86.7%,.37647);width:.8rem;height:.8rem;border-radius:50%;font-size:.8rem;line-height:.8rem}.learn-img-fit-box .img-mask,.learn_speak_container{position:absolute;top:0;bottom:0;left:0;right:0}.learn_speak_container{padding-top:.533333rem;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}.learn_speak_container .learn_speak_box{position:relative}.learn_speak_container .learn_speak_group{list-style:none;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-transition-property:margin-left;transition-property:margin-left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.learn_speak_container .learn_speak_group .learn_group_item{height:100%;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.4rem;min-height:3.333333rem}.learn_speak_container .learn_speak_group .learn_group_item .learn_img{width:100%}.learn_speak_container .learn_speak_group .learn_group_item .learn_img,.learn_speak_container .learn_speak_group .learn_group_item .learn_img .img_content{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;position:relative}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .img_content{width:80%}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .img_content .pay_btn{position:absolute;bottom:0;width:.746667rem;height:.746667rem;border-radius:50%;background-color:#ffcf40;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}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .img_content .pay_btn img{width:.426667rem;display:block}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .img_content .next_btn{position:absolute;right:-.333333rem;bottom:50%;width:.666667rem;height:.666667rem;border-radius:50%;background-color:#ffcf40;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}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .img_content .next_btn img{width:.293333rem;display:block}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_group_item_active{-webkit-transition:margin-left .3s ease;transition:margin-left .3s ease;width:90%}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_group_item_active .img_content{margin-left:0}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .result_img_box{position:absolute;top:0;bottom:0;left:0;right:0;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}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .result_img_box .result_icon{width:3.2rem;vertical-align:middle}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_status{position:absolute;bottom:0;left:0;right:0;height:1.066667rem;background:-webkit-gradient(linear,left top,left bottom,from(rgba(51,51,51,.06275)),to(#333));background:-webkit-linear-gradient(top,rgba(51,51,51,.06275),#333);background:linear-gradient(180deg,rgba(51,51,51,.06275),#333);border-bottom-left-radius:.213333rem;border-bottom-right-radius:.213333rem;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}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_status .play-btn{width:.8rem;height:.8rem}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_status .play-btn .sound-loading{height:100%;width:100%;background-color:#f8c43d;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_status .play-btn .sound-loading,.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_status .record_btn{border-radius:50%;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}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_status .record_btn{width:.746667rem;height:.746667rem;background-color:#ffcf40}.learn_speak_container .learn_speak_group .learn_group_item .learn_img .learn_status .record_btn img{width:.426667rem;display:block}.learn_speak_container .learn_speak_group .learn_group_item .words_content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:left;padding:.213333rem;font-size:.346667rem;word-break:break-all;overflow:hidden}.learn_speak_container .learn_sens{text-align:center;height:1.013333rem;font-size:.48rem;font-weight:700;margin:.333333rem .426667rem 0}.learn_speak_container .record-error .record-info{font-size:.32rem;color:#ff4500;margin:.4rem 0}.learn_speak_container .record-error .refresh-record-btn{color:#fff;background-color:#3ab2e4;display:inline-block;padding:.266667rem .533333rem;border-radius:.466667rem;font-size:.346667rem;-webkit-box-shadow:0 .026667rem .16rem 0 rgba(0,0,0,.1);box-shadow:0 .026667rem .16rem 0 rgba(0,0,0,.1)}.learn_speak_container .learn_sound_speak{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.learn_speak_container .learn_sound_speak .wave-view{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}.learn_speak_container .learn_sound_speak .eval-result{height:1.333333rem;margin-top:.266667rem}.learn_speak_container .learn_sound_speak .eval-result .word-item{font-size:.48rem;font-weight:700;margin:0 .053333rem;color:#07de00}.learn_speak_container .learn_sound_speak .eval-result .word-mark{margin:0;color:#4f5556}.learn_speak_container .learn_sound_speak .eval-result .unpassed{color:#eb5a40}.learn_speak_container .loadPage{position:absolute;top:0;left:0;bottom:0;right:0;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;background-color:hsla(0,0%,100%,.8);z-index:11}.horizonta-speak-container{margin:auto}.horizonta-speak-container .learn_sound_speak{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}.horizonta-speak-container .learn_sound_speak .eval-result{margin-top:0}.timer-root[data-v-735d6a84]{font-size:.426667rem;color:#fff}.timer-root .time-icon[data-v-735d6a84]{display:inline-block;vertical-align:middle;width:.426667rem}.timer-root span[data-v-735d6a84]{display:inline-block;vertical-align:middle;width:1.333333rem}.verticale-learn-view{height:100%;width:100%;position:relative;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;background-repeat:no-repeat;background-size:100%;background-position:0 100%}.verticale-learn-view.lvL{background-image:url(../img/learn-bg1.a88a0797.png);background-color:#73cff6}.verticale-learn-view.lvM{background-image:url(../img/learn-bg2.2048f0cc.png);background-color:#3345c5}.verticale-learn-view.lvH{background-image:url(../img/learn-bg3.2b469b67.png);background-color:#df9665}.verticale-learn-view .header{position:relative;width:100%;padding:.186667rem;-webkit-box-sizing:border-box;box-sizing:border-box}.verticale-learn-view .header.lvL .title{background-color:#3ab2e4}.verticale-learn-view .header.lvM .title{background-color:#1d2eb1}.verticale-learn-view .header.lvH .title{background-color:#b86638}.verticale-learn-view .header .back-img,.verticale-learn-view .header .toggle-img{position:absolute;left:.133333rem;top:.133333rem;width:.96rem}.verticale-learn-view .header .back-img:active,.verticale-learn-view .header .toggle-img:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.verticale-learn-view .header .toggle-img{left:1.226667rem}.verticale-learn-view .header .title{margin:0 auto;color:#fff;font-size:.4rem;font-weight:700;width:3.733333rem;height:.906667rem;border-radius:.453333rem;line-height:.906667rem;text-align:center}.verticale-learn-view .header .timer{position:absolute;right:.426667rem;top:.426667rem}.verticale-learn-view .progress-box{padding:.266667rem .666667rem;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.verticale-learn-view .progress-box .progress-text{font-weight:700}.verticale-learn-view .progress-box .progress-tips{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.verticale-learn-view .learn-box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative}.verticale-learn-view .learn-box .learn-group{position:absolute;left:0;top:0;right:0;bottom:0}.horizonta-learn-view{height:100%;width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-repeat:no-repeat;background-size:100%;background-position:0 100%;overflow:hidden}.horizonta-learn-view.lvL{background-image:url(../img/learn-bg1.a88a0797.png);background-color:#73cff6}.horizonta-learn-view.lvM{background-image:url(../img/learn-bg2.2048f0cc.png);background-color:#3345c5}.horizonta-learn-view.lvH{background-image:url(../img/learn-bg3.2b469b67.png);background-color:#df9665}.horizonta-learn-view .left-view{position:relative;width:2.4rem}.horizonta-learn-view .left-view.lvL .title{background-color:rgba(58,178,228,.37647)}.horizonta-learn-view .left-view.lvM .title{background-color:rgba(29,46,177,.37647)}.horizonta-learn-view .left-view.lvH .title{background-color:rgba(184,102,56,.37647)}.horizonta-learn-view .left-view .header-view{text-align:left}.horizonta-learn-view .left-view .title{position:absolute;bottom:.426667rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;font-size:.373333rem;font-weight:700;width:2.24rem;height:1.333333rem;border-radius:.133333rem;line-height:.666667rem;text-align:center}.horizonta-learn-view .left-view .back-img,.horizonta-learn-view .left-view .toggle-img{width:.96rem;margin-left:.133333rem;margin-top:.133333rem}.horizonta-learn-view .left-view .back-img:active,.horizonta-learn-view .left-view .toggle-img:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.horizonta-learn-view .right-view{width:2.4rem;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}.horizonta-learn-view .right-view .progress-box{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.horizonta-learn-view .right-view .right-center-view{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.horizonta-learn-view .right-view .progress-text{font-size:.373333rem;font-weight:700;color:#fff;margin:.266667rem 0}.horizonta-learn-view .right-view .timer-view{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.2rem;-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;-webkit-box-sizing:border-box;box-sizing:border-box}.horizonta-learn-view .center-view{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;position:relative;overflow:hidden}.horizonta-learn-view .center-view .learn-group{position:absolute;left:0;top:0;right:0;bottom:0}.audio-mode[data-v-77845428]{position:absolute;right:.133333rem;bottom:.133333rem;background:hsla(0,0%,100%,.65);border-radius:.106667rem;padding:.133333rem}.audio-mode.layout-h[data-v-77845428]{bottom:2.4rem;left:.133333rem;right:inherit}.audio-mode .content img[data-v-77845428]{width:1.066667rem}.audio-mode .content .desc[data-v-77845428]{font-size:.24rem}.learn-center-container{height:100%;width:100%}.learn-center-container .init-view{height:100%;width:100%;position:relative;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;background-repeat:no-repeat;background-size:100% 100%;background-position:0 100%;background-image:url(../img/loading-bg.9bd69ee4.jpg)}.learn-center-container .init-view .bg-pic{width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.learn-center-container .init-view .bg-pic .bg-pic-view{position:absolute;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;top:0;bottom:0;width:100%}.learn-center-container .init-view .bg-pic .bg-pic-view img{max-height:90%;max-width:90%}.learn-center-container .init-view .progress-box{padding:.266667rem .666667rem;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.learn-center-container .init-view .progress-box .progress-text{font-weight:700}.learn-center-container .init-view .progress-box .progress-tips{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.learn-center-container .init-view .close-img{position:absolute;right:.24rem;top:.24rem;width:.52rem}.learn-center-container .init-view .close-img:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.learn-center-container .init-view .refresh-tips{position:absolute;left:50%;top:.266667rem;color:#fff;font-size:.24rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);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}.learn-center-container .init-view .refresh-tips .refresh-img{width:.52rem;margin-right:.133333rem}.learn-center-container .empty-content{position:absolute;left:0;right:0;bottom:0;top:0;background-color:#fff}.learn-center-container .empty-content .back-img{position:absolute;left:.213333rem;top:.106667rem;width:1.026667rem}.learn-center-container .empty-content .back-img:active{-webkit-transform:scale(1.2);transform:scale(1.2)}.learn-center-container .loading-page{position:absolute;top:0;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.8);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}.learn-center-container .learn-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;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-sizing:border-box;box-sizing:border-box}.learn-center-container .try-btn-box{position:fixed;bottom:.906667rem;width:100%;right:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-transition:.5s;transition:.5s;font-size:.373333rem}.learn-center-container .try-btn-box .try-btn-item{width:3.493333rem;height:1.173333rem;line-height:1.173333rem;background-color:#fff;border-radius:1.173333rem;border:.026667rem solid #ffcf40;color:#ffcf40}.learn-center-container .try-btn-box .jump-btn-item{width:4.8rem;height:1.173333rem;line-height:1.173333rem;background:-webkit-gradient(linear,left top,left bottom,from(#ffcf40),to(#fe9a00));background:-webkit-linear-gradient(top,#ffcf40,#fe9a00);background:linear-gradient(180deg,#ffcf40,#fe9a00);color:#fff;border-radius:1.173333rem}.learn-center-container .fade-enter-active,.learn-center-container .fade-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.learn-center-container .fade-enter{-webkit-transform:translateX(100%);transform:translateX(100%);position:fixed;opacity:0}.learn-center-container .fade-leave-to{-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;opacity:0}.learn-center-container .tips-dialog .dialog-title{height:1.893333rem;background-size:100% 100%;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}.learn-center-container .tips-dialog .dialog-title .title-img{position:absolute;width:3.6rem;top:-1rem}