.header-picture .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.header-picture .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.header-picture .slick-list:focus{outline:none}.header-picture .slick-list.dragging{cursor:pointer;cursor:hand}.header-picture .slick-slider .slick-list,.header-picture .slick-slider .slick-track{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.header-picture .slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.slick-loading .header-picture .slick-track{visibility:hidden}.header-picture .slick-slide{height:100%;min-height:1px}.slick-initialized .header-picture .slick-slide{display:block}.slick-vertical .header-picture .slick-slide{display:block;height:auto;border:1px solid transparent}.header-picture .slick-arrow.slick-hidden{display:none}.header-picture .full-width{width:100vw;border:0}.header-picture .swiper-item img{display:inline-block}.header-picture .slick-dotted.slick-slider{margin-bottom:30px}.header-picture .slick-dots{position:absolute;bottom:5px;width:100%;padding:0;margin:0;text-align:center}.header-picture .slick-dots li{position:relative;display:inline-block;width:20px;height:10px;padding:0;cursor:pointer}.header-picture .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.header-picture .slick-dots li button:focus,.header-picture .slick-dots li button:hover{outline:none}.header-picture .slick-dots li button:focus:before,.header-picture .slick-dots li button:hover:before{opacity:1}.header-picture .slick-dots li button:before{position:absolute;top:0;left:0;width:8px;height:8px;background:#000;content:"";text-align:center;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:100%}.header-picture .slick-dots li.slick-active button:before{opacity:.75}.header-picture{width:100vw;background-color:#fafafa}.header-picture .img-picture{width:100vw;border:0}.header-picture .bg-picture{background-repeat:no-repeat;background-position:0 0}.header-picture .header-skeleton-picture{height:370px;width:100vw}.course-info{width:100vw}.course-info .course-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.course-info .course-title{font-weight:700;font-size:14px;color:#000;flex:1}.course-info .course-title-icon{margin-left:14px;margin-top:3px;width:54px;height:19px;background:#efefef;border-radius:2px;display:block;background-size:100% 100%;background-repeat:no-repeat;background-position:0 0}.course-info.skeleton .course-title{height:42px;background:#efefef}.course-info .course-detail{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.course-info .course-detail .detail-item{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;margin-bottom:5px}.course-info .course-detail .item-name{width:42px;font-size:14px;color:#999;font-weight:500;line-height:24px}.course-info .course-detail .item-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;line-height:24px;font-size:14px;color:#111;flex:1;margin-left:5px}.course-info .course-detail .item-content .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%}.course-info .course-detail .item-content .row-icon{width:54px;height:18px;background:#fff;border-radius:2px;display:block;margin-left:6px;background-position:0 0;background-size:auto 18px;background-repeat:no-repeat}.course-info .course-detail.skeleton .item-content .row,.course-info .course-detail.skeleton .item-name{background:#efefef;height:24px}.course-info .course-detail.skeleton .none .item-content .row,.course-info .course-detail.skeleton .none .item-name{background:transparent}.card{background:#efefef;padding-bottom:10px;width:100vw;overflow:hidden}.card.no-bottom-gap{padding-bottom:0;border-bottom:1px solid #efefef}.card-section{background:#fff;padding:12px 15px;box-shadow:0 3px 3px 0 rgba(0,0,0,.05);overflow:hidden}.card-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:18px;margin-bottom:12px}.card-title .title{font-size:14px;color:#888;font-weight:500}.card-title .extra{font-size:14px;color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;justify-content:flex-end;align-items:center}.card-title .extra:after{content:"";border-left:2px solid #999;border-bottom:2px solid #999;width:8px;height:8px;transform:rotate(45deg);display:block;border-color:#999 #999 currentcolor currentcolor;border-style:solid solid none none;border-width:2px 2px 0 0}.qa-container{flex-direction:column;min-height:40px}.qa-container,.qa-container .qa-item{display:flex;align-items:center;justify-content:flex-start}.qa-container .qa-item{flex-direction:row;height:20px;margin-bottom:10px;width:100%}.qa-container .qa-item:last-child{margin-bottom:0}.qa-container .qa-item .qa-question-icon{width:14px;height:14px;background-size:100% 100%;background-repeat:no-repeat;background-position:0 0;background-color:#efefef;display:block;margin-right:9px}.qa-container .qa-item label{display:block;flex:1;font-size:14px;height:20px;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-container.skeleton .qa-item label{background:#efefef}.abcmouse-qa .material-dialog .keypoint{border-bottom:1px solid #efefef;padding:0 15px}.material-dialog{position:fixed;left:0;top:0;bottom:0;background:transparent;display:block;z-index:20000}.material-dialog.visible .mask{display:block}.material-dialog.visible .dialog-content{visibility:visible;transform:translateZ(0)}.material-dialog .mask{top:0;left:0;right:0;bottom:0;position:fixed;background:rgba(0,0,0,.4);z-index:20000;width:100vw;height:100vh;display:none}.material-dialog .dialog-content{background:#fff;position:absolute;bottom:0;right:0;left:0;visibility:none;z-index:30000;width:100vw;transition:all .3s ease-in;transform:translate3d(0,100%,0);border-top-left-radius:20px;border-top-right-radius:20px;height:80vh}.material-dialog .dialog-content .dialog-title{margin:0 15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:48px;font-weight:500}.material-dialog .dialog-content .dialog-title .closable{width:100px;height:48px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;cursor:pointer;-webkit-tap-highlight-color:transparent;background-repeat:no-repeat;background-position:100%;background-size:20px 20px}.material-dialog .dialog-content .dialog-main{height:calc(80vh - 48px);overflow-y:auto;width:100vw;overflow-x:hidden}.keypoint{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;margin-right:-16px;padding-bottom:0}.keypoint label{font-size:10px;color:#333;font-weight:500;margin-bottom:13px;margin-right:16px;border-radius:20px;cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex;height:20px;padding:0 10px;text-align:center;line-height:20px;background:#fff6d6}.keypoint.skeleton label{width:50px;background:#efefef}.common-qa-detail{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.common-qa-detail .qa{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.common-qa-detail .qa .qa-item .qa-question{display:flex;flex-direction:row;justify-content:flex-start;font-size:14px;color:#000;font-weight:700;align-items:flex-start}.common-qa-detail .qa .qa-item .qa-question .question-icon{display:block;width:14px;height:14px;background:#efefef;background-repeat:no-repeat;background-size:100% 100%;margin-right:6px;position:relative;top:5px}.common-qa-detail .qa .qa-item .qa-question .content{display:block;flex:1}.common-qa-detail .qa .qa-item .qa-answer{margin-top:14px}.common-qa-detail .qa .qa-item .qa-answer .answer-item{display:flex;flex-direction:row;justify-content:flex-start;font-size:14px;color:#000;align-items:flex-start;margin-bottom:4px}.common-qa-detail .qa .qa-item .qa-answer .answer-item .answer-icon{display:block;width:14px;height:14px;background:#efefef;background-repeat:no-repeat;background-size:100% 100%;margin-right:6px;position:relative;top:5px}.common-qa-detail .qa .qa-item .qa-answer .answer-item .answer{flex:1}.common-qa-detail .qa .qa-item .qa-answer .answer-item .answer .username{font-size:12px;color:#888;display:inline;margin-right:6px}.common-qa-detail .qa .qa-item .qa-answer .answer-item .answer .content{font-size:12px}.common-qa-detail .qa .card:last-child{padding-bottom:0}.detail-picture{width:100vw;overflow-x:hidden}.detail-picture .picture{width:100vw;border:0;height:auto}.material-img.skeleton{height:370px;width:100vw;background:#fafafa;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.material-img.skeleton img{width:60px;height:60px;border:0}.material-img.skeleton span{font-size:12px;margin-top:5px;color:#888}.font-num{font-family:din}.single-purchase-bar{height:60px;height:calc(60px + constant(safe-area-inset-bottom));height:calc(60px + env(safe-area-inset-bottom));width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;background-size:100% 100%;box-shadow:0 -2px 3px 0 rgba(0,0,0,.05)}.single-purchase-bar .bar-left{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:120px;height:inherit}.single-purchase-bar .bar-left .price{display:flex;flex-direction:row;align-items:center;justify-content:center;height:inherit}.single-purchase-bar .bar-left .price .price-unit{font-size:21.6px;letter-spacing:0;color:#ff5831;font-weight:700;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;height:36px;line-height:16px}.single-purchase-bar .bar-left .price .price-num{font-size:40.8px;color:#ff5831;letter-spacing:-3.6px;font-weight:700;font-family:din;height:36px;line-height:36px}.single-purchase-bar .bar-left .sale-point{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-left:10px;height:inherit;height:36px}.single-purchase-bar .bar-left .sale-point .price-icon{width:52px;height:16px;background:#ff5831;border-radius:2px;display:block;color:#fff;font-size:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 2px}.single-purchase-bar .bar-left .sale-point .origin-price{text-decoration:line-through;font-size:10px;color:#888;line-height:1}.single-purchase-bar .bar-right{display:flex;flex-direction:column;align-items:center;justify-content:center;height:inherit;flex:1;box-sizing:border-box}.single-purchase-bar .bar-right .purchase{background-image:linear-gradient(180deg,#ff9811 3%,#f53);box-shadow:0 8px 16px 0 rgba(255,85,51,.3);border-radius:27.5px;font-size:16px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px;width:100%}.single-purchase-bar .bar-right .purchase.animation{-webkit-animation:purchase-heart-beat 2.3s infinite;animation:purchase-heart-beat 2.3s infinite}.single-purchase-bar.red-theme .bar-left .price .price-num,.single-purchase-bar.red-theme .bar-left .price .price-unit{color:#fc3b15}.single-purchase-bar.red-theme .bar-right .purchase{background-image:linear-gradient(180deg,#fd681f 3%,#f71919)}.single-purchase-bar .query-course{background-image:linear-gradient(180deg,#ff9811 3%,#f53);box-shadow:0 8px 16px 0 rgba(255,85,51,.3);border-radius:27.5px;height:40px;font-size:16px;color:#fff;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}@keyframes purchase-heart-beat{14.1%{transform:scale(1.1)}28.2%{transform:scale(.9)}41.3%{transform:scale(1)}48.2%{transform:scale(.98)}57.4%{transform:scale(1)}}.h5-body,body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.__purchase_button__{display:inline-block;margin:0;padding:0}.__purchase_button__,.__purchase_button__:after{background:transparent;border:0}.box{display:inline-block;max-width:85vw;min-width:95px;padding:9px 15px;box-sizing:border-box;text-align:center;word-break:break-all;white-space:pre-wrap;font-size:0;color:#fff;background-color:rgba(58,58,58,.9);border-radius:3px;opacity:0;backface-visibility:hidden;transition:opacity .3s,transform .3s;position:fixed;top:50%;left:50%;transform:scale(.9) translate(-50%,-50%)}.enter{opacity:1;transform:scale(1) translate(-50%,-50%) translateZ(199999px)!important;z-index:199999!important}.exit{opacity:0;transform:scale(.9) translate(-50%,-50%)}.message{line-height:1.5;font-size:14px}.wrapper{margin:0 auto 7px;width:36px;height:36px}.loading{animation:loading 1s linear infinite}@keyframes loading{to{transform:rotate(1turn)}}@font-face{font-family:din;src:url("data:font/ttf;base64,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") format("truetype");font-weight:400;font-style:normal}.din{font-family:din}.disable-page-scroll{height:100%;overflow:hidden}