.study-word-container[data-v-37d933fc]{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.study-word-container .study-top[data-v-37d933fc],.study-word-container[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.study-word-container .study-top[data-v-37d933fc]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.study-word-container .study-top .cancel[data-v-37d933fc]{border-radius:50%;background-color:#f6c752;color:#2472b3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;cursor:pointer;font-weight:600}.study-word-container .study-top .right[data-v-37d933fc]{cursor:pointer;position:relative;width:40px;height:40px}.study-word-container .study-top .right .new_img[data-v-37d933fc]{width:40px;height:40px}.study-word-container .study-top .center[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-word-container .study-top .center .title[data-v-37d933fc]{font-family:Montserrat-SemiBold}.study-word-container .study-top .center .progress-title[data-v-37d933fc]{color:#9e9e9f;font-size:12px;font-family:Montserrat-Medium}.study-word-container .progress-body[data-v-37d933fc]{width:100%;height:100%}.study-word-container .progress-body .progress-line[data-v-37d933fc],.study-word-container .progress-body[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-word-container .progress-body .progress-line[data-v-37d933fc]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.study-word-container .progress-body .progress-line .progress-bar[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;background-color:#f1f1f0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:10px;width:100%}.study-word-container .progress-body .progress-line .progress-bar .progress-segment[data-v-37d933fc]{height:10px;border-radius:5px;background-color:#fff;-webkit-transition:background-color .3s;transition:background-color .3s;-webkit-box-flex:1;-ms-flex:1;flex:1}.study-word-container .progress-body .progress-line .progress-bar .learned[data-v-37d933fc]{background-color:#f6c751}.study-word-container .progress-body .progress-line .progress-all[data-v-37d933fc]{width:100%}.study-word-container .progress-body .progress-line .progress-text[data-v-37d933fc]{font-size:15px;font-family:Montserrat-Medium;color:#9e9e9f}.study-word-container .review-container[data-v-37d933fc]{width:100%;height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex}.study-word-container .review-container .review-content-left[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:5;-ms-flex:5;flex:5}.study-word-container .review-container .review-content-right[data-v-37d933fc]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 0}.study-word-container .review-container .review-content-right .review-next[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:55px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-word-container .review-container .review-content-right .review-next .next-btn[data-v-37d933fc]{padding:15px 25px;color:#333;background-color:#f6c752;cursor:pointer;border-radius:30px;font-size:18px;font-family:Montserrat-Medium}.study-word-container .review-container .review-content-right .review-next .next-btn[data-v-37d933fc]:hover{opacity:.8;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.study-word-container .review-container .review-top[data-v-37d933fc]{width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.study-word-container .review-container .review-right[data-v-37d933fc]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;gap:20px}.study-word-container .review-container .review-right .filter-btn[data-v-37d933fc],.study-word-container .review-container .review-right[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-word-container .review-container .review-right .filter-btn img[data-v-37d933fc]{width:40px;height:40px;cursor:pointer}.study-word-container .review-container .review-right .toggle-type[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-radius:25px;padding:6px 9px}.study-word-container .review-container .review-right .toggle-type span[data-v-37d933fc]{border-radius:19px;padding:2px 6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.study-word-container .review-container .review-right .toggle-type span img[data-v-37d933fc]{width:24px;height:24px}.study-word-container .review-container .review-right .toggle-type .active[data-v-37d933fc]{background-color:#2472b3}.study-word-container .review-container .tabs[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:70px}.study-word-container .review-container .tabs span[data-v-37d933fc]{padding-bottom:5px;cursor:pointer;color:#9e9e9f}.study-word-container .review-container .tabs span.active[data-v-37d933fc]{border-bottom:2px solid #2472b3;color:#2472b3}.study-word-container .review-container .review-body[data-v-37d933fc]{height:calc(100% - 97px);width:100%;margin-top:30px}.study-word-container .review-container .review-body .content[data-v-37d933fc]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.study-word-container .review-container .review-body .content .card[data-v-37d933fc]{width:90%}.study-word-container .review-container .review-body .cardList[data-v-37d933fc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,220px));gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:1000px;margin:0 auto;padding:20px}.study-word-container .review-container .review-body .cardList .word-card[data-v-37d933fc]{aspect-ratio:2/3;width:100%;max-width:220px}.study-word-container .progress-line[data-v-37d933fc]{width:70%}.study-word-container .study-content[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:90px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100% - 56px);gap:75px}.study-word-container .study-content .study-card[data-v-37d933fc]{width:320px;height:420px}.study-word-container .study-content .study-card .word-card[data-v-37d933fc]{height:100%}.study-word-container .study-content .study-card .word-card[data-v-37d933fc] .font_seven{font-size:50px}.study-word-container .study-content .study-card .word-card[data-v-37d933fc] .py{font-size:21px}.study-word-container .study-content .study-card .word-card[data-v-37d933fc] .en{font-size:24px}.study-word-container .study-content .change-page[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px}.study-word-container .study-content .change-page .changeIcon[data-v-37d933fc]{background-color:#fff;border-radius:50%;cursor:pointer;width:35px;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.study-word-container .study-content .change-page .changeIcon .icon[data-v-37d933fc]{color:#333;font-weight:600}.study-word-container .study-content .change-page .study-btn[data-v-37d933fc]{padding:20px 40px;border-radius:40px;background-color:#fff;cursor:pointer;font-size:17px;font-family:Montserrat-Medium;color:#4d4d4d;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.study-word-container .study-content .change-page .study-btn[data-v-37d933fc]:first-child{background-color:#f6c752}.study-word-container .study-otherContent[data-v-37d933fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:calc(100% - 56px)}.study-word-container .study-otherContent .circle-progress[data-v-37d933fc],.study-word-container .study-otherContent .other-content[data-v-37d933fc]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.study-word-container .study-otherContent .other-content[data-v-37d933fc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.study-word-container .study-otherContent .other-content .other-content-img[data-v-37d933fc]{margin-bottom:45px}.study-word-container .study-otherContent .other-content .other-content-img img[data-v-37d933fc]{width:120px}.study-word-container .study-otherContent .other-content .pinyin[data-v-37d933fc]{font-size:21px;font-family:Montserrat-Medium}.study-word-container .study-otherContent .other-content .hanzi[data-v-37d933fc]{font-size:50px;font-family:Montserrat-SemiBold;color:#f6c752}.filter-popover{background-color:#fff;border-radius:22px;padding:20px 50px}.filter-popover .filter-box{gap:25px}.filter-popover .filter-box,.filter-popover .filter-box .top-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-popover .filter-box .top-filter{gap:15px;color:#2472b3;font-size:20px}.filter-popover .filter-box .top-filter .filter-btn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid #2472b3;border-radius:12px;padding:10px 20px}.filter-popover .filter-box .filter-center,.filter-popover .filter-box .top-filter .filter-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-popover .filter-box .filter-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.filter-popover .filter-box .filter-center .title-gray{color:#cfcecb;font-size:14px;font-family:Montserrat-Semibold}.filter-popover .filter-box .filter-center .btn-line{gap:12px}.filter-popover .filter-box .filter-center .btn-line,.filter-popover .filter-box .filter-center .btn-line span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.filter-popover .filter-box .filter-center .btn-line span{color:#2472b3;border-radius:9px;font-size:19px;font-family:Montserrat-Medium;background-color:#f1f1f0;width:60px;height:60px;cursor:pointer}.filter-popover .filter-box .filter-center .btn-line .active{background-color:#fff;border:3px solid #2472b3;font-size:20px;font-family:Montserrat-Semibold;-webkit-box-sizing:border-box;box-sizing:border-box}.filter-popover .filter-box .filter-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.filter-popover .filter-box .filter-content .title-gray{color:#cfcecb;font-size:14px;font-family:Montserrat-Semibold}.filter-popover .filter-box .filter-content .filter-btn-content,.filter-popover .filter-box .filter-content .filter-btn-content .filter-btn-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-popover .filter-box .filter-content .filter-btn-content .filter-btn-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;color:#2472b3;font-size:13px;font-family:Montserrat-Medium;width:80px}.filter-popover .filter-box .filter-content .filter-btn-content .filter-btn-item span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.filter-popover .filter-box .filter-content .filter-btn-content .filter-btn-item .filter-icon{cursor:pointer}.filter-popover .filter-box .filter-content .filter-btn-content .filter-btn-item .filter-icon:hover{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8}.filter-popover .filter-box .filter-content .filter-btn-content .filter-btn-item .filter-icon img{width:40px;height:40px;cursor:pointer}.filter-popover .filter-box .filter-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px 80px;cursor:pointer;color:#2472b3;background-color:#f1f1f0;border-radius:38px;font-size:20px;font-family:Montserrat-Semibold}