.ke-components-modal{-webkit-transform-origin:center;transform-origin:center}
.ke-components-modal-closeicon{color:#c0c5cc;position:absolute;right:18px;top:18px;font-size:12px}
.ke-components-modal-zoom-appear,.ke-components-modal-zoom-enter{opacity:0;display:block;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-timing-function:cubic-bezier(.08,.82,.17,1);-webkit-animation-play-state:paused;animation-play-state:paused}
.ke-components-modal-zoom-enter-done{display:block}
.ke-components-modal-zoom-exit{display:block;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-timing-function:cubic-bezier(.6,.04,.98,.34);-webkit-animation-play-state:paused;animation-play-state:paused}
.ke-components-modal-zoom-exit-done{display:none}
.ke-components-modal-zoom-appear.ke-components-modal-zoom-appear-active,.ke-components-modal-zoom-enter.ke-components-modal-zoom-enter-active{-webkit-animation-name:rc-dialog-zoom-in;animation-name:rc-dialog-zoom-in;-webkit-animation-play-state:running;animation-play-state:running}
.ke-components-modal-zoom-exit.ke-components-modal-zoom-exit-active{-webkit-animation-name:rc-dialog-zoom-out;animation-name:rc-dialog-zoom-out;-webkit-animation-play-state:running;animation-play-state:running}
.ke-components-modal-fade-appear,.ke-components-modal-fade-enter{opacity:0}
.ke-components-modal-fade-appear,.ke-components-modal-fade-enter,.ke-components-modal-fade-exit{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}
.ke-components-modal-fade-appear.ke-components-modal-fade-appear-active,.ke-components-modal-fade-enter.ke-components-modal-fade-enter-active{-webkit-animation-name:rc-dialog-fade-in;animation-name:rc-dialog-fade-in;-webkit-animation-play-state:running;animation-play-state:running}
.ke-components-modal-fade-exit.ke-components-modal-fade-exit-active{-webkit-animation-name:rc-dialog-fade-out;animation-name:rc-dialog-fade-out;-webkit-animation-play-state:running;animation-play-state:running}
.ke-components-modal-wrap{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
.ke-components-modal-mask,.ke-components-modal-wrap{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1050}
.ke-components-modal-mask{overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(0,0,0,.7)}@-webkit-keyframes rc-dialog-zoom-in{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes rc-dialog-zoom-in{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rc-dialog-zoom-out{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes rc-dialog-zoom-out{0%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes rc-dialog-fade-in{0%{opacity:0}to{opacity:1;opacity:var(--mask-opacity)}}@keyframes rc-dialog-fade-in{0%{opacity:0}to{opacity:1;opacity:var(--mask-opacity)}}@-webkit-keyframes rc-dialog-fade-out{0%{opacity:1;opacity:var(--mask-opacity)}to{opacity:0}}@keyframes rc-dialog-fade-out{0%{opacity:1;opacity:var(--mask-opacity)}to{opacity:0}}
.free-learning-modal{width:302px;height:360px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/freeLearningBg.e9d3d051.png);transition:width .3s,min-height .3s;background-repeat:no-repeat;background-size:contain;box-shadow:0 8px 30px rgba(0,80,179,.12);border-radius:12px}
.free-learning-modal>span:first-child{position:absolute;right:0;top:0;-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);color:#fff;cursor:pointer}
.free-learning-modal>span:first-child svg{width:24px;height:24px}
.free-learning-modal .title{font-weight:600;font-size:20px;line-height:28px;text-align:center;color:#14171a;margin-top:32px}
.free-learning-modal .gift{font-weight:600;font-size:18px;line-height:26px;letter-spacing:3px;color:#8c620e;margin-top:59px;text-align:center}
.free-learning-modal .desc{margin-top:59px}
.free-learning-modal .desc .desc-item{font-weight:500;font-size:14px;line-height:18px;color:#3e454d;opacity:.8;text-align:center;margin-top:16px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.free-learning-modal .desc .desc-item [class^=ke-icon---]{color:#2dd192;margin-right:8px}
.free-learning-modal .btn{width:214px;height:40px;background:#ffdd98;border-radius:20px;margin:32px auto 0;line-height:40px;font-weight:500;color:#8c620e}
.free-learning-modal .btn,.tab---RBUZQp{text-align:center;font-size:14px;cursor:pointer}
.tab---RBUZQp{position:relative;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 24px;height:44px;line-height:44px;color:#0f1419}
.active---P8Nsny{font-weight:700}
.text---uQuLrf{color:#667280}
.text---uQuLrf.active---P8Nsny{color:#2080f7}
.wrapper---Yy77Xl{height:52px}
.container---ef8ykX{position:fixed;display:-webkit-flex;display:flex;height:52px}
.top---jtLMb7{top:0}
.bottom---shZGBf{bottom:0}
.indicator---a5p1My{position:absolute;bottom:0;width:16px;height:3px;border-radius:1.5px;background-color:#2080f7;transition:.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.column---ZVQMQS{height:16px;width:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.tabs---hx_hVe{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;background-color:#fff}
.tabs-container---E4n9rh{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.tabs-container---E4n9rh::-webkit-scrollbar{display:none}
.tabs-wrap---vVa0Ez{display:-webkit-flex;display:flex;min-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
.left-mask---S_L0mv,.mask---E2Pt4j{position:absolute;top:0;width:24px;height:100%;z-index:1;pointer-events:none}
.left-mask---S_L0mv{left:0;background:linear-gradient(-90deg,hsla(0,0%,100%,0),#fff 68.75%)}
.right-mask---sEUEIp{position:absolute;top:0;width:24px;height:100%;z-index:1;pointer-events:none;right:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 68.75%)}
.banner{-webkit-flex:1;flex:1;padding:6px 6px 6px 0;height:100%;width:596px}
.banner .inner-banner{width:100%;height:100%;background:#f5f7fa;border-radius:8px}
.border-line{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #ddd}
.tabs{position:relative;overflow:hidden}
.tabs-ctrl{display:-webkit-flex;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.tabs-ctrl-line .tabs-ctrl-item.active:after,.tabs-ctrl-line:before{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #ddd}
.tabs-ctrl-line .tabs-ctrl-item.active:after{border-width:2px;border-color:#2195f3}
.tabs-ctrl-over-left:before,.tabs-ctrl-over-right:after{content:"";position:absolute;z-index:9;top:0;bottom:0;width:30px}
.tabs-ctrl-over-left:before{left:0;background:linear-gradient(90deg,#fff 0,#fff 10%,hsla(0,0%,100%,0))}
.tabs-ctrl-over-right:after{right:0;background:linear-gradient(270deg,#fff 0,#fff 10%,hsla(0,0%,100%,0))}
.tabs-ctrl .tabs-ctrl-item{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;position:relative;margin-right:20px;padding:8px 0;white-space:nowrap;cursor:pointer}
.tabs-ctrl .tabs-ctrl-item__expo{display:inline-block}
.tabs-ctrl .tabs-ctrl-item.active{color:#2195f3}
.kc-loading.s-loading{height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding-top:0}
.kc-loading.s-loading .s-loading-icon{opacity:.2}
.kc-loading.s-loading .loading-msg{display:none}
.kc-loaded-fail.s-loaded-fail{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding-top:0}
.kc-loaded-fail.s-loaded-fail .icon-fail{width:150px;height:100px;border:none;border-radius:0;background-size:cover;background-image:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/empty-detail.dfd00860.png)}
.kc-loaded-fail.s-loaded-fail .icon-fail:after,.kc-loaded-fail.s-loaded-fail .icon-fail:before{content:none}
.kc-loaded-fail.s-loaded-fail .fail-msg{color:#c0c5cc}
.kc-loaded-fail.s-loaded-fail .fail-msg .fail-retry{color:#2080f7}
.plan{-webkit-flex:1;flex:1;height:100%;background:#fff;box-shadow:0 8px 30px rgba(0,80,179,.12);border-radius:12px;text-align:center;font-family:PingFang SC;font-style:normal}
.plan .kc-loaded-fail,.plan .kc-loading.s-loading{width:277px}
.left-section{display:-webkit-flex;display:flex;width:885px;height:100%;background:#fff;box-shadow:0 8px 30px rgba(0,80,179,.12);border-radius:12px;margin-right:24px}
.sec-wrapper--trump{background:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bg-trump.f6063fe9.png) #cae5fc 50%/cover no-repeat;margin-bottom:60px}
.sec-wrapper--trump .index-center-block{padding:60px 0;display:-webkit-flex;display:flex;background:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bg-trump-right.5c9879d8.png) 100%/300px 272px no-repeat}
.sec-wrapper .trump-wrapper{cursor:pointer;width:400px;margin-right:40px}
.sec-wrapper .trump-wrapper .trump-hd{margin-bottom:16px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:28px}
.sec-wrapper .trump-wrapper .trump-hd-icon--0,.sec-wrapper .trump-wrapper .trump-hd-icon--1{width:36px;height:32px;display:inline-block;margin-right:12px}
.sec-wrapper .trump-wrapper .trump-hd-icon--0{background:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-xinxuan@3x.cf1f510b.png) 50%/contain no-repeat}
.sec-wrapper .trump-wrapper .trump-hd-icon--1{background:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/icon-lingxuan@3x.58278b4d.png) 50%/contain no-repeat}
.sec-wrapper .trump-wrapper .trump-hd h3{margin-right:5px;color:#3e454d;font-weight:500;font-size:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.sec-wrapper .trump-wrapper .trump-hd:hover h3{color:#2080f7}
.sec-wrapper .trump-wrapper .trump-hd:hover path{fill:#2080f7}
.sec-wrapper .trump-wrapper .trump-des{margin-bottom:20px}
.sec-wrapper .trump-wrapper .trump-des p{font-size:16px;line-height:28px;color:#667280}
.sec-wrapper .trump-wrapper .trump-list{display:-webkit-flex;display:flex;height:32px}
.sec-wrapper .trump-wrapper .trump-list .trump-item{margin-right:8px;padding:6px 7px 6px 9px;background:hsla(0,0%,100%,.7);box-shadow:0 2px 6px rgba(0,179,110,.04);border-radius:8px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.sec-wrapper .trump-wrapper .trump-list .trump-item p{color:#3e454d}
.sec-wrapper .trump-wrapper .trump-list .trump-item:hover{background:#fff}
.sec-wrapper .trump-wrapper .trump-list .trump-item:hover p{color:#2080f7}
.sec-wrapper .trump-wrapper .trump-list .trump-item:hover path{fill:#2080f7}
.sec-wrapper .trump-wrapper .trump-list .trump-item:last-child{margin-right:0}
.sec-wrapper--recommend .sec-hd h3{margin-right:16px}
.sec-wrapper .recommend-cate-list{-webkit-flex:1;flex:1}
.sec-wrapper .recommend-cate-item{color:#667280;margin:0 16px;padding:0;height:34px;line-height:34px}
.sec-wrapper .recommend-cate-item.active{font-weight:500;color:#2080f7;border-bottom:2px solid #2080f7}
.sec-wrapper .recommend-cate-item:hover{color:#2080f7}
.sec-wrapper .recommend-cate-item:last-child{margin-right:0}
.sec-wrapper .sec-content{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:24px;-webkit-flex:1;flex:1}
.sec-wrapper .sec-content .course-card-expo-wrapper{width:277px}
.sec-wrapper .sec-content--short{-webkit-flex-basis:879px;flex-basis:879px}
.sec-wrapper .sec-content--more{margin-top:48px;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}
.sec-wrapper .sec-content--more span{margin-left:2px}
.sec-wrapper .sec-side{width:277px}
.sec-wrapper .sec-side .kc-course-card-cover{width:110px}
.sec-wrapper .sec-side-item{background:#fff;padding:16px;font-weight:600;font-size:18px;box-shadow:0 4px 30px rgba(0,80,179,.08);border-radius:8px}
.sec-wrapper .sec-side-item .side-item-tt{color:#cb913b;margin-bottom:15px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.sec-wrapper .sec-side-item .side-item-tt span{margin-left:auto}
.sec-wrapper .sec-side-item .course-card-expo-wrapper{margin-bottom:16px}
.sec-wrapper .sec-side-item .course-card-expo-wrapper:last-child{margin-bottom:0}
.sec-wrapper .sec-side-item .course-card-expo-wrapper .kc-course-card{box-shadow:none;background:transparent}
.sec-wrapper .sec-side-item--goodrate{background:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bg-ranking-orange@3x.120fa3f6.png) #fff top/contain no-repeat;margin-bottom:24px}
.sec-wrapper .sec-side-item--hot{background:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/bg-ranking-blue@3x.898556f7.png) #fff top/contain no-repeat}
.sec-wrapper .sec-side-item--hot .side-item-tt{color:#2080f7}
.middle-banner{margin:0 auto 60px;height:140px;padding:0}
.middle-banner .swiper-container{height:100%;border-radius:7px;cursor:pointer}
.middle-banner .swiper-container .w-banner-link{height:100%}
.middle-banner .swiper-container .w-banner-link .w-banner-img{height:100%;border-radius:0;padding-top:11.86%;background-size:cover;background-position:top;background-repeat:no-repeat}
.sec-hd-refresh--num{display:inline-block;width:10px;height:20px}
.sec-hd-refresh-btn--disabled{opacity:.5;cursor:default}
.kc-course-card--live.kc-course-card{width:277px}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-name{margin-bottom:12px}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-labels{display:none}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-footer{height:28px}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;padding-right:0}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left .kc-coursecard-addition{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left .kc-coursecard-addition span{margin-right:7px}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left .kc-coursecard-applybtn{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#2080f7;border-radius:16px;height:28px;font-size:14px;color:#fff}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left .kc-coursecard-applybtn--disabled{opacity:.5}
.kc-course-card--live.kc-course-card .kc-course-card-content .kc-course-card-footer .kc-coursecard-footer-left .kc-coursecard-applybtn:hover{background:#4095ff}
.empty-indicator{width:236px;margin:0 auto}
.block-selector{background-color:#f5f7fa}
.block-list{padding:32px 0}
.block-recommend{background-color:#f5f7fa}
.block-skeleton{font-size:0}
.index-center-block{margin:0 auto}
.sec-wrapper{margin-bottom:60px}
.sec-wrapper .sec-hd{display:-webkit-flex;display:flex;margin-bottom:24px;height:34px}
.sec-wrapper .sec-hd h3{font-weight:600;font-size:24px;height:34px;line-height:34px;color:#3e454d;margin-right:12px}
.sec-wrapper .sec-hd p{font-size:14px;color:#667280;-webkit-align-self:flex-end;align-self:flex-end;padding-bottom:3px}
.sec-wrapper .sec-hd .sec-hd-refresh{margin-left:auto;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer}
.sec-wrapper .sec-hd .sec-hd-refresh i{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.sec-wrapper .sec-bd{position:relative;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:24px}
.sec-wrapper .sec-bd .kc-course-card--commom{width:277px}
.ke-components-modal-mask{z-index:4002;-webkit-backdrop-filter:none;backdrop-filter:none}
.ke-components-modal-wrap{z-index:4002}
.kc-loaded-fail.s-loaded-fail.sec-main--error{height:200px}
.header-bg{width:100%;height:80px;cursor:unset;background-position:top;background-size:auto 100%;}
.header-bg--offset{top:68px}
.index-header{--arrow-color:#2b2c30;background-color:initial;box-shadow:none}
.index-header [class^=mod-search---]{background-color:#fff;border-color:transparent}
.index-header [class^=mod-search---] [class^=mod-search-dropdown-item---]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}
.index-header [class^=header-index-logo--]{background-image:url(../images/logo.png)}
.index-header [class^=header-index-menu---],.index-header [class^=header-index-menu---] [class^=header-index-look---]{color:#fff}
.index-header [class^=header-index-menu---] [class^=dropdown-arrow---]{color:#fff!important}
.index-header [class^=header-index-menu---] [class^=header-index-gap--],.index-header [class^=header-index-menu---] [class^=mod-header__link-login--]{color:#fff}
.index-header.isScrolling{background-color:#fff;box-shadow:0 3px 12px 0 rgba(0,36,153,.06)}
.index-header.isScrolling [class^=mod-search---]{border-color:#2080f7}
.index-header.isScrolling [class^=mod-search---] [class^=mod-search-dropdown-item---]{border-top-color:#2080f7;border-left-color:#2080f7;border-bottom-color:#2080f7}
.index-header.isScrolling [class^=header-index-logo--]{background-image:url(//cdn-cos-ke.myoed.com/ke_proj/core/_next/static/media/logo.856c5cac.png)}
.index-header.isScrolling [class^=header-index-menu---],.index-header.isScrolling [class^=header-index-menu---] [class^=header-index-look---]{color:unset}
.index-header.isScrolling [class^=header-index-menu---] [class^=dropdown-arrow---]{color:var(--arrow-color)!important}
.index-header.isScrolling [class^=header-index-menu---] [class^=header-index-gap--],.index-header.isScrolling [class^=header-index-menu---] [class^=mod-header__link-login--]{color:unset}
.global-main{background:#fff;padding-bottom:0;padding-left:10px;}html.global-gray{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray}