.btn_icon[data-v-f9d36ad6]{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-top:0;width:100%;height:100%;padding-bottom:0;border-radius:8px;cursor:pointer}.img_icon[data-v-f9d36ad6]{width:50%;height:50%}.card[data-v-38ffde00]{border-radius:20px;border:0 solid;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:20px}.img_card_component[data-v-38ffde00]{width:100%;height:100%}@font-face{font-family:KaiTi;src:local("KaiTi"),url(../fonts/KaiTi.bbfaa127.ttf) format("truetype")}@font-face{font-family:Bider;src:local("Bider"),url(../fonts/Bider-HanYuPinYin1.7e95d2fc.ttf) format("truetype")}.fontChinese{font-family:KaiTi!important}.fontPinyin{font-family:Bider!important}.circle-red[data-v-093edea2]{color:#ec6a6e!important;margin:0 5px!important}.circle-yellow[data-v-093edea2]{color:#fbd14a!important;margin:0 5px!important}.circle-green[data-v-093edea2]{color:#72cacd!important;margin:0 5px!important}.circle-purple[data-v-093edea2]{color:#7a73a8!important;margin:0 5px!important}.btn-exit[data-v-7d0862c1]{width:60px;height:60px;right:30%;top:15%;position:absolute}.box_question[data-v-7d0862c1]{width:400px;height:auto;margin-top:3%;margin-bottom:3%;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f2f2f2;-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;-ms-flex-pack:distribute;justify-content:space-around}.CIT_background[data-v-7d0862c1]{background-color:#ffdc77}.header_text_pinyin[data-v-7d0862c1]{color:#89abe6;font-size:34px;margin-left:2%;margin-right:2%}.header_text_title[data-v-7d0862c1]{color:#89abe6;font-size:60px;color:#000;margin-left:2%;margin-right:2%}.header_text[data-v-7d0862c1]{position:relative;text-align:center;margin-top:10px;width:100%}.meaning_text a[data-v-7d0862c1]:first-child{color:#89abe6;font-size:26px;margin-left:2%;margin-right:2%}.meaning_text a[data-v-7d0862c1]:nth-child(2){color:#89abe6;font-size:34px;color:#000;margin-left:2%;margin-right:2%}.meaning_text[data-v-7d0862c1]{position:relative;text-align:center;width:100%;margin-bottom:3%}.header_sound[data-v-7d0862c1]{position:absolute;width:20px;height:20px;right:10%;top:0;bottom:0}.meaning a[data-v-7d0862c1]:first-child{color:#89abe6;font-size:20px}.meaning a[data-v-7d0862c1]:nth-child(2){color:#1d5bd7;font-size:30px;font-weight:700}.meaning a[data-v-7d0862c1]{color:#89abe6;font-size:20px;text-align:center}.line_question[data-v-7d0862c1]{margin-top:9%;margin-bottom:4%;height:2px;width:60%;background-color:#d9d9d9}.position[data-v-7d0862c1]{padding-top:6%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:10%}.block[data-v-7d0862c1]{border-radius:7px;width:400px;margin-top:5%;margin-bottom:5%}.block[data-v-7d0862c1],.card[data-v-7d0862c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;height:auto}.card[data-v-7d0862c1]{width:450px;margin-top:8%;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s;border-radius:20px}.card[data-v-7d0862c1],.container_CIT02[data-v-7d0862c1]{margin-left:auto;margin-right:auto}.button_setting[data-v-7d0862c1]{background-color:#89abe6}.button_back[data-v-7d0862c1],.button_setting[data-v-7d0862c1]{color:#fff;text-align:center;text-decoration:none;font-size:12px;border-radius:10px!important;-webkit-box-shadow:none;box-shadow:none;margin-top:6%;width:250px;height:70px}.button_back[data-v-7d0862c1]{background-color:#f66}.CIT02_ICON[data-v-7d0862c1]{-ms-flex-line-pack:center;align-content:center}.btn-prev[data-v-7d0862c1],.CIT02_ICON[data-v-7d0862c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-prev[data-v-7d0862c1]{width:60px;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;border-radius:8px!important;right:102%;cursor:pointer}.btn-circle[data-v-7d0862c1]{width:60px;height:60px;padding:6px 0;border-radius:30px;text-align:center;font-size:16px;line-height:1.42857;background-color:#1d5bd7;color:#fff}.player[data-v-7d0862c1]{width:100%;height:100%}.cardFlip[data-v-7d0862c1]{display:block;width:150px;height:175px;background-color:#51aae5;border-radius:7px;margin:5px;text-align:center;line-height:27px;cursor:pointer;position:relative;color:#fff;font-weight:600;font-size:20px;-webkit-box-shadow:9px 10px 22px -8px rgba(209,193,209,.5);box-shadow:9px 10px 22px -8px rgba(209,193,209,.5);will-change:transform}.flip-enter-active[data-v-7d0862c1]{-webkit-transition:all .4s ease;transition:all .4s ease}.flip-leave-active[data-v-7d0862c1]{display:none}.flip-enter[data-v-7d0862c1],.flip-leave[data-v-7d0862c1]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:0}.flashcard-form[data-v-7d0862c1]{position:relative}@media screen and (min-width:300px)and (max-width:600px){.container_CIT02[data-v-7d0862c1]{margin-top:5%;margin-bottom:5%}.position[data-v-7d0862c1]{padding-top:30%;padding-bottom:46%}.block[data-v-7d0862c1]{width:200px;height:auto}.card[data-v-7d0862c1]{width:250px;height:auto}.btn-exit[data-v-7d0862c1]{width:50px;height:50px;right:2%!important;top:24%!important}.btn-circle[data-v-7d0862c1]{width:40px;height:40px;padding:6px 0;border-radius:30px;text-align:center;font-size:16px;line-height:1.42857;background-color:#1d5bd7;color:#fff}.btn-prev[data-v-7d0862c1]{width:60px;height:60px;padding:10px;right:102%}.fa-times[data-v-7d0862c1]{font-size:45px}.box_question[data-v-7d0862c1]{width:200px;height:auto}.header_text_pinyin[data-v-7d0862c1]{color:#89abe6;font-size:20px}.header_text_title[data-v-7d0862c1]{color:#89abe6;font-size:40px;color:#000}.meaning_text a[data-v-7d0862c1]:first-child{color:#89abe6;font-size:20px}.meaning_text a[data-v-7d0862c1]:nth-child(2){color:#1d5bd7;font-size:24px}.meaning_text[data-v-7d0862c1]{position:relative;text-align:center;width:100%;margin-bottom:5%}.header_sound[data-v-7d0862c1]{width:20px;height:20px;right:3%}.button_back[data-v-7d0862c1],.button_setting[data-v-7d0862c1]{width:150px;height:45px}}@media only screen and (min-width:768px)and (max-width:1023px){.btn-exit[data-v-7d0862c1]{right:10.7%;top:20%}.container_mobile[data-v-7d0862c1]{margin-top:8%}}@media only screen and (min-width:1024px)and (max-width:1365px)and (orientation:landscape){.btn-exit[data-v-7d0862c1]{right:19%;top:25%}.container_mobile[data-v-7d0862c1]{margin-top:3%}}@media only screen and (min-width:1024px)and (max-width:1366px)and (orientation:portrait){.btn-exit[data-v-7d0862c1]{right:20%;top:15.5%}.container_mobile[data-v-7d0862c1]{margin-top:5%}}@media only screen and (min-width:1366px)and (max-width:1367px)and (orientation:landscape){.btn-exit[data-v-7d0862c1]{right:27.7%;top:20%}.container_mobile[data-v-7d0862c1]{margin-top:2%}}@media only screen and (min-width:1036px)and (max-width:1366px){.btn-exit[data-v-7d0862c1]{right:21.7%;top:18.5%}}@media only screen and (min-width:1367px)and (max-width:1440px){.btn-exit[data-v-7d0862c1]{right:29.7%;top:12%}}