.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wordbreak{word-break:break-all;word-wrap:break-word}body{background:#f3f5f7}.need-bottom{margin-bottom:1.28rem}.section-nodata{text-align:center;font-size:16px;padding-top:1.33333333rem}[data-dpr="2"] .section-nodata{font-size:32px}[data-dpr="2.5"] .section-nodata{font-size:40px}[data-dpr="2.75"] .section-nodata{font-size:44px}[data-dpr="3"] .section-nodata{font-size:48px}[data-dpr="4"] .section-nodata{font-size:64px}.loading{display:none;padding:.26666667rem;font-size:14px;line-height:.48rem;color:#2B333B;text-align:center}[data-dpr="2"] .loading{font-size:28px}[data-dpr="2.5"] .loading{font-size:35px}[data-dpr="2.75"] .loading{font-size:39px}[data-dpr="3"] .loading{font-size:42px}[data-dpr="4"] .loading{font-size:56px}.banner{position:relative;box-sizing:border-box;width:100%;height:2.98666667rem;padding-top:.90666667rem;background-size:cover;background-position:center center;background-repeat:no-repeat;backdrop-filter:blur(5px)}.banner:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:2.98666667rem;background:rgba(0,0,0,.2);z-index:1}.banner .crumbs{position:absolute;top:.32rem;left:.42666667rem;line-height:.32rem;height:.32rem;font-size:10px;color:#FFF;letter-spacing:0;z-index:2}[data-dpr="2"] .banner .crumbs{font-size:20px}[data-dpr="2.5"] .banner .crumbs{font-size:25px}[data-dpr="2.75"] .banner .crumbs{font-size:28px}[data-dpr="3"] .banner .crumbs{font-size:30px}[data-dpr="4"] .banner .crumbs{font-size:40px}.banner h2{position:relative;font-size:16px;width:8rem;line-height:.58666667rem;margin-left:.53333333rem;margin-bottom:.10666667rem;color:#FFF;letter-spacing:0;text-align:left;z-index:2;font-weight:700}[data-dpr="2"] .banner h2{font-size:32px}[data-dpr="2.5"] .banner h2{font-size:40px}[data-dpr="2.75"] .banner h2{font-size:44px}[data-dpr="3"] .banner h2{font-size:48px}[data-dpr="4"] .banner h2{font-size:64px}.banner .releated-info{font-family:PingFangSC-Semibold;font-size:12px;color:#FFF;letter-spacing:0;text-align:left;margin-left:.53333333rem}[data-dpr="2"] .banner .releated-info{font-size:24px}[data-dpr="2.5"] .banner .releated-info{font-size:30px}[data-dpr="2.75"] .banner .releated-info{font-size:33px}[data-dpr="3"] .banner .releated-info{font-size:36px}[data-dpr="4"] .banner .releated-info{font-size:48px}.banner .releated-info span{display:inline-block;float:left;margin-right:.26666667rem}.banner .releated-info .hasstudyed{width:1.89333333rem;height:.56rem;line-height:.56rem;float:right;background:rgba(255,255,255,.2);border-radius:100px 0 0 100px;color:#fff;text-align:center}.learn-menu{height:1.28rem;display:flex;background:#FFF;border-bottom:2px solid #F3F5F6}.learn-menu a{position:relative;flex:1;font-size:14px;line-height:1.28rem;color:#71777D;letter-spacing:0;text-align:center}[data-dpr="2"] .learn-menu a{font-size:28px}[data-dpr="2.5"] .learn-menu a{font-size:35px}[data-dpr="2.75"] .learn-menu a{font-size:39px}[data-dpr="3"] .learn-menu a{font-size:42px}[data-dpr="4"] .learn-menu a{font-size:56px}.learn-menu a.cur{color:#F01414}.learn-menu a.cur::before{display:block}.learn-menu a::before{display:none;position:absolute;left:50%;bottom:.08rem;margin-left:-.13333333rem;content:' ';background:#FF2D50;width:.21333333rem;height:.08rem;border-radius:.04rem}.hasstudyed{position:fixed;left:0;right:0;bottom:1.33333333rem;text-align:left;height:1.06666667rem;line-height:1.06666667rem;background:#FFF7F3;border-radius:.16rem;font-size:12px;padding-left:16px;color:#79513E;font-weight:600;z-index:10000}[data-dpr="2"] .hasstudyed{font-size:24px}[data-dpr="2.5"] .hasstudyed{font-size:30px}[data-dpr="2.75"] .hasstudyed{font-size:33px}[data-dpr="3"] .hasstudyed{font-size:36px}[data-dpr="4"] .hasstudyed{font-size:48px}[data-dpr="2"] .hasstudyed{padding-left:32px}[data-dpr="2.5"] .hasstudyed{padding-left:40px}[data-dpr="2.75"] .hasstudyed{padding-left:44px}[data-dpr="3"] .hasstudyed{padding-left:48px}[data-dpr="4"] .hasstudyed{padding-left:64px}a.footer-link{position:fixed;left:0;right:0;bottom:0;text-align:center;background:#FFF;height:1.33333333rem;font-size:16px;color:#FFF;letter-spacing:0;line-height:1.33333333rem;display:flex;justify-content:center;align-items:center}[data-dpr="2"] a.footer-link{font-size:32px}[data-dpr="2.5"] a.footer-link{font-size:40px}[data-dpr="2.75"] a.footer-link{font-size:44px}[data-dpr="3"] a.footer-link{font-size:48px}[data-dpr="4"] a.footer-link{font-size:64px}a.footer-link:link{color:#fff}a.footer-link .study-btn{width:7.92rem;height:1.06666667rem;line-height:1.06666667rem;background-image:linear-gradient(180deg,#fd5c33 0,#f12e2e 100%);border-radius:.53333333rem;text-align:center}a.footer-link .study-btn span:last-child{width:.93333333rem;height:.48rem;padding-left:.05333333rem;padding-right:.05333333rem;background:#E10D0D;border-radius:.10666667rem;font-size:12px}[data-dpr="2"] a.footer-link .study-btn span:last-child{font-size:24px}[data-dpr="2.5"] a.footer-link .study-btn span:last-child{font-size:30px}[data-dpr="2.75"] a.footer-link .study-btn span:last-child{font-size:33px}[data-dpr="3"] a.footer-link .study-btn span:last-child{font-size:36px}[data-dpr="4"] a.footer-link .study-btn span:last-child{font-size:48px}a.footer-link .active{background:#FFA01E}.buy-footer{position:fixed;bottom:0;width:100%;background:#FFF;box-shadow:0 -4px 8px 0 rgba(0,0,0,.05)}.buy-footer .inner{position:relative;width:100%;height:1.49333333rem;padding-top:.21333333rem;padding-bottom:.21333333rem;padding-left:.26666667rem;padding-right:.26666667rem;box-sizing:border-box}.buy-footer .inner .collect-box{position:absolute;top:.32rem;left:.66666667rem;font-size:.26666667rem;color:#2B333B;letter-spacing:0;text-align:center;line-height:.32rem}.buy-footer .inner .collect-box i{font-size:.48rem;margin-bottom:.10666667rem;color:#D9DDE1}.buy-footer .inner .collect-box i.active{color:#D48E05}.buy-footer .inner .gobuy,.buy-footer .inner .group-buy-box{display:block;width:100%;height:1.06666667rem;line-height:1.06666667rem;font-size:.37333333rem;color:#FFF;background:#F01414;border-radius:.53333333rem;text-align:center}.buy-footer .inner .group-buy-box{background:transparent;width:100%;overflow:hidden}.buy-footer .inner .group-buy-box a{width:50%;height:1.06666667rem;float:left;background:#f01414}.buy-footer .inner .group-buy-box a:first-child{background:#ff7424}.buy-footer .inner .group-buy-box a .price{font-size:.4rem;line-height:.56rem;color:#FFF;letter-spacing:0;text-align:center;font-weight:700}.buy-footer .inner .group-buy-box a .tip{color:#FFF;font-size:.32rem;line-height:.4rem;letter-spacing:0;text-align:center}.chapterlist{padding-left:.64rem;padding-right:.64rem}.chapterlist dl:last-child{margin-bottom:.32rem}.chapterlist dt{font-size:12px;color:#2B333B;letter-spacing:0;line-height:.74666667rem;padding-top:.64rem;padding-bottom:.42666667rem}[data-dpr="2"] .chapterlist dt{font-size:24px}[data-dpr="2.5"] .chapterlist dt{font-size:30px}[data-dpr="2.75"] .chapterlist dt{font-size:33px}[data-dpr="3"] .chapterlist dt{font-size:36px}[data-dpr="4"] .chapterlist dt{font-size:48px}.chapterlist dd{margin-bottom:.21333333rem}.chapterlist dd:last-child{margin-bottom:0}.chapterlist dd.active span,.chapterlist dd.active div{color:#84c00b}.chapterlist a{position:relative;display:block;background:#FFF;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border-radius:.10666667rem;margin-bottom:.21333333rem;padding-right:.42666667rem;padding-left:.42666667rem;height:1.17333333rem;font-size:12px;color:#71777D;letter-spacing:0;line-height:1.17333333rem}[data-dpr="2"] .chapterlist a{font-size:24px}[data-dpr="2.5"] .chapterlist a{font-size:30px}[data-dpr="2.75"] .chapterlist a{font-size:33px}[data-dpr="3"] .chapterlist a{font-size:36px}[data-dpr="4"] .chapterlist a{font-size:48px}.chapterlist a i{margin-right:.32rem}.chapterlist a span{position:absolute;right:.42666667rem;line-height:1.17333333rem;color:#93999f}.chapterlist a div{display:inline}.chapterlist a:last-child{margin-bottom:0}