.bannerNav{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;height:60px;background:#343434;opacity:.8;z-index:99}.bannerNav>div,.bannerNav>a{display:block;color:#aaa;font-size:16px;height:60px;line-height:60px;margin:0 .4rem}.wearableCont{padding:.8rem 0 1rem}.wearableCont .grid{background-color:#F5F6F7;padding:.3rem .6rem;font-size:var(--overview);grid-template-columns:2fr 1.5fr 1fr;row-gap:.2rem;column-gap:.3rem;margin-top:.6rem}.wearableCont .grid>div{position:relative;padding-left:.2rem}.wearableCont .grid>div::before{position:absolute;content:"";left:0;top:0;bottom:0;margin:auto;background-color:#ccc;width:.05rem;height:.05rem;border-radius:50%}.wearableCont .img{margin-top:.8rem}.wearableCont .flex{align-items:center;justify-content:space-between;margin-top:.8rem}.wearableCont .flex .item{width:2.1rem;background-color:#F5F6F7;text-align:center;display:flex;flex-direction:column;justify-content:center;height:2.6rem}.wearableCont .flex .item .goodsName{font-size:var(--indexNewsTit);margin-top:.1rem}.wearableCont .flex .item .picture{height:1.6rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.wearableCont .flex .item .picture img{width:auto;height:auto;max-width:100%}.case{padding:1rem 0 1.06rem;background:repeating-linear-gradient(to bottom,#F5F5F5,#ffffff)}.case .swiper{margin-top:.5rem}.case .swiper .swiper-slide{background:#F4F4F4}@media screen and (max-width:1440px) and (min-width:1024px){.bannerNav{min-width:1280px}}@media screen and (max-width:1366px){.wearableCont .flex{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.2rem}.wearableCont .flex .item{width:auto}}@media screen and (max-width:1024px){.bannerNav>div,.bannerNav>a{margin:0 .1rem}.bannerNav{height:40px}.bannerNav>div,.bannerNav>a{height:40px;font-size:12px;line-height:40px}}@media screen and (max-width:768px){.bannerNav>div,.bannerNav>a{height:auto;font-size:12px;line-height:1}.wearableCont .grid{grid-template-columns:1fr;font-size:16px}.wearableCont .flex{display:grid;grid-template-columns:repeat(2,1fr)}.wearableCont .flex .item{height:auto;padding:15px}.wearableCont .flex .item .picture{height:auto}}@media screen and (max-width:500px){.wearableCont .grid{font-size:14px}.bannerNav{display:grid;grid-template-columns:repeat(4,1fr);grid-area:10px}.bannerNav{height:auto}.bannerNav>a{height:40px;line-height:40px;text-align:center}.bannerNav>div,.bannerNav>a{margin:0}}