.middle-banners .desktop-area{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"S1 S1 C1 C1 C1 C1 C1 C1 S3 S3" "S1 S1 C1 C1 C1 C1 C1 C1 S3 S3" "S1 S1 C1 C1 C1 C1 C1 C1 S3 S3" "S2 S2 C1 C1 C1 C1 C1 C1 S4 S4" "S2 S2 C2 C2 C2 C3 C3 C3 S4 S4" "S2 S2 C2 C2 C2 C3 C3 C3 S4 S4";grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,.35fr);margin-top:20px}.middle-banners .lazy-image{border-radius:10px;height:100%;overflow:hidden}.middle-banners .lazy-image img{height:100%}.middle-banners .mobile-area{display:flex;flex-direction:column;gap:10px}.middle-banners .banner-placeholder{align-items:center;background-color:#e0e0e0;border-radius:8px;display:flex;font-size:40px;justify-content:center}@keyframes loadingPlaceholder{to{background-position:-100% 0}}.middle-banners .c1{aspect-ratio:1;grid-area:S1}.middle-banners .c2{aspect-ratio:1;grid-area:S2}.middle-banners .c3{aspect-ratio:1;grid-area:S3}.middle-banners .c4{aspect-ratio:1;grid-area:S4}.middle-banners .c5{aspect-ratio:2.3;grid-area:C1}.middle-banners .c6{grid-area:C2}.middle-banners .c7{grid-area:C3}@media(max-width:1024px){.middle-banners .desktop-area{grid-template-areas:"S1 S1 S2 S2 S3 S3 S4 S4" "S1 S1 S2 S2 S3 S3 S4 S4" "C1 C1 C1 C1 C1 C1 C1 C1" "C1 C1 C1 C1 C1 C1 C1 C1" "C1 C1 C1 C1 C1 C1 C1 C1" "C2 C2 C2 C2 C3 C3 C3 C3" "C2 C2 C2 C2 C3 C3 C3 C3";grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,auto)}}@media(max-width:768px){.middle-banners .c5,.middle-banners .c6,.middle-banners .c7{aspect-ratio:2.46}}.container_swiper{position:relative}.container_swiper .slider{padding:var(--space)}.container_swiper:not(.-show) .swiper-wrapper{--calc_quantity:var(--quantity);--calc_space:var(--card_space,0px);--card_width:calc((100% - var(--calc_space)*(var(--calc_quantity) - 1))/max(1, var(--calc_quantity)));grid-column-gap:0;grid-column-gap:var(--calc_space);-moz-column-gap:0;column-gap:0;-moz-column-gap:var(--calc_space);column-gap:var(--calc_space);display:grid;grid-auto-columns:var(--card_width);grid-auto-flow:column;width:100%}.container_swiper:not(.-show) .swiper-wrapper .swiper-slide{padding-left:2px;padding-right:var(--space)}@media(max-width:340px){.container_swiper:not(.-show) .swiper-wrapper{--card_width:100%}}@media(max-width:768px){.container_swiper:not(.-show) .swiper-wrapper .swiper-slide{padding-right:var(--space)}}