:root{--main-color-blue: #407bff;--font-color1-black: #182d4d;--font-color1-blue: #0064ff;--font-color1-white: #fff;--learning-unit: .052083333333333336vw}html{color:var(--font-color1-black);font-family:PingFangSC-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif}@media screen and (max-width:1500px){:root{--learning-unit: .065vw}}body.learning-body{min-height:100%;margin:0;padding:0;background:#fff;font-size:14px}.learning-body *,.learning-body *:before,.learning-body *:after{box-sizing:border-box}.learning-main h1,.learning-main h2,.learning-main h3,.learning-main h4,.learning-main h5,.learning-main h6,.learning-main p,.learning-main ul,.learning-main li,.learning-auth-main h1,.learning-auth-main h2,.learning-auth-main h3,.learning-auth-main h4,.learning-auth-main h5,.learning-auth-main h6,.learning-auth-main p,.learning-auth-main ul,.learning-auth-main li{margin:0;padding:0}.learning-main ul,.learning-main li,.learning-auth-main ul,.learning-auth-main li{list-style:none}.learning-main a,.learning-auth-main a{color:#1b3a6a;text-decoration:inherit}.learning-main a:hover,.learning-auth-main a:hover{color:#535bf2}.learning-body button{font-family:inherit;cursor:pointer}.learning-empty{width:100%;padding:calc(60 * var(--learning-unit)) 0;text-align:center;font-size:calc(18 * var(--learning-unit));color:#7c7f83}.learning-auth-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:linear-gradient(180deg,#407bff14,#407bff00 28%),radial-gradient(circle at top right,rgba(2,135,255,.12),transparent 30%),#f7fbff}.learning-login-page{width:100%;max-width:460px;padding:48px 40px;border-radius:20px;background:#fff;box-shadow:0 20px 60px #1b3a6a1f}.learning-login-brand{display:inline-flex;align-items:center;margin-bottom:24px}.learning-login-brand img{width:168px;height:auto}.learning-login-title{font-size:32px;line-height:1.25;color:#1e72bd;font-weight:700}.learning-login-subtitle{margin-top:12px;color:#6c7a92;font-size:15px;line-height:1.7}.learning-login-form{margin-top:32px}.learning-login-field+.learning-login-field{margin-top:18px}.learning-login-label{display:block;margin-bottom:8px;font-size:14px;color:#233252}.learning-login-input{width:100%;height:52px;padding:0 16px;border:1px solid #dbe6f5;border-radius:10px;font-size:16px;color:#1b1b1b;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.learning-login-input:focus{border-color:#0287ff;box-shadow:0 0 0 3px #0287ff1f}.learning-login-error{margin-top:14px;color:#d93025;font-size:14px}.learning-login-submit{width:100%;height:52px;margin-top:24px;border:0;border-radius:10px;background:linear-gradient(135deg,#24d4df,#10c1ca);color:#fff;font-size:16px;font-weight:600}.learning-login-submit:disabled{opacity:.72;cursor:not-allowed}.learning-login-success{margin-top:14px;color:#198754;font-size:14px}.learning-auth-card-wide{max-width:560px}.learning-auth-inline{display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:12px}.learning-auth-inline-btn{height:52px;border:1px solid #0287ff;border-radius:10px;background:#fff;color:#0287ff;font-size:14px}.learning-auth-inline-btn:disabled{color:#94a3b8;border-color:#dbe6f5;cursor:not-allowed}.learning-auth-check{margin-top:16px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#6c7a92;font-size:14px}.learning-auth-check input{margin:0}.learning-auth-check a{color:#0287ff}.learning-auth-links{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.learning-auth-links-single{justify-content:center}.learning-auth-links a{color:#0287ff}.learning-login-back{margin-top:18px;text-align:center;font-size:14px;color:#6c7a92}.learning-login-back a{color:#0287ff}.h1{font-size:calc(40 * var(--learning-unit))!important;line-height:calc(52 * var(--learning-unit))!important;font-weight:700!important}.h1_d{font-size:calc(18 * var(--learning-unit))!important;font-weight:400!important;line-height:calc(30 * var(--learning-unit))!important}.learning-header{position:fixed;display:flex;left:0;top:0;z-index:9999;width:100%;transition:background .5s}.learning-header:hover,.learning-header.scrollIsMove{background:var(--font-color1-white);box-shadow:0 calc(.4 * var(--learning-unit)) calc(.3 * var(--learning-unit)) 0 #8d8d8d0f}.learning-header-context{margin-left:calc(186 * var(--learning-unit));width:calc(1373 * var(--learning-unit));display:flex;height:calc(60 * var(--learning-unit));justify-content:space-between;align-items:center}.learning-left-block{display:flex;align-items:center;height:100%}.learning-logo{width:calc(135.5 * var(--learning-unit));max-width:calc(135.5 * var(--learning-unit));display:block}.learning-nav{margin-left:calc(38.45 * var(--learning-unit));display:flex;align-items:center;height:100%}.learning-menu{display:flex;align-items:center;height:100%;font-size:calc(16 * var(--learning-unit));white-space:nowrap;color:#1b1b1b!important}.learning-menu+.learning-menu{margin-left:calc(29 * var(--learning-unit))}.learning-user,.learning-actions{position:relative;display:flex;align-items:center}.learning-user-trigger{display:flex;align-items:center;justify-content:flex-start;gap:8px;border:0;background:transparent;font-size:16px;color:#2b3361}.learning-avatar{width:32px;height:32px;border-radius:50%;background-color:#f0f8ff;overflow:hidden}.learning-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.learning-user-menu{position:absolute;top:42px;right:0;width:118px;padding:8px 0;border:1px solid #e5eaf3;border-radius:4px;background:#fff;box-shadow:0 6px 18px #00000014}.learning-user-menu a,.learning-user-menu button{display:block;width:100%;padding:8px 14px;border:0;background:transparent;text-align:left;font-size:14px;color:#2b3361}.learning-user-menu a:hover,.learning-user-menu button:hover{background:#f1f8ff;color:#0287ff}.learning-login,.learning-trial,.video-login-btn{width:84px;height:32px;border:1px solid #0287ff;border-radius:4px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:center}.learning-login{margin-right:8px;background:#fff;color:#0287ff!important}.learning-trial,.video-login-btn{background-color:#0287ff;color:#fff!important}.learning-footer{width:100%;height:calc(120 * var(--learning-unit));padding:calc(28 * var(--learning-unit)) 0;border-top:1px solid #e9ecef;text-align:center;font-size:calc(14 * var(--learning-unit));color:#6c757d;display:flex;justify-content:center;align-items:center}.learning-footer-content{width:calc(490 * var(--learning-unit))}.learning-footer-top{max-width:calc(486 * var(--learning-unit));display:flex;justify-content:center;align-items:flex-end}.learning-footer-logo{height:calc(31 * var(--learning-unit));width:calc(130 * var(--learning-unit));margin-right:calc(65 * var(--learning-unit))}.learning-footer-logo img{height:calc(31 * var(--learning-unit));width:calc(130 * var(--learning-unit))}.learning-footer-links{display:flex;align-items:center;flex-wrap:nowrap;gap:calc(4 * var(--learning-unit));width:auto;white-space:nowrap;color:#6c757d}.learning-footer-links span,.learning-footer-links a{color:#6c757d;font-size:calc(14 * var(--learning-unit));flex-shrink:0}.learning-footer-links a:hover{color:#007bff;text-decoration:underline}.learning-footer-bottom{display:flex;align-items:center;width:calc(490 * var(--learning-unit));margin-top:calc(7 * var(--learning-unit));color:#868e96;font-size:calc(14 * var(--learning-unit))}.learning-record{margin-left:calc(16 * var(--learning-unit))}.study-banner{background:url(/assets/img/learning_center/head_Bg.png) no-repeat;background-size:100% 100%;height:calc(450 * var(--learning-unit));padding-top:0!important}.study-banner-panel{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-size:cover}.study-banner-block{width:calc(1200 * var(--learning-unit));position:static!important}.study-app-name{display:inline-block;font-weight:600;font-size:calc(28 * var(--learning-unit));margin-top:calc(25 * var(--learning-unit));margin-bottom:calc(117 * var(--learning-unit));width:calc(490 * var(--learning-unit));line-height:161%}.study-descr{color:#1b1b1b}.study-part-1{display:flex;justify-content:center;padding-top:calc(64 * var(--learning-unit))!important;padding-bottom:calc(80 * var(--learning-unit))!important}.study-quick-learn{width:calc(1200 * var(--learning-unit))}.study-part-title{text-align:center;font-size:calc(36 * var(--learning-unit));font-weight:600}.study-part-content{margin-top:calc(60 * var(--learning-unit));display:flex;justify-content:center;align-items:center}.study-left-part{margin-right:calc(36 * var(--learning-unit))}.study-path-panel{width:calc(382 * var(--learning-unit));height:calc(96 * var(--learning-unit));transition:all .3s ease;display:flex;cursor:pointer;margin-bottom:calc(30 * var(--learning-unit))}.study-path-panel:last-child{margin-bottom:0}.study-path-panel.active,.study-path-panel:hover{box-shadow:0 0 calc(12 * var(--learning-unit)) #5050502d;border-radius:calc(4 * var(--learning-unit))}.study-path-panel.active .study-line,.study-path-panel:hover .study-line{background:#407bff}.study-line{width:calc(3 * var(--learning-unit));height:calc(96 * var(--learning-unit));transition:all .3s ease;background:transparent}.study-panel-icon{width:calc(24 * var(--learning-unit));height:calc(24 * var(--learning-unit));margin-top:calc(24 * var(--learning-unit));margin-left:calc(23 * var(--learning-unit))}.study-panel-icon img{width:100%;height:100%}.study-panel-text{margin-left:calc(8 * var(--learning-unit));margin-top:calc(24 * var(--learning-unit))}.study-panel-title{font-size:calc(18 * var(--learning-unit));font-weight:600;margin-bottom:calc(4 * var(--learning-unit))}.study-panel-descr{font-size:calc(14 * var(--learning-unit));font-weight:400}.study-quick-bg{width:calc(782 * var(--learning-unit));height:calc(410 * var(--learning-unit));background:url(/assets/img/learning_center/quickLearn_Bg.png) no-repeat;background-size:100% 100%;display:flex;justify-content:center;align-items:center}.study-quick-image{position:relative;width:calc(741 * var(--learning-unit));height:calc(362 * var(--learning-unit));overflow:hidden}.study-quick-panel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.study-image-overlay{position:relative;width:calc(158 * var(--learning-unit));height:calc(44 * var(--learning-unit));margin-top:calc(296 * var(--learning-unit));margin-left:calc(582 * var(--learning-unit));display:flex;justify-content:center;align-items:center;background-color:#447de4;color:#fff;border-radius:calc(57 * var(--learning-unit)) 0 0 calc(57 * var(--learning-unit));transition:all .3s ease;font-size:calc(16 * var(--learning-unit))}.study-image-overlay:hover{box-shadow:0 0 0 3px #8cb4ff}.study-part-2{padding-top:0!important;padding-bottom:0!important;background-color:#fff;display:flex;justify-content:center}.study-lesson-list{width:calc(1200 * var(--learning-unit))}.study-hot-recommend,.study-product-section{margin-bottom:calc(60 * var(--learning-unit))}.study-hot-title,.study-section-header{display:flex;align-items:center;margin-bottom:calc(20 * var(--learning-unit))!important}.study-hot-icon{width:calc(32 * var(--learning-unit));height:calc(32 * var(--learning-unit));font-size:calc(24 * var(--learning-unit));margin-right:calc(4 * var(--learning-unit))}.study-hot-icon img,.study-title-line img{width:100%;height:100%}.study-hot-text,.study-section-title{font-size:calc(24 * var(--learning-unit))!important;font-weight:600!important}.study-all-courses{margin-left:auto;display:flex;align-items:center}.study-all-link{color:#1b1b1b!important;font-size:calc(20 * var(--learning-unit));display:flex;align-items:center}.study-all-icon{background:url(/assets/img/learning_center/all.png);background-size:100% 100%;margin-right:calc(8 * var(--learning-unit));width:calc(18 * var(--learning-unit));height:calc(18 * var(--learning-unit))}.study-all-link:hover{color:#407bff!important}.study-all-link:hover .study-all-icon{background:url(/assets/img/learning_center/all_blue.png);background-size:100% 100%}.study-title-line{width:calc(3 * var(--learning-unit));height:calc(24 * var(--learning-unit))}.study-section-title{margin-left:calc(6 * var(--learning-unit))}.study-view-more{margin-left:auto;color:#1b1b1b!important;font-size:calc(20 * var(--learning-unit));text-decoration:none}.study-view-more:hover{color:#407bff!important}.study-course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(20 * var(--learning-unit))}.study-course-card{width:calc(280 * var(--learning-unit));border-radius:calc(6 * var(--learning-unit));overflow:hidden;box-shadow:0 calc(2 * var(--learning-unit)) calc(8 * var(--learning-unit)) #0000001a;transition:all .3s ease;cursor:pointer}.study-course-card:hover{transform:translateY(calc(-5 * var(--learning-unit)));box-shadow:0 calc(10 * var(--learning-unit)) calc(20 * var(--learning-unit)) #00000026}.study-course-header img{width:100%;height:calc(158 * var(--learning-unit));object-fit:cover;display:block}.study-course-info{background-color:#fff}.study-course-title{width:calc(243 * var(--learning-unit));font-size:calc(16 * var(--learning-unit));font-weight:400;margin:calc(12 * var(--learning-unit)) 0 calc(12 * var(--learning-unit)) calc(14 * var(--learning-unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-course-footer{padding:calc(15 * var(--learning-unit));background-color:#fff;display:flex;justify-content:space-between;align-items:center}.study-author{display:flex;align-items:center}.study-avatar{width:calc(16 * var(--learning-unit));height:calc(16 * var(--learning-unit));background-color:#fff}.study-avatar img{width:100%;height:100%}.study-name,.study-price{margin-left:calc(4 * var(--learning-unit));font-size:calc(12 * var(--learning-unit));color:#1b1b1b}.course-nav-tabs{padding-top:calc(65 * var(--learning-unit));padding-bottom:calc(20 * var(--learning-unit));display:flex;justify-content:center;align-items:center}.course-top-nav{color:#fff}.course-nav-row{display:flex;gap:calc(20 * var(--learning-unit));width:calc(1200 * var(--learning-unit));position:relative}.course-tab-item,.course-filter-item{border:0;background:transparent;font-size:calc(14 * var(--learning-unit));color:#1b1b1b;cursor:pointer;padding:0 0 calc(4 * var(--learning-unit));margin-left:calc(10 * var(--learning-unit));position:relative}.course-tab-item:hover,.course-filter-item:hover{color:#447de7}.course-tab-item.active,.course-filter-item.active{color:#447de7;font-weight:700}.course-tab-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:calc(24 * var(--learning-unit));height:calc(1 * var(--learning-unit));background-color:#447de7}.course-split-line{width:calc(1200 * var(--learning-unit));height:calc(24 * var(--learning-unit));display:flex;align-items:center}.course-split-line img{width:100%}.course-list-page{padding-top:calc(20 * var(--learning-unit));padding-bottom:calc(60 * var(--learning-unit));background-color:#f8f9fa;display:flex;justify-content:center}.course-container{width:calc(1180 * var(--learning-unit))}.course-list-panel{background:#f8f8f8}.course-filter-tabs{margin-bottom:calc(12 * var(--learning-unit));display:flex;gap:calc(20 * var(--learning-unit))}.course-grid-list{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(20 * var(--learning-unit));margin-bottom:calc(20 * var(--learning-unit))}.course-list-card{border-radius:calc(8 * var(--learning-unit));overflow:hidden;box-shadow:0 calc(2 * var(--learning-unit)) calc(8 * var(--learning-unit)) #0000001a;transition:all .3s ease;cursor:pointer}.course-list-card:hover{transform:translateY(calc(-5 * var(--learning-unit)));box-shadow:0 calc(10 * var(--learning-unit)) calc(20 * var(--learning-unit)) #00000026}.course-cover{position:relative;height:calc(175 * var(--learning-unit));overflow:hidden}.course-cover img{width:100%;height:100%;object-fit:cover}.course-cover-overlay{position:absolute;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.course-list-card:hover .course-cover-overlay{opacity:1}.course-btn-look{background-color:#007bff;color:#fff;border:none;padding:calc(8 * var(--learning-unit)) calc(16 * var(--learning-unit));border-radius:calc(4 * var(--learning-unit));cursor:pointer;font-size:calc(12 * var(--learning-unit))}.course-info-box{padding:calc(12 * var(--learning-unit)) calc(14 * var(--learning-unit)) calc(13 * var(--learning-unit));background-color:#fff}.course-desc{font-size:calc(16 * var(--learning-unit));color:#1b1b1b;line-height:1.5;margin-bottom:calc(27 * var(--learning-unit));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-footer-row{display:flex;justify-content:space-between;align-items:center;font-size:calc(12 * var(--learning-unit));color:#666}.course-author{display:flex;align-items:center}.course-user-icon{width:calc(16 * var(--learning-unit));height:calc(16 * var(--learning-unit))}.course-user-icon img{width:100%;height:100%}.course-author-name{margin-left:calc(4 * var(--learning-unit))}.course-free{color:#1b1b1b}.course-pagination{display:flex;justify-content:center;gap:calc(10 * var(--learning-unit));margin-top:calc(53 * var(--learning-unit))}.course-page-btn{padding:calc(8 * var(--learning-unit)) calc(12 * var(--learning-unit));border:0;background-color:transparent;cursor:pointer;border-radius:calc(3 * var(--learning-unit));transition:all .3s ease;font-size:calc(14 * var(--learning-unit))}.course-page-btn:hover:not(:disabled){background-color:#c2c4c5}.course-page-btn.active{background-color:#4b86ef;color:#fff}.course-page-btn:disabled{cursor:not-allowed;opacity:.45}.detail-empty{padding-top:calc(120 * var(--learning-unit))}.detail-center,.video-center{width:calc(1200 * var(--learning-unit));margin:0 auto;overflow:hidden}.detail-bread,.video-bread{margin-bottom:calc(12 * var(--learning-unit));height:calc(25 * var(--learning-unit));display:flex;align-items:center;margin-top:calc(55 * var(--learning-unit))}.video-bread{margin-top:calc(10 * var(--learning-unit))}.detail-bread img:first-child,.video-bread img:first-child{width:calc(13 * var(--learning-unit));height:calc(13 * var(--learning-unit))}.detail-union,.video-union{width:calc(6 * var(--learning-unit));height:calc(11 * var(--learning-unit))}.detail-home,.video-home{font-size:calc(14 * var(--learning-unit));line-height:calc(22 * var(--learning-unit));color:#0006!important;margin-left:calc(5 * var(--learning-unit));margin-right:calc(9 * var(--learning-unit))}.detail-study,.video-study-current{font-size:calc(14 * var(--learning-unit));line-height:calc(22 * var(--learning-unit));color:#2b3361;margin-left:calc(9 * var(--learning-unit));font-weight:600}.detail-banner{height:calc(375 * var(--learning-unit));background:#f1f8ff;box-shadow:0 0 calc(7 * var(--learning-unit)) #0042c526;border-radius:calc(6 * var(--learning-unit));display:flex}.detail-banner-left{width:50%;background-size:100% 100%}.detail-banner-left img{width:100%;height:100%;object-fit:cover}.detail-banner-right{width:50%;padding-left:calc(30 * var(--learning-unit))}.detail-title{margin-top:calc(30 * var(--learning-unit));font-weight:500;font-size:calc(32 * var(--learning-unit));line-height:150%;color:#2b3361}.detail-sub{margin-top:calc(16 * var(--learning-unit));font-weight:500;font-size:calc(20 * var(--learning-unit));line-height:150%;color:#0388ff;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.detail-tags{width:100%;height:calc(38 * var(--learning-unit));display:flex;align-items:center;margin-top:calc(16 * var(--learning-unit))}.detail-tag{width:auto;padding:0 calc(20 * var(--learning-unit));height:calc(36 * var(--learning-unit));border:calc(1 * var(--learning-unit)) solid #0287ff;border-radius:calc(33 * var(--learning-unit));font-weight:500;font-size:calc(16 * var(--learning-unit));line-height:150%;color:#0287ff;display:flex;align-items:center;justify-content:center;margin-right:calc(12 * var(--learning-unit));background:#f1f8ff}.detail-teacher,.detail-time{margin-top:calc(20 * var(--learning-unit));font-weight:400;font-size:calc(18 * var(--learning-unit));line-height:calc(21 * var(--learning-unit));color:#2b3361}.detail-time{margin-top:calc(16 * var(--learning-unit))}.detail-bottom{display:flex;margin-top:calc(42 * var(--learning-unit))}.detail-primary-btn,.detail-list-btn,.video-submit,.video-reset{width:calc(126 * var(--learning-unit));height:calc(50 * var(--learning-unit));background:#0287ff;border-radius:calc(3 * var(--learning-unit));margin-right:calc(14 * var(--learning-unit));font-size:calc(20 * var(--learning-unit));line-height:150%;color:#fff!important;display:flex;justify-content:center;align-items:center;border:none;text-decoration:none}.detail-class{overflow:hidden;width:100%;margin-top:calc(30 * var(--learning-unit))}.detail-class-left{width:calc(745 * var(--learning-unit));float:left}.detail-top-tabs{display:flex;z-index:100}.detail-tip{display:inline-flex;align-items:center;justify-content:center;min-width:calc(80 * var(--learning-unit));height:calc(40 * var(--learning-unit));border:0;background:transparent;font-weight:400;font-size:calc(20 * var(--learning-unit));line-height:150%;white-space:nowrap;flex-shrink:0;color:#2b3361;margin-right:calc(40 * var(--learning-unit))}.detail-tip.tip-active{border-bottom:calc(2 * var(--learning-unit)) solid #0287ff}.detail-main{margin-top:calc(-1 * var(--learning-unit));border-top:calc(1 * var(--learning-unit)) solid #deefff}.detail-catagule,.detail-catagule-right{width:calc(741 * var(--learning-unit));height:calc(36 * var(--learning-unit));background:#f1f8ff;border-radius:calc(2 * var(--learning-unit));font-weight:400;font-size:calc(16 * var(--learning-unit));line-height:150%;color:#0156fe;margin-top:calc(16 * var(--learning-unit));padding:calc(6 * var(--learning-unit)) calc(6 * var(--learning-unit)) calc(6 * var(--learning-unit)) calc(12 * var(--learning-unit))}.detail-chapter-title{font-weight:400;font-size:calc(16 * var(--learning-unit));line-height:calc(21 * var(--learning-unit));color:#0156fe;margin-top:calc(16 * var(--learning-unit))}.detail-chapter-sub{font-weight:400;font-size:calc(14 * var(--learning-unit));line-height:150%;color:#7c7f83;margin-top:calc(4 * var(--learning-unit));margin-bottom:calc(18 * var(--learning-unit))}.detail-cata-list{width:100%;height:calc(65 * var(--learning-unit));border-top:calc(1 * var(--learning-unit)) solid #eee;line-height:calc(65 * var(--learning-unit));display:flex;justify-content:flex-start;align-items:center}.detail-cata-list img{width:calc(22 * var(--learning-unit));height:calc(22 * var(--learning-unit));margin-right:calc(7 * var(--learning-unit))}.detail-video-name{width:calc(600 * var(--learning-unit));font-weight:400;font-size:calc(16 * var(--learning-unit));line-height:calc(21 * var(--learning-unit));color:#2b3361;border:none;cursor:pointer}.detail-cata-list:hover .detail-video-name{color:#0287ff}.detail-list-btn{width:calc(84 * var(--learning-unit));height:calc(35 * var(--learning-unit));font-size:calc(14 * var(--learning-unit));display:none}.detail-list-btn.show{display:flex}.detail-title-class{margin-top:calc(18 * var(--learning-unit));font-weight:400;font-size:calc(18 * var(--learning-unit));line-height:calc(21 * var(--learning-unit));color:#2b3361}.detail-class-info{display:flex;align-items:center;width:100%;height:calc(58 * var(--learning-unit));margin-top:calc(18 * var(--learning-unit))}.detail-left-info{width:calc(46 * var(--learning-unit));height:calc(46 * var(--learning-unit));margin-right:calc(7 * var(--learning-unit))}.detail-img-bg,.detail-img-bg img{width:100%;height:100%;border-radius:50%}.detail-right-second span,.detail-must-know,.detail-teach,.detail-course-guide{font-weight:400;font-size:calc(14 * var(--learning-unit));line-height:150%;color:#7c7f83}.detail-must-know{margin-top:calc(8 * var(--learning-unit))}.detail-teach{margin-top:calc(6 * var(--learning-unit))}.detail-course-guide{display:block;margin-bottom:calc(10 * var(--learning-unit));white-space:pre-wrap}.detail-class-right{width:calc(430 * var(--learning-unit));border:calc(1 * var(--learning-unit)) solid #deefff;border-radius:calc(6 * var(--learning-unit));float:right;padding:calc(16 * var(--learning-unit));margin-top:calc(40 * var(--learning-unit))}.detail-catagule-right{width:100%;color:#2b3361;margin-bottom:calc(23 * var(--learning-unit))}.detail-hot-title{margin-top:calc(28 * var(--learning-unit))}.detail-about-class{width:calc(398 * var(--learning-unit));height:calc(139 * var(--learning-unit));border:calc(1 * var(--learning-unit)) solid #fff;border-radius:calc(6 * var(--learning-unit));display:flex;cursor:pointer}.detail-about-list{width:100%;display:flex}.detail-about-left,.detail-about-right{width:50%}.detail-about-left img{width:100%;height:100%;object-fit:cover}.detail-about-right{height:100%;padding:calc(12 * var(--learning-unit)) calc(7 * var(--learning-unit))}.detail-about-title{font-weight:500;font-size:calc(16 * var(--learning-unit));line-height:calc(30 * var(--learning-unit));text-align:justify;color:#353f51;margin-bottom:calc(18 * var(--learning-unit));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-about-text{height:calc(22 * var(--learning-unit));display:flex;align-items:center;margin-top:calc(7 * var(--learning-unit))}.detail-hr{width:calc(2 * var(--learning-unit));height:calc(14 * var(--learning-unit));background:#0287ff;border-radius:calc(30 * var(--learning-unit));margin-right:calc(5 * var(--learning-unit))}.detail-teacher-info{font-weight:400;font-size:calc(14 * var(--learning-unit));line-height:150%;display:flex;align-items:center;color:#7c7f83}.learning-modal{position:fixed;inset:0;z-index:10000;background:#00000059;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(20 * var(--learning-unit))}.learning-modal-card{width:calc(520 * var(--learning-unit));max-height:90vh;overflow:auto;background:#fff;border-radius:calc(6 * var(--learning-unit));padding:calc(24 * var(--learning-unit));box-shadow:0 calc(20 * var(--learning-unit)) calc(60 * var(--learning-unit)) #0000002e}.learning-modal-title{font-size:calc(20 * var(--learning-unit));color:#2b3361;margin-bottom:calc(18 * var(--learning-unit))}.learning-modal-card img{width:100%;display:block;margin-bottom:calc(18 * var(--learning-unit))}.video-study-page{padding-top:calc(60 * var(--learning-unit))}.video-center{height:calc(1200 * var(--learning-unit));margin:0 auto calc(60 * var(--learning-unit))}.video-layout{display:flex;align-items:flex-start}.video-aside{width:calc(418 * var(--learning-unit));height:calc(1126 * var(--learning-unit));overflow-x:hidden;overflow-y:auto;border:calc(1 * var(--learning-unit)) solid #deefff;border-radius:calc(6 * var(--learning-unit));position:sticky;top:calc(75 * var(--learning-unit));box-shadow:0 calc(2 * var(--learning-unit)) calc(12 * var(--learning-unit)) 0 #0000001a;padding-top:calc(20 * var(--learning-unit));margin:0 calc(12 * var(--learning-unit)) 0 0;background:#fff}.video-aside::-webkit-scrollbar{width:0!important}.video-class-gata{height:calc(60 * var(--learning-unit));border-bottom:calc(1 * var(--learning-unit)) solid #deefff;width:calc(380 * var(--learning-unit));font-weight:400;font-size:calc(20 * var(--learning-unit));line-height:150%;color:#2b3361;z-index:10;margin-left:calc(15 * var(--learning-unit))}.video-menu{border:none}.video-sub-title{width:100%;min-height:calc(81 * var(--learning-unit));border:0;background:#fff;padding:0 calc(18 * var(--learning-unit));text-align:left}.video-main-title{font-weight:400;font-size:calc(16 * var(--learning-unit));line-height:calc(21 * var(--learning-unit));color:#0156fe;margin-top:calc(10 * var(--learning-unit));text-align:left;display:block}.video-main-title2{font-weight:400;font-size:calc(14 * var(--learning-unit));line-height:calc(21 * var(--learning-unit));color:#7c7f83;width:90%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:left}.video-hr{width:calc(380 * var(--learning-unit));margin-left:calc(-4 * var(--learning-unit));margin-top:calc(15 * var(--learning-unit));height:calc(1 * var(--learning-unit));background:#deefff}.video-menu-item{width:100%;min-height:calc(42 * var(--learning-unit));border:0;background:#fff;display:flex;align-items:center;padding:0 calc(18 * var(--learning-unit))}.video-menu-item.active,.video-menu-item:hover{background:#f1f8ff}.video-play{width:calc(19 * var(--learning-unit));height:calc(15 * var(--learning-unit));margin-right:calc(8 * var(--learning-unit))}.video-menu-item span{width:calc(340 * var(--learning-unit));font-weight:400;font-size:calc(16 * var(--learning-unit));line-height:calc(21 * var(--learning-unit));color:#2b3361;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.video-lesson{width:calc(790 * var(--learning-unit))}.video-right-title{font-weight:500;font-size:calc(24 * var(--learning-unit));line-height:150%;color:#2b3361}.video-right-sub{display:flex;align-items:center}.video-right-sub img{width:calc(17.5 * var(--learning-unit));height:calc(17.5 * var(--learning-unit));margin-right:calc(6 * var(--learning-unit))}.video-right-sub span{font-weight:400;font-size:calc(16 * var(--learning-unit));line-height:150%;color:#2b3361}.video-main{width:calc(790 * var(--learning-unit));height:calc(430 * var(--learning-unit));border-radius:calc(12 * var(--learning-unit));margin-top:calc(13 * var(--learning-unit));margin-bottom:calc(20 * var(--learning-unit));background:#111;overflow:hidden}.video-main>div{width:100%;height:100%}.video-main-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:calc(24 * var(--learning-unit));color:#ffffffe0;font-size:calc(18 * var(--learning-unit));line-height:1.6;text-align:center;background:linear-gradient(180deg,#081424f5,#050d1af5)}.video-review-title{font-weight:400;font-size:calc(20 * var(--learning-unit));line-height:150%;color:#2b3361;margin-top:calc(20 * var(--learning-unit))}.video-answer{width:calc(790 * var(--learning-unit));height:calc(573 * var(--learning-unit));border:calc(1 * var(--learning-unit)) solid #deefff;border-radius:calc(6 * var(--learning-unit));margin-top:calc(6 * var(--learning-unit));padding:calc(15 * var(--learning-unit));overflow-x:hidden}.video-logins{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99;background-color:#fff;margin:calc(180 * var(--learning-unit)) auto;font-size:calc(14 * var(--learning-unit))}.video-examination{height:100%;overflow-x:hidden;overflow-y:auto;font-size:calc(14 * var(--learning-unit))}.video-bc{width:calc(732 * var(--learning-unit));height:calc(36 * var(--learning-unit));background:#f1f8ff;border-radius:calc(2 * var(--learning-unit));font-weight:400;font-size:calc(16 * var(--learning-unit));color:#2b3361;line-height:calc(36 * var(--learning-unit));padding-left:calc(13 * var(--learning-unit));margin-bottom:calc(5 * var(--learning-unit))}.video-question{margin:calc(20 * var(--learning-unit)) 0;color:#2b3361}.video-choice{display:flex;align-items:center;gap:calc(8 * var(--learning-unit));margin:calc(8 * var(--learning-unit)) 0;color:#2b3361;font-size:calc(14 * var(--learning-unit))}.video-choice input{width:calc(14 * var(--learning-unit));height:calc(14 * var(--learning-unit))}.video-check-ok,.video-check-bad{font-size:calc(20 * var(--learning-unit));font-weight:700}.video-check-ok{color:#6fb40b}.video-check-bad{color:#cb0119}.video-explain-ok,.video-explain-bad{min-height:calc(30 * var(--learning-unit));width:calc(702 * var(--learning-unit));line-height:calc(30 * var(--learning-unit));padding-left:calc(10 * var(--learning-unit));font-weight:700;letter-spacing:calc(1 * var(--learning-unit));font-size:calc(16 * var(--learning-unit));margin-top:calc(20 * var(--learning-unit))}.video-explain-ok{color:#6fb40b;background:#f8f8f8;border:calc(1 * var(--learning-unit)) solid #dfdfdf}.video-explain-bad{color:#cb0119;background:#fff3f3;border:calc(1 * var(--learning-unit)) solid #e2bfc1}.video-actions{display:flex;justify-content:center;margin-top:calc(20 * var(--learning-unit))}.video-submit,.video-reset{width:calc(80 * var(--learning-unit));height:calc(32 * var(--learning-unit));font-size:calc(14 * var(--learning-unit))}.video-reset{background:#fff;color:#606266!important;border:1px solid #dcdfe6}.video-error{color:#cb0119;font-size:calc(14 * var(--learning-unit));margin:calc(10 * var(--learning-unit)) 0}.video-no-question,.video-placeholder{display:flex;justify-content:center;align-items:center;min-height:calc(120 * var(--learning-unit));color:#7c7f83;font-size:calc(16 * var(--learning-unit))}@media screen and (max-width:1400px){.learning-header-context{margin-left:calc(100 * var(--learning-unit));width:calc(100% - calc(200 * var(--learning-unit)))}.learning-nav{margin-left:calc(30 * var(--learning-unit))}.learning-menu{font-size:calc(15 * var(--learning-unit))}.learning-menu+.learning-menu{margin-left:calc(25 * var(--learning-unit))}}@media screen and (max-width:1200px){.learning-header-context{margin-left:calc(50 * var(--learning-unit));width:calc(100% - calc(100 * var(--learning-unit)))}.learning-menu+.learning-menu{margin-left:calc(18 * var(--learning-unit))}}@media screen and (max-width:640px){.learning-auth-main{padding:24px 12px}.learning-login-page{padding:32px 20px;border-radius:16px}.learning-login-title{font-size:28px}.learning-auth-inline{grid-template-columns:1fr}.learning-auth-links{flex-direction:column}}