.cn{position:relative;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.cn::-webkit-scrollbar{display:none}.cn-track{display:flex;align-items:stretch;margin:0;padding:0;list-style:none}.cn-slide{flex:0 0 calc(100% / var(--cn-per, 1));min-width:0;max-width:100%;box-sizing:border-box;scroll-snap-align:start}.cn-slide.is-center{scroll-snap-align:center}.cn.recarousel .cn-slide{transform:scale(.78);opacity:.65;transition:transform .3s ease,opacity .3s ease}.cn.recarousel .cn-slide.is-active{transform:scale(1);opacity:1}.cn-dots{display:flex;justify-content:center;gap:.45rem;padding:.8rem 0 0}.cn-dot{width:.571rem;height:.571rem;margin:0 .286rem;padding:0;border:0;border-radius:50%;background:#919399;opacity:.5;cursor:pointer;transition:opacity .3s ease,background .3s ease}.cn-dot.is-active{background:#306fae;border-radius:.571rem;opacity:1;width:2.286rem}.cn-prev,.cn-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:2.857rem;height:2.857rem;border:1px solid rgba(145,147,153,.2);border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s ease}.cn-prev{left:.4rem}.cn-next{right:.4rem}.cn-prev:after,.cn-next:after{content:"‹";font-size:1.3rem;line-height:2;color:#919399;font-weight:700}.cn-next:after{content:"›"}.cn-prev:hover,.cn-next:hover{box-shadow:0 .571rem 1rem #c1c8de60}.cn-shell{position:relative}.cn-shell>.cn-prev{left:0}.cn-shell>.cn-next{right:0}@media (hover: hover) and (min-width: 768px){.cn-dots{display:none}}@media (hover: none),(max-width: 767.98px){.cn-prev,.cn-next{display:none}}.cn.carousel{--cn-per: 1}@media (min-width: 420px){.cn.carousel{--cn-per: 1.3}}@media (min-width: 800px){.cn.carousel{--cn-per: 2.3}}@media (min-width: 1200px){.cn.carousel{--cn-per: 3.3}}@media (min-width: 1400px){.cn.carousel{--cn-per: 4}}.cn.recarousel{--cn-per: 1.5}@media (min-width: 768px){.cn.recarousel{--cn-per: 3}}.cn.screen{--cn-per: 1}.cn.thumbs{--cn-per: 3}@media (min-width: 600px){.cn.thumbs{--cn-per: 4}}@media (min-width: 1200px){.cn.thumbs{--cn-per: 6}}@media (min-width: 1400px){.cn.thumbs{--cn-per: 8}}.cn.similar-price,.cn.latest{--cn-per: 1}@media (min-width: 600px){.cn.similar-price,.cn.latest{--cn-per: 2}}@media (min-width: 900px){.cn.similar-price,.cn.latest{--cn-per: 3}}@media (min-width: 1280px){.cn.similar-price,.cn.latest{--cn-per: 4}}.cn-slide>.card{height:100%;display:flex;flex-direction:column}.cn-slide>.card .text{flex:1 1 auto;display:flex;flex-direction:column}