[data-v-94cca386] .hao img,[data-v-94cca386] .img img,[data-v-94cca386] .logo img{width:100%}.font_one1[data-v-94cca386]{font-size:.8vw}.card-shadow1[data-v-94cca386]{width:80%;max-width:420px;height:75%;max-height:600px;margin:50px auto;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--primary-white);border-radius:var(--radius-lg);-webkit-box-shadow:14px 14px var(--secondary-yellow);box-shadow:14px 14px var(--secondary-yellow);padding:10%}.PINYINCOURSEWARE[data-v-94cca386]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;background:var(--secondary-pink);display:-webkit-box;display:-ms-flexbox;display:flex;padding:var(--space-lg)}.PINYINCOURSEWARE .bottommana[data-v-94cca386]{text-align:left}.PINYINCOURSEWARE .modal .content[data-v-94cca386]{-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--primary-white);border-radius:var(--radius-lg);padding:var(--space-lg);font-size:var(--font-size-base);-webkit-box-shadow:12px 12px var(--secondary-yellow);box-shadow:12px 12px var(--secondary-yellow);position:relative}.PINYINCOURSEWARE .modal .content .wrapper[data-v-94cca386]{white-space:nowrap;margin:0 auto;height:437px;width:1300px}.PINYINCOURSEWARE .modal .content .wrapper ul[data-v-94cca386]{float:left}.PINYINCOURSEWARE .modal .content .closebtn[data-v-94cca386]{position:absolute;left:18px;top:18px;width:21px;height:21px;cursor:pointer}.PINYINCOURSEWARE .modal .content .tone-chart-tabs[data-v-94cca386]{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;color:var(--secondary-black);white-space:nowrap;margin:0 auto;text-align:center;width:600px;display:flex;margin-bottom:var(--space-xxl)}.PINYINCOURSEWARE .modal .content .tone-chart-tabs li[data-v-94cca386]{display:inline-block;background:var(--secondary-grey-3);padding:4px 18px;border-radius:var(--radius-sm);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;margin-right:var(--space-sm);cursor:pointer}.PINYINCOURSEWARE .modal .content .tone-chart-tabs li img[data-v-94cca386]{display:inline-block;width:16px;margin-left:var(--space-xxxs)}.PINYINCOURSEWARE .modal .content .tone-chart-tabs li[data-v-94cca386]:hover{opacity:.8}.PINYINCOURSEWARE .modal .content .tone-chart-tabs .isActive[data-v-94cca386]{background:var(--secondary-black);color:var(--primary-white)}.PINYINCOURSEWARE .modal .content .chart-col[data-v-94cca386]{color:var(--primary-white);width:22px;margin-top:18px;background:var(--primary-white);text-align:center;margin-right:1px}.PINYINCOURSEWARE .modal .content .chart-col li[data-v-94cca386]{height:18px;line-height:18px;margin-top:1px;width:100%;border-radius:2px;background:var(--secondary-black)}.PINYINCOURSEWARE .modal .content .chart-row[data-v-94cca386]{text-align:center;color:var(--secondary-black);margin-right:1px;height:100%}.PINYINCOURSEWARE .modal .content .chart-row li[data-v-94cca386]{cursor:pointer;padding:0 3px;height:18px;line-height:18px;margin-top:1px;border-radius:2px}.PINYINCOURSEWARE .modal .content .chart-row li[data-v-94cca386]:hover{opacity:.8}.PINYINCOURSEWARE .modal .content .chart-row .isAudioActive[data-v-94cca386]{background:var(--secondary-black)!important;color:var(--primary-white)}.PINYINCOURSEWARE .modal .content .chart-row .isBlank[data-v-94cca386]:hover{cursor:default;opacity:1}.PINYINCOURSEWARE .modal .content .chart-row .head[data-v-94cca386]{color:var(--primary-white);display:inline-block;border-radius:2px;background:var(--secondary-black);margin-bottom:1px;height:18px;line-height:18px;padding:0;margin:0}.PINYINCOURSEWARE .modal .content .isBefore[data-v-94cca386]{background:#fafafa}.PINYINCOURSEWARE .left-part[data-v-94cca386]{width:100px;color:var(--secondary-black)}.PINYINCOURSEWARE .left-part li[data-v-94cca386]{width:92px;height:55px;margin-bottom:var(--space-sm);border-radius:14px;height:50px;line-height:50px;text-align:center;background:var(--primary-white);cursor:pointer}.PINYINCOURSEWARE .left-part li.isActive[data-v-94cca386]{background:var(--secondary-yellow)}.PINYINCOURSEWARE .right-part-tones[data-v-94cca386]{color:var(--secondary-black);width:100%;height:100%}.PINYINCOURSEWARE .right-part-tones .tones-tabs[data-v-94cca386]{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:100%;height:42px;margin-left:var(--space-sm);position:relative}.PINYINCOURSEWARE .right-part-tones .tones-tabs .chart-btn[data-v-94cca386]{background:var(--primary-white);border-radius:var(--radius-lg);text-align:center;cursor:pointer;height:42px;line-height:42px;width:94px;position:absolute;top:0;right:3px}.PINYINCOURSEWARE .right-part-tones .tones-tabs li[data-v-94cca386]{font-size:var(--font-size-lg);height:42px;padding:0 var(--space-lg);text-align:center;background:var(--primary-white);margin-right:var(--space-sm);border-radius:var(--radius-lg);line-height:42px;cursor:pointer}.PINYINCOURSEWARE .right-part-tones .tones-tabs li img[data-v-94cca386]{width:20px;display:inline-block;margin-top:14px}.PINYINCOURSEWARE .right-part-tones .tones-tabs li.isActive[data-v-94cca386]{background:#f5c653}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap[data-v-94cca386]{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:var(--space-lg)}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card[data-v-94cca386]{-webkit-box-sizing:border-box;box-sizing:border-box;width:60%;min-width:360px;max-width:450px;height:75%;background-color:var(--primary-white);-webkit-box-shadow:12px 12px var(--secondary-yellow);box-shadow:12px 12px var(--secondary-yellow);border-radius:var(--radius-lg);padding:10%;font-size:var(--font-size-xl);position:relative;margin:5% auto}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show .head p[data-v-94cca386]{text-align:center}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show .head p span[data-v-94cca386]{color:#f5c653}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show ul[data-v-94cca386]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:var(--space-lg)}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show ul li[data-v-94cca386]{background:var(--secondary-grey-3);margin-right:5px;margin-bottom:var(--space-sm);padding:var(--space-lg) 13px var(--space-xs) 13px;border-radius:3px;font-size:26px;font-family:var(--font-family-pinyin);position:relative;cursor:pointer}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show ul li .img[data-v-94cca386]{width:20px;display:inline-block;position:absolute;right:10px;top:-15px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show ul li span[data-v-94cca386]{position:absolute;right:10px;top:5px;color:#f5c653;font-size:22px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show ul li[data-v-94cca386]:last-child{margin-right:0}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show ul li[data-v-94cca386]:hover{opacity:.8}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show .tone-table[data-v-94cca386]{margin-top:50px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show .bottom-ma[data-v-94cca386]{cursor:pointer;display:inline-block;width:64px;height:63px;text-align:center;line-height:63px;color:var(--secondary-black);background:var(--secondary-grey-3);border-radius:var(--radius-sm);font-size:27px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show .bottom-ma[data-v-94cca386]:hover{opacity:.8}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last-show .bottom-na[data-v-94cca386]{margin-left:var(--space-sm);color:#f5c652;font-size:var(--font-size-xxl)}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .pagebtn[data-v-94cca386]{position:absolute;bottom:0;cursor:pointer}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .pagebtn img[data-v-94cca386]{width:55px;height:55px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .next[data-v-94cca386]{right:-100px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .last[data-v-94cca386]{left:-100px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .content-wrap[data-v-94cca386]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--space-lg)}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .content-wrap li[data-v-94cca386]{display:inline-block;width:45%;min-width:120px;max-width:200px;height:110px;border-radius:var(--radius-sm);background:var(--secondary-grey-3);margin:var(--space-xxxs);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding-left:var(--space-lg);padding-top:5px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .content-wrap li p[data-v-94cca386]{font-size:var(--font-size-xxl);margin-top:-6px}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .content-wrap li i[data-v-94cca386]{font-size:10px;color:var(--primary-grey)}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .content-wrap li .word-cn[data-v-94cca386]{margin-top:0;font-size:37px;color:#585858}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .content-wrap li[data-v-94cca386]:nth-child(2n){margin-right:0}.PINYINCOURSEWARE .right-part-tones .intro-card-wrap .intro-card .content-wrap li[data-v-94cca386]:hover{opacity:.8}.PINYINCOURSEWARE .right-part-tones .intro-card .img-wrap[data-v-94cca386]{width: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;margin-top:var(--space-lg)}.PINYINCOURSEWARE .right-part-tones .intro-card .img-wrap img[data-v-94cca386]{display:inline-block;width:60%}.PINYINCOURSEWARE .right-part-tones .intro-card .img-wrap.fouthTone[data-v-94cca386]{margin-top:15px}.PINYINCOURSEWARE .right-part-tones .intro-card .img-wrap.fouthTone img[data-v-94cca386]{width:60%}.PINYINCOURSEWARE .right-part-tones .intro-card .sound-explain[data-v-94cca386]{position:relative;padding:var(--space-sm);width:80px;height:80px;line-height:80px;background:var(--secondary-grey-3);border-radius:var(--radius-sm);font-size:34px;text-align:center;margin-bottom:var(--space-lg);cursor:pointer}.PINYINCOURSEWARE .right-part-tones .intro-card .sound-explain .sound-line[data-v-94cca386]{position:absolute;right:23px;top:-9px;color:#f5c653;font-size:22px}.PINYINCOURSEWARE .right-part-tones .intro-card .sound-explain img[data-v-94cca386]{display:inline-block;position:absolute;right:20px;top:27px;width:20px}.PINYINCOURSEWARE .right-part-tones .intro-card .sound-explain .pronounce-explain p[data-v-94cca386]{font-size:var(--font-size-xxl)}.PINYINCOURSEWARE .right-part-tones .intro-card .sound-explain[data-v-94cca386]:hover{opacity:.8}.PINYINCOURSEWARE .right-part-tones .fiveNeutral .img-wrap[data-v-94cca386]{display:none}.PINYINCOURSEWARE .right-part-tones .fiveNeutral .sound-explain[data-v-94cca386]{margin-top:110px}.PINYINCOURSEWARE .right-part-tones .fiveNeutral .sound-explain .sound-line[data-v-94cca386]{display:none}.PINYINCOURSEWARE .right-part-finals[data-v-94cca386]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;color:var(--secondary-black);font-size:var(--font-size-xxl);margin:var(--space-xxl) var(--space-lg);margin-bottom:300px}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap[data-v-94cca386]{width:80%;min-width:400px;max-width:500px;height:80%;min-height:500px;max-height:700px;background-color:var(--primary-white);-webkit-box-shadow:12px 12px var(--secondary-yellow);box-shadow:12px 12px var(--secondary-yellow);border-radius:var(--radius-lg);padding:10%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .head[data-v-94cca386]{margin-bottom:var(--space-lg);font-size:var(--font-size-xxl)}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .head .yellow-wrap[data-v-94cca386]{margin:15px 0 0}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .head .yellow[data-v-94cca386]{color:#f5c652}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .ul-box[data-v-94cca386]{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--secondary-black);font-size:15px}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .ul-box ul li[data-v-94cca386]{max-width:60px;min-width:20px;width:6vh;height:35px;line-height:35px;text-align:center;margin-right:3px;margin-bottom:3px;background:var(--secondary-grey-3);cursor:pointer;border-radius:var(--radius-sm);position:relative;font-family:var(--font-family-pinyin);font-size:var(--font-size-xl)}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .ul-box ul li .pop-letter-card[data-v-94cca386]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--secondary-black);color:var(--primary-white);position:absolute;top:40px;z-index:1;border-radius:16px;padding:30px 20px;cursor:default}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .ul-box ul li .pop-letter-card .left-audio[data-v-94cca386]{width:35px}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .ul-box ul li .pop-letter-card .right-explain[data-v-94cca386]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--font-size-lg);margin-left:var(--space-sm);min-width:170px;max-width:300px;line-height:20px;text-align:left}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .ul-box ul li[data-v-94cca386]:hover{background:#f5f5f4}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .ul-box ul li.isActive[data-v-94cca386]{background:var(--secondary-black);color:var(--primary-white)}.PINYINCOURSEWARE .right-part-finals .sound-card-wrap .ul-box ul li.isBlank[data-v-94cca386]:hover{cursor:default;background:var(--secondary-grey-3)}.PINYINCOURSEWARE .right-part-initails[data-v-94cca386]{width:100%;height:100%;color:var(--secondary-black);margin:var(--space-xxl) var(--space-lg);margin-bottom:300px}.PINYINCOURSEWARE .right-part-initails .sound-card-wrap[data-v-94cca386]{width:70%;max-width:500px;min-width:400px;height:80%;max-height:670px;background-color:var(--primary-white);-webkit-box-shadow:12px 12px var(--secondary-yellow);box-shadow:12px 12px var(--secondary-yellow);border-radius:var(--radius-lg);padding:10%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.PINYINCOURSEWARE .right-part-initails .sound-card-wrap .head[data-v-94cca386]{margin-bottom:var(--space-lg);font-size:var(--font-size-xxl)}.PINYINCOURSEWARE .right-part-initails .sound-card-wrap .head .yellow-wrap[data-v-94cca386]{margin:15px 0}.PINYINCOURSEWARE .right-part-initails .sound-card-wrap .yellow[data-v-94cca386]{color:#f5c652}.PINYINCOURSEWARE .right-part-initails .card[data-v-94cca386]{width:348px;height:407px}.PINYINCOURSEWARE .right-part-initails .card li[data-v-94cca386]{float:left;width:67px;height:45px;line-height:45px;text-align:center;margin-right:5px;margin-bottom:5px;background:var(--secondary-grey-3);cursor:pointer;border-radius:var(--radius-sm);position:relative;font-size:22px}.PINYINCOURSEWARE .right-part-initails .card li .initials-letter-popcard[data-v-94cca386]{opacity:1;position:absolute;left:0;top:50px;background:var(--secondary-black);padding:30px 20px;color:var(--primary-white);z-index:3;margin-right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:var(--font-size-lg);-ms-flex-pack:distribute;justify-content:space-around;border-radius:16px;cursor:default}.PINYINCOURSEWARE .right-part-initails .card li .initials-letter-popcard .left-audio[data-v-94cca386]{width:35px}.PINYINCOURSEWARE .right-part-initails .card li .initials-letter-popcard .right-explain[data-v-94cca386]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--font-size-lg);margin-left:var(--space-sm);min-width:180px;max-width:238px;line-height:20px;text-align:left}.PINYINCOURSEWARE .right-part-initails .card li[data-v-94cca386]:hover{background:#f5f5f4}.PINYINCOURSEWARE .right-part-initails .card li.isBlank[data-v-94cca386]{visibility:hidden;cursor:default}.PINYINCOURSEWARE .right-part-initails .card li.isActive[data-v-94cca386]{background:var(--secondary-black);color:var(--primary-white)}.PINYINCOURSEWARE .right-part[data-v-94cca386]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.PINYINCOURSEWARE .right-part .right-part-wrap[data-v-94cca386]{width:100%;height:100%}.PINYINCOURSEWARE .right-part .right-part-tabs[data-v-94cca386]{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:100%;margin-left:var(--space-sm);margin-bottom:var(--space-xxl)}.PINYINCOURSEWARE .right-part .right-part-tabs li[data-v-94cca386]{display:inline-block;padding:var(--space-sm) 25px;text-align:center;border-radius:var(--radius-lg);margin-right:var(--space-sm);background:var(--primary-white);color:var(--secondary-black);cursor:pointer}.PINYINCOURSEWARE .right-part .right-part-tabs .isActive[data-v-94cca386]{background:#f5c653}.PINYINCOURSEWARE .right-part .word-card[data-v-94cca386]{width:470px;height:603px;background-color:var(--primary-white);-webkit-box-shadow:12px 12px var(--secondary-yellow);box-shadow:12px 12px var(--secondary-yellow);-webkit-box-pack:center;-ms-flex-pack:center;border-radius:var(--radius-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;text-align:center}.PINYINCOURSEWARE .right-part .word-card .haocn[data-v-94cca386]{color:var(--secondary-yellow)}.PINYINCOURSEWARE .right-part .word-card h4[data-v-94cca386]{color:var(--secondary-black);font-size:32px}.PINYINCOURSEWARE .right-part .word-card img[data-v-94cca386]{width:200px;cursor:pointer}.PINYINCOURSEWARE .characters[data-v-94cca386]{text-align:center;margin-bottom:100px}.PINYINCOURSEWARE .characters img[data-v-94cca386]{display:inline-block;width:200px}.PINYINCOURSEWARE .structure[data-v-94cca386]{text-align:center}.PINYINCOURSEWARE .structure img[data-v-94cca386]{width:124px;margin:0 auto;display:inline-block}.PINYINCOURSEWARE .structure p[data-v-94cca386]{margin-bottom:var(--space-sm);text-align:left}.PINYINCOURSEWARE .structure .audio[data-v-94cca386]{width:69px;height:69px;margin:77px auto 40px}.PINYINCOURSEWARE .structure .hao[data-v-94cca386]{width:124px;display:inline-block;height:104px}.PINYINCOURSEWARE .timeLine[data-v-94cca386]{position:relative;padding:58px;padding-top:84px}.PINYINCOURSEWARE .timeLine .dialog[data-v-94cca386]{width:100%;padding:13%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:17px;margin:0 auto}.PINYINCOURSEWARE .timeLine .dialog p[data-v-94cca386]{margin-bottom:var(--space-lg)}.PINYINCOURSEWARE .timeLine .timelinebtn[data-v-94cca386]{width:125px;text-align:center;border-radius:31px;margin:5% auto;cursor:pointer;padding:15px;display:block}.PINYINCOURSEWARE .timeLine .logo[data-v-94cca386]{width:60px;display:inline-block;margin-left:60px}.PINYINCOURSEWARE .timeLine .dialog-triangle[data-v-94cca386]{width:0;height:0;border:solid;border-width:20px 5px 15px 12px;border-color:var(--secondary-grey-3) transparent transparent transparent;margin-left:80px}.PINYINCOURSEWARE .pagebtn[data-v-94cca386]{position:absolute;bottom:30px;cursor:pointer}.PINYINCOURSEWARE .pagebtn img[data-v-94cca386]{width:55px;height:55px}.PINYINCOURSEWARE .next[data-v-94cca386]{right:-150px;bottom:10px}.PINYINCOURSEWARE .last[data-v-94cca386]{left:-150px;bottom:10px}.PINYINCOURSEWARE .timeline-start[data-v-94cca386]{width:100%;text-align:left}.PINYINCOURSEWARE .timeline-start .img1[data-v-94cca386]{display:inline-block;z-index:1}.PINYINCOURSEWARE .timeline-start .time[data-v-94cca386]{margin-top:50px;margin-bottom:14px;text-align:left}.PINYINCOURSEWARE .timeline-start .desc[data-v-94cca386]{width:333px;text-align:left}.PINYINCOURSEWARE .timeline-start .desc.short[data-v-94cca386]{width:220px}.PINYINCOURSEWARE .isImg2[data-v-94cca386]{text-align:left}.PINYINCOURSEWARE .isImg2 .img1[data-v-94cca386]{position:absolute;left:59px;top:49px;display:inline-block;height:157px}.PINYINCOURSEWARE .isImg2 .img2[data-v-94cca386]{margin-top:var(--space-xl);margin-left:79px;display:inline-block}