[data-v-6f27684e]:root{--theme-color: #f6f6f6;--section-color: #fff;--title-color: #444;--text-color: #333;--desc-color: #acacac;--navigator-color: #3e536c;--navigator-highlight-color: #5670f6;--nav-bar:white;--button-color: #e7e8ef;--tab-color: #e7e8ef;--tab-highligh-color: #333;--border-color: #eee;--border-color-top: #ddd;--section-color-lighten: #e7e8ef;--slider-color: #999;--background-color: #f8f7fc;--color: #62759a}.app-header-content[data-v-6f27684e]{z-index:99;min-height:50px;position:fixed;width:100%;top:0;left:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);margin-top:0;background-color:var(--section-color);color:var(--title-color);border-bottom:1px solid var(--border-color)}.app-header-content .page-header[data-v-6f27684e]{background-color:inherit;background-image:inherit;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:50px}.app-header-content .page-header .btn-back[data-v-6f27684e]{position:absolute;left:8px;color:inherit;background-color:transparent;font-size:20px}.app-header-content .page-header .btn-back span[data-v-6f27684e]{padding:0 10px}.app-header-content .page-header .page-title[data-v-6f27684e]{color:inherit;font-size:16px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.app-header-content .page-header .btn-option[data-v-6f27684e]{color:inherit;position:absolute;background-color:transparent;width:auto;padding:4px 0;font-size:20px;top:4px;top:calc(4px + constant(safe-area-inset-top));top:calc(4px + env(safe-area-inset-top))}.app-header-content .page-header .btn-right[data-v-6f27684e]{right:13px}.app-header-content .page-header .btn-left[data-v-6f27684e]{left:13px}.app-header-content .page-header .btn-left+.btn-left[data-v-6f27684e]{left:50px}.app-header-content .page-header button[data-v-6f27684e]{-webkit-box-shadow:none;box-shadow:none;outline:none}

[data-v-ee464e90]:root{--theme-color: #f6f6f6;--section-color: #fff;--title-color: #444;--text-color: #333;--desc-color: #acacac;--navigator-color: #3e536c;--navigator-highlight-color: #5670f6;--nav-bar:white;--button-color: #e7e8ef;--tab-color: #e7e8ef;--tab-highligh-color: #333;--border-color: #eee;--border-color-top: #ddd;--section-color-lighten: #e7e8ef;--slider-color: #999;--background-color: #f8f7fc;--color: #62759a}.beginner-content[data-v-ee464e90]{width:100%;height:100%;overflow:auto;margin:0;padding:0;height:100%;padding-top:50px;padding-top:calc(50px + cosnt(safe-area-inset-top));padding-top:calc(50px + env(safe-area-inset-top));overflow:auto;-webkit-overflow-scrolling:touch}.beginner-content .styBeginnerHeader[data-v-ee464e90]{background-color:var(--theme-color)}.beginner-content .styBeginnerBody[data-v-ee464e90]{width:100%;height:100%}.beginner-content .styBeginnerBody .styBeginnerTitleContainer[data-v-ee464e90]{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;color:#999;background-color:var(--theme-color);padding-top:11px;padding-bottom:10px;position:fixed;z-index:9}.beginner-content .styBeginnerBody .styBeginnerTitleContainer .styBeginnerTitleHover[data-v-ee464e90]{width:100%;height:auto;text-align:center;font-size:15px}.beginner-content .styBeginnerBody .styBeginnerTitleContainer .styBeginnerTitleHover .styTitleUnderLine[data-v-ee464e90]{border-top:2px solid #5670f6;width:25px;height:0px;margin-top:5px;margin-left:auto;margin-right:auto;display:none}.beginner-content .styBeginnerBody .styBeginnerTitleContainer .styBeginnerTitleHover .styLineActive[data-v-ee464e90]{display:block}.beginner-content .styBeginnerBody .styBeginnerTitleContainer .styActive[data-v-ee464e90]{color:#5670f6}.beginner-content .styBeginnerBody .styLessonContainer[data-v-ee464e90]{width:100%;height:auto;padding-top:50px;background-color:var(--section-color)}.beginner-content .styBeginnerBody .styLessonContainer .styLessonBg[data-v-ee464e90]{width:auto;height:120px;background-size:cover;background-position:center;margin:15px 15px 0px 15px}.beginner-content .styBeginnerBody .styLessonContainer .styLessonTitle[data-v-ee464e90]{color:#ddd;height:auto;position:relative;padding:5px 10px;top:88px;left:0;background:-webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(0,0,0,0.42)), to(#000));background:linear-gradient(-180deg, rgba(0,0,0,0.42) 2%, #000);font-size:15px}


/*# sourceMappingURL=chunk-7b3d8bd6.0bba8423.css.map*/