.main-banner{margin:0 auto 30px;max-width:1360px;overflow:hidden;width:100%}.main-banner .banner-container{display:flex;flex-wrap:wrap;gap:10px;width:100%}.main-banner .banner-container .banner-item{flex:0 0 calc(var(--desktop-width) - 10px*(100/var(--desktop-width) - 1)/(100/var(--desktop-width)));position:relative;width:calc(var(--desktop-width) - 10px*(100/var(--desktop-width) - 1)/(100/var(--desktop-width)))}.main-banner .banner-container .banner-item .banner-link,.main-banner .banner-container .banner-item picture{display:block;height:100%;width:100%}.main-banner .banner-container .banner-item img{border-radius:8px;display:block;height:auto;object-fit:cover;width:100%}.main-banner .banner-container .banner-item[data-width="100"]{flex:0 0 100%;width:100%}.main-banner .banner-container .banner-item[data-width="75"]{flex:0 0 calc(75% - 7.5px);width:calc(75% - 7.5px)}.main-banner .banner-container .banner-item[data-width="66"]{flex:0 0 calc(66.666% - 6.67px);width:calc(66.666% - 6.67px)}.main-banner .banner-container .banner-item[data-width="50"]{flex:0 0 calc(50% - 5px);width:calc(50% - 5px)}.main-banner .banner-container .banner-item[data-width="33"]{flex:0 0 calc(33.333% - 6.67px);width:calc(33.333% - 6.67px)}.main-banner .banner-container .banner-item[data-width="25"]{flex:0 0 calc(25% - 7.5px);width:calc(25% - 7.5px)}@media(max-width:768px){.main-banner{margin-bottom:20px}.main-banner .banner-container{flex-direction:column;gap:10px}.main-banner .banner-container .banner-item{flex:0 0 var(--mobile-width);margin-bottom:0;width:var(--mobile-width)}.main-banner .banner-container .banner-item[data-mobile-width="100"]{flex:0 0 100%;width:100%}.main-banner .banner-container .banner-item[data-mobile-width="75"]{flex:0 0 calc(75% - 7.5px);width:calc(75% - 7.5px)}.main-banner .banner-container .banner-item[data-mobile-width="66"]{flex:0 0 calc(66.666% - 6.67px);width:calc(66.666% - 6.67px)}.main-banner .banner-container .banner-item[data-mobile-width="50"]{flex:0 0 calc(50% - 5px);width:calc(50% - 5px)}.main-banner .banner-container .banner-item[data-mobile-width="33"]{flex:0 0 calc(33.333% - 6.67px);width:calc(33.333% - 6.67px)}.main-banner .banner-container .banner-item[data-mobile-width="25"]{flex:0 0 calc(25% - 7.5px);width:calc(25% - 7.5px)}.main-banner .banner-container:has(.banner-item[data-mobile-width]:not([data-mobile-width="100"])){flex-direction:row;flex-wrap:wrap}}.news-container .main-banner{max-width:760px}