@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f7}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ft-top-nav{box-shadow:0 0 1px 0 rgba(0,0,0,.3),0 0 6px 2px rgba(0,0,0,.15);height:60px;background:hsla(0,0%,100%,.99);position:fixed;width:100%;top:0;z-index:1}.ft-top-nav .container{height:100%;display:flex;flex-direction:row;justify-content:space-between}.ft-top-nav .container .logo-box{display:flex;flex-direction:row;font-size:1.2rem;align-items:center;color:#102d3b;cursor:pointer}.ft-top-nav .container .logo-box img{height:50px;width:auto;cursor:pointer;margin-right:.5rem}.ft-top-nav .container .avatar-name{font-size:14px;color:#aaa;margin-left:10px}.ft-top-nav .container .avatar-icon{max-width:32px;max-height:32px;border-radius:100%}.ft-top-nav .container .top-nav-menu{display:flex}.ft-top-nav .container .top-nav-menu>li{display:flex;font-size:18px}.ft-top-nav .container .top-nav-menu>li a{position:relative;display:flex;height:60px;text-decoration:none;border-bottom:5px solid transparent;align-items:center;color:#5c7080}.ft-top-nav .container .top-nav-menu>li a:after{content:"";display:block;height:8px;width:0;position:absolute;bottom:-5px;background:#0e5a8a;opacity:1;transition:all .3s}.ft-top-nav .container .top-nav-menu>li a.active{color:#0e5a8a}.ft-top-nav .container .top-nav-menu>li a.active:after{width:100%;position:absolute;bottom:-5px;opacity:1}.ft-top-nav .container .top-nav-menu>li a:hover{color:#106ba3}.ft-top-nav .container .top-nav-menu>li a:hover:after{width:100%}.ft-top-nav .container .top-nav-menu>li:not(:last-child){margin-right:24px}.ft-top-nav .container>*{display:flex;align-items:center}.roadmap-list{background-color:#fff;display:flex;padding-top:30px;padding-bottom:30px}.roadmap-list .container{text-align:center}.roadmap-list .roadmap-card{display:inline-flex;width:300px;height:290px;margin:15px;padding:0;flex-direction:column}.roadmap-list .roadmap-card .cover{border-top-left-radius:5px;border-top-right-radius:5px}.roadmap-list .roadmap-card .cover img{max-width:100%}.roadmap-list .roadmap-card .text{height:130px;padding:10px;overflow:hidden;font-size:14px;line-height:1.6;text-align:left;color:#666}.roadmap-list .roadmap-card .text .h1{font-size:16px;color:#000}.cart-item{display:flex;align-items:center;flex-direction:row;background-color:#fff;padding:20px;font-size:18px}.cart-item:not(:last-child){border-bottom:1px solid #eee}.cart-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.cart-item .title{flex:5 1;cursor:pointer}.cart-item .price{flex:1 1;text-align:right}.cart-item .actionbar{margin-left:10px}.flex-right{display:flex;justify-content:flex-end}.footer-box{padding:20px;text-align:center;color:#aaa}.footer-box a{color:#aaa}.footer-box a:hover{text-decoration:underline}.ft-top-notice{z-index:2;background-color:#ffc456;height:60px;position:fixed;bottom:0;width:100%}.ft-top-notice .closebtn{position:absolute;right:10px;top:15px}.ft-top-notice .container{height:100%}.ft-hero-div{margin-top:100px;margin-bottom:40px;max-height:400px}.ft-hero-div .container .hero-box{display:flex;flex-direction:row;border-radius:10px;height:auto!important;cursor:pointer}.ft-hero-div .container .hero-box img{border-radius:10px;width:100%;max-height:400px}.ft-bg-blue{background-color:#069efc}.ft-bg-navy{background-color:#435175}.ft-bg-red{background-color:#d14657}.ft-bg-yellow{background-color:#f99a01}.ft-bg-green{background-color:#2a6049}.cate-tab{height:60px;background-color:hsla(0,0%,98%,.95);display:flex;align-items:center}.cate-tab ul{height:100%;padding:0;display:flex}.cate-tab ul li{font-size:18px;display:inline-block;height:100%}.cate-tab ul li:not(:last-child){margin-right:50px}.cate-tab ul li a{position:relative;display:flex;height:60px;align-items:center;text-decoration:none;border-bottom:5px solid transparent;color:#8a9ba8}.cate-tab ul li a:after{content:"";display:block;height:8px;width:0;position:absolute;bottom:-5px;background-color:#0e5a8a;opacity:1;transition:all .3s}.cate-tab ul li a.active{color:#0e5a8a}.cate-tab ul li a.active:after{width:100%;position:absolute;bottom:-5px;opacity:1}.cate-tab ul li a:hover{color:#106ba3}.cate-tab ul li a:hover:after{background-color:#106ba3;width:100%}.maximg img{max-width:100%}.cate-course-list{background-color:#fff;display:flex;padding-top:30px;padding-bottom:30px}.cate-course-list .container{text-align:center}.cate-course-list .course-card{display:inline-flex;width:300px;height:290px;margin:15px;padding:0;flex-direction:column}.cate-course-list .course-card .cover{border-top-left-radius:5px;border-top-right-radius:5px}.cate-course-list .course-card .cover img{max-width:100%}.cate-course-list .course-card .content{height:90px;padding:10px;overflow:hidden;text-align:left}.cate-course-list .course-card .content .title{font-size:16px;line-height:24px;font-weight:700}.cate-course-list .course-card .content .subtitle{font-size:14px;line-height:24px;color:#000}.cate-course-list .course-card .actionbar{position:relative;bottom:0;width:100%;height:40px;display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid #eee}.cate-course-list .course-card .actionbar .left,.cate-course-list .course-card .actionbar .right{height:100%;display:flex;align-items:center;padding:10px}.overbox{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.overbox .centerbox{max-width:400px;min-width:400px;min-height:100px;background-color:#fff;border-radius:5px;padding:20px}.section-qr{position:relative}.section-qr .close-button{position:absolute;right:-30px;top:-30px;cursor:pointer;z-index:999}.section-qr .close-button svg{fill:#fff;color:#fff}.course-box{min-height:200px;display:flex;color:#fff}.course-box .title{font-size:24px;font-weight:700}.course-box .subtitle{margin-top:15px;font-size:18px}.course-box .desp{margin-top:30px;line-height:1.8;max-width:600px}.course-box .content-box{flex:1 1}.course-box .content-box .container{display:flex;flex-direction:row}.course-box .content-box .container .right{width:200px}.course-box .content-box .container .right .author-info{margin-top:20px;margin-bottom:40px;padding:20px;border-radius:5px}.course-box .content-box .container .right .author-info .avatar img{max-width:120px;max-height:120px;border-radius:100%;box-shadow:0 2px 4px rgba(0,0,0,.16)}.course-box .content-box .container .right .author-info .avatar img:hover{box-shadow:0 8px 16px rgba(0,0,0,.16);transform:scale(1.02)}.course-box .content-box .container .right .author-info .author-title{text-align:center;margin-bottom:10px;margin-top:10px;font-size:18px}.course-box .content-box .container .right .author-info .author-desp{line-height:1.8}.course-box .content-box .container .left{flex:1 1;margin-top:10px}.course-box .content-box .container .left .catebutton{margin-bottom:10px}.course-box .actionbar{margin-top:30px}.course-box .actionbar>:not(:last-child){margin-right:10px}.course-box .actionbar>*{margin-bottom:10px}.course-index{max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:100px}.course-index .chapter:not(:first-child){margin-top:20px}.course-index .chapter .title{display:flex;align-items:center;flex-direction:row;padding:10px;border-radius:10px;background-color:rgba(0,0,0,.05);font-size:20px;font-weight:500}.course-index .chapter .title .text{padding-left:10px;flex:1 1}.course-index .chapter .title .action{width:50px;padding-right:10px}.course-index .section-list{display:flex;flex-direction:column;padding:0}.course-index .section-list>li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee;font-size:18px;border-radius:5px;cursor:pointer}.course-index .section-list>li .duration{font-size:small}.course-index .section-list>li:hover{background-color:rgba(0,0,0,.05);color:#435175}.course-index .section-list>li.active{background-color:#435175;color:#fff}.page-box{margin-top:60px}.section-top-title{color:#fff;font-size:18px;padding:10px}.section-video video.dplayer-video{width:100%;max-height:calc(100vh - 100px)}.section-markdown{margin-top:10px;font-size:16px;padding:10px}.ft-countdown-box{width:300px;height:300px;padding:20px;background-color:hsla(0,0%,100%,.6);border-radius:5px;position:fixed;left:calc(50% - 150px);top:20vh;text-align:center}.ft-countdown-box .spinner{padding:10px;margin-top:50px}.ft-notop{margin-top:60px;padding-top:20px;padding-bottom:40px}.ft-notop .hero-box{cursor:default}.notice-box{background-color:#fff;padding:20px;font-size:18px}.top50{margin-top:50px}.right20{margin-right:20px}.bottom20{margin-bottom:20px}.ft-post-page{margin-left:auto;margin-right:auto;max-width:800px;padding-top:20px}.ft-post-page .whitebox{margin-bottom:120px;background-color:#fff;padding:40px;border-radius:5px}.ft-post-page .whitebox.small-margin{margin-bottom:30px}.promo-code{font-size:18px}.promo-code span.code{background-color:#ff0;padding:5px;margin-right:10px}.mr5{margin-right:5px}.whitebox{margin-bottom:120px;background-color:#fff;padding:20px;border-radius:5px}.whitebox.small{margin-bottom:30px}.whitebox.big-font{font-size:18px;font-family:Georgia,Times New Roman,Times,serif,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.marktext{line-height:1.8;font-size:16px;word-wrap:break-word;text-align:justify}.marktext strong{font-weight:400;background-color:#fdf6e3;padding:3px;margin-left:2px;margin-right:2px}.marktext .markimg{display:block;border-radius:5px;margin:20px auto}.marktext h1,.marktext h2,.marktext h3,.marktext h4,.marktext h5{margin-top:20px;margin-bottom:0}.marktext ol,.marktext ul{padding:20px}.marktext ol li,.marktext ul li{margin-left:0;list-style:inside lower-roman}.marktext ul li{list-style:none}.marktext ul li:before{content:"🎈";margin-right:5px}.marktext blockquote{border-left:3px solid #0e5a8a;margin-left:0;padding-left:10px}.marktext a{color:#0866a0;text-decoration:none}.marktext a:hover{padding-bottom:3px;border-bottom:1px solid #0866a0}.marktext pre>code{font-size:14px;font-family:SourceCode pro,Courier,Monaco,monospace}.level1{box-shadow:0 2px 4px rgba(0,0,0,.16);transition:all .5s}.level1:hover{box-shadow:0 8px 16px rgba(0,0,0,.16);transform:scale(1.02);transition:all .5s}.pointer{cursor:pointer}.flex,.flexcenter{display:flex}.flexcenter{align-items:center}.flexcenter,.hcenter{justify-content:center}.fullcenter,.vcenter{align-items:center}.fullcenter{min-height:100vh;overflow-y:hidden;display:flex;justify-content:center}.container{max-width:1000px;margin-left:auto;margin-right:auto}.left-5{margin-left:5px}.top-10{margin-top:10px}.outline.bp3-button{border:1px solid #bfccd6}.white.bp3-button .bp3-button-text,.white.bp3-button svg{color:#fff}:focus{outline:none}.std-hr{border-top:1px solid #eee;margin-top:20px;padding-bottom:20px}.course-detail-box{margin-top:30px}.course-detail-box .bp3-tab-list>*{font-size:18px}.subscribe-line{background-color:#fff;border-radius:10px;padding:30px;display:flex;flex-direction:row;align-items:center}.subscribe-line>*{margin-right:10px}.subscribe-line .left{width:160px}.subscribe-line .center{font-size:20px;font-family:Georgia,Times New Roman,Times,serif}.subscribe-line .center span{font-size:16px;color:#0e5a8a}.subscribe-line .right>*{margin-right:10px}.subscribe-line .right>span{font-size:18px;color:#0e5a8a}.subcribe-explain{margin-top:20px;background-color:#fff;border-radius:10px;padding:30px;font-size:20px;line-height:1.6}.subcribe-explain h3{margin-top:10px;margin-bottom:10px}.subcribe-explain ol,.subcribe-explain ul{margin-top:5px;font-size:18px}.subcribe-explain .small{font-size:18px;color:#aaa;line-height:1}.listinbox{margin-top:5px;font-size:18px;line-height:1.8}.userbox{color:#aaa}.row-half{display:flex;flex-direction:row}.row-half>*{display:flex;flex:1 1}.row-half>:last-child{justify-content:flex-end;padding-left:5px}.row-half>:not(:last-child){padding-right:5px}.mt-10{margin-bottom:10px}.my-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.my-row>*>:not(:last-child){margin-right:10px}@media (max-width:600px){.course-box .content-box .container{display:flex;flex-direction:column}.course-box .content-box .container>*{padding:20px}.course-box .content-box .container .right{width:100%}.course-box .content-box .container .right .author-info{padding:40px}.course-index .chapter .title,.course-index .section-list>li{border-radius:0}.hero-box,.hero-box img{border-radius:0!important}.ft-top-nav .logo{margin-left:10px}.ft-top-nav .logo img{max-height:40px}.rs-title{margin-left:10px;margin-right:10px}.ft-hero-div{margin-top:60px;margin-bottom:0}.subscribe-list .container{flex-direction:column-reverse!important;align-items:center}.subscribe-list .container .subscribe-card{margin-right:0!important}.subscribe-list .container .subscribe-card:not(:first-child){margin-bottom:20px}.works-list .container{align-items:center!important;display:flex;flex-direction:column!important}.works-item{flex-direction:column!important;height:auto!important;margin:10px;width:300px!important}.works-item .screensnap{min-height:300px;border-top-left-radius:5px!important;border-bottom-left-radius:0!important;border-top-right-radius:5px!important;border-bottom-right-radius:0!important;max-width:100%}.works-item .screensnap.timetodo:hover .app{transform:scale(1)}.works-item .desp{border-top-left-radius:0!important;border-bottom-left-radius:5px!important;border-top-right-radius:0!important;border-bottom-right-radius:5px!important;max-width:100%}.works-item .desp .actionbar{height:auto!important;position:relative!important;bottom:auto!important}.works-item .desp .actionbar>:not(:last-child){margin-right:10px!important}.works-item .desp .actionbar>*{margin-bottom:10px!important}.subcribe-explain{border-radius:0}.subscribe-line{border-radius:0;flex-direction:column;align-items:center}.subscribe-line>*{margin-bottom:20px}.subscribe-line .right{display:flex;flex-direction:column}.subscribe-line .right>*{margin-bottom:20px}.my-row{flex-direction:column}}.white-box{padding:10px;background-color:#fff}.white-box .subtitle{text-align:center;font-size:18px}.white-box{padding-bottom:20px}.whiteitem{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:18px;background-color:#fff;border-radius:4px}.whiteitem .thetitle{font-size:20px;margin-right:8px}.whiteitem .duration{border:1px solid #0e5a8a;color:#0e5a8a;font-size:small;padding:2px 4px;border-radius:4px}.whiteitem .check-icon{margin-left:10px;color:#ccc}.whiteitem .check-icon .done{color:#0e5a8a!important}.whiteitem:not(:last-child){border-bottom:1px solid #eee}.whiteitem:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.whiteitem:last-child{border-top-left-radius:0;border-top-right-radius:0}.wanmian-info{display:flex;flex-direction:row;background-color:rgba(0,0,0,.3);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px;border-radius:4px;margin-top:10px;margin-bottom:10px}.wanmian-info>:not(:last-child){margin-right:10px}.discount-box{background-color:#fff;border-radius:4px;max-width:500px;padding:20px;margin-right:auto;margin-left:auto}.discount-box .big-title{font-size:20px;margin-bottom:10px}.discount-box .price-box{max-width:300px;margin-right:auto;margin-left:auto;display:flex;flex-direction:column;padding:20px}.discount-box .price-box>*{flex:1 1;display:flex;justify-content:center;font-size:48px;font-family:Georgia,Times New Roman,Times,serif}.discount-box .price-box>.old-price{color:#aaa;font-size:32px;display:flex;align-items:center;margin-left:10px}.discount-box .price-box>.now-price{color:#0e5a8a}.discount-box .center-box{display:flex;flex-direction:column;align-items:center}.discount-box .explain{margin-top:10px;color:#666;text-align:center}.discount-box .std-hr{width:100%;border-top:1px solid #eee;margin-top:20px;padding-bottom:20px}.text-gray-300{--tw-text-opacity:1}.text-gray-300,.text-gray-300 .bp3-checkbox{color:rgba(209,213,219,var(--tw-text-opacity))}.the-gray{color:#aaa}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.ml-2{margin-left:1rem}.ml-1{margin-left:.2rem}.mr-2{margin-right:1rem}.share-box{margin:100px 3rem 3rem;padding:3rem;background-color:#fff;border-radius:.5rem}.share-box textarea{width:100%;color:#999;min-height:80px}.share-box .btnline{line-height:3rem}.badge{color:#fff;padding:3px 5px;font-size:12px;border-radius:4px}.section-item.active .badge{background-color:#fff;color:#435175}.road{max-width:100%;max-height:100%;cursor:zoom-in}
/*# sourceMappingURL=main.1acf2e16.chunk.css.map */