.inner-banner { width: 100vw; line-height: 0; } .inner-banner img { width: 100%; height: auto; } .inner-banner .m { display: none; } .inner-menu { display: flex; justify-content: space-between; align-items: center; height: 4.5833333333vw; box-sizing: border-box; padding: 0 11.4583333333vw; background-color: #fff; position: relative; } .inner-menu::after { content: ""; display: block; width: 100%; border-top: 0.1041666667vw solid #e6e6e6; position: absolute; left: 0; bottom: 0; z-index: 1; } .inner-menu .menu { display: flex; height: 4.5833333333vw; position: relative; z-index: 10; } .inner-menu .menu li { padding-right: 1.7708333333vw; } .inner-menu .menu li a { display: flex; height: 4.5833333333vw; align-items: center; font-size: 1.0416666667vw; color: #666; border-bottom: 0.2083333333vw solid transparent; box-sizing: border-box; } .inner-menu .menu li a.active { color: #00479d; border-bottom-color: #00479d; } .inner-menu .cur-location { display: flex; align-items: center; font-size: 0.7291666667vw; color: #999; } .inner-menu .cur-location::before { font-size: 0.8333333333vw; color: #00479d; margin-right: 0.3125vw; } .inner-menu .cur-location .iconfont { font-size: 0.625vw; margin: 0 0.1041666667vw; } .inner-menu .cate-names { display: inline-flex; align-items: center; font-size: 1.0416666667vw; color: #00479d; } .inner-menu .cate-names::before { content: ""; display: block; height: 0.9375vw; border-left: 2px solid #00479d; margin-right: 0.4166666667vw; } .inner-menu .go-back { display: none; } .inner-content { min-height: 20.8333333333vw; padding: 5.2083333333vw 11.4583333333vw; box-sizing: border-box; } .inner-content .no-data { display: block; margin: 0 auto; width: 62.5vw; height: auto; } .brand .m { display: none; } @media screen and (max-width: 768px) { .inner-banner .pc { display: none; } .inner-banner .m { display: block; } .inner-menu { width: 100%; padding: 0; height: 12vw; /*overflow-x: auto;*/ } .inner-menu::after { display: none; } .inner-menu .menu { width: 100%; height: 12vw; min-width: 100%; flex-wrap: nowrap; position: relative; overflow-x: auto; border-bottom: 0.2666666667vw solid #e6e6e6; } .inner-menu .menu::after { content: ""; display: none; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; } .inner-menu .menu li { padding: 0 3.2vw; position: relative; z-index: 10; } .inner-menu .menu li:first-child { padding-left: 5.3333333333vw; } .inner-menu .menu li:last-child { padding-right: 5.3333333333vw; } .inner-menu .menu li a { height: 12vw; border-bottom: 0.6666666667vw solid transparent; font-size: 3.7333333333vw; font-weight: bold; white-space: nowrap; } .inner-menu .cur-location { display: none; } .detail-page .inner-menu { padding: 0 4.6666666667vw; } .detail-page .inner-menu .cur-location { display: flex; font-size: 2.4vw; } .detail-page .inner-menu .cur-location::before { font-size: 2.1333333333vw; margin-right: 0.8vw; } .detail-page .inner-menu .cate-names { display: none; } .detail-page .inner-menu .go-back { display: flex; justify-content: center; align-items: center; width: 26.4vw; height: 8vw; border-radius: 2.6666666667vw 0 2.6666666667vw 0; background-color: #fff; font-size: 2.9333333333vw; color: #999; } .detail-page .inner-menu .go-back::before { font-size: 3.2vw; color: #e6e6e6; margin-right: 1.0666666667vw; } .inner-content { padding: 8vw 4.6666666667vw; } .inner-content .m .load-more { display: flex; align-items: center; justify-content: center; width: 100%; height: 13.3333333333vw; border-radius: 4vw 0 4vw 0; background-color: #f7f7f7; color: #999; font-size: 3.7333333333vw; } .brand .pc { display: none; } .brand .m { display: block; } }/*# sourceMappingURL=inner.css.map */