@charset "UTF-8";.about-page h1{margin-bottom:24px}.about-wrap{background-color:#fff;border-radius:8px;padding:32px}@media screen and (max-width:1024px){.about-wrap{padding:24px}}@media screen and (max-width:767px){.about-wrap{padding:16px}}.about-content{margin:0 auto;width:100%;max-width:970px}.about-section{margin-bottom:24px}.about-section:nth-child(n+3){margin-bottom:32px}.about-section-title{font-size:24px;color:#52bee5;margin:24px 0}#container{-ms-flex:1 0 auto;flex:1 0 auto}.container{width:100%;max-width:1204px;margin:0 auto;padding:0 24px}.container.sm{max-width:1150px}@media screen and (max-width:1280px){.container{max-width:100%;padding:0 24px}}@media screen and (max-width:1024px){.container{padding:0 16px}}.page-wrapper{padding-top:32px;margin-bottom:24px}@media screen and (max-width:1024px){.page-wrapper{padding-top:24px}}@media screen and (max-width:767px){.page-wrapper{padding-top:16px}}.box{border-radius:8px;background-color:#fff;padding:24px}@media screen and (max-width:1024px){.box{padding:16px}}.box-hover:hover{box-shadow:0 0 20px 0 rgba(82,190,255,.2)}.search-info{margin-bottom:32px}.search-info .icon-search{width:22px;height:22px;vertical-align:middle;margin-right:5px}@media screen and (min-width:1025px){.articles-list{padding:32px 72px;background-color:#fff}}@media screen and (max-width:1024px){.articles-list{display:flex;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}.articles-list .article-img{height:186px;width:100%;margin-bottom:12px}.articles-list .article-title{margin-bottom:6px}}@media screen and (max-width:767px){.articles-list .article-img{height:144px}.articles-list .article-title{margin-bottom:12px}}.articles-list .article{display:flex;display:-ms-flexbox;flex-direction:column;-ms-flex-direction:column}.articles-list .article-box{padding:24px 0;border-radius:0}@media screen and (max-width:1024px){.articles-list .article-box{display:flex;display:-ms-flexbox;flex-direction:column;-ms-flex-direction:column;-ms-flex:0 0 calc(50% - 8px);flex:0 0 calc(50% - 8px);width:calc(50% - 8px);padding:16px;border-radius:8px;margin-bottom:16px}.articles-list .article-box:nth-child(2n){margin-left:16px}}@media screen and (max-width:767px){.articles-list .article-box{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}.articles-list .article-box:nth-child(2n){margin-left:0}}.articles-list .article-box:hover{box-shadow:none;background-color:#f7fcfe}.articles-list .article-info{margin-top:auto}@media screen and (max-width:1024px){.articles-list .article-info{display:flex;display:-ms-flexbox;flex-direction:column;-ms-flex-direction:column}.articles-list .article-info .article-info-item:last-child{margin-top:6px}}.articles-page .inner{max-width:920px;margin:0 auto}.article-detail-wrapper{background-color:#fff;padding:30px 0 44px;border-radius:8px;margin-bottom:32px}@media screen and (max-width:1024px){.article-detail-wrapper{padding:16px 0;margin-bottom:16px}}@media screen and (max-width:1024px){.article-detail-info{padding:0 24px}}@media screen and (max-width:767px){.article-detail-info{padding:0 16px}.article-detail-info .article-info-item{display:block;margin:6px 0}}.article-detail-info .article-title{margin-top:10px;margin-bottom:16px}@media screen and (max-width:767px){.article-detail-info .article-title{margin-bottom:12px}}.article-detail-img{margin:24px 0}.article-detail-img img{width:100%;height:100%;max-height:400px;object-fit:contain}@media screen and (max-width:1024px){.article-detail-desc{padding:0 24px}}@media screen and (max-width:767px){.article-detail-desc{padding:0 16px}}.article-detail-desc img{max-width:100%}.article-detail-action{background-color:#fff;border-radius:8px;box-shadow:0 0 20px -10px rgba(82,190,255,.5)}.article-detail-action .article-switch{display:flex;display:-ms-flexbox;padding:24px 48px;border-bottom:1px solid #e0eff5}@media screen and (max-width:767px){.article-detail-action .article-switch{-ms-flex-direction:column;flex-direction:column;padding:16px}}.article-detail-action .article-switch .article-title{margin:16px 0}.article-detail-action .article-switch-next,.article-detail-action .article-switch-pre{-ms-flex:1;flex:1}.article-detail-action .article-switch-next{text-align:right}@media screen and (min-width:1025px){.article-detail-action .article-switch-next{border-left:1px solid #e0eff5}}@media screen and (max-width:767px){.article-detail-action .article-switch-next{border-top:1px solid #e0eff5;margin-top:16px;padding:16px}}.article-detail-action .article-switch-next .icon-next{transform:rotate(180deg)}.article-detail-action .article-switch-link{font-size:20px}.article-detail-action .article-date{font-size:16px;padding:0}.article-detail-action .back-to-list{text-align:center;padding:16px;font-size:20px}.article-detail-action .back-to-list .icon-list{font-size:24px;margin-right:6px}.article-detail-action .back-to-list span{vertical-align:middle}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{width:100%;height:100%}body{font-size:18px;line-height:normal;font-weight:400;color:#37474f;background-color:#f6f7fa;display:flex;display:-ms-flexbox;flex-direction:column;-ms-flex-direction:column}.link,a{transition:background-color,.3s,color,.3s,border,.3s;color:inherit;text-decoration:none;cursor:pointer;border:none;padding:0;background-color:transparent;outline:none}.link:hover,a:hover{text-decoration:underline}.link:active,a:active{color:inherit}.link.no-style:hover,a.no-style:hover{text-decoration:none}img{object-fit:contain}.btn,button{text-align:center;cursor:pointer;transition:background-color,.3s,color,.3s,border,.3s;box-sizing:border-box;-moz-appearance:none;-webkit-appearance:none}.btn.active,.btn:active,.btn:focus,button.active,button:active,button:focus{outline:none}.clear{*zoom:1}.clear:after{content:"";display:table;clear:both}.left{float:left}.right{float:right}.common-bg-img{background-repeat:no-repeat;background-position:50%;background-size:cover}.hidden{display:none}a,div,input,li,table,td,textarea,th,ul{box-sizing:border-box}.material-icons{vertical-align:middle}input{-moz-appearance:none;-webkit-appearance:none;width:100%}input::-ms-clear{display:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select,textarea{-moz-appearance:none;-webkit-appearance:none}select{position:relative;border-radius:0;border:0;background-color:transparent}select::-ms-expand{display:none}input:focus,select:focus,textarea:focus{outline:none}button,input,select,textarea{font-family:inherit;font-size:inherit}@media screen and (min-width:0px) and (max-width:1025px){.btn,button{padding:8px 0}}.font-base,body,html{font-family:PingFang Tc,微軟正黑體,Microsoft JhengHei,SF Pro Rounded,Arial,sans-serif}.text-blue{color:#52bee5}.text-gray{color:#607d8b}.text-orange{color:#fd9552}.text-yellow{color:#ffeeae}.text-red{color:#f05050}.text-green{color:#00bea4}.text-medium{font-weight:500}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.text-title{font-size:20px;color:#263237;font-weight:500}.text-main-title{font-size:24px;font-weight:500}.price{text-align:right;font-size:32px!important}@media screen and (max-width:1024px){.price{-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-width:767px){.price{-ms-flex-align:end;align-items:flex-end}}.price .dollar{font-size:20px;margin-right:4px}.price-ori{font-size:14px;text-decoration:line-through;line-height:1}.price-now{font-weight:700!important;line-height:1}.price-now .dollar{font-weight:500}@media screen and (max-width:1024px){.price-now{margin-left:6px}}.rich-edit blockquote{background-color:#f7fcfe;border-left:4px solid #52bee5;padding:24px;margin:24px 0}.rich-edit strong{font-weight:700}.rich-edit em{font-style:italic}.rich-edit a{display:inline-block;color:#fd9552;text-decoration:underline}.rich-edit img{padding-top:5px;max-width:100%;height:auto}.rich-edit ol{list-style:decimal;margin-bottom:5px}.rich-edit ul{list-style-type:disc;margin-bottom:5px}.rich-edit ol li,.rich-edit ul li{margin-left:1.5em}@media screen and (min-width:0px) and (max-width:1025px){.rich-edit img{width:100%;height:100%}}[v-cloak]{display:none}html.menu-noscroll,html.popup-noscroll{overflow:hidden!important;height:100%!important}body.-is-fixed,html.-is-fixed{overflow-y:hidden}body.-is-fixed-still,html.-is-fixed-still{position:fixed}button span,button svg{pointer-events:none}#toast-container>.toast-success{background-image:none;background-color:#52bee5;opacity:.9}.cert-body{height:842px;width:595px;margin-left:auto;margin-right:auto;background-color:#bbb}.cert-wrap{position:relative;max-width:600px;margin:0 auto}.cert-inner{position:absolute;text-align:center;width:100%;top:165px;padding:0 100px}.cert-name{font-size:40px;color:#263237;letter-spacing:6px;margin-bottom:8px}.cert-date{font-size:14px;margin-bottom:20px}.cert-detail{font-size:9px;max-width:350px;margin:0 auto}.cert-detail td,.cert-detail th{padding:6px;vertical-align:top}.cert-detail th{color:#607d8b;text-align:right;white-space:nowrap;font-weight:400}.cert-detail td{text-align:left}.step-bar{-ms-flex-pack:justify;justify-content:space-between;font-size:20px;margin:0 auto;margin-bottom:32px}@media screen and (max-width:767px){.step-bar{font-size:18px;-ms-flex-pack:center;justify-content:center}}.step-item{width:33.33%;position:relative;text-align:center}.step-item.active .step-num,.step-item.done .step-num{background-color:#61c9ee}.step-item.active .step-title,.step-item.done .step-title{color:#52bee5}@media screen and (min-width:768px){.step-item.active+.step-item:after,.step-item.done+.step-item:after{background-color:#61c9ee}}@media screen and (max-width:767px){.step-item:not(:last-child){margin-right:16px}.step-item.done:after{background-color:#61c9ee}}.step-item.active .step-num{box-shadow:0 0 0 7px rgba(97,201,238,.2)}.step-item:after{content:"";height:4px;width:30%;background-color:#edeff2;position:absolute;top:14px;left:-15%}@media screen and (max-width:767px){.step-item:after{width:16px;height:2px;position:relative;display:inline-block;top:-5px;left:unset}}@media screen and (min-width:768px){.step-item:first-child:after{content:none}}@media screen and (max-width:767px){.step-item{width:auto}.step-item:last-child:after{content:none}.step-item:not(.active) .step-title{display:none}.step-item.active .step-num{box-shadow:0 0 0 4px rgba(97,201,238,.2)}}.step-num{background-color:#edeff2;color:#fff;border-radius:50%;width:32px;height:32px;text-align:center;line-height:32px;margin-right:5px;display:inline-block}@media screen and (max-width:767px){.step-num{width:24px;height:24px;line-height:24px}}.step-title{color:#b0bec5;display:inline-block}@media screen and (max-width:767px){.cart-container{-ms-flex-direction:column;flex-direction:column}}.cart-list{padding-top:0}.cart-item{position:relative;padding-right:16px;padding-top:40px}@media screen and (max-width:1024px){.cart-item{font-size:16px}.cart-item .item-discount,.cart-item .item-type{display:flex;display:-ms-flexbox;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}}@media screen and (max-width:767px){.cart-item{-ms-flex-wrap:wrap;flex-wrap:wrap}}.cart-item-img{-ms-flex:0 0 120px;flex:0 0 120px;height:70px;background-color:#f6f7fa;margin-right:12px}@media screen and (max-width:767px){.cart-item-img{-ms-flex:0 0 100px;flex:0 0 100px;height:56px}}.cart-item-img img{width:100%;height:100%}.cart-item-info{flex-direction:column;-ms-flex-direction:column;width:100%}@media screen and (max-width:767px){.cart-item-info{-ms-flex:0 0 calc(100% - 100px - 12px);flex:0 0 calc(100% - 100px - 12px)}}.cart-item .item-info-top{display:flex;display:-ms-flexbox;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1024px){.cart-item .item-info-top{margin-bottom:8px}}@media screen and (max-width:1024px){.cart-item .item-info-top .item-price{display:none}}@media screen and (max-width:1024px){.cart-item .item-title{font-size:16px}}.cart-item .item-price{white-space:nowrap;margin-left:12px;width:120px;text-align:right}.cart-item .item-info-bottom{margin-top:auto}@media screen and (min-width:1025px){.cart-item .item-info-bottom{display:flex;display:-ms-flexbox;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}}@media screen and (min-width:768px){.cart-item .item-info-bottom.in-mobile{display:none}}@media screen and (max-width:767px){.cart-item .item-info-bottom{margin-top:8px;width:100%}.cart-item .item-info-bottom:not(.in-mobile){display:none}}.cart-item .item-discount{display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center}.cart-item .item-discount-code{font-size:14px}.cart-item .item-discount-code .material-icons{font-size:16px}@media screen and (min-width:1025px){.cart-item .item-discount-code{margin-right:24px;margin-left:auto}.cart-item .item-discount-code .material-icons{font-size:16px;margin-right:4px}}.cart-item .item-discount-price{color:#f05050;text-align:right}@media screen and (min-width:1025px){.cart-item .item-type .item-price{display:none}}.cart-info-left{-ms-flex:1;flex:1}.cart-info-left .box-title{color:#37474f;margin-bottom:12px}.cart-info-right{width:284px;margin-left:24px}@media screen and (max-width:1024px){.cart-info-right{width:266px;margin-left:16px}}@media screen and (max-width:767px){.cart-info-right{margin-left:0;width:100%}}.cart-warn-title{width:100%;font-weight:400;margin-bottom:6px;color:#ec4e20}.cart-warn-content{line-height:22px;font-size:16px;margin-bottom:6px}.cart-action{color:#b0bec5;font-size:16px;position:absolute;right:0;top:25px;cursor:pointer}.cart-total-sum{padding:16px!important;color:#263237;font-size:16px}.cart-total-sum .sum-head{text-align:center;font-size:18px;font-weight:500}.cart-total-sum .sum-body{padding-top:16px;border-top:1px solid #e0eff5;margin-top:16px}.cart-total-sum .sum-foot{padding-top:24px;border-top:1px solid #e0eff5;margin-top:24px}.cart-total-sum .sum-item{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end}.cart-total-sum .sum-title{font-size:18px}.cart-total-sum .item-price{font-weight:500;font-size:18px;text-align:right}.cart-total-sum .text-orange{color:#ec4e20}.cart-total-sum .btn-fill.second,.cart-total-sum .sum-item~.sum-item{margin-top:24px}.cart-total-sum .discount-input{margin-top:7px;margin-bottom:16px}.cart-bill{margin:16px 0;padding-bottom:0!important}.cart-bill .bill-msg{margin-bottom:24px}.cart-bill .bill-inputs{-ms-flex-wrap:wrap;flex-wrap:wrap}.cart-bill .input-item{-ms-flex:0 0 calc(50% - 12px);flex:0 0 calc(50% - 12px);width:calc(50% - 12px)}@media screen and (max-width:1024px){.cart-bill .input-item{-ms-flex:0 0 100%;flex:0 0 100%}}@media screen and (min-width:1025px){.cart-bill .input-item:nth-child(odd){margin-right:24px}}.cart-result{margin:0 auto;max-width:600px;color:#263237;text-align:center}@media screen and (max-width:767px){.cart-result-msg{text-align:left}}.cart-result-icon{color:#00bea4;font-size:24px;line-height:28px;margin-bottom:24px}@media screen and (max-width:767px){.cart-result-icon{margin-bottom:12px;font-size:24px}}.cart-result-icon img{margin-bottom:16px}@media screen and (max-width:767px){.cart-result-icon img{width:64px;height:64px;margin-bottom:12px}}.cart-result .order-info{margin:24px auto;max-width:460px;line-height:28px}@media screen and (max-width:767px){.cart-result .order-info{margin:16px 0}}@media screen and (min-width:768px){.cart-result .order-info-item>*{-ms-flex:1;flex:1}}@media screen and (max-width:767px){.cart-result .order-info-item{-ms-flex-pack:justify;justify-content:space-between}}.cart-result .order-info-item~.order-info-item{margin-top:16px;border-top:1px solid #e0eff5;padding-top:16px}@media screen and (min-width:768px){.cart-result .btn{width:212px}}@media screen and (max-width:767px){.cart-result .btn{width:100%}}@media screen and (min-width:768px){.cart-result .btn-action .no-style:first-child .btn{margin-right:24px}}@media screen and (max-width:767px){.cart-result .btn-action .no-style:first-child .btn{margin-bottom:16px}}.cart-item~.cart-item{border-top:1px solid #e0eff5;margin-top:24px}.action-current{font-weight:700;color:#fd9552}@media screen and (max-width:1024px){.course-detail-video{width:100%!important}.course-detail-video .course-section-menu,.course-detail-video .menu-control{display:none}.course-tabs-box{width:100%!important}.page-wrapper{margin-bottom:16px}}.course-detail-head{font-size:16px}@media screen and (min-width:1025px){.course-detail-head{padding-bottom:8px;background-color:#217796}}@media screen and (max-width:1024px){.course-detail-head .course-detail-left,.course-detail-head .course-detail-right,.course-detail-head .course-types{position:relative}.course-detail-head .course-detail-left:before,.course-detail-head .course-detail-right:before,.course-detail-head .course-types:before{content:"";position:absolute;z-index:-1;width:calc(100% + 16px * 2);top:-24px;left:-16px;background-color:#217796}.course-detail-head .course-detail-left:before,.course-detail-head .course-types:before{height:calc(100% + 16px * 2);display:block}.course-detail-head .course-detail-right:before{height:417px;top:-16px}}@media screen and (max-width:767px){.course-detail-head .course-detail-right:before{height:167px}}.course-detail-head .container{position:relative}.course-detail-head h1{font-size:28px;margin-bottom:12px}.course-detail-head .tags-wrapper .tag{margin-right:12px;margin-bottom:12px}.course-detail-head .course-brief{letter-spacing:.8px;margin-bottom:24px}.course-detail-head .course-sub-info{-ms-flex-pack:start;justify-content:flex-start;margin-top:12px}@media screen and (max-width:767px){.course-detail-head .course-sub-info{-ms-flex-wrap:wrap;flex-wrap:wrap}}.course-detail-head .course-sub-info .content{padding-left:5px;color:#ffeeae}@media screen and (max-width:767px){.course-detail-head .sub-info-item{-ms-flex:0 0 calc(50% - 12px);flex:0 0 calc(50% - 12px);margin-bottom:6px}.course-detail-head .sub-info-item:nth-child(2n){margin-left:24px}}@media screen and (min-width:768px){.course-detail-head .sub-info-item~.sub-info-item{margin-left:24px}}.course-detail-head .course-teacher .tag{background-color:#fff;color:#217796;pointer-events:none}.course-detail-head .course-teacher-name{font-weight:400}@media screen and (max-width:767px){.course-detail-head{font-size:14px}.course-detail-head .course-types .tag{font-size:16px}.course-detail-head h1{font-size:18px;margin-bottom:6px}.course-detail-head .course-brief{margin-bottom:6px}}@media screen and (max-width:1024px){.course-detail-info{-ms-flex-direction:column;flex-direction:column}}.course-detail-left{-ms-flex:1 0 0px;flex:1 0 0;color:#fff}@media screen and (min-width:1025px){.course-detail-left{margin-right:24px}}.course-detail-right{position:relative;font-size:20px}@media screen and (min-width:1025px){.course-detail-right{width:354px}.course-detail-right .right-wrap{position:absolute;top:0;right:0;width:354px}.course-detail-right .price{font-size:20px!important}.course-detail-right .price-row:first-child{margin-bottom:6px}.course-detail-right .price-row .title{margin-right:12px}.course-detail-right .price-ori{font-size:20px}.course-detail-right .price-now{margin-bottom:16px}.course-detail-right .new-price{font-size:42px;font-weight:700}}@media screen and (max-width:1024px){.course-detail-right{margin-top:24px}}@media screen and (max-width:767px){.course-detail-right{margin-top:10px}}.course-detail-right .teacher-card{width:354px;margin:0;margin-top:24px}@media screen and (max-width:1024px){.course-detail-right .teacher-card{width:100%;margin-top:16px}}.course-detail-right .course-video{height:180px;border:1px solid #e0eff5;background-color:#f6f7fa;margin-bottom:16px;position:relative;cursor:pointer}@media screen and (max-width:1024px){.course-detail-right .course-video{height:385px}}@media screen and (max-width:767px){.course-detail-right .course-video{height:135px}}.course-detail-right .course-video:hover .course-video-icon{width:65px}.course-detail-right .course-video-img,.course-detail-right .course-video .img-box{width:100%;height:100%}.course-detail-right .course-buy-btn .btn~.btn{margin-left:12px}.course-detail-right .course-buy-btn .btn.second{-ms-flex:1;flex:1}@media screen and (max-width:1024px){.course-detail-price{margin-right:16px}.course-detail-price .title{display:none}.course-detail-price .course-detail-price{margin-right:16px}.course-detail-price .price-ori{font-size:14px}.course-detail-price .new-orice{font-size:32px}.course-detail-price .price-ori,.course-detail-price .price-row:first-child{line-height:14px}}@media screen and (max-width:1024px){.course-detail-buy{display:flex;display:-ms-flexbox}.course-detail-buy .course-buy-btn{-ms-flex:1;flex:1}.course-detail-buy .btn-fill{-ms-flex:1;flex:1;width:auto}}@media screen and (max-width:767px){.course-detail-buy{-ms-flex-direction:column;flex-direction:column}.course-detail-buy .price{text-align:left;margin-bottom:16px}}.course-detail-video{background-color:#000;color:#fff;position:relative;overflow:hidden}@media screen and (max-width:1024px){.course-detail-video{margin-bottom:24px}}@media screen and (max-width:767px){.course-detail-video{margin-bottom:16px}}.course-detail-video h1{margin-bottom:24px;padding:0 16px}.course-detail-video .video{width:100%}@media screen and (max-width:1024px){.course-detail-video .video{height:432px}}@media screen and (max-width:767px){.course-detail-video .video{height:180px}}.course-detail-video .video-img{width:100%;height:564px}@media screen and (max-width:1024px){.course-detail-video .video-img{height:432px}}@media screen and (max-width:767px){.course-detail-video .video-img{height:180px}}.course-detail-video .video-img img{display:block;margin:0 auto;width:100%;height:100%}.course-detail-video .menu-control{background-color:#37474f;height:80px;width:32px;border-radius:4px 0 0 4px;position:absolute;z-index:5;top:50%;right:0;text-align:center;line-height:80px;cursor:pointer}.course-detail-video .menu-control .material-icons{color:#fff}.course-detail-video .course-section-menu{position:absolute;right:0;top:0;width:472px;background-color:#fff;transform:translateX(472px);overflow-y:auto}.course-detail-body{margin-bottom:24px}.course-tabs-box{width:calc(100% - 354px - 24px);border-radius:8px;background-color:#fff}@media screen and (min-width:1025px){.course-tabs-box{margin-top:24px;padding:0 12px}}@media screen and (min-width:768px){.course-tabs-box{min-height:700px}.course-tabs-box .tab{width:25%}.course-tabs-box .mobile-tabs{display:none}}@media screen and (max-width:767px){.course-tabs-box .desktop-tabs{display:none}.course-tabs-box .tab{width:33.33%}.course-tabs-box .tab.active{-ms-flex-order:initial;order:0}.course-tabs-box .tab.active:after{content:none}}.course-tabs-box .tabs-box{margin-bottom:0;-ms-flex-direction:row;flex-direction:row}.course-tabs-box .tab-content{padding:24px;padding-top:34px}@media screen and (max-width:1024px){.course-tabs-box .tab-content{padding:24px}}@media screen and (max-width:767px){.course-tabs-box .tab-content{padding:24px 16px 16px}}.course-section-sum{margin-bottom:36px}@media screen and (max-width:1024px){.course-section-sum{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0}}.course-section-sum .item{text-align:center;-ms-flex:1;flex:1}@media screen and (max-width:767px){.course-section-sum .item{-ms-flex:0 0 50%;flex:0 0 50%;margin-bottom:24px}}.course-section-sum .item-title{margin-bottom:16px;font-size:18px}@media screen and (max-width:767px){.course-section-sum .item-title{font-size:16px}}.course-section-sum .item-content{font-size:24px}@media screen and (max-width:767px){.course-section-sum .item-content{font-size:20px}}.course-section-sum .item~.item{border-left:1px solid #f6f7fa}.course-section-item{color:#263237}.course-section-item .icon-done,.course-section-item .icon-play{font-size:16px;margin-right:8px;line-height:24px}.course-section-item .icon-done{color:#52bee5}.course-section-item .section-sub-item{font-size:16px}@media screen and (max-width:767px){.course-section-item .sub-time,.course-section-item .sub-title{-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:12px}}.course-section-item .sub-title{font-size:18px}.course-section-item .sub-title.clickable{cursor:pointer}.course-section-item .sub-material .dropdown-content{width:360px}.course-section-item .sub-action .btn{width:auto;font-size:14px;border-radius:14px;padding:4px 6px;height:auto;margin-right:24px}.course-section-item .sub-action .btn:after{content:"";display:inline-block;margin-left:4px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #fd9552}.course-section-item .sub-action .btn:hover{background-color:#ec4e20}.course-section-item .sub-action .btn:hover:after{border-left-color:#fff}@media screen and (max-width:1024px){.course-section-item .sub-action .btn{background-color:#ec4e20;color:#fff}.course-section-item .sub-action .btn:after{border-left-color:#fff}}.course-section-item .contribution-content{-moz-user-select:none;-webkit-user-select:none;padding:16px;display:none;background-color:#f7fcfe;border-top:1px solid #e0eff5;font-size:16px}.course-section-item .contribution-content.opened{display:block}.course-section-item .collapse-num{width:107px}.course-section-item .collapse-body{padding:16px}@media screen and (max-width:767px){.course-section-item .collapse-head{-ms-flex-direction:column;flex-direction:column;position:relative}.course-section-item .collapse-action{position:absolute;top:16px;right:16px}.course-section-item .collapse-num{margin-bottom:12px;width:auto;border-right:none}}.course-section-tab .course-section-item{margin:16px 0 8px}.course-section-tab .section-sub-item{-ms-flex-align:center;align-items:center;padding:0 8px}@media screen and (max-width:767px){.course-section-tab .section-sub-item{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 12px}}.course-section-tab .section-sub-item~.section-sub-item{border-top:1px solid #e0eff5;padding-top:14px;margin-top:14px}.course-section-tab .sub-title{-ms-flex:1;flex:1}.course-section-tab .sub-time{margin:0 24px}.course-section-tab .sub-material{color:#607d8b}@media screen and (max-width:767px){.course-section-tab .sub-time,.course-section-tab .sub-title{-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:12px}.course-section-tab .sub-title{display:flex;display:-ms-flexbox}.course-section-tab .sub-action{margin-left:24px}}.course-section-menu .course-section-item{margin:0;border:none;border-top:1px solid #e0eff5}.course-section-menu .collapse-box{border-radius:0}.course-section-menu .collapse-head{-ms-flex-direction:column;flex-direction:column;position:relative}.course-section-menu .collapse-action{position:absolute;top:16px;right:16px}.course-section-menu .collapse-num{margin-bottom:12px;width:auto;border-right:none}.course-section-menu .collapse-body{padding:0}.course-section-menu .section-sub-item{padding:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.course-section-menu .sub-title{width:100%;display:flex;display:-ms-flexbox;-ms-flex-align:baseline;align-items:baseline;margin-bottom:12px}.course-section-menu .sub-time{margin-left:22px}.course-section-menu .sub-block{margin-left:auto}@media screen and (max-width:767px){.course-section-menu .sub-block{margin-left:22px;width:100%}}.course-section-menu .sub-material .link{color:#fd9552!important}@media screen and (max-width:767px){.course-section-menu .sub-material .dropdown-content{width:calc(100vw - 32px);right:auto;left:-16px}.course-section-menu .sub-material .dropdown-content:before{right:auto;left:32px}.course-section-menu .sub-material .dropdown-content:after{right:auto;left:30px}}.course-section-menu .sub-contribution{margin-left:32px}@media screen and (max-width:767px){.course-section-menu .sub-contribution{margin-left:auto}}.course-section-menu .sub-contribution.opened .material-icons{transform:rotate(180deg)}.course-section-menu .section-sub-item~.section-sub-item{border-top:1px solid #e0eff5}.course-section-menu.tab-content .collapse-box{border:none;margin:0 -24px}@media screen and (max-width:767px){.course-section-menu.tab-content .collapse-box{margin:0 -16px}}.course-section-menu.tab-content .collapse-head{background-color:#fff}@media screen and (max-width:767px){.course-section-menu.tab-content .collapse-head{padding:12px 16px}}.course-section-menu.tab-content .contribution-content{padding-left:40px}.course-section-menu.tab-content .collapse-box~.collapse-box{border-top:1px solid #e0eff5}.course-comments-intro{margin-bottom:16px}@media screen and (min-width:1025px){.course-comments-intro{padding:0 20px}}.course-comments-intro .link{text-decoration:underline;margin:0 5px}.course-comment-box{border-radius:6px;background-color:#f6f7fa;padding:24px;margin:16px 0 24px}@media screen and (max-width:767px){.course-comment-box{padding:24px 16px;margin:18px 0}}.course-comment-box .comment-user{-ms-flex-align:center;align-items:center;margin-bottom:6px;font-size:14px}@media screen and (max-width:767px){.course-comment-box .comment-user{-ms-flex-align:start;align-items:flex-start}}.course-comment-box .comment-user-info{-ms-flex-align:baseline;align-items:baseline;-ms-flex:1;flex:1}@media screen and (max-width:767px){.course-comment-box .comment-user-info{-ms-flex-wrap:wrap;flex-wrap:wrap}.course-comment-box .comment-user-info .post-time{width:100%;margin-left:0!important;margin-top:6px}}.course-comment-box .comment-user-info .new-message{background-color:#dd4b39;border-radius:.25em;line-height:1;color:#fff;padding:2px;margin-left:10px;font-size:12px}.course-comment-box .comment-user-info .new-message .material-icons{font-size:12px;margin-right:2px}.course-comment-box .comment-user .user-photo{border-radius:50%;width:32px;height:32px;overflow:hidden;margin-right:6px;-ms-flex:0 0 32px;flex:0 0 32px}.course-comment-box .comment-user .user-photo img{width:100%;height:100%;object-fit:cover}.course-comment-box .comment-user .user-name{font-size:18px;font-weight:500}.course-comment-box .comment-user .post-time{margin-left:6px}.course-comment-box .comment-user .report{color:#b0bec5;position:relative;white-space:nowrap}.course-comment-box .comment-user .report:hover{color:#607d8b}.course-comment-box .comment-user .report:hover .report-tip{opacity:1;visibility:visible}.course-comment-box .comment-user .report .report-tip{white-space:normal;visibility:hidden;opacity:0;position:absolute;right:0;font-size:16px;top:120%;background-color:#fff;box-shadow:0 0 10px 0 rgba(96,125,139,.2);padding:4px 10px;border-radius:4px;width:420px;max-width:420px}.course-comment-box .comment-user .tag{margin-right:6px}.course-comment-box .comment-num{margin-top:12px;font-size:16px}.course-comment-box .comment-content{padding-left:36px}@media screen and (max-width:767px){.course-comment-box .comment-content .comment-user-box{margin-left:-32px}}.course-comment-box .comment-content h2{display:inline-block;padding-right:10px;padding-bottom:6px}.course-comment-box .comment-content .fa-star{color:#fd9552;padding-right:2px}.course-comment-box .comment-content textarea{border-radius:4px 4px 0 0;height:60px;border:none;display:block}.course-comment-box .comment-submit{border-radius:0 0 4px 4px;background-color:#fff;padding:0 12px 12px;font-size:16px}.course-comment-box .comment-review-edit{margin-top:12px;font-size:16px}.course-comment-box .comment-user-box~.comment-user-box,.course-comment-box .ori-comment~.comment-user-box{border-top:1px solid #e0eff5;padding-top:16px;margin-top:16px}.course-comment-list{margin-top:48px}@media screen and (max-width:767px){.course-comment-list{margin-top:32px;font-size:16px}.course-comment-list .user-name{font-size:16px!important}}.course-intro-brief{border-bottom:1px solid #e0eff5;padding-bottom:16px;margin-bottom:16px}.course-intro-brief .text-title{margin-bottom:16px}.course-intro-block .section-title{font-size:24px;font-weight:500;color:#52bee5;margin:24px 0 16px}.course-post-box~.course-post-box{margin-top:24px}@media screen and (max-width:1024px){.course-post-box~.course-post-box{margin-top:16px}}.course-post-box{border-radius:8px;border:1px solid #e0eff5;overflow:hidden}.course-post-box .post-head{padding:16px 24px;background-color:#f7fcfe}@media screen and (max-width:767px){.course-post-box .post-head{padding:16px}}.course-post-box .post-head-date{font-size:16px;line-height:20px}.course-post-box .post-head-title{font-size:22px;margin-top:6px}.course-post-box .post-body{padding:16px 24px}@media screen and (max-width:767px){.course-post-box .post-body{padding:16px}}.course-paid-teacher,.course-paid .course-tabs-box{max-width:100%;width:100%}@media screen and (min-width:1025px){.course-paid.js-opened .course-detail-video{overflow:visible}.course-paid.js-opened .course-detail-body,.course-paid.js-opened .course-detail-video{width:calc(100% - 472px)}.course-paid.js-opened .menu-control .material-icons{transform:rotate(180deg)}}.course-paid-teacher .teacher-card{width:100%;-ms-flex-direction:row;flex-direction:row;margin:0;margin-top:24px}@media screen and (max-width:1024px){.course-paid-teacher .teacher-card{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}}.course-paid-teacher .teacher-img{-ms-flex:0 0 160px;flex:0 0 160px;margin:0}@media screen and (min-width:1025px){.course-paid-teacher .teacher-img{margin-right:24px}}@media screen and (max-width:1024px){.course-paid-teacher .teacher-img{margin-bottom:12px}}@media screen and (min-width:1025px){.course-paid-teacher .teacher-intro{text-align:left}.course-paid-teacher .teacher-subject:after{margin:6px 0 12px}}.course-paid-teacher .teacher-name{margin-bottom:6px}@media screen and (min-width:1025px){.course-paid-teacher .teacher-name{font-size:20px}}.course-paid-teacher .teacher-brief{font-size:16px;line-height:20px}.course-share{margin-top:16px}@media screen and (max-width:1024px){.course-share{margin-top:16px}}.course-share .media-wrap{display:inline-block;margin-right:20px;vertical-align:middle}.course-share .media-wrap .fb_iframe_widget{top:-6px}@media screen and (max-width:321px){.course-share .media-wrap{margin-right:9px}}.course-share-title{display:inline-block;margin-right:20px}.course-mobile-buy{position:fixed;bottom:0;width:100%;box-shadow:0 -4px 10px 0 rgba(96,125,139,.2);background-color:#fff;padding:12px;z-index:2;display:none}.course-mobile-buy .price{font-size:20px!important;text-align:left}.course-mobile-buy .price .price-now{margin:0;margin-top:2px}.course-mobile-buy .course-buy-btn{-ms-flex:1;flex:1}.course-mobile-buy .btn-fill{width:auto;-ms-flex:1;flex:1;margin:0 12px}@media screen and (max-width:767px){.course-mobile-buy.fixed{display:flex;display:-ms-flexbox}}.course-detail-recommend h3{margin:24px 0}.course-detail-recommend .audiobook-list,.course-detail-recommend .course-list{display:flex;display:-ms-flexbox}.course-detail-recommend .audiobook-card,.course-detail-recommend .course-card{-ms-flex:0 0 calc(33.33% - 8px);flex:0 0 calc(33.33% - 8px);-ms-flex-direction:column;flex-direction:column}.course-detail-recommend .audiobook-card~.audiobook-card,.course-detail-recommend .course-card~.course-card{margin-left:12px;margin-top:0!important}.course-detail-recommend .course-list .course-content{margin:0;padding:0;border-right:none;padding-bottom:24px;border-bottom:1px solid #e0eff5;margin-bottom:24px}.course-detail-recommend .course-time{display:none}.course-detail-recommend .course-list .course-price{width:auto}.course-detail-recommend .audiobook-action .btn,.course-detail-recommend .course-buy-btn .btn{width:100%}.course-detail-recommend .audiobook-img{width:100%!important;margin-right:0;margin-bottom:12px}.course-detail-recommend .audiobook-list .audiobook-content{border-right:none;padding-right:0;margin-right:0;padding-bottom:0;margin-bottom:0;border-bottom:none}.course-detail-recommend .audiobook-buy{-ms-flex-item-align:auto!important;-ms-grid-row-align:auto!important;align-self:auto!important;-ms-flex:1;flex:1}.course-detail-recommend .audiobook-info{-ms-flex-direction:column;flex-direction:column}.course-detail-recommend .audiobook-time{text-align:right;margin-top:12px;padding-bottom:24px;border-bottom:1px solid #e0eff5;margin-bottom:24px;margin-left:0!important}.course-detail-recommend .audiobook-card{margin:0}@media screen and (max-width:767px){.course-detail-recommend .audiobook-card{-ms-flex:0 0 100%;flex:0 0 100%;margin:0}}@media screen and (max-width:767px){.course-detail-recommend .audiobook-card~.audiobook-card{margin-left:0;margin-top:12px!important}}.contact-page h1{margin-bottom:24px}.contact-wrap{background-color:#fff;border-radius:8px;padding:32px}@media screen and (max-width:1024px){.contact-wrap{padding:24px}}@media screen and (max-width:767px){.contact-wrap{padding:16px}}.contact-content{margin:0 auto;max-width:100%;width:690px}@media screen and (max-width:767px){.contact-cat{-ms-flex-direction:column;flex-direction:column}}.contact-cat .input-item{-ms-flex:1;flex:1}@media screen and (min-width:768px){.contact-cat .input-item:first-child{margin-right:24px}}.contact-textarea{height:186px}.contact-submit{margin-top:24px}.mail-layout{background-color:#efefef;height:100vh;width:100vw}.mail-wrapper{padding:100px 0;margin:0 auto;width:680px;max-width:680px}@media screen and (max-width:767px){.mail-wrapper{padding:80px 0;width:90%;max-width:90%}}.mail-header{padding:26px 48px;background-color:#000}.mail-header img{width:130px}.mail-container{padding:56px 48px;background:#fff}.d-flex{display:flex;display:-ms-flexbox}.-flex-center-all,.-flex-center-row{display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center}.-flex-center-all{-ms-flex-pack:center;justify-content:center}.hidden-md{display:block}@media screen and (min-width:1025px){.hidden-md{display:none}}.img-box.bg-object-fit{background-size:contain;background-repeat:no-repeat;background-position:50%;transition:none}.img-box.bg-object-fit img{opacity:0}.header{box-shadow:0 2px 4px 0 rgba(55,71,79,.2);background-color:#fff;font-size:20px;color:#263237;z-index:6;position:relative}@media screen and (max-width:767px){.header{padding:14px 0}}.header-wrap{position:relative;height:80px;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:767px){.header-wrap{height:auto}}.header .icon-cart,.header .icon-menu,.header .icon-search{width:30px}@media screen and (max-width:767px){.header .icon-cart,.header .icon-menu,.header .icon-search{width:24px}}@media screen and (max-width:1160px){.h-logo{margin-right:32px}}.h-logo img{width:150px}@media screen and (max-width:767px){.h-logo img{width:120px}}.h-item{margin-left:24px}.h-item.active{color:#52bee5}.h-menu{padding:0 48px 0 24px}.h-search{margin-right:auto;width:330px;position:relative}@media screen and (max-width:767px){.h-search{display:none;padding:16px;background-color:#fff;z-index:3;box-shadow:0 2px 20px -8px rgba(82,190,255,.7)}.h-search.active{position:absolute;width:100%;top:100%;display:block;left:0}}.h-search-wrap{border:1px solid #52bee5;border-radius:6px;padding:8px 12px}.search-filter{border-right:1px solid #52bee5;position:relative;padding-right:12px;width:112px}@media screen and (max-width:767px){.search-filter{font-size:18px;width:100px}}.search-filter select{color:#52bee5;height:30px;padding-right:18px;text-align-last:center;z-index:1}.search-filter .btn-arrow-down{position:relative;display:block;width:18px;height:18px;margin-left:-18px}.search-filter .btn-arrow-down:after,.search-filter .btn-arrow-down:before{display:block;position:absolute;margin:auto;top:0;bottom:0;right:0;left:0;width:9px;height:1px;background-color:#52bee5;content:""}.search-filter .btn-arrow-down:before{right:-5px;transform:rotate(-47deg)}.search-filter .btn-arrow-down:after{right:5px;transform:rotate(47deg)}.search-input{-ms-flex:1 0 0px;flex:1 0 0}.search-input input{height:25px;border:none;outline-style:none;padding:0 12px;font-size:18px}.search-btn{height:22px;width:30px;background-color:#fff;border:none;padding:0}@media screen and (max-width:767px){.search-btn{display:none}}.search-btn img{height:22px}.h-item .user-img{height:32px;width:32px;border-radius:50%;overflow:hidden;background-size:cover!important}@media screen and (max-width:767px){.h-item .user-img{width:42px;height:42px}}.h-item .user-img img{width:100%;height:100%;object-fit:cover}.h-user{position:relative}.h-user .user-img{margin-right:8px}.h-user .user-name{font-size:18px}@media screen and (max-width:1160px){.h-user{padding:0!important}.h-user.opened .h-user-dropdown:after{transform:rotate(180deg)}}.h-user-dropdown{cursor:pointer;position:relative}.h-user-dropdown:after{content:""}@media screen and (min-width:1161px){.h-user-dropdown:after{position:relative;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #37474f;display:inline-block}}@media screen and (max-width:1160px){.h-user-dropdown{padding:10px 10px 10px 16px;border-bottom:1px solid #e0eff5}.h-user-dropdown:after{content:"";font-family:Material Icons;font-size:24px;color:#52bee5;margin-left:auto}}@media screen and (min-width:1161px){.h-user-dropdown .user-name{display:none}}.h-user-menu{width:240px;padding-top:12px}.h-user-menu .menu-item{display:block;padding:16px 16px 16px 30px}.h-user-menu .menu-item:hover{background-color:#f7fcfe;text-decoration:none}@media screen and (max-width:1160px){.h-user-menu .h-user-data{display:none}}@media screen and (max-width:1160px){.h-user-menu{position:relative!important;box-shadow:none!important;border:none!important;padding:0;margin:0!important;width:100%}.h-user-menu:after,.h-user-menu:before{content:none}.h-user-menu .menu-item{padding:16px 16px 16px 60px!important;border-bottom:1px solid #e0eff5;background-color:#f7fcfe}}.h-hamburger{cursor:pointer;transition:left .3s;left:100%}@media screen and (min-width:1161px){.h-hamburger{display:none}}@media screen and (max-width:767px){.h-hamburger.opened{position:absolute;left:0;width:20vw;margin:0;padding:14px 20px;background-color:#fff}}@media screen and (max-width:1160px){.visitable-desktop{display:none!important}}.h-m-search{display:none}@media screen and (max-width:767px){.h-m-search{display:block}}@media screen and (min-width:1161px){.h-mobile-menu .h-item:not(.h-login):not(.h-user){display:none}}@media screen and (max-width:1160px){.h-mobile-menu{position:absolute;top:80px;right:0;z-index:6;display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column;background-color:#fff;transition:all .3s;box-shadow:0 2px 20px -8px rgba(82,190,255,.7);max-height:100vh;overflow-y:auto;min-width:210px}.h-mobile-menu:not(.active){transform:translateX(110%);width:0;height:0}.h-mobile-menu .h-item:not(.h-user),.h-mobile-menu .menu-item{border-bottom:1px solid #e0eff5}}@media screen and (max-width:767px){.h-mobile-menu{top:0;width:calc(100vw - 60px);height:100vh;position:fixed}}.h-mobile-menu .h-item,.h-mobile-menu .h-user-data,.h-mobile-menu .menu-item{padding:16px;margin:0}.h-menu-backdrop{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:5;background-color:rgba(0,0,0,.4)}.h-cart{position:relative}.h-cart-num{color:#fff;font-size:12px;line-height:16px;min-width:10px;height:16px;padding:0 3px;background-color:#ff6200;border-radius:50%;position:absolute;text-align:center;top:-3px;right:-5px}.audiobook-detail-basic-intro.box{padding-bottom:12px}.audiobook-detail-basic-intro.box .audiobook-teachers{margin-bottom:24px}.audiobook-basic-intro{margin-top:24px;font-size:16px}@media screen and (max-width:1024px){.audiobook-basic-intro{margin-top:16px}}@media screen and (max-width:1024px){.audiobook-basic-intro .basic-intro-block{display:flex;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap}.audiobook-basic-intro .basic-intro-block .basic-item{width:33.33%}.audiobook-basic-intro .basic-intro-block .basic-item:last-child{width:66.66%}}@media screen and (max-width:767px){.audiobook-basic-intro .basic-intro-block .basic-item{width:100%!important}}.audiobook-basic-intro .basic-intro-title{width:100%;margin-bottom:4px}.audiobook-basic-intro .item-title{position:relative;width:80px;margin-right:12px}.audiobook-basic-intro .item-title:after{content:"";display:inline-block;position:absolute;right:0;top:6px;height:16px;width:1px;background-color:#607d8b}.audiobook-basic-intro .basic-item{margin-bottom:12px;line-height:28px;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1024px){.audiobook-basic-intro .basic-item{margin:8px 0}}@media screen and (max-width:767px){.audiobook-basic-intro .basic-item{margin:8px 0 4px}}.audiobook-basic-intro .basic-block~.basic-block{border-top:1px solid #e0eff5;padding-top:16px;margin-top:16px}@media screen and (max-width:1024px){.audiobook-basic-intro .basic-block~.basic-block{padding-top:16px;margin-top:24px}.audiobook-basic-intro .basic-block~.basic-block:last-child{margin-top:16px;padding-top:24px}}@media screen and (max-width:767px){.audiobook-basic-intro .basic-block~.basic-block{padding-top:8px;margin-top:16px}.audiobook-basic-intro .basic-block~.basic-block:last-child{margin-top:12px;padding-top:16px}}.audiobook-basic-intro .audiobook-writer{margin-bottom:16px}.audiobook-video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#37474f;background:linear-gradient(180deg,rgba(55,71,79,0),rgba(55,71,79,.2))}.audiobook-video-hint{font-size:16px;font-weight:500;color:#fff;width:100%;text-align:center;position:absolute;bottom:6px;z-index:1}.tab-content .audiobook-basic-intro{margin-top:0}.tab-content .audiobook-basic-intro .basic-intro-block{display:flex;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap}.tab-content .audiobook-basic-intro .basic-intro-block .basic-item{width:33.33%}.tab-content .audiobook-basic-intro .basic-intro-block .basic-item:last-child{width:66.66%}@media screen and (min-width:768px){.audiobook-tabs{min-height:850px!important}}.error-page{padding:64px 0}.error-img{margin-bottom:24px}.error-img img{max-width:100%}.error-content{margin-bottom:24px;font-size:24px}@media screen and (max-width:767px){.error-content{font-size:16px}}@media screen and (max-width:767px){.error-action{display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column}.error-action .btn{width:100%}}.error-action a:last-child{margin-left:32px}@media screen and (max-width:767px){.error-action a:last-child{margin:0;margin-top:16px}}@media screen and (max-width:767px){.faq-container{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.faq-left{padding:32px 40px;background-color:#fff;border-radius:8px;-ms-flex:1;flex:1;margin-right:24px}.faq-left .collapse-box:first-child{margin-top:0}@media screen and (max-width:1024px){.faq-left{padding:24px;margin-right:16px}}@media screen and (max-width:767px){.faq-left{padding:16px;margin:0;font-size:14px}.faq-left .collapse-head{font-size:18px}}.faq-right{background-color:#fff;border-radius:8px;width:284px}@media screen and (min-width:768px){.faq-right .tabs-box{-ms-flex-direction:column;flex-direction:column;border:none;margin:0}.faq-right .tab{width:100%;text-align:left}}@media screen and (max-width:767px){.faq-right{background-color:transparent;width:100%}}@media screen and (min-width:768px){.faq-menu{display:block;padding:16px 24px;font-size:20px;position:relative;color:#263237}.faq-menu:hover{text-decoration:none;color:#52bee5}.faq-menu:before{content:none;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background-color:#52bee5}.faq-menu.active:before{content:""}.faq-menu.active .tab-title:after{content:none!important}}.home-section-title{text-align:center;font-weight:700;margin-bottom:32px;position:relative}@media screen and (max-width:1024px){.home-section-title{margin-bottom:24px}}@media screen and (max-width:767px){.home-section-title{margin-bottom:16px;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}}.home-section-title .en-title{letter-spacing:1px;font-size:20px}.home-section-title h2{font-size:32px;margin:0;margin-top:5px;letter-spacing:1.6px;font-weight:500;line-height:1}@media screen and (max-width:767px){.home-section-title h2{margin-bottom:24px}}.home-section-title .view-more{cursor:pointer;color:#607d8b;text-decoration:none}@media screen and (min-width:768px){.home-section-title .view-more{position:absolute;right:0;bottom:0}}.home-section-title .view-more .icon-right{font-size:18px}.home-section-title .view-more:hover,.home-section-title .view-more:hover .icon-right{color:#52bee5}.home-banner{margin-bottom:48px;height:440px}@media screen and (max-width:1024px){.home-banner{height:320px}}@media screen and (max-width:767px){.home-banner{height:220px}}.home-banner-inner{position:relative;height:100%}@media screen and (max-width:767px){.home-banner .banner-web{display:none!important}}@media screen and (min-width:768px){.home-banner .banner-mobile{display:none!important}}.home-banner img{height:400px;width:auto!important}@media screen and (max-width:1024px){.home-banner img{height:286px}}@media screen and (max-width:767px){.home-banner img{height:180px}}.home-banner .owl-theme .owl-dots{margin-top:12px!important}.home-banner .owl-theme .owl-dots .owl-dot span{margin:0 12px}.home-banner .owl-theme .owl-dots .owl-dot.active span{background-color:#52bee5;box-shadow:0 0 0 5px #fff,0 0 10px 4px rgba(15,165,198,.2)}.home-banner .owl-stage-outer{height:calc(100% - 40px)}.home-news{padding-top:50px;padding-bottom:1px;background:#69cff3;background:linear-gradient(180deg,#69cff3,#52bee5)}.home-news .article-box{-ms-flex-align:center;align-items:center;padding:20px 24px}@media screen and (max-width:767px){.home-news .article-box{padding:16px;-ms-flex-align:start;align-items:flex-start;display:block}.home-news .article-box .article-date,.home-news .article-box .article-title{float:left;margin-bottom:16px}.home-news .article-box .article-title{width:calc(100% - 66px)}.home-news .article-box .article-info{clear:both}.home-news .article-box .article-info-item{display:block;margin-top:12px}}.home-news .article-box~.article-box{margin-top:16px}.home-news .en-title,.home-news .view-more,.home-news h2{color:#fff}.home-news .view-more:hover{text-decoration:underline;color:#fff}.home-news .view-more:hover .icon-right{color:#fff}.home-course{background:#f6f7fa;background:linear-gradient(180deg,#f6f7fa,#f6f7fa 50%,#69cff3 0);padding-bottom:45px}@media screen and (max-width:1024px) and (min-width:768px){.home-course{padding-bottom:15px}.home-course .course-list .course-card{-ms-flex:0 0 calc(33.33% - 16px/3);flex:0 0 calc(33.33% - 16px/3);width:calc(33.33% - 16px/3);margin-bottom:0}.home-course .course-list .course-card:not(:first-child){margin-left:8px}.home-course .btn-text{display:none}.home-course .btn-outline{-ms-flex:0 0 46px!important;flex:0 0 46px!important}.home-course .svg-shopping{width:24px;height:24px}.home-course .course-buy-btn .btn-fill{margin-right:12px;-ms-flex:1;flex:1;width:auto}.home-course .price{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}}@media screen and (max-width:767px){.home-course{padding-bottom:29px}}.home-course-cards{margin-top:32px;margin-bottom:45px;-ms-flex-pack:justify;justify-content:space-between}.home-course-cards .course-card{width:calc(100% / 3 - 70px / 3)}.home-course-cards .price-ori{margin-right:12px}.home-teachers{padding-top:42px;padding-bottom:42px}.home-audiobooks{margin-top:54px;padding-bottom:80px;background-image:url(/img/wave.png);background-position:bottom;background-repeat:no-repeat;background-size:auto 80%}@media screen and (min-width:1025px){.home-audiobooks{background-size:100% 100%}.home-audiobooks .home-section-title{margin-bottom:48px}.home-audiobooks .audiobook-card:nth-child(2n){position:relative;top:48px}}@media screen and (max-width:1024px){.home-audiobooks{margin-top:26px;padding-bottom:26px}}@media screen and (max-width:767px){.home-audiobooks{background-size:auto 25%;padding-bottom:0}}.home-audiobooks .audiobook-card{display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column}.home-audiobooks .audiobook-buy{margin-top:auto}.home-audiobooks .audiobook-img{margin-bottom:16px}.home-audiobooks .price-ori{margin-right:6px}.menu{position:fixed;top:0;width:100%;height:100px}.menu .menu-wrap{height:100%;overflow:auto}.menu .menu-wrap-inner{position:relative;min-height:100vh;padding-bottom:100px}.menu .menu-lists{padding-top:8px}.menu .menu-lists .menu-list{font-size:14px}.member-page{margin-top:50px}.member-page .tab-content{background-color:#fff;border-radius:8px;padding:32px 48px;margin-bottom:24px}@media screen and (max-width:1024px){.member-page .tab-content{padding:24px}}@media screen and (max-width:767px){.member-page .tab-content{padding:16px}}.member-profile-wrap{max-width:1000px;margin:0 auto;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:767px){.member-profile-wrap{-ms-flex-direction:column;flex-direction:column}}.member-profile-left{-ms-flex:0 0 160px;flex:0 0 160px;margin-right:32px;text-align:center}@media screen and (max-width:767px){.member-profile-left{-ms-flex:1;flex:1;margin-right:0;margin-bottom:24px;border-bottom:1px solid #e0eff5;padding-bottom:24px}}.member-profile-right{-ms-flex:1;flex:1}.member-profile-right .text-title{line-height:28px;margin-bottom:24px;font-weight:400}.member-profile-right .input-item label{font-size:16px}.member-profile-right .profile-section~.profile-section{margin-top:24px;padding-top:24px;border-top:1px solid #e0eff5}.member-profile-right .btn{width:200px}@media screen and (max-width:1024px){.member-profile-right .btn{width:150px}}.member-profile-page .profile-img{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto;background-size:cover}@media screen and (max-width:1024px){.member-profile-page .profile-img{width:120px;height:120px}}.member-profile-page .profile-img img{width:100%;height:100%;object-fit:cover}.member-profile-page .profile-name{margin:12px 0}.member-profile-page .profile-upload-hint{margin-top:12px;font-size:12px;text-align:center}.member-profile-page .profile-email input{border-color:#f6f7fa;background-color:#f6f7fa;margin-right:24px;-ms-flex:1;flex:1}@media screen and (max-width:767px){.member-profile-page .profile-email .d-flex{-ms-flex-direction:column;flex-direction:column}.member-profile-page .profile-email .btn{margin-top:12px}}@media screen and (min-width:1025px){.member-profile-page .profile-section{padding:0 40px}}.member-profile-page .profile-birthday .input-item{-ms-flex:1;flex:1}@media screen and (min-width:768px){.member-profile-page .profile-birthday .input-item~.input-item{margin-left:24px}}.member-profile-page .profile-birthday .input-select{-ms-flex-direction:column;flex-direction:column}.member-profile-page .profile-birthday .input-select.error .select2-selection{border-color:#f05050}.member-profile-page .profile-birthday label.error{-ms-flex-order:2;order:2}@media screen and (max-width:767px){.member-profile-page .profile-birthday{-ms-flex-direction:column;flex-direction:column}}.member-profile-page .profile-address .input-item{-ms-flex:1;flex:1}@media screen and (min-width:768px){.member-profile-page .profile-address .input-item:first-child{-ms-flex:2.2;flex:2.2;margin-right:24px}}@media screen and (max-width:767px){.member-profile-page .profile-address{-ms-flex-direction:column;flex-direction:column}}.member-order-card{border-radius:6px;border:1px solid #e0eff5;background:#fff;overflow:hidden;margin-bottom:24px}@media screen and (max-width:1024px){.member-order-card .detail-list-head{display:none}}.member-order-card .order-body,.member-order-card .order-head{padding:24px;padding-bottom:0}@media screen and (max-width:1024px){.member-order-card .order-body,.member-order-card .order-head{padding:16px;padding-bottom:0;font-size:16px}}.member-order-card .order-head-left{-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:768px){.member-order-card .order-head-right{-ms-flex:0 0 150px;flex:0 0 150px}}@media screen and (max-width:767px){.member-order-card .order-head-right{text-align:center}}.member-order-card .order-head .info-item{-ms-flex:0 0 33.33%;flex:0 0 33.33%;display:flex;display:-ms-flexbox;margin-bottom:12px;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1024px){.member-order-card .order-head .info-item{-ms-flex:0 0 50%;flex:0 0 50%}}@media screen and (max-width:767px){.member-order-card .order-head .info-item{-ms-flex:0 0 100%;flex:0 0 100%}}.member-order-card .order-head .info-title{color:#607d8b;padding-right:12px;margin-right:12px;border-right:1px solid #607d8b;white-space:nowrap}@media screen and (max-width:1024px){.member-order-card .order-head .btn{width:130px}}@media screen and (max-width:767px){.member-order-card .order-head .btn{width:160px;margin-bottom:16px}}.member-order-card .order-body{background-color:#f7fcfe;font-size:16px;border-top:1px solid #e0eff5;padding-bottom:16px;display:none}.member-order-card .order-body-head{color:#607d8b;margin-bottom:12px}@media screen and (max-width:767px){.member-order-card .order-body-head{margin-bottom:-4px}}.member-order-card .order-foot{text-align:center;padding:12px;color:#52bee5;border-top:1px solid #e0eff5;cursor:pointer}.member-order-card .order-foot-opened{display:none}@media screen and (max-width:767px){.member-order-card .order-infos{-ms-flex-direction:column;flex-direction:column}}.member-order-card.opened .order-body{display:block}.member-order-card.opened .order-foot-closed{display:none}.member-order-card.opened .order-foot-opened{display:block}.member-order-card .detail-info-item{margin-bottom:12px;-ms-flex:0 0 28%;flex:0 0 28%}@media screen and (max-width:1024px){.member-order-card .detail-info-item{-ms-flex:0 0 50%;flex:0 0 50%}}@media screen and (max-width:767px){.member-order-card .detail-info-item{margin-bottom:16px}.member-order-card .detail-info-item span{display:block}}.member-order-card .detail-list-title{color:#52bee5}@media screen and (min-width:1025px){.member-order-card .detail-list-head>*,.member-order-card .detail-list-item>*{-ms-flex:1;flex:1}.member-order-card .detail-list-head>:first-child,.member-order-card .detail-list-item>:first-child{-ms-flex:3;flex:3}.member-order-card .detail-list-head>:nth-child(2),.member-order-card .detail-list-item>:nth-child(2){text-align:center}.member-order-card .detail-list-head>:nth-child(n+3),.member-order-card .detail-list-item>:nth-child(n+3){text-align:right}}.member-order-card .detail-list-item{margin-top:6px;padding-top:12px;padding-bottom:6px;border-top:1px solid #e0eff5}@media screen and (max-width:1024px){.member-order-card .detail-list-item{-ms-flex-direction:column;flex-direction:column}.member-order-card .detail-list-item div{display:flex;display:-ms-flexbox}.member-order-card .detail-list-item div:before{content:attr(data-title);color:#52bee5;-ms-flex:0 0 70px;flex:0 0 70px;display:inline-block;padding-right:16px}.member-order-card .detail-list-item div~div{margin-top:12px}}@media screen and (max-width:767px){.member-order-card .detail-info{-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:767px){.member-order-page .sub-tab{font-size:16px;min-width:0;padding:0 6px 16px;border:none}}.member-course-page .text-title{font-size:18px}.member-course-page .audiobook-list .audiobook-content,.member-course-page .course-list .course-content{border-right:none}.member-course-page .audiobook-info,.member-course-page .course-info{font-size:14px}.member-course-page .tag{font-size:12px;-ms-flex:unset!important;flex:unset!important}.member-course-page .audiobook-list .audiobook-img,.member-course-page .course-list .course-img{width:212px;height:120px}.member-course-page .box{padding:24px 0;border-radius:0}.member-course-page .box:hover{box-shadow:none;background-color:#f7fcfe}.member-course-page .box~.box{border-top:1px solid #e0eff5;margin-top:0!important}@media screen and (max-width:1024px){.member-course-page .course-list .course-card{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:0 0 100%;flex:0 0 100%;margin-left:0!important}.member-course-page .course-img{-ms-flex:0 0 212px;flex:0 0 212px}.member-course-page .course-content{-ms-flex:0 0 calc(100% - 224px);flex:0 0 calc(100% - 224px);margin-left:12px;border:none}.member-course-page .course-proof{-ms-flex-direction:row;flex-direction:row;width:100%}.member-course-page .course-proof .no-style{-ms-flex:0 0 calc(50% - 9px);flex:0 0 calc(50% - 9px)}.member-course-page .course-proof .no-style:last-child{margin-left:9px}.member-course-page .course-proof .btn{width:100%;min-width:0}.member-course-page .audiobook-list .audiobook-card{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-direction:row;flex-direction:row;margin:0}.member-course-page .audiobook-list .audiobook-card:last-child{padding-bottom:0}.member-course-page .audiobook-content,.member-course-page .audiobook-img{margin-bottom:0}.member-course-page .audiobook-content{margin-left:12px;padding-bottom:0;border:none}}@media screen and (max-width:767px){.member-course-page .course-card{-ms-flex-direction:column;flex-direction:column;margin-bottom:0;padding-bottom:8px}.member-course-page .course-img{-ms-flex:auto;flex:auto;height:144px;width:100%!important;margin-bottom:8px}.member-course-page .course-content{-ms-flex:auto;flex:auto;margin:0;padding-bottom:16px}.member-course-page .course-progress{-ms-flex-direction:column;flex-direction:column;margin-top:6px;-ms-flex-align:baseline;align-items:baseline}.member-course-page .progress-bar{margin:0;margin-bottom:6px}.member-course-page .audiobook-card{-ms-flex-direction:column;flex-direction:column}.member-course-page .audiobook-img{width:100%!important;height:162px;margin-bottom:8px}.member-course-page .audiobook-content{margin:0}}.teacher-profile-left{-ms-flex:1;flex:1;margin-right:24px;padding:32px 40px;background-color:#fff;border-radius:8px}.teacher-profile-left .teacher-course-item~.teacher-course-item{border-top:1px solid #f6f7fa}@media screen and (max-width:1024px){.teacher-profile-left{padding:24px;margin-right:12px}}@media screen and (max-width:767px){.teacher-profile-left{margin-right:0;margin-bottom:16px}}.teacher-profile-right{width:284px}@media screen and (max-width:1024px){.teacher-profile-right{width:266px}}@media screen and (max-width:767px){.teacher-profile-right{width:100%}}.teacher-profile-right .teacher-card{width:100%;margin:0}.teacher-profile-head{-ms-flex-pack:justify;justify-content:space-between}.teacher-profile-tip{position:relative}.teacher-profile-tip:hover .tip-content{visibility:visible;opacity:1}.teacher-profile-tip .icon-help{cursor:pointer;color:#b0bec5;font-size:20px}.teacher-profile-tip .tip-content{position:absolute;background-color:#263237;color:#fff;visibility:hidden;opacity:0;top:135%;left:50%;transform:translateX(-50%);padding:4px 10px;width:160px;text-align:center;font-size:14px}.teacher-profile-tip .tip-content:before{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #263237}@media screen and (max-width:767px){.teacher-profile-page .container{-ms-flex-direction:column;flex-direction:column}}.teacher-course-item{padding:24px 16px}@media screen and (max-width:1024px){.teacher-course-item{padding:0;padding-top:24px}.teacher-course-item .course-rate-body,.teacher-course-item .course-rate-head{-ms-flex-direction:column;flex-direction:column}.teacher-course-item .course-rate-body{-ms-flex:1;flex:1}.teacher-course-item .course-rate-content~.course-rate-content{border-top:1px solid #e0eff5}}.teacher-course-item .course-img{width:120px;height:70px;margin-right:12px}.teacher-course-item .course-img img{width:100%;height:100%}.teacher-course-item .course-title{font-weight:500;font-size:16px;color:#263237}.teacher-course-item .course-completion-rate{border:1px solid #52bee5;border-radius:8px 8px 0 0;font-size:14px;margin-top:12px;overflow:hidden}@media screen and (max-width:1024px){.teacher-course-item .course-completion-rate{display:flex;display:-ms-flexbox;font-size:16px}}.teacher-course-item .course-rate-head{background-color:#52bee5;color:#fff}@media screen and (max-width:1024px){.teacher-course-item .course-rate-head{width:120px}}.teacher-course-item .course-rate-content,.teacher-course-item .course-rate-title{-ms-flex:1 0 auto;flex:1 0 auto;text-align:center}@media screen and (max-width:1024px){.teacher-course-item .course-rate-content,.teacher-course-item .course-rate-title{padding:12px 0!important}}.teacher-course-item .course-rate-title{padding:8px}.teacher-course-item .course-rate-content{padding:18px 0;position:relative}@media screen and (max-width:1024px){.teacher-course-item .course-rate-content{width:100%}}.teacher-course-item .course-rate-content .num{font-size:20px}@media screen and (min-width:1025px){.teacher-course-item .course-rate-content~.course-rate-content:before{content:"";width:1px;height:40px;background-color:#e0eff5;left:0;top:50%;transform:translateY(-50%);position:absolute}}@media screen and (max-width:1024px){.teacher-course-item~.teacher-course-item{border-top:1px solid #e0eff5!important;margin-top:24px}}.audiobook-img{background-color:#f6f7fa;border:1px solid #edeff2;position:relative}.audiobook-img .img{width:100%;height:100%}.audiobook-reader,.audiobook-writer{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex:1;flex:1}.audiobook-writer{margin-bottom:6px}.audiobook-teacher-name{line-height:24px;font-weight:500}.audiobook-info{font-size:16px;-ms-flex-pack:justify;justify-content:space-between}.audiobook-info .tag{-ms-flex:0 0 44px;flex:0 0 44px;text-align:center;margin-right:6px}.audiobook-cards{display:flex;display:-ms-flexbox;margin:0 -12px}@media screen and (max-width:1024px){.audiobook-cards .price{text-align:left}}@media screen and (max-width:767px){.audiobook-cards .price{text-align:right}}.audiobook-cards .audiobook-card{width:calc(25% - 24px);margin:0 12px 12px;padding:24px!important}.audiobook-cards .audiobook-img{width:100%;height:235px}.audiobook-cards .audiobook-price,.audiobook-cards .audiobook-title{margin-bottom:16px}.audiobook-cards .audiobook-action{display:flex;display:-ms-flexbox}.audiobook-cards .audiobook-action .btn-fill{-ms-flex:1;flex:1;margin-right:12px}.audiobook-cards,.audiobook-list{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1024px){.audiobook-cards,.audiobook-list{margin:0 -8px}}@media screen and (max-width:767px){.audiobook-cards,.audiobook-list{margin:0}}@media screen and (max-width:1024px){.audiobook-cards .audiobook-card,.audiobook-list .audiobook-card{width:calc(50% - 16px);margin:0 8px 16px}}@media screen and (max-width:767px){.audiobook-cards .audiobook-card,.audiobook-list .audiobook-card{width:100%;margin-bottom:16px}}@media screen and (max-width:1024px){.audiobook-list{display:flex;display:-ms-flexbox}}@media screen and (min-width:1025px){.audiobook-list .audiobook-card~.audiobook-card{margin-top:24px}.audiobook-list .audiobook-types{height:32px;overflow:hidden}}.audiobook-list .audiobook-card{display:flex;display:-ms-flexbox}@media screen and (max-width:1024px){.audiobook-list .audiobook-card{flex-direction:column;-ms-flex-direction:column}}.audiobook-list .audiobook-img{width:212px;height:212px;margin-right:16px}@media screen and (max-width:1024px){.audiobook-list .audiobook-img{margin:0 auto;margin-bottom:12px}}.audiobook-list .audiobook-title{margin-bottom:6px}.audiobook-list .audiobook-desc{font-size:14px;line-height:20px;margin-bottom:6px}.audiobook-list .audiobook-info{display:flex;display:-ms-flexbox;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1024px){.audiobook-list .audiobook-info{flex-direction:column;-ms-flex-direction:column}}.audiobook-list .audiobook-time{margin-left:12px;white-space:nowrap}@media screen and (max-width:1024px){.audiobook-list .audiobook-time{margin-top:12px;text-align:right}}@media screen and (min-width:1025px){.audiobook-list .audiobook-buy{-ms-flex:0 0 160px;flex:0 0 160px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}}.audiobook-list .audiobook-price{display:flex;display:-ms-flexbox;flex-direction:column;-ms-flex-direction:column;-ms-flex-align:end;align-items:flex-end}@media screen and (max-width:1024px){.audiobook-list .audiobook-price{flex-direction:row;-ms-flex-direction:row}}@media screen and (max-width:767px){.audiobook-list .audiobook-price{flex-direction:column;-ms-flex-direction:column}}.audiobook-list .audiobook-action .btn{margin-top:12px}@media screen and (max-width:1024px){.audiobook-list .audiobook-action .btn{width:calc(50% - 9px)}.audiobook-list .audiobook-action .btn:first-child{margin-right:12px}}@media screen and (max-width:767px){.audiobook-list .audiobook-action .btn{width:100%}.audiobook-list .audiobook-action .btn:first-child{margin-right:0}}.audiobook-list .audiobook-content{-ms-flex:1 0 0px;flex:1 0 0}@media screen and (min-width:1025px){.audiobook-list .audiobook-content{padding-right:24px;border-right:1px solid #e0eff5;margin-right:24px}}@media screen and (max-width:1024px){.audiobook-list .audiobook-content{padding-bottom:24px;border-bottom:1px solid #e0eff5;margin-bottom:24px}}.term-page h1{margin-bottom:24px}.term-wrap{background-color:#fff;border-radius:8px;padding:32px 50px}@media screen and (max-width:1024px){.term-wrap{padding:24px}}@media screen and (max-width:767px){.term-wrap{padding:16px}}.term-title{font-weight:500;margin-bottom:16px}.term-content{margin-bottom:24px}.course-cards .course-card,.course-list .course-card{position:relative;display:flex;display:-ms-flexbox}.course-tag{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:20px;color:#fff;padding:8px 16px;border-radius:0 0 8px 8px}.course-tag.hot{background-color:#8a84e2}.course-tag.recommend{background-color:#7dce82}.course-tag.earlier{background-color:#fd9552}.course-img{position:relative}.course-img .img{width:100%;height:100%}.course-teacher{display:flex;display:-ms-flexbox;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:1024px){.course-teacher{-ms-flex-wrap:wrap;flex-wrap:wrap}}.course-teacher :not(:last-child){margin-right:6px}.course-teacher :not(.tag){line-height:24px}.course-teacher-name{white-space:nowrap;font-weight:500}.course-price{margin-top:auto}.course-desc{font-size:14px;line-height:20px;margin-top:6px}.course-info{font-size:16px;margin-top:12px}@media screen and (min-width:1025px){.course-info{display:flex;display:-ms-flexbox;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}}.course-time{font-weight:500;white-space:nowrap;margin-left:12px}@media screen and (max-width:1024px){.course-time{text-align:right;margin-top:12px}}@media screen and (max-width:767px){.course-time{display:none}}.course-cards .course-card{flex-direction:column;-ms-flex-direction:column}.course-cards .course-img{height:186px;margin-bottom:16px}@media screen and (min-width:1025px){.course-list .course-card~.course-card{margin-top:24px}.course-list .course-types{height:32px;overflow:hidden}}@media screen and (max-width:1024px){.course-list{display:flex;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}.course-list .course-card{-ms-flex:0 0 calc(50% - 8px);flex:0 0 calc(50% - 8px);margin-bottom:16px;-ms-flex-direction:column;flex-direction:column}.course-list .course-card:nth-child(2n){margin-left:16px}}@media screen and (max-width:767px){.course-list .course-card{-ms-flex:0 0 100%;flex:0 0 100%}.course-list .course-card:nth-child(2n){margin-left:0}}@media screen and (min-width:1025px){.course-list .course-img{-ms-flex:0 0 290px;flex:0 0 290px;height:165px;margin-right:16px}}@media screen and (max-width:1024px){.course-list .course-img{height:117px;margin-bottom:12px}}@media screen and (max-width:767px){.course-list .course-img{height:147px;margin-bottom:16px}}@media screen and (min-width:1025px){.course-list .course-price{width:160px}}@media screen and (min-width:1025px){.course-list .course-content{-ms-flex:1;flex:1;padding-right:24px;border-right:1px solid #e0eff5;margin-right:24px}}@media screen and (max-width:1024px){.course-list .course-content{padding-bottom:24px;border-bottom:1px solid #e0eff5;margin-bottom:24px}}@media screen and (min-width:1025px){.course-list .course-buy{-ms-flex:0 0 160px;flex:0 0 160px}}@media screen and (max-width:767px){.course-list .course-buy{-ms-flex-pack:end;justify-content:flex-end}}.course-list .course-buy button{margin-top:12px}.course-list .course-buy-btn,.course-list .course-buy .course-price{display:flex;display:-ms-flexbox}@media screen and (min-width:1025px){.course-list .course-buy-btn,.course-list .course-buy .course-price{flex-direction:column;-ms-flex-direction:column}}@media screen and (max-width:767px){.course-list .course-buy-btn,.course-list .course-buy .course-price{flex-direction:column;-ms-flex-direction:column}}@media screen and (max-width:1024px){.course-list .course-buy .btn{-ms-flex:1;flex:1;width:auto}.course-list .course-buy .btn:first-child{margin-right:12px}}@media screen and (max-width:767px){.course-list .course-buy .btn{width:100%}}.course-proof{flex-direction:column;-ms-flex-direction:column}.course-proof a:first-child .btn{margin-bottom:16px}.course-proof .btn{min-width:192px}.course-proof.undone a{pointer-events:none}.course-proof.undone .btn.btn-fill{background-color:#f6f7fa;border-color:#f6f7fa}.course-proof.undone .btn.btn-outline{border-color:#f6f7fa;color:#f6f7fa}.course-progress{font-size:14px;margin:12px 0;white-space:nowrap;-ms-flex-align:center;align-items:center}.course-progress .progress-bar{height:10px;width:100%;background-color:#e0eff5;border-radius:8px;margin-right:12px;position:relative;overflow:hidden}.course-progress .progress{position:absolute;top:0;left:0;height:100%;border-radius:5px;background:#69cff3;background:linear-gradient(90deg,#69cff3,#52bee5)}.course-video-icon{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:2;width:52px}.teacher-list{display:flex;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;margin:0 -12px}@media screen and (max-width:1024px){.teacher-list{margin:0 -8px}}@media screen and (max-width:767px){.teacher-list{margin:0}}.teacher-card{display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:24px}@media screen and (min-width:1025px){.teacher-card{width:calc(25% - 24px);margin:0 12px 12px}}@media screen and (max-width:1024px){.teacher-card{width:calc(50% - 16px);margin:0 8px 16px}}@media screen and (max-width:767px){.teacher-card{padding:24px 16px;width:100%;margin:0;margin-bottom:16px}}.teacher-img{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto;margin-bottom:12px}.teacher-img.img-box{background-size:cover!important}.teacher-img img{width:100%;height:100%;object-fit:cover}.teacher-name{margin-bottom:12px;font-size:24px}.teacher-subject{font-size:18px}.teacher-subject:after{content:"";display:block;margin:16px auto;width:32px;height:4px;background-color:#fd9552}.teacher-brief{text-align:left;font-size:16px}.teacher-intro{display:flex;display:-ms-flexbox;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}.teacher-action{margin-top:auto;margin-top:8px}.teacher-detail-intro{-ms-flex-pack:start;justify-content:flex-start}@media screen and (max-width:1024px){.teacher-detail-intro{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.teacher-detail-intro .left{-ms-flex:1 0 0px;flex:1 0 0;border-radius:8px;background-color:#fff;padding:24px}@media screen and (min-width:1025px){.teacher-detail-intro .left{margin-right:24px}}@media screen and (min-width:1025px){.teacher-detail-intro .right{width:354px}}@media screen and (max-width:1024px){.teacher-detail-intro .right{margin-bottom:24px}}@media screen and (max-width:767px){.teacher-detail-intro .right{margin-bottom:16px}}.teacher-detail-intro .right .teacher-card{width:100%;margin:0}.teacher-courses{margin-top:32px}@media screen and (max-width:1024px){.teacher-courses{margin-top:24px}}.teacher-courses h3{margin-bottom:24px}@media screen and (max-width:767px){.teacher-courses h3{margin-bottom:16px}}.article-box{display:flex;display:-ms-flexbox}@media screen and (max-width:1024px){.article-box{padding:16px}}.article-box .article-title,.article-box .date-d,.article-box .date-m{color:#263237}.article-box .date-d{font-weight:700}.article-date{padding-right:24px;line-height:1;white-space:nowrap}.article-date .date-d{font-size:32px;letter-spacing:1.6px}.article-date .date-y{color:#607d8b;font-size:16px;line-height:18px}.article-title{margin-bottom:8px;display:block}.article-info{font-size:16px}.article-info-item{margin-right:48px;line-height:28px}.article-info-subject{display:inline-block;color:#b0bec5;position:relative}.article-info-subject:after{content:"";background-color:#b0bec5;width:1px;height:16px;margin:0 12px;top:2px;position:relative;display:inline-block}.article-img{width:248px;height:140px;margin-right:12px}.article-img img{width:100%;height:100%}.article .article-box~.article-box{border-top:1px solid #e0eff5}.footer{display:flex;display:-ms-flexbox;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:end;align-items:flex-end;background-color:#fff}@media screen and (max-width:1024px){.footer{font-size:16px}}@media screen and (max-width:767px){.footer .container{padding:0 10px}}.footer .icon-logo{width:94px}@media screen and (max-width:1024px){.footer .icon-logo{margin-bottom:12px}}.footer-top{padding:32px 0 24px;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end;border-bottom:1px solid #e0eff5}@media screen and (max-width:1024px){.footer-top{padding:24px 16px 16px}}@media screen and (max-width:767px){.footer-top{padding:24px 20px;-ms-flex-align:unset;align-items:unset}.footer-top,.footer-top .right-wrap{-ms-flex-direction:column;flex-direction:column}.footer-top .right-wrap{display:flex;display:-ms-flexbox}}.footer .link-tab{margin-left:52px}@media screen and (max-width:1024px){.footer .link-tab{margin-left:24px}}@media screen and (max-width:767px){.footer .link-tab{margin:0;margin-top:12px}}.footer-bottom{color:#607d8b;padding:24px 0 32px;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1024px){.footer-bottom{padding:24px 16px 32px}}@media screen and (max-width:767px){.footer-bottom{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-size:12px}.footer-bottom .left-wrap{margin-bottom:12px}}.footer-bottom .fab{color:#607d8b;margin-left:24px;font-size:22px}.footer-bottom .fab:hover{color:#37474f}.dropdown{position:relative}.dropdown.opened .dropdown-content{display:block}.dropdown-content{position:absolute;display:none;background-color:#fff;box-shadow:0 2px 20px -8px rgba(82,190,255,.7);border:1px solid #e0eff5;border-radius:8px;z-index:10;margin-top:10px}.dropdown-content:before{position:absolute;content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #fff;top:-8px;z-index:2}.dropdown-content:after{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:9px solid #e0eff5;top:-9px;content:"";z-index:1}.dropdown-content.list{padding:12px 0}.dropdown-content.right{right:0}.dropdown-content.right:before{right:16px}.dropdown-content.right:after{right:14px}.dropdown-list-item{font-size:16px;padding:12px;display:block}.dropdown-list-item:hover{background-color:#f7fcfe;text-decoration:none}.collapse-box{border-radius:6px;border:1px solid #e0eff5;margin:16px 0}.collapse-box.opened .collapse-head{border-bottom:1px solid #e0eff5;background-color:#f7fcfe;border-radius:6px}.collapse-box.opened .collapse-body{display:block}.collapse-box.opened .collapse-action{transform:rotate(180deg)}.collapse-head{font-weight:500;padding:16px;cursor:pointer;font-size:20px;-ms-flex-align:start;align-items:flex-start;color:#263237;display:flex;display:-ms-flexbox}.collapse-action{color:#52bee5}.collapse-body{display:none}.collapse-num{border-right:1px solid #e0eff5;margin-right:16px;padding-right:16px;text-align:center;color:#52bee5;min-width:40px}.collapse-title{-ms-flex:1 0 0px;flex:1 0 0}.collapse-body{padding:16px 24px}.filter-switch{-ms-flex-pack:end;justify-content:flex-end;margin-bottom:24px;line-height:1}@media screen and (max-width:767px){.filter-switch{-ms-flex-pack:center;justify-content:center}}.filter-switch input[type=radio]+span{border:1px solid #52bee5;height:40px;width:100px;line-height:40px;display:inline-block;text-align:center}.filter-switch input[type=radio]:checked+span{background-color:#52bee5;color:#fff}.filter-switch .switch{cursor:pointer}.filter-switch .switch:first-child input[type=radio]+span{border-right:none;border-radius:4px 0 0 4px}.filter-switch .switch:last-child input[type=radio]+span{border-radius:0 4px 4px 0}input{padding:8px 12px;border:1px solid #d3dee5;border-radius:6px;height:40px}input:focus{border-color:#52bee5}input[type=checkbox],input[type=radio]{display:none}input.error{border-color:#f05050}::-webkit-input-placeholder{color:#becbd3;font-size:18px}:-ms-input-placeholder{color:#becbd3;font-size:18px}:-moz-placeholder,::-moz-placeholder{color:#becbd3;font-size:18px}label.error{font-size:14px;color:#f05050}.input-item{margin-bottom:24px}.input-item label{display:block;color:#607d8b;margin-bottom:6px;font-weight:400}.input-item label.error{font-size:14px}.input-item.error label{color:#f05050!important}.checkbox-group{cursor:pointer}.checkbox-group input[type=checkbox]+span:before{content:"";width:18px;height:18px;border:1px solid #d3dee5;background-color:#fff;display:inline-block;border-radius:4px;vertical-align:middle;margin-right:6px}.checkbox-group input[type=checkbox]:checked+span:before{background-color:#52bee5;content:"";font-family:Material Icons;font-size:16px;color:#fff;line-height:18px;text-align:center}.checkbox-group.error{color:inherit;font-size:inherit}.checkbox-group.error input+span:before{border-color:#f05050}textarea{background-color:#fff;border-radius:4px;border:1px solid #d3dee5;padding:12px;resize:none}select,textarea{width:100%}.select2-container .select2-selection--single{height:40px;border:1px solid #d3dee5;padding:8px 12px;outline:none}.select2-container .select2-selection--single .select2-selection__rendered{padding:0;line-height:25px}.select2-container .select2-selection--single .select2-selection__arrow{height:40px}.select2-container .select2-selection--single .select2-selection__placeholder{color:#becbd3}.select2-container .select2-dropdown{border-color:#e0eff5}.select2-container .select2-results__option--highlighted{background-color:#f7fcfe!important;color:inherit!important}.btn{width:160px;height:46px;border-width:1px;border-style:solid;border-radius:6px;cursor:pointer}.btn-icon{font-size:16px;width:16px}.btn:disabled{opacity:.5}.btn-outline{background-color:transparent}.btn-outline .svg-shopping{width:16px;height:16px}.btn-outline.main,.btn-outline.main .btn-icon{color:#52bee5}.btn-outline.second,.btn-outline.second .btn-icon{color:#fd9552}.btn-fill{color:#fff}.btn-fill.main{background-color:#61c9ee}.btn-fill.second{background-color:#fd9552}.btn.full{width:100%}.btn.icon{width:auto;padding:10px;vertical-align:middle}.btn.icon .svg-shopping{width:24px;height:24px}.btn.main{border-color:#52bee5}.btn.main:disabled,.btn.main:hover{background-color:#52bee5;border-color:#52bee5;color:#fff}.btn.main:disabled .svg-share path,.btn.main:disabled .svg-shopping path,.btn.main:hover .svg-share path,.btn.main:hover .svg-shopping path{fill:#fff}.btn.second{border-color:#fd9552}.btn.second:disabled,.btn.second:hover{background-color:#e4864a;border-color:#e4864a;color:#fff}.page-wrap{margin-top:24px;font-weight:500;font-size:16px}.page-wrap>*{margin:0 6px;width:32px;height:32px;display:inline-block;line-height:32px}.page-wrap .page-num:hover{text-decoration:none}.page-wrap .page-num.active{background-color:#52bee5;color:#fff;border-radius:8px}.rating{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:8px}.rating .list{padding:0}.rating .list:hover .star{color:#fd9552}.rating .list .star{display:inline-block;font-size:22px;transition:all .2s ease-in-out;cursor:pointer}.rating .list .star:hover~.star:not(.active){color:inherit}.rating .list .star:first-child{margin-left:0}.rating .list .star.active{color:#fd9552}.sweet-popup{max-width:450px;padding:0!important}.sweet-popup,.sweet-popup a,.sweet-popup input,.sweet-popup label,.sweet-popup span{font-size:16px}.sweet-popup.no-title .swal2-title{padding:0}.sweet-popup .swal2-header .swal2-title{color:#52bee5;font-size:24px;padding:24px 12px;margin:0;font-weight:500}@media screen and (max-width:767px){.sweet-popup .swal2-header .swal2-title{padding-top:32px;font-size:21px}}.sweet-popup .swal2-header .swal2-close{width:24px;height:24px;font-size:24px;line-height:24px;color:#607d8b;top:22px;right:20px}@media screen and (max-width:767px){.sweet-popup .swal2-header .swal2-close{top:12px;right:12px}}.sweet-popup .swal2-content{padding:24px!important;padding-top:0!important;font-size:16px;font-weight:400!important}@media screen and (max-width:767px){.sweet-popup .swal2-content{padding:0 15px 24px!important}}.sweet-popup .swal2-buttonswrapper{margin:0;padding-bottom:24px}.sweet-popup .swal2-actions{padding-bottom:24px}.sweet-popup-foot{padding:24px;background-color:#f6f7fa;color:#263237;line-height:24px}.sweet-popup .app-pwd-msg{font-size:20px;color:#52bee5}.social-login{margin-bottom:24px}.social-login-title{text-align:center;color:#b0bec5;position:relative;margin-bottom:16px}.social-login-title span{padding:0 16px;position:relative;z-index:1;background-color:#fff}.social-login-title:after{content:"";width:100%;height:2px;background-color:#edeff2;position:absolute;top:50%;transform:translateY(-50%);left:0}.social-login .social-site~.social-site{margin-left:24px}.login-frm,.reset-pwd-frm,.signup-frm{text-align:left}.login-frm .btn-fill,.reset-pwd-frm .btn-fill,.signup-frm .btn-fill{margin-top:24px}.login-popup .sweet-popup-body,.reset-pwd-popup .sweet-popup-body,.signup-popup .sweet-popup-body{padding:0 24px 24px}@media screen and (max-width:767px){.login-popup .sweet-popup-body,.reset-pwd-popup .sweet-popup-body,.signup-popup .sweet-popup-body{padding:0 16px 24px}}.login-popup .sweet-popup-foot,.reset-pwd-popup .sweet-popup-foot,.signup-popup .sweet-popup-foot{font-size:18px}.login-popup .sweet-popup-foot .link,.reset-pwd-popup .sweet-popup-foot .link,.signup-popup .sweet-popup-foot .link{margin-left:6px}.login-popup .swal2-content,.reset-pwd-popup .swal2-content,.signup-popup .swal2-content{padding:0!important}.confirm-popup .swal2-title{padding:0}.confirm-popup .btn{min-width:192px}@media screen and (min-width:768px){.confirm-popup .btn~.btn{margin-left:16px}}@media screen and (max-width:767px){.confirm-popup .btn~.btn{margin-top:16px}}.video-popup{max-width:70%}@media screen and (max-width:767px){.video-popup{max-width:100%;width:100%!important}}.video-popup iframe{width:100%;height:400px}@media screen and (max-width:767px){.video-popup iframe{height:200px}}.video-popup .swal2-title{padding-right:40px;text-align:left}.gotop-fixed{position:fixed;right:32px;z-index:99;bottom:48px;opacity:0;display:none;transition:opacity,.5s}.gotop-fixed.show{opacity:1;display:block}@supports (-ms-accelerator:true){.tabs-box{-ms-flex-pack:distribute;justify-content:space-around}}.tabs-box{-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #ced8db;margin-bottom:34px;position:relative}.tabs-box,.tabs-box.opened .tabs-wrap{display:flex;display:-ms-flexbox}.tabs-box.opened .tab.active:after{transform:rotate(180deg)}.tabs-box.opened.with-bg .tab{background-color:#fff}.tabs-box.opened.with-bg .tabs-wrap{padding:0;margin:0 16px;width:calc(100% - 32px)}@media screen and (max-width:767px){.tabs-box{-ms-flex-direction:column;flex-direction:column;margin:0 -16px 34px;border-bottom:none;padding:0 16px}}.tabs-box .tabs-wrap{display:none;background-color:#f6f7fa;z-index:1;padding:0 16px;-ms-flex-direction:column;flex-direction:column;position:absolute;width:100%;left:0;top:100%;box-shadow:0 4px 4px 0 rgba(96,125,139,.5)}.sub-tab,.tab{padding:16px;color:#263237;font-size:20px;text-align:center;position:relative;line-height:28px;max-width:200px;width:20%}@media screen and (max-width:767px){.sub-tab,.tab{border-bottom:1px solid #ced8db;max-width:100%;width:100%}}.sub-tab:hover,.tab:hover{text-decoration:none;color:#52bee5}.sub-tab-title,.tab-title{position:relative;cursor:pointer}.sub-tab-title:after,.tab-title:after{position:absolute;display:block;bottom:-19px;height:4px;width:100%;min-width:124px;left:50%;transform:translateX(-50%);background-color:#52bee5}.sub-tab.active,.tab.active{color:#52bee5}@media screen and (max-width:767px){.sub-tab.active,.tab.active{-ms-flex-order:-1;order:-1;position:relative}.sub-tab.active:after,.tab.active:after{content:"";font-family:Material Icons;font-size:24px;color:#52bee5;position:absolute;right:16px}}.sub-tab.active .tab-title:after,.tab.active .tab-title:after{content:""}.sub-tabs{display:flex;display:-ms-flexbox;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:16px}@media screen and (max-width:1024px){.sub-tabs{margin-bottom:0}}.sub-tabs .sub-tab{padding-top:0}@media screen and (max-width:767px){.sub-tabs .sub-tab.active:after{content:none}}.tags-wrapper{display:flex;display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap}.tags-wrapper .tag{margin-right:8px;margin-bottom:5px}.tag{font-size:14px;border-width:1px;border-style:solid;padding:4px;border-radius:2px;white-space:nowrap;line-height:1}.tag.pill{padding:6px 12px;border-radius:16px}.tag.orange{border-color:#fd9552;color:#fd9552}.tag.gray{border-color:#edeff2;color:#b0bec5;cursor:pointer}.tag.gray:hover{background-color:#edeff2;color:#607d8b;text-decoration:none}.tag.white{border-color:#fff;color:#fff;cursor:pointer}.tag.white:hover{background-color:#fff;color:#217796}