.icon{display:inline-block;background:url(../../img/sprite.png) no-repeat;background-size:1100px 1264px}.icon-down{width:16px;height:10px;background-position:-478px -1101px}.content-box{max-width:var(--page-width);margin:0 auto}.trending{background:url('../../img/blog/banner-bg.webp') no-repeat center;background-size:cover;padding:70px 0}.trending .content-box{display:flex;justify-content:space-between;box-sizing:border-box;padding:20px 30px;border-radius:8px;background:#ffffff;box-shadow:0px 4px 46px 0px rgba(50,97,215,0.04)}.trending .trending-left{width:520px}.trending .trending-title{margin-bottom:38px;font-family:Rubik;font-size:24px;font-weight:700}.trending .trending-swiper{width:100%;overflow:hidden;border-radius:8px}.trending .trending-swiper .trending-item{width:100%;height:240px}.trending .trending-swiper .trending-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.trending .trending-swiper .trending-swiper-pagination{margin-top:26px;text-align:center}.trending .trending-right{flex:1;display:flex;flex-direction:column;margin-left:88px}.trending .article-item{display:block;margin-top:20px}.trending .article-item .article-title{font-size:16px;font-weight:600;line-height:120%}.trending .article-item .article-date{display:flex;align-items:center;margin-top:12px;font-size:14px;font-weight:300;line-height:120%;color:#6A6D7E}.trending .article-item .article-date .author{margin-left:14px}.trending .article-item .article-des{margin-top:16px;font-size:16px;font-weight:400;line-height:150%;color:#6A6D7E;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.trending .article-item:first-child{padding-bottom:20px;margin-top:0;border-bottom:1px solid #e5e5e5}.blog-list{padding-bottom:150px}.blog-list .blog-screen{display:flex;flex-flow:row wrap;align-items:center;height:72px;padding:10px 24px;transform:translateY(-50%);position:sticky;top:36px;z-index:1;border-radius:8px;background-color:#FFF;box-shadow:0px 0px 12px 0px rgba(78,103,169,0.24)}.blog-list .blog-screen-item{display:flex;align-items:center;margin-right:14px;cursor:pointer}.blog-list .blog-screen-item .blog-screen-text{font-size:16px;font-weight:600}.blog-list .blog-screen-item .icon{margin-left:8px;padding-top:2px;transform:rotate(-15deg)}.blog-list .blog-screen-item.active .blog-screen-text,.blog-list .blog-screen-item:hover .blog-screen-text{color:#00a3ff}.blog-list .blog-screen-item.active .icon,.blog-list .blog-screen-item:hover .icon{color:#00a3ff}.blog-list .article-box{display:flex}.blog-list .article-list-box{flex:1;position:relative}.blog-list .article-list{display:none}.blog-list .article-list.active{display:block}.blog-list .article-item{display:block;margin-top:24px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.blog-list .article-item.hide{display:none}.blog-list .article-item .article-title,.blog-list .article-item .article-date,.blog-list .article-item .article-des{padding-inline:22px}.blog-list .article-item .article-title{font-size:16px;font-weight:600;line-height:120%}.blog-list .article-item .article-date{display:flex;align-items:center;margin-top:12px;font-size:14px;font-weight:300;line-height:120%;color:#6a6d7e}.blog-list .article-item .article-date .author{margin-left:14px}.blog-list .article-item .article-des{margin-top:16px;font-size:16px;font-weight:400;line-height:150%;color:#6a6d7e;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.blog-list .article-item:first-child{margin-top:0}.blog-list .article-list .no-content{text-align:center;font-size:16px;color:#6a6d7e}.blog-list .more-btn-box{position:absolute;left:50%;bottom:-100px;transform:translateX(-50%)}.blog-list .more-btn-box .more-btn{display:flex;justify-content:center;align-items:center;width:270px;height:54px;border-radius:16px;background:#2899f5;font-size:16px;font-weight:600;color:#FFF}.blog-list .more-btn-box .more-btn span{margin-left:8px;transform:translate(0px);transition:all 0.5s}.blog-list .more-btn-box .more-btn:hover{background:#4072cf}.blog-list .more-btn-box .more-btn:hover span{display:inline-block;transform:translate(6px)}.blog-list .img-box{width:320px;height:fit-content;margin-left:80px;margin-right:30px;position:sticky;top:100px;border-radius:8px}.blog-list .img-box img{width:100%}@media (max-width:1080px){.content-box{padding-inline:var(--page-padding-x)}.trending{padding-inline:var(--page-padding-x)}}@media (max-width:980px){.trending .trending-left{width:420px}.trending .trending-right{margin-left:58px}}@media (max-width:880px){.trending .trending-left{width:400px}.trending .trending-right{margin-left:58px}.blog-list .img-box{margin-left:30px;margin-right:0}}@media (max-width:780px){.trending .content-box{flex-direction:column;padding:20px 10px}.trending .trending-left{width:100%}.trending .trending-swiper .trending-item img{object-fit:fill}.trending .trending-right{margin-left:0;margin-top:32px}.blog-list .blog-screen{flex-direction:column;height:auto;padding:20px;transform:translateY(-30px)}.blog-list .blog-screen-item{justify-content:center;width:100%;height:50px;margin-right:0}.blog-list .blog-screen-item .icon{display:none}.blog-list .article-box{flex-direction:column-reverse;align-items:center}.blog-list .article-list-box{margin-top:36px}.blog-list .article-item .article-title,.blog-list .article-item .article-date,.blog-list .article-item .article-des{padding-inline:4px}.blog-list .img-box{width:100%;margin-left:0;margin-right:0}}