.editor-index-list-c1{--item-blog-item-width:714px;--navbg:#03060b;background-color:#f5f5f6;max-width:2560px;margin:0 auto}@media (max-width:1440px){.editor-index-list-c1{--item-blog-item-width:426px}}@media not (min-width:768px){.editor-index-list-c1{--item-blog-item-width:280px}}.editor-index-list-c1 .index-list-c1-control{z-index:20;justify-content:space-between;width:100%;padding:0 24px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.editor-index-list-c1 .swiper-button-prev,.editor-index-list-c1 .swiper-button-next{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background-color:#0003;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.editor-index-list-c1 .swiper-button-prev:before,.editor-index-list-c1 .swiper-button-next:before{content:"";opacity:0;background-color:#fff;border-radius:50%;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.editor-index-list-c1 .swiper-button-prev:hover:before,.editor-index-list-c1 .swiper-button-prev:active:before,.editor-index-list-c1 .swiper-button-next:hover:before,.editor-index-list-c1 .swiper-button-next:active:before{opacity:.1}.editor-index-list-c1 .swiper-button-prev:after,.editor-index-list-c1 .swiper-button-next:after{content:unset}.editor-index-list-c1 .swiper-button-prev svg,.editor-index-list-c1 .swiper-button-next svg{width:8px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-index-list-c1 .swiper-button-next>svg{transform:translate(-50%,-50%)scaleX(-1)}.editor-index-list-c1 .swiper-pagination{display:none}.editor-index-list-c1 .index-list-c1-title{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.editor-index-list-c1 .index-list-c1-title-l{max-width:768px;font-family:var(--ff-woff2-B);color:#000;font-size:48px;line-height:54px}.editor-index-list-c1 .index-list-c1-subtitle-l{max-width:768px;font-family:var(--ff-woff2-M);color:#83868a;margin-top:16px;font-size:24px;line-height:32px}.editor-index-list-c1 .index-list-c1-more-btn{font-family:var(--ff-woff2-B);color:#000;align-items:center;gap:4px;font-size:16px;display:flex}.editor-index-list-c1 .index-list-c1-arrow{background-image:url(https://websiteoss.ecoflow.com/upload/image/1761788982071/base.png);background-size:100% 100%;width:16px;height:16px;display:flex}.editor-index-list-c1 .index-list-c1-f-btn{display:none}@media (max-width:1440px){.editor-index-list-c1 .index-list-c1-title-l{font-size:32px;line-height:40px}.editor-index-list-c1 .index-list-c1-subtitle-l{font-size:20px;line-height:26px}}@media not (min-width:1024px){.editor-index-list-c1 .index-list-c1-title-l{font-size:24px;line-height:32px}.editor-index-list-c1 .index-list-c1-subtitle-l{margin-top:12px;font-size:16px;line-height:22px}.editor-index-list-c1 .index-list-c1-more-btn{font-size:14px}.editor-index-list-c1{-webkit-tap-highlight-color:#0000}}@media not (min-width:768px){.editor-index-list-c1 .index-list-c1-title{padding:0 24px}.editor-index-list-c1 .index-list-c1-title-r{display:none}.editor-index-list-c1 .index-list-c1-f-btn{justify-content:center;gap:4px;margin:40px 0 0;font-size:20px;line-height:26px;display:flex}.editor-index-list-c1 .index-list-c1-f-btn .index-list-c1-arrow{width:24px;height:24px}}.editor-index-list-c1 .index-list-c1-list-swiper{padding:0 80px}.editor-index-list-c1 .index-list-c1-list-swiper:hover .swiper-button-next,.editor-index-list-c1 .index-list-c1-list-swiper:hover .swiper-button-prev{opacity:1}.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-next,.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-prev{opacity:0;background-color:#0003;width:44px;height:44px;transition:background .2s,opacity .2s}.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-next:hover,.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-prev:hover{background-color:#00000040}.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-next:active,.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-prev:active{background-color:#0000004d}.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-next.swiper-button-disabled,.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-prev.swiper-button-disabled{pointer-events:none;opacity:0!important}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-list-swiper-slide{width:fit-content}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-list-item{background-color:#fff;border-radius:8px;flex-direction:column;width:436px;height:392px;display:flex;overflow:hidden}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-list-item:hover .index-list-c1-item-img img{transform:scale(1.1)}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-list-item:hover .index-list-c1-item-desc .index-list-c1-item-arrow{transform:translate(8px)}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-img{flex-shrink:0;height:216px;overflow:hidden}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-img img{transition:transform .6s}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg{flex-direction:column;flex:1;justify-content:space-between;padding:24px;display:flex}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-title{color:#000;-webkit-line-clamp:3;text-overflow:ellipsis;font-family:var(--ff-woff2-B);-webkit-box-orient:vertical;font-size:20px;font-weight:500;line-height:26px;display:-webkit-box;overflow:hidden}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-desc{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-desc .index-list-c1-item-desc-text{color:#3a3c3f;font-family:var(--ff-woff2-M);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:16px;font-weight:400;line-height:22px;display:-webkit-box}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-desc .index-list-c1-item-arrow{background-image:url(https://websiteoss.ecoflow.com/upload/image/1761788982071/base.png);background-size:100% 100%;flex-shrink:0;width:20px;height:20px;transition:transform .6s;display:flex}@media only screen and not (max-width:1440px){.editor-index-list-c1 .index-list-c1-list-swiper{padding:0 max(50% - 720px,80px)}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-list-item{width:714px;height:600px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-img{height:360px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg{padding:24px 40px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-title{font-size:24px;line-height:32px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-desc{gap:98px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-desc .index-list-c1-item-desc-text{font-size:20px;line-height:24px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-desc .index-list-c1-item-arrow{width:24px;height:24px}}@media not (min-width:1024px){.editor-index-list-c1 .index-list-c1-list-swiper{padding:0 48px}.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-next,.editor-index-list-c1 .index-list-c1-list-swiper .swiper-button-prev{display:none}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-list-item{width:426px;height:414px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-img{height:216px}.editor-index-list-c1{-webkit-tap-highlight-color:#0000}}.editor-index-list-c1{--navbg:#03060b}@media not (min-width:768px){.editor-index-list-c1 .index-list-c1-list-swiper{padding:0 24px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-list-item{border-radius:4px;width:280px;height:460px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-img{height:200px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-desc{align-items:flex-end;gap:30px}.editor-index-list-c1 .index-list-c1-list-swiper .index-list-c1-item-msg .index-list-c1-item-desc .index-list-c1-item-desc-text{font-size:12px;line-height:16px}}
