*{margin:0;padding:0;box-sizing:border-box}.index_banner{width:100%;background-color:#fff;padding:20px 0;overflow:hidden;position:relative}.indexBanner_wrapper{display:flex;animation:slide 30s linear infinite;gap:10px}.indexWrapper_item{width:180px;height:320px;margin:20px 10px;overflow:hidden;flex-shrink:0;position:relative;cursor:pointer}.indexWrapper_item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.placeholder-svg{width:80%;height:80%;opacity:.3}.collection-title{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-family:Arial,sans-serif;font-size:14px;font-weight:700;color:#333;padding:5px}.indexWrapper_item:nth-child(odd) img,.indexWrapper_item:nth-child(odd) .placeholder-image{clip-path:polygon(0% 0%,93% 0%,100% 97%,0% 100%)}.indexWrapper_item:nth-child(2n) img,.indexWrapper_item:nth-child(2n) .placeholder-image{clip-path:polygon(0 3%,0 97%,100% 100%,95% 0)}.indexWrapper_item:hover img,.indexWrapper_item:hover .placeholder-image{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:scale(1.05)}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.indexWrapper_item{width:150px;height:250px}.indexBanner_wrapper{animation-duration:20s}}@media (max-width: 480px){.indexWrapper_item{width:120px;height:200px;margin:10px 5px}.indexBanner_wrapper{gap:5px;animation-duration:15s}.collection-title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/index-banner.css.map */