[data-v-837871d4]:root{--theme-color: #2a313c;--section-color: #2a313c;--title-color: #444;--text-color: #e2e8e3;--desc-color: #acacac;--navigator-color: rgb(157, 170, 188);--navigator-highlight-color: rgb(245, 214, 88);--nav-bar: white;--button-color: #e7e8ef;--tab-color: #e7e8ef;--tab-highligh-color: #333;--border-color: #2f415b;--border-color-top: #ddd;--section-color-lighten: #e7e8ef;--slider-color: #999;--background-color: #f8f7fc;--color: #62759a;--section-color-2: #353e4c}.app-header-content[data-v-837871d4]{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)}.app-header-content .page-header[data-v-837871d4]{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-837871d4]{position:absolute;left:8px;color:var(--text-color);background-color:transparent;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.app-header-content .page-header .btn-back span[data-v-837871d4]{padding:0 10px}.app-header-content .page-header .btn-back .icon[data-v-837871d4]{width:18px;height:18px}.app-header-content .page-header .page-title[data-v-837871d4]{color:inherit;font-size:16px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;color:var(--text-color)}.app-header-content .page-header .btn-option[data-v-837871d4]{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-837871d4]{right:13px;color:var(--text-color)}.app-header-content .page-header .btn-right .icon[data-v-837871d4]{width:18px;height:18px}.app-header-content .page-header .btn-left[data-v-837871d4]{left:13px}.app-header-content .page-header .btn-left+.btn-left[data-v-837871d4]{left:50px}.app-header-content .page-header button[data-v-837871d4]{-webkit-box-shadow:none;box-shadow:none;outline:none}

[data-v-88eb2c54]:root{--theme-color: #2a313c;--section-color: #2a313c;--title-color: #444;--text-color: #e2e8e3;--desc-color: #acacac;--navigator-color: rgb(157, 170, 188);--navigator-highlight-color: rgb(245, 214, 88);--nav-bar: white;--button-color: #e7e8ef;--tab-color: #e7e8ef;--tab-highligh-color: #333;--border-color: #2f415b;--border-color-top: #ddd;--section-color-lighten: #e7e8ef;--slider-color: #999;--background-color: #f8f7fc;--color: #62759a;--section-color-2: #353e4c}.lesson-beginner[data-v-88eb2c54]{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.lesson-beginner .styLessonBeginnerMainContainer[data-v-88eb2c54]{width:100%;height:100%;padding-top:50px;padding-bottom:58px}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader[data-v-88eb2c54]{width:100%;height:auto;position:fixed;background-color:var(--theme-color)}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerProfileHover[data-v-88eb2c54]{width:auto;height:auto;padding:5px 10px 10px 10px;display:-webkit-box;display:-ms-flexbox;display:flex}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerProfileHover .styLessonBeginnerProfilePicture[data-v-88eb2c54]{height:40px;width:40px;border:1px solid white;border-radius:50%}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerProfileHover .styNameLevelHover[data-v-88eb2c54]{height:auto;width:auto;padding-left:10px}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerProfileHover .styNameLevelHover .styLessonBeginnerName[data-v-88eb2c54]{color:#999}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerProfileHover .styNameLevelHover .styLessonBeginnerLevel[data-v-88eb2c54]{height:15px;width:30px;background-color:var(--navigator-highlight-color);color:white;font-size:10px;text-align:center;border-radius:2px}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerTotalContainer[data-v-88eb2c54]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;font-size:12px}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerTotalContainer .styLessonBeginnerTotalHover[data-v-88eb2c54]{margin:0 auto;width:auto;height:auto;text-align:center}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerTotalContainer .styLessonBeginnerTotalHover .styLessonBeginnerTotalAmount[data-v-88eb2c54]{color:red}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerTotalContainer .styLessonBeginnerTotalHover .styLessonBeginnerTotalTitle[data-v-88eb2c54]{color:#999}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerTotalContainer .styLine[data-v-88eb2c54]{border-left:1px solid #999;height:20px;margin:auto 0}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerSwitchBtnHover[data-v-88eb2c54]{width:100%;height:auto;padding:15px 10px 0px 10px}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerSwitchBtnHover .styLessonBeginnerSwitchBtn[data-v-88eb2c54]{border:1px solid var(--navigator-highlight-color);width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;color:var(--navigator-highlight-color)}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerSwitchBtnHover .styLessonBeginnerSwitchBtn .styLessonBeginnerStatisticsBtn[data-v-88eb2c54]{width:100%;text-align:center;padding:1.5px;border-top-left-radius:7px;border-bottom-left-radius:7px}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerSwitchBtnHover .styLessonBeginnerSwitchBtn .styLessonBeginnerHistoryBtn[data-v-88eb2c54]{width:100%;text-align:center;padding:1.5px;border-top-right-radius:7px;border-bottom-right-radius:7px}.lesson-beginner .styLessonBeginnerMainContainer .styLessonBeginnerHeader .styLessonBeginnerSwitchBtnHover .styLessonBeginnerSwitchBtn .styActive[data-v-88eb2c54]{background-color:var(--navigator-highlight-color);color:white}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody[data-v-88eb2c54]{width:100%;height:100%;padding-top:132px;display:block;overflow-y:scroll}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styStatisticsTitle[data-v-88eb2c54]{color:#999;font-size:15px;width:auto;height:auto;padding:35px 10px 5px 10px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styStatisticsContentContainer[data-v-88eb2c54]{width:auto;height:200px;margin:10px;background-color:var(--section-color)}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styStatisticsContentContainer .styStatisticsContent[data-v-88eb2c54]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styStatisticsContentContainer .styStatisticsContent .styStatisticsStatusHover[data-v-88eb2c54]{width:95px;height:50px;padding:5px 0;margin:0px auto;text-align:center}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styStatisticsContentContainer .styStatisticsContent .styStatisticsStatusHover .styStatisticsAmount[data-v-88eb2c54]{color:var(--text-color);font-size:14px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styStatisticsContentContainer .styStatisticsContent .styStatisticsStatusHover .styStatisticsStatus[data-v-88eb2c54]{color:#999;font-size:11px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryTitle[data-v-88eb2c54]{color:#999;font-size:15px;width:auto;height:auto;padding:25px 10px 5px 10px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer[data-v-88eb2c54]{width:100%;height:165px;padding:10px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeContentHover[data-v-88eb2c54]{width:100%;height:auto;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeContentHover .styHistoryTradeDot[data-v-88eb2c54]{height:6px;width:6px;border-radius:50%;background-color:red}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeContentHover .styHistoryTradeNameCode[data-v-88eb2c54]{height:auto;width:auto;padding-left:5px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeContentHover .styHistoryTradeNameCode .styHistoryTradeName[data-v-88eb2c54]{line-height:0.5;font-size:12px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeContentHover .styHistoryTradeNameCode .styHistoryTradeCode[data-v-88eb2c54]{font-size:10px;color:#999}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover[data-v-88eb2c54]{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:15px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeNameCode[data-v-88eb2c54]{height:auto;width:auto}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeNameCode .styHistoryTradeName[data-v-88eb2c54]{font-size:12px}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeNameCode .styHistoryTradeCode[data-v-88eb2c54]{font-size:10px;color:#999}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeLine[data-v-88eb2c54]{width:40%;height:4px;background-color:white;margin:auto 15px;display:-webkit-box;display:-ms-flexbox;display:flex}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeLine .styHistoryTradeRed[data-v-88eb2c54]{width:33.33%;height:4px;background-color:red}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeLine .styHistoryTradeGreen[data-v-88eb2c54]{width:66.67%;height:4px;background-color:green}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeLineHint[data-v-88eb2c54]{width:auto;height:auto}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeLineHint .styHistoryTradeBuy[data-v-88eb2c54]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;color:red}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .styHistoryTradeCategoryContainer .styHistoryTradeLineHover .styHistoryTradeLineHint .styHistoryTradeSell[data-v-88eb2c54]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;color:#00cf8c}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .swiper-pagination[data-v-88eb2c54] .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:white}.lesson-beginner .styLessonBeginnerMainContainer .styStatisticsPageBody .swiper-pagination[data-v-88eb2c54] .swiper-pagination-bullet.swiper-pagination-bullet{background-color:#999}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody[data-v-88eb2c54]{width:100%;height:100%;display:none;padding-top:132px;overflow-y:scroll}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryTitleContainer[data-v-88eb2c54]{width:100%;height:48px;padding:10px 10px;background-color:var(--theme-color);position:fixed}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryTitleContainer .styHistoryTitleHover[data-v-88eb2c54]{width:100%;height:28px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:10px;border-bottom:1px solid #444}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryTitleContainer .styHistoryTitleHover .styHistoryTitle[data-v-88eb2c54]{width:100%;height:auto;font-size:12px;text-align:center;color:#999}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer[data-v-88eb2c54]{width:100%;height:100%;padding:48px 10px 0px 10px}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover[data-v-88eb2c54]{display:-webkit-box;display:-ms-flexbox;display:flex;color:#999;font-size:14px;text-align:center;padding:5px 0px;width:100%;height:auto;border-bottom:1px solid #444}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover div[data-v-88eb2c54]{width:100%;height:auto}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover .styTradeCategoryHover[data-v-88eb2c54]{width:100%;height:auto}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover .styTradeCategoryHover .styBuySellStockHover[data-v-88eb2c54]{width:auto;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover .styTradeCategoryHover .styBuySellStockHover .styBuySellIcon[data-v-88eb2c54]{font-size:11px;border-radius:50%;height:20px;width:20px;text-align:center;line-height:1.6}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover .styTradeCategoryHover .styBuySellStockHover .styIconRed[data-v-88eb2c54]{border:1px solid red;color:white}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover .styTradeCategoryHover .styBuySellStockHover .styIconGreen[data-v-88eb2c54]{border:1px solid green;color:green}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover .styTradeCategoryHover .styBuySellStockHover .styStock[data-v-88eb2c54]{height:auto;width:auto;padding-left:2px;font-size:11px}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover .styProfitGreen[data-v-88eb2c54]{color:green}.lesson-beginner .styLessonBeginnerMainContainer .styHistoryPageBody .styHistoryContentContainer .styHistoryContentHover .styProfitRed[data-v-88eb2c54]{color:red}.lesson-beginner .styLessonBeginnerMainContainer .styFollowBtnHover[data-v-88eb2c54]{width:100%;height:auto;padding:10px 20px}.lesson-beginner .styLessonBeginnerMainContainer .styFollowBtnHover .styFollowBtn[data-v-88eb2c54]{width:100%;height:auto;color:white;background-color:var(--navigator-highlight-color);border-radius:8px;padding:8px;text-align:center;font-size:15px}


/*# sourceMappingURL=chunk-4c5ad1d8.be688735.css.map*/