body[data-v-3adc70c8],html[data-v-3adc70c8]{margin:0;padding:0;list-style:none}.reverse-enter-active[data-v-3adc70c8]{-webkit-transition:all .3s linear .3s;transition:all .3s linear .3s}.reverse-leave-active[data-v-3adc70c8]{-webkit-transition:all .3s linear;transition:all .3s linear}.reverse-enter[data-v-3adc70c8]{-webkit-transform:rotate3d(0,-90,0,90deg);transform:rotate3d(0,-90,0,90deg)}.reverse-leave-to[data-v-3adc70c8]{-webkit-transform:rotate3d(0,90,0,90deg);transform:rotate3d(0,90,0,90deg)}.mul-enter-active[data-v-3adc70c8],.mul-leave-active[data-v-3adc70c8]{-webkit-transition:all .3s linear;transition:all .3s linear}.mul-enter[data-v-3adc70c8],.mul-leave-to[data-v-3adc70c8]{-webkit-transform:translateY(-100%) scale(0);transform:translateY(-100%) scale(0)}.rot-enter-active[data-v-3adc70c8],.rot-leave-active[data-v-3adc70c8]{-webkit-transition:all .3s linear;transition:all .3s linear}.rot-enter[data-v-3adc70c8],.rot-leave-to[data-v-3adc70c8]{-webkit-transform:rotate(1turn) scale(0);transform:rotate(1turn) scale(0)}.fade-enter-active[data-v-3adc70c8],.fade-leave-active[data-v-3adc70c8]{-webkit-transition:all .3s linear;transition:all .3s linear}.fade-enter[data-v-3adc70c8],.fade-leave-to[data-v-3adc70c8]{opacity:0}.sound_mark_table[data-v-3adc70c8]{width:90%;color:#666;height:420px;margin:0 auto;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center}.sound_mark_table td[data-v-3adc70c8]{border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6}.sound_mark_color[data-v-3adc70c8]{color:#409eff;cursor:pointer}.sound_mark_color1[data-v-3adc70c8]{color:#3498db}.sound_mark_other[data-v-3adc70c8]{color:#ff6258}.table-title[data-v-3adc70c8]{width:90%;margin:20px auto 5px;color:#444;text-align:left;font-size:16px}.vowel[data-v-400a2f39]{width:90%;margin:0 auto}.grid-content[data-v-400a2f39]{cursor:pointer}.bannerOne[data-v-400a2f39]{background-color:#409eff;color:#fff;border-radius:5px;min-height:36px;text-align:center;line-height:36px;margin-top:10%}.banHead[data-v-400a2f39]{color:#409eff;font-size:16px;line-height:36px;text-align:center}.circle[data-v-400a2f39]{color:#33495e;border-radius:50%;min-width:50px;min-height:50px;display:inline-block;line-height:50px;text-align:center;background-color:#d8e6e7}.circle-color[data-v-400a2f39]{background-color:#9dc3c1}.el-row[data-v-400a2f39]{margin-bottom:2%}.sound[data-v-400a2f39]{height:200px;margin:90px auto 0;font-size:36px;text-align:center}span[data-v-400a2f39]{cursor:pointer}strong[data-v-400a2f39]{color:#e6a23c}.soundSentence[data-v-400a2f39]{font-size:18px}.box[data-v-400a2f39]{background-color:#feeded;border-radius:10px;font-size:20px;padding:5px;margin:5px 0}.player[data-v-400a2f39]:hover{cursor:pointer;color:#409eff}.pic[data-v-400a2f39]{vertical-align:middle;height:290px}.pic[data-v-400a2f39],video[data-v-400a2f39]{margin:0 auto;display:block}.grid-content[data-v-34820c6e]{cursor:pointer}.bannerOne[data-v-34820c6e]{background-color:#409eff;color:#fff;border-radius:5px;min-height:36px;text-align:center;line-height:36px}.banHead[data-v-34820c6e]{color:#409eff;line-height:36px;text-align:center}.circle[data-v-34820c6e]{color:#33495e;border-radius:50%;min-width:35px;min-height:35px;display:inline-block;line-height:35px;text-align:center;background-color:#d8e6e7}.circle-color[data-v-34820c6e]{background-color:#9dc3c1}.el-row[data-v-34820c6e]{margin-top:2%}.sound[data-v-34820c6e]{height:200px;margin:90px auto 0;font-size:36px;text-align:center}span[data-v-34820c6e]{cursor:pointer}strong[data-v-34820c6e]{color:#e6a23c}.soundSentence[data-v-34820c6e]{font-size:18px}.box[data-v-34820c6e]{background-color:#feeded;border-radius:10px;font-size:20px;padding:5px;margin:5px 0}.player[data-v-34820c6e]:hover{cursor:pointer;color:#409eff}.pic[data-v-34820c6e]{vertical-align:middle;height:290px}.pic[data-v-34820c6e],video[data-v-34820c6e]{margin:0 auto;display:block}.Containers[data-v-34820c6e]{height:505px}body[data-v-540732c0],html[data-v-540732c0]{margin:0;padding:0;list-style:none}.reverse-enter-active[data-v-540732c0]{-webkit-transition:all .3s linear .3s;transition:all .3s linear .3s}.reverse-leave-active[data-v-540732c0]{-webkit-transition:all .3s linear;transition:all .3s linear}.reverse-enter[data-v-540732c0]{-webkit-transform:rotate3d(0,-90,0,90deg);transform:rotate3d(0,-90,0,90deg)}.reverse-leave-to[data-v-540732c0]{-webkit-transform:rotate3d(0,90,0,90deg);transform:rotate3d(0,90,0,90deg)}.mul-enter-active[data-v-540732c0],.mul-leave-active[data-v-540732c0]{-webkit-transition:all .3s linear;transition:all .3s linear}.mul-enter[data-v-540732c0],.mul-leave-to[data-v-540732c0]{-webkit-transform:translateY(-100%) scale(0);transform:translateY(-100%) scale(0)}.rot-enter-active[data-v-540732c0],.rot-leave-active[data-v-540732c0]{-webkit-transition:all .3s linear;transition:all .3s linear}.rot-enter[data-v-540732c0],.rot-leave-to[data-v-540732c0]{-webkit-transform:rotate(1turn) scale(0);transform:rotate(1turn) scale(0)}.fade-enter-active[data-v-540732c0],.fade-leave-active[data-v-540732c0]{-webkit-transition:all .3s linear;transition:all .3s linear}.fade-enter[data-v-540732c0],.fade-leave-to[data-v-540732c0]{opacity:0}.main[data-v-540732c0]{width:90%;margin:12% auto 0}.grid-content[data-v-540732c0]{padding:20px 0;border-radius:8px;text-align:center;cursor:pointer}.sound-title[data-v-540732c0]{margin-top:20px;font-size:24px;color:#3498db;text-align:center}.bg-symbol[data-v-540732c0]{background-color:#c6eaff}.bg-vowel[data-v-540732c0]{background-color:#fab1a0}.bg-consonant[data-v-540732c0]{background-color:#f6e58d}.el-row[data-v-540732c0]{margin-bottom:2%}.page-content-top[data-v-540732c0]{height:45px}.page-content-top .page-content-top-title[data-v-540732c0]{position:relative;height:44px;line-height:44px;font-size:24px;text-align:center}.page-content-top .page-content-top-title span[data-v-540732c0]{background:-webkit-gradient(linear,left top,left bottom,from(#0048a8),to(#3cc8ff));background:linear-gradient(180deg,#0048a8,#3cc8ff);-webkit-background-clip:text;color:transparent}.page-content-top .page-content-top-title img[data-v-540732c0]{position:absolute;top:10px;cursor:pointer;left:20px}