.academy-banner{border:1px solid #00000014;border-radius:8px;display:flex;overflow:hidden;position:relative}.academy-banner .left-box{flex:1}.academy-banner .proportional-box{animation:_ske_loading 1s ease-in-out infinite;background:linear-gradient(120deg,#fff0 40%,#ffffff29,#fff0 60%) #0000001a;background-position:100% 50%;background-position-x:180%;background-size:200% 100%;height:0;padding-bottom:56.25%;position:relative;width:100%}.academy-banner .proportional-box .swiper-placeholder{height:100%;position:absolute;width:100%;z-index:1}.academy-banner .proportional-box .swiper,.academy-banner .proportional-box .swiper-container{height:100%;width:100%}.academy-banner .proportional-box .current-title{bottom:22px;color:#fff;display:none;font-size:12px;left:12px;position:absolute;right:12px;text-align:center;z-index:10}.academy-banner .proportional-box .current-title-bg{background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));bottom:0;display:none;height:72px;left:0;position:absolute;right:0;z-index:1}.academy-banner .proportional-box .swiper-pagination{bottom:8px;display:none;left:50%;position:absolute;transform:translate(-50%);z-index:10}.academy-banner .proportional-box .swiper-pagination .swiper-pagination-bullet{background:#ffffff4d;height:6px;margin-right:4px;opacity:1;width:6px}.academy-banner .proportional-box .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}.academy-banner .proportional-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}.academy-banner .right-box{background-position:100%;background-repeat:no-repeat;background-size:auto 110%;border-radius:12px;flex-shrink:0;height:100%;width:320px}.academy-banner .right-box .content-box{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);height:100%;width:100%}.academy-banner .banner-pagination{background:#faf8f499;height:100%;overflow-y:auto;scroll-behavior:smooth;width:100%}.academy-banner .banner-pagination::-webkit-scrollbar{height:0;width:8px}.academy-banner .banner-pagination::-webkit-scrollbar-track{background:transparent}.academy-banner .banner-pagination::-webkit-scrollbar-thumb{background:#00000014;border-radius:8px}.academy-banner .banner-pagination::-webkit-scrollbar-thumb:hover{background:#00000029}.academy-banner .banner-pagination>li{color:#00000072;cursor:pointer;display:flex;flex-direction:column;height:90px;justify-content:center;position:relative}.academy-banner .banner-pagination>li.active:after,.academy-banner .banner-pagination>li:last-child:after{display:none}.academy-banner .banner-pagination>li.active{background:linear-gradient(90deg,#fffc,#fff0)}.academy-banner .banner-pagination>li.active .title{color:#000000e4}.academy-banner .banner-pagination>li.active .subtitle{color:#0000009b}.academy-banner .banner-pagination>li:after{background:#0000000a;bottom:0;content:"";height:1px;left:24px;position:absolute;right:24px}.academy-banner .banner-pagination>li>p{font-size:16px;line-height:21px;margin-left:24px;margin-right:24px}.academy-banner .banner-pagination>li>p.title{margin-bottom:4px}.academy-banner img{height:100%!important;-o-object-fit:cover;object-fit:cover;width:100%!important}@media only screen and (max-width:1440px){.academy-banner .right-box{width:240px}.academy-banner .banner-pagination>li{height:68px}.academy-banner .banner-pagination>li:after{left:12px;right:12px}.academy-banner .banner-pagination>li>p{font-size:14px;line-height:18px;margin-left:12px;margin-right:12px}}@media only screen and (max-width:1024px){.academy-banner .right-box{width:176px}.academy-banner .banner-pagination>li{min-height:50px}.academy-banner .banner-pagination>li:after{left:8px;right:8px}.academy-banner .banner-pagination>li>p{font-size:12px;line-height:16px;margin-left:8px;margin-right:8px}}@media only screen and (max-width:768px){.academy-banner .right-box{display:none}.academy-banner .proportional-box .current-title,.academy-banner .proportional-box .current-title-bg,.academy-banner .proportional-box .swiper-pagination{display:block}}