@media screen and (min-width: 769px) { .nav_banner img { display: inline-block; width: 0.1rem; min-width: 12px; margin-right: 3px; } .nav_banner span { display: inline-block; margin-right: 2px; } .nav_banner span:last-of-type { font-weight: 700; } .w-mall { font-size: 0.17rem; } .w-mall-banner { width: 100%; } .w-mall-banner img { width: 100%; } .w-mall-m { width: 13.4rem; margin: 0.3rem auto; } .w-mall-m > h2 { display: none; } .hightlights > h3 { font-size: 0.5rem; color: #fdc100; text-align: center; margin: 0.55rem auto; } .w-mall-display { margin-top: 6%; margin-bottom: 12%; display: flex; justify-content: center; } .w-mall-display img { width: auto; max-width: 100%; } .display-col { margin-right: 0.3rem; margin-left: 0.3rem; } .display-col a { display: flex; flex-direction: column; justify-content: center; align-items: center; } .display-col img { display: block; cursor: pointer; max-height: 190px; height: 168px; object-fit: contain; } .w-mall-banner .kv-silder .slick-dots { height: 3vw; } .display-col span { display: block; text-align: center; margin-top: 60px; font-size: 1.5em; } } @media screen and (max-width: 768px) { .w-mall { margin-top: 16vw; border: none; } .w-mall-banner { font-size: 0; } .nav_banner { display: none; } .w-mall-banner img { width: 100%; } .w-mall-m { margin: 4vw 4vw; } .w-mall-m h2 { font-size: 6vw; } .w-mall-m > h2 { display: none; } .w-mall-display { display: block; margin-top: 8vw; margin-bottom: 8vw; text-align: center; } .w-mall-display .display-col { display: inline-block; vertical-align: top; width: 30%; margin-bottom: 10vw; text-align: center; padding: 0 2%; box-sizing: border-box; } .w-mall-display .display-col span { font-size: 3.5vw; display: block; margin-top: 10%; } .w-mall-display .display-col:nth-child(3n + 1), .w-mall-display .display-col:nth-child(3n + 2) { /* margin-right: 5%; */ } .w-mall-display .display-col img { width: 100%; } }