.swiper-wrap[data-v-1d28104a]{position:relative;z-index:3;width:100%;height:11.25vw;margin-top:-5.07813vw}.swiper-wrap .swiper-item[data-v-1d28104a]{display:flex;justify-content:space-between}.swiper-wrap[data-v-1d28104a] .swiper-pagination{bottom:0}.swiper-wrap[data-v-1d28104a] .swiper-pagination-bullet{width:.625vw;height:.625vw;background-color:rgba(19,36,73,.5);transition:width .5s ease-in-out}.swiper-wrap[data-v-1d28104a] .swiper-pagination-bullet-active{width:1.67969vw;height:.70313vw;border-radius:.46875vw;background:linear-gradient(180deg,rgba(101,145,255,.7),rgba(56,108,255,.7));box-shadow:0 .23438vw .9375vw rgba(0,80,255,.2)}.nav-item[data-v-1d28104a]{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:.9375vw;width:calc(20% - .75vw);height:9.375vw;border-radius:.9375vw;flex-shrink:0;cursor:pointer;box-shadow:0 .46875vw .9375vw rgba(0,80,255,.1);transition:all .3s;overflow:hidden;position:relative;z-index:1}.nav-item[data-v-1d28104a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.45) -11.11%,rgba(255,255,255,.9));backdrop-filter:blur(.78125vw);z-index:-1;border-radius:inherit;overflow:hidden}.nav-item[data-v-1d28104a]:after{right:0;bottom:0;z-index:-1;border-radius:inherit;overflow:hidden}.nav-item[data-v-1d28104a]:before{border-radius:.9375vw}.nav-item[data-v-1d28104a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:9.375vw;z-index:0;border-radius:.9375vw;backdrop-filter:blur(.78125vw);pointer-events:none}.nav-item[data-v-1d28104a] img{width:3.125vw;height:3.125vw;overflow:hidden;border-radius:inherit}.nav-item[data-v-1d28104a] .img-wrap{position:relative;z-index:1;width:3.125vw;height:3.125vw;flex-shrink:0;background:transparent}.nav-item p[data-v-1d28104a]{position:relative;z-index:1;color:rgba(51,51,51,.7);text-align:center;font-family:PingFang SC;font-size:1.40625vw;font-style:normal;font-weight:400;line-height:1.71875vw}.nav-item.active[data-v-1d28104a],.nav-item[data-v-1d28104a]:hover{background:#1252de;box-shadow:0 .46875vw .9375vw rgba(0,80,255,.1);position:relative;z-index:1}.nav-item.active[data-v-1d28104a]:before,.nav-item[data-v-1d28104a]:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(29,82,255,.8));backdrop-filter:blur(.78125vw);z-index:-1;border-radius:inherit;overflow:hidden}.nav-item.active[data-v-1d28104a]:after,.nav-item[data-v-1d28104a]:hover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(.78125vw);z-index:-1;border-radius:inherit;overflow:hidden}.nav-item.active p[data-v-1d28104a],.nav-item:hover p[data-v-1d28104a]{font-weight:600;color:#fff}.lessons-index-panel[data-v-7575e95e]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:2.34375vw 0;display:flex;justify-content:center;background:#f3f8ff}.lessons-index-panel--embedded[data-v-7575e95e]{height:auto;overflow:visible;padding:1.875vw 0 2.34375vw;border-radius:.9375vw}.lessons-index-panel .box[data-v-7575e95e]{max-width:78.125vw;width:100%;min-height:100%}.lessons-index-panel .box .header[data-v-7575e95e]{margin-bottom:1.875vw}.lessons-index-panel .box .header h4[data-v-7575e95e]{display:flex;justify-content:space-between;align-items:flex-end}.lessons-index-panel .box .header h4 .top-box[data-v-7575e95e]{display:flex;align-items:center}.lessons-index-panel .box .header h4 .title[data-v-7575e95e]{height:2.03125vw;font-family:PingFang SC;font-weight:600;font-size:1.875vw;line-height:2.03125vw;color:#333;display:flex;align-items:center}.lessons-index-panel .box .header h4 .desc[data-v-7575e95e]{font-family:PingFang SC;font-weight:400;font-size:.9375vw;line-height:1.5625vw;color:rgba(51,51,51,.698);margin-bottom:-1.36719vw}.lessons-index-panel .box .header[data-v-7575e95e] .progress-container{margin:1.75781vw 0 1.875vw;border-radius:.78125vw;background:rgba(0,0,0,.05)}.lessons-index-panel .box .header[data-v-7575e95e] .progress-container .progress-bar{height:.3125vw}.lessons-index-panel .box .header .header-box[data-v-7575e95e]{display:flex;gap:.9375vw}.lessons-index-panel .box .header .header-box li[data-v-7575e95e]{width:33.33333%;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.45));backdrop-filter:blur(1.55504vw);box-shadow:0 .46875vw .9375vw rgba(0,80,255,.1);border-radius:.9375vw;padding:1.13281vw 1.95313vw .78125vw 1.875vw;display:flex;align-items:center;transition:all .3s;cursor:pointer}.lessons-index-panel .box .header .header-box li[data-v-7575e95e]:hover{transform:translate3d(0,-.39063vw,0)}.lessons-index-panel .box .header .header-box li .left[data-v-7575e95e]{display:flex;flex-direction:column;flex:1;width:0}.lessons-index-panel .box .header .header-box li .left span[data-v-7575e95e]{font-family:PingFang SC;font-weight:400;font-size:1.09375vw;line-height:2.33125vw;color:#333}.lessons-index-panel .box .header .header-box li .left i[data-v-7575e95e]{font-style:normal;font-family:Helvetica;font-weight:700;font-size:1.875vw;line-height:2.79766vw;color:#333;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lessons-index-panel .box .header .header-box li svg[data-v-7575e95e]{width:3.75vw;height:4.84375vw;margin-top:.3125vw;transform:scale(1.35)}.lessons-index-panel .box .card[data-v-7575e95e]{padding-top:0;padding-bottom:1.17188vw}.classifyTutorial h2[data-v-97e638b6]{display:flex;align-items:center;gap:.46875vw;width:100%;height:2.61719vw;margin:2.34375vw 0 1.875vw;color:#333;font-family:PingFang SC;font-size:1.875vw;font-style:normal;font-weight:600;line-height:normal}.classifyTutorial h2[data-v-97e638b6]:before{content:"";display:inline-block;width:.46875vw;height:1.875vw;border-radius:3.90625vw;background:#557bf6;box-shadow:0 .46875vw .9375vw rgba(0,80,255,.2)}.classifyTutorial .tutorialList[data-v-97e638b6]{margin-bottom:.9375vw}.classifyTutorial .tutorialList .tutorialItem[data-v-97e638b6]{display:flex;padding:.46875vw .9375vw;margin-bottom:.46875vw;justify-content:space-between;align-items:center;align-self:stretch;border-radius:.9375vw;box-shadow:0 .46875vw .9375vw rgba(0,80,255,.1);overflow:hidden;position:relative;z-index:1}.classifyTutorial .tutorialList .tutorialItem[data-v-97e638b6]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.45));backdrop-filter:blur(.78125vw);z-index:-1;border-radius:inherit;overflow:hidden}.classifyTutorial .tutorialList .tutorialItem[data-v-97e638b6]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(.78125vw);z-index:-1;border-radius:inherit;overflow:hidden}.classifyTutorial .tutorialList .tutorialItem p[data-v-97e638b6]{flex:1;color:rgba(51,51,51,.7);font-family:PingFang SC;font-size:1.09375vw;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classifyTutorial .tutorialList .tutorialItem svg[data-v-97e638b6]{width:1.40625vw;height:1.40625vw}.course[data-v-91f66737]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:16.99219vw}.course .banner-wrap-box[data-v-91f66737]{height:17.96875vw;overflow:hidden;isolation:isolate}.course[data-v-91f66737] .course-banner{display:block;width:100vw;height:17.96875vw;max-height:17.96875vw;margin:0 auto}.course .content[data-v-91f66737]{position:relative;z-index:2;margin:0 auto;width:78.125vw}.course .content .indicators[data-v-91f66737]{display:flex;justify-content:center;gap:.625vw}.course .content .indicator[data-v-91f66737]{width:.46875vw;height:.46875vw;border-radius:50%;background:rgba(19,36,73,.1);transition:width .5s ease-in-out;cursor:pointer}.course .content .indicator[data-v-91f66737]:hover{background:rgba(101,145,255,.7)}.course .content .indicator.active[data-v-91f66737]{width:1.67969vw;border-radius:.46875vw;background:linear-gradient(180deg,rgba(101,145,255,.7),rgba(56,108,255,.7));box-shadow:0 .23438vw .9375vw rgba(0,80,255,.2)}