.book[data-v-48d5b82b]{width:14.53125vw;height:17.57813vw;display:flex;flex-direction:column;align-items:center;padding:0 .78125vw;border-radius:.9375vw;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.45));box-shadow:0 .37648vw .75293vw rgba(0,80,255,.1);transition:box-shadow .2s,transform .3s}.book[data-v-48d5b82b] .cover{width:8.28125vw;height:10.66406vw;transition:all .2s;margin-top:-1.5625vw}.book .title[data-v-48d5b82b]{width:100%;margin-top:2.34375vw;color:#132449;font-family:PingFang SC;font-size:.9375vw;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book .desc[data-v-48d5b82b]{width:100%;margin-top:.3125vw;color:rgba(19,36,73,.7);font-family:PingFang SC;font-size:.70313vw;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-all}.book[data-v-48d5b82b]:hover{box-shadow:0 .37648vw .75293vw rgba(0,80,255,.2);transform:translate3d(0,-.19531vw,0)}.hot-book-list[data-v-f0b1108d]{margin-top:2.53906vw;display:flex;justify-content:space-between}.plyr-wrapper[data-v-cb3abe64]{position:relative;aspect-ratio:16 / 9;width:100%;background:#000;display:flex}.net-work[data-v-cb3abe64]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:13;display:flex;flex-direction:column;align-items:center;justify-content:center}.net-work .desc[data-v-cb3abe64]{color:#fff;font-size:.54688vw}.net-work .retry-btn[data-v-cb3abe64]{display:block;color:#fff;font-size:.50781vw;line-height:1.17188vw;padding:0 .78125vw;border-radius:.78125vw;background:rgba(255,255,255,.3);cursor:pointer;margin-top:.39063vw}.index[data-v-917385cc]{height:100%;position:relative;overflow-x:hidden;overflow-y:auto}.index .banner-swiper[data-v-917385cc]{position:relative;z-index:1;height:25.39063vw;overflow:hidden}.index .banner-swiper .swiper-button-prev[data-v-917385cc]{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:2.92969vw;height:2.92969vw;left:10.9375vw;top:50%;transform:translateY(-50%);background:rgba(51,51,51,.3);border-radius:50%;overflow:hidden;transition:all .3s;opacity:0;cursor:pointer}.index .banner-swiper .swiper-button-prev svg[data-v-917385cc]{height:1.01563vw}.index .banner-swiper .swiper-button-prev[data-v-917385cc]:hover{background:rgba(51,51,51,.6)}.index .banner-swiper .swiper-button-prev[data-v-917385cc]:after{display:none}.index .banner-swiper .swiper-button-next[data-v-917385cc]{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;width:2.92969vw;height:2.92969vw;right:10.9375vw;top:50%;transform:translateY(-50%) rotate(180deg);background:rgba(51,51,51,.3);border-radius:50%;overflow:hidden;transition:all .3s;cursor:pointer}.index .banner-swiper .swiper-button-next svg[data-v-917385cc]{height:1.01563vw}.index .banner-swiper .swiper-button-next[data-v-917385cc]:hover{background:rgba(51,51,51,.6)}.index .banner-swiper .swiper-button-next[data-v-917385cc]:after{display:none}.index .banner-swiper .swiper-button-next.swiper-button-disabled[data-v-917385cc],.index .banner-swiper .swiper-button-prev.swiper-button-disabled[data-v-917385cc]{pointer-events:visiblePainted}.index .banner-swiper:hover .swiper-button-next[data-v-917385cc],.index .banner-swiper:hover .swiper-button-prev[data-v-917385cc]{opacity:1}.index .banner-swiper .banner-fallback[data-v-917385cc],.index .banner-swiper .swiper-wrap[data-v-917385cc]{width:100vw;height:25.39063vw;margin:0 auto}.index .banner-swiper .banner-fallback[data-v-917385cc] .swiper-img,.index .banner-swiper .swiper-wrap[data-v-917385cc] .swiper-img{width:100%;height:100%;display:block}.index .banner-swiper .swiper-wrap[data-v-917385cc] .swiper-pagination{top:auto;bottom:3.90625vw}.index .banner-swiper .swiper-wrap[data-v-917385cc] .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:1}.index .banner-swiper .swiper-wrap[data-v-917385cc] .swiper-pagination .swiper-pagination-bullet-active{background:#557bf6}.index nav[data-v-917385cc]{z-index:5;isolation:isolate;display:flex;justify-content:space-around;align-items:center;gap:.74219vw;width:78.125vw;height:5.9375vw;padding:.78125vw .9375vw;margin:-3.39844vw auto 0;border-radius:4.6875vw;overflow:visible;backdrop-filter:blur(1.38595vw);box-shadow:0 .41797vw .83555vw rgba(0,80,255,.1);position:relative;z-index:1}.index nav[data-v-917385cc]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.78) 100%,.78125vw);backdrop-filter:blur(.39063vw);z-index:-1;border-radius:inherit;overflow:hidden}.index nav[data-v-917385cc]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(.39063vw);z-index:-1;border-radius:inherit;overflow:hidden}.index nav .nav-item[data-v-917385cc]{width:100%;padding:.68359vw 1.32813vw;border-radius:inherit;text-align:center;overflow:visible;backdrop-filter:blur(1.38595vw);box-shadow:0 .41797vw .83555vw rgba(0,80,255,.1);cursor:pointer;position:relative;z-index:1;transition:box-shadow .2s,color .3s}.index nav .nav-item[data-v-917385cc]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.82));backdrop-filter:blur(.78125vw);z-index:-1;border-radius:inherit;overflow:hidden}.index nav .nav-item[data-v-917385cc]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(.78125vw);z-index:-1;border-radius:inherit;overflow:hidden}.index nav .nav-item .nav-item-title[data-v-917385cc]{width:7.8125vw;margin-bottom:.23438vw;font-family:PingFang SC;font-weight:400;font-size:.9375vw;line-height:1.25vw;color:#333}.index nav .nav-item .nav-item-translate[data-v-917385cc]{width:7.8125vw;padding-top:.23438vw;border-top:1px solid rgba(51,51,51,.05);font-family:PingFang SC;font-weight:400;font-size:.78125vw;line-height:1.09375vw;letter-spacing:.07813vw;text-align:center;text-transform:capitalize;color:#999}.index nav .nav-item[data-v-917385cc] .animation{position:absolute;right:0;bottom:0;width:5.07813vw;height:5.07813vw;overflow:visible;background:transparent;transition:transform .2s ease}.index nav .nav-item[data-v-917385cc]:hover{box-shadow:0 .41797vw .83555vw rgba(0,80,255,.2)}.index nav .nav-item:hover .nav-item-title[data-v-917385cc]{color:#557bf6}.index nav .nav-item:hover .nav-item-translate[data-v-917385cc]{color:#557bf6}.index nav .nav-item:hover svg[data-v-917385cc]{transform:scale(1.05) translateZ(0)}.index .content-wrap[data-v-917385cc]{position:relative;width:100%;height:-moz-fit-content;height:fit-content;padding-bottom:12.73438vw;background:url(../home-bottom-bg.png) no-repeat;background-size:100% 100vw;background-position:bottom}.index[data-v-917385cc] .content{margin:0 auto;width:100%;max-width:78.125vw}.index[data-v-917385cc] .content h2{width:100%;margin:1.40625vw 0 .9375vw;color:#333;font-size:1.09375vw;font-style:normal;font-weight:500;line-height:1.40625vw;display:flex;align-items:center;justify-content:space-between}.index[data-v-917385cc] .content h2 a,.index[data-v-917385cc] .content h2 span{color:rgba(51,51,51,.5);text-align:center;font-size:.78125vw;font-weight:400;cursor:pointer}.index[data-v-917385cc] .content h2 .refresh{display:flex;align-items:center;gap:.39063vw;height:100%;padding:.11719vw .42969vw;color:#333;background-color:rgba(255,255,255,.5);border-radius:.46875vw;border:1px solid #3333331a}.index[data-v-917385cc] .content h2 .refresh i{font-family:PingFang SC;font-weight:400;font-size:.78125vw;line-height:1.09375vw;text-align:center;font-style:normal}.index[data-v-917385cc] .content h2 .refresh svg{width:.625vw;height:.625vw}.index[data-v-917385cc] .content h2 .refresh .animate-spin{animation:spin .6s linear infinite}.index[data-v-917385cc] .content .video-category-box{display:flex;align-items:center;flex-wrap:nowrap}.index[data-v-917385cc] .content .video-category-box .video-category-list{padding:1.40625vw 0 .9375vw;display:flex;align-items:center;flex-wrap:nowrap;-moz-column-gap:.46875vw;column-gap:.46875vw;overflow-x:auto}.index[data-v-917385cc] .content .video-category-box .video-category-list .video-category-item{padding:.23438vw .9375vw;background:rgba(51,51,51,.05);border-radius:.3125vw;color:rgba(51,51,51,.7);border:1px solid #3333331a;font-size:.78125vw;font-weight:400;line-height:1.09375vw;cursor:pointer;overflow:hidden}.index[data-v-917385cc] .content .video-category-box .video-category-list .video-category-item.active{background:#557bf6;border:1px solid #c4d2ff;color:#fff}.index[data-v-917385cc] .content .video-category-box .video-category-list .video-category-item:hover:not(.active){background:rgba(51,51,51,.1);border:1px solid #ffffff80;color:#333}.index[data-v-917385cc] .content .video-category-box a{margin-left:auto;color:rgba(51,51,51,.5);text-align:center;font-size:.78125vw;line-height:1.09375vw;font-weight:400;cursor:pointer}.index[data-v-917385cc] .content .hot-video-list{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}.index[data-v-917385cc] .content .hot-video-list li:first-child{grid-row:span 2;grid-column:span 2;width:100%}.index[data-v-917385cc] .content .hot-video-list li:first-child .cover{width:30.58594vw;height:21.17188vw}.index[data-v-917385cc] .content .tutorial-list{display:flex;justify-content:space-between}.index[data-v-917385cc] .content .tutorial-list .tutorial{width:18.125vw;height:21.875vw;border-radius:.9375vw;overflow:hidden;transition:all .3s;backdrop-filter:blur(1.5625vw);box-shadow:0 .46875vw .9375vw rgba(0,80,255,.15);transition:box-shadow .2s,transform .3s}.index[data-v-917385cc] .content .tutorial-list .tutorial a,.index[data-v-917385cc] .content .tutorial-list .tutorial img{width:100%;height:100%}.index[data-v-917385cc] .content .tutorial-list .tutorial:hover{box-shadow:0 .46875vw .9375vw rgba(0,80,255,.3);transform:translate3d(0,-.19531vw,0)}.teleport-preVideo[data-v-917385cc]{width:100%;height:100%;opacity:0}.teleport-preVideo.showed[data-v-917385cc]{opacity:1}.mute[data-v-917385cc]{position:absolute;top:.625vw;right:.625vw;fill:#fff;z-index:11}.mute svg[data-v-917385cc]{width:.9375vw;height:.9375vw}