.onlineCourses[data-v-51b3d634]{background:#110041;min-height:100vh;padding:70px 0 100px;position:relative;z-index:1}.onlineCourses .onlineCourses-top[data-v-51b3d634]{top:0;z-index:3}.onlineCourses .onlineCourses-btm[data-v-51b3d634],.onlineCourses .onlineCourses-top[data-v-51b3d634]{height:auto;left:0;min-height:200px;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;width:100%}.onlineCourses .onlineCourses-btm[data-v-51b3d634]{bottom:0;z-index:2}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper{height:550px;margin:20px auto 60px;overflow:inherit;position:relative;width:1440px;z-index:3}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper img{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-slide{border-radius:12px;overflow:hidden}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-slide-next,.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-slide-prev{opacity:.7}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination{background:rgba(0,0,0,.2);border-radius:15px;bottom:10px;display:inline-flex;left:50%;padding:10px 20px;transform:translateX(-50%);width:auto;z-index:4}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet{background:hsla(0,0%,100%,.6);border-radius:50%;height:12px;width:12px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet-active{background:hsla(0,0%,100%,.6);border-radius:12px;height:12px;width:30px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-next,.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-prev{background-image:none;transform:translateY(-50%)}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-prev{left:-40px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-next{right:-40px}.onlineCourses .container[data-v-51b3d634]{position:relative;z-index:3}.onlineCourses .onlineCourses-box .onlineCourses-box-title[data-v-51b3d634]{align-items:flex-start;display:flex;justify-content:space-between}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left h1[data-v-51b3d634]{color:#fff;font-family:HarmonyOS Sans SC;font-size:24px;font-style:normal;font-weight:700;line-height:28px;margin:0 auto}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left p[data-v-51b3d634]{color:#b5c1c8;font-family:HarmonyOS Sans SC;font-size:18px;font-style:normal;font-weight:400;line-height:normal;margin:8px 0 0}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right[data-v-51b3d634]{align-items:center;display:flex;gap:40px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button[data-v-51b3d634]{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:HarmonyOS Sans SC;font-size:20px;font-style:normal;font-weight:400;gap:8px;line-height:normal;padding:0}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div[data-v-51b3d634]{align-items:center;display:flex;flex-direction:column;gap:2px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div span[data-v-51b3d634]{border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;width:6px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div em[data-v-51b3d634]{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;width:6px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button[data-v-51b3d634]:hover{transform:scale(1.01)}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right .active[data-v-51b3d634]{color:#da7bf3}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right .active .div1 span[data-v-51b3d634]{border-bottom:5px solid #da7bf3}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right .active .div2 em[data-v-51b3d634]{border-top:5px solid #da7bf3}.onlineCourses .onlineCourses-box .onlineCourses-box-list[data-v-51b3d634]{display:flex;flex-wrap:wrap;gap:20px;padding:30px 0}.onlineCourses .onlineCourses-box .onlineCourses-box-page[data-v-51b3d634]{align-items:center;display:flex;justify-content:center}@media screen and (max-width:1600px){.onlineCourses[data-v-51b3d634]{padding:70px 0 90px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper{height:550px;margin:20px auto 55px;width:1330px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-slide{border-radius:12px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination{border-radius:15px;bottom:10px;padding:10px 20px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet{height:12px;width:12px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet-active{border-radius:12px;height:12px;width:30px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-prev{left:-40px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-next{right:-40px}}@media screen and (max-width:1400px){.onlineCourses[data-v-51b3d634]{padding:70px 0 90px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper{height:480px;margin:20px auto 50px;width:1130px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-slide{border-radius:12px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination{border-radius:13px;bottom:10px;padding:9px 18px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet{height:12px;width:12px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet-active{border-radius:12px;height:12px;width:30px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-prev{left:-40px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-next{right:-40px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left h1[data-v-51b3d634]{font-size:22px;line-height:26px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left p[data-v-51b3d634]{font-size:16px;margin:6px 0 0}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right[data-v-51b3d634]{gap:30px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button[data-v-51b3d634]{font-size:18px;gap:6px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div[data-v-51b3d634]{gap:2px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div span[data-v-51b3d634]{border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;width:6px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div em[data-v-51b3d634]{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;width:6px}.onlineCourses .onlineCourses-box .onlineCourses-box-list[data-v-51b3d634]{gap:20px;padding:25px 0}}@media screen and (max-width:1192px){.onlineCourses[data-v-51b3d634]{padding:70px 0 80px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper{height:400px;margin:20px auto 40px;width:890px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-slide{border-radius:10px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination{border-radius:12px;bottom:10px;padding:8px 16px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet{height:10px;width:10px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet-active{border-radius:10px;height:10px;width:20px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-prev{left:-40px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-next{right:-40px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left h1[data-v-51b3d634]{font-size:20px;line-height:22px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left p[data-v-51b3d634]{font-size:14px;margin:4px 0 0}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right[data-v-51b3d634]{gap:20px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button[data-v-51b3d634]{font-size:16px;gap:5px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div[data-v-51b3d634]{gap:2px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div span[data-v-51b3d634]{border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;width:5px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div em[data-v-51b3d634]{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;width:5px}.onlineCourses .onlineCourses-box .onlineCourses-box-list[data-v-51b3d634]{gap:15px;padding:20px 0}}@media screen and (max-width:968px){.onlineCourses[data-v-51b3d634]{padding:10px 0 50px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper{height:50vw;margin:20px auto 30px;max-height:300px;width:calc(100% - 30px)}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-slide{border-radius:10px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination{border-radius:10px;bottom:10px;padding:6px 12px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet{height:10px;width:10px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-pagination .swiper-pagination-bullet-active{border-radius:10px;height:10px;width:20px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-prev{left:10px}.onlineCourses[data-v-51b3d634] .onlineCourses-swiper .swiper-button-next{right:10px}.onlineCourses .onlineCourses-box .onlineCourses-box-title[data-v-51b3d634]{flex-direction:column;gap:10px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left[data-v-51b3d634]{width:100%}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left h1[data-v-51b3d634]{font-size:18px;line-height:22px;text-align:center}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-left p[data-v-51b3d634]{font-size:14px;margin:4px 0 0;text-align:center}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right[data-v-51b3d634]{gap:10px;justify-content:flex-end;width:100%}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button[data-v-51b3d634]{font-size:14px;gap:5px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div[data-v-51b3d634]{gap:2px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div span[data-v-51b3d634]{border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;width:5px}.onlineCourses .onlineCourses-box .onlineCourses-box-title .title-right button div em[data-v-51b3d634]{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;width:5px}.onlineCourses .onlineCourses-box .onlineCourses-box-list[data-v-51b3d634]{gap:15px;justify-content:center;padding:15px 0}}