@charset "UTF-8";.section-course-center[data-v-4da8f6f2]{padding:80px 0;background:url(/etcert/assets/home-section-bg-CS0xTc1E.jpg) no-repeat;background-size:100% 100%}.section__inner[data-v-4da8f6f2]{max-width:var(--zw-pc-min-width);padding:0 20px;margin:0 auto}.course-card[data-v-4da8f6f2]{display:flex;gap:16px}.course-left[data-v-4da8f6f2]{display:flex;flex-direction:column;width:300px;overflow:hidden;background:#fff;border-radius:8px;box-shadow:1px 1px 6px #0f30581a}.course-tab[data-v-4da8f6f2]{position:relative;flex:1;padding:40px 32px;cursor:pointer;transition:all .25s ease}.course-tab__art[data-v-4da8f6f2]{display:none}.course-tab__title[data-v-4da8f6f2],.course-tab__desc[data-v-4da8f6f2]{font-size:20px;font-weight:400;line-height:36px;color:#0d131acc;transition:all .3s ease}.course-tab[data-v-4da8f6f2]:after{position:absolute;top:0;bottom:0;left:0;width:4px;content:"";background:#005bfe;opacity:0;transform:scaleY(0);transform-origin:top}.course-tab[data-v-4da8f6f2]:hover,.course-tab--active[data-v-4da8f6f2]{background:linear-gradient(90deg,#005bfe1f,#005bfe00)}.course-tab--active .course-tab__title[data-v-4da8f6f2],.course-tab--active .course-tab__desc[data-v-4da8f6f2]{font-weight:700;color:#005bfe}.course-tab--active[data-v-4da8f6f2]:after{opacity:1;animation:progress-fill-4da8f6f2 4s linear infinite}@keyframes progress-fill-4da8f6f2{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.course-right[data-v-4da8f6f2]{position:relative;display:flex;flex:1;height:456px;overflow:hidden;background:#fff;border-radius:8px;box-shadow:1px 1px 6px #0f30581a}.course-right__preview[data-v-4da8f6f2]{position:absolute;inset:0}.course-right__preview .el-image[data-v-4da8f6f2]{width:100%;height:100%}.course-right__bottom[data-v-4da8f6f2]{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;height:90px;padding:24px;background-color:#fff}.course-right__text[data-v-4da8f6f2]{flex:1;margin:0 40px 0 0;font-size:14px;line-height:21px;color:#1a202c}.course-right__btn[data-v-4da8f6f2]{flex-shrink:0;min-width:150px;height:43px;font-size:18px;font-weight:400;border:0;border-radius:8px}.image-fallback[data-v-4da8f6f2]{width:100%;height:100%;min-height:300px;background:#0000000d}@media(max-width:767px){.section-course-center[data-v-4da8f6f2]{padding:30px 0 24px}.section__inner[data-v-4da8f6f2]{box-sizing:border-box;max-width:100%;padding:0 16px}[data-v-4da8f6f2] .section-header{margin-bottom:12px}.course-card[data-v-4da8f6f2]{flex-direction:column;gap:16px}.course-left[data-v-4da8f6f2]{display:flex;flex-direction:column;gap:8px;width:100%;overflow:visible;background:none;border-radius:0;box-shadow:none}.course-tab[data-v-4da8f6f2],.course-tab--active[data-v-4da8f6f2]{box-sizing:border-box;display:flex;flex:none;align-items:center;min-height:88px;padding:0 12px;overflow:hidden;background-image:linear-gradient(121.51deg,#fff 20.36%,#f5f8fd 30%,#e1eafa,#c4d5f5,#9cbaee,#6b97e7,#306ddc 80%,#004cd5 86.75%);border-radius:8px;box-shadow:1px 1px 4px 1px #17426c26}.course-tab__title[data-v-4da8f6f2],.course-tab__desc[data-v-4da8f6f2]{font-size:16px;font-weight:500;line-height:24px;color:#0d131a}.course-tab__text[data-v-4da8f6f2]{min-width:0}.course-tab__art[data-v-4da8f6f2]{position:absolute;top:50%;display:block;height:auto;transform:translateY(-50%)}.course-tab:nth-child(1) .course-tab__art[data-v-4da8f6f2]{right:20px;width:140px}.course-tab:nth-child(2) .course-tab__art[data-v-4da8f6f2]{right:13.6px;width:148px}.course-tab:nth-child(3) .course-tab__art[data-v-4da8f6f2]{right:13.5px;width:152px}.course-right[data-v-4da8f6f2]{position:static;display:block;height:auto;padding:0;overflow:visible;background:none;border-radius:0;box-shadow:none}.course-right__preview[data-v-4da8f6f2],.course-right__text[data-v-4da8f6f2]{display:none}.course-right__bottom[data-v-4da8f6f2]{position:static;height:auto;padding:0}.section-course-center .course-right__bottom .course-right__btn[data-v-4da8f6f2]{width:100%;min-width:0;height:32px;font-size:16px;font-weight:500;color:#fff;background-color:#005bfe;border-color:#005bfe}.section-course-center .course-right__bottom .course-right__btn[data-v-4da8f6f2]:hover,.section-course-center .course-right__bottom .course-right__btn[data-v-4da8f6f2]:focus{color:#fff;background-color:#005bfe;border-color:#005bfe}}