.container h2{ margin:0 0 36px 0; font-size: 20px; font-family: Adobe Heiti Std; font-weight: bold; color: #333333; text-align: center; } .container .contentNav { display: flex; justify-content: center; flex-wrap: wrap; margin:34px 0 ; } .container .contentNav .menuBtn { position: relative; margin: 0 62px 24px; height: 36px; font-size: 18px; font-family: Adobe Heiti Std; font-weight: normal; color: #999999; cursor: pointer; } .container .contentNav .menuBtn.active { color: #004080; } .container .contentNav .menuBtn.active::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 42px; height: 1px; background: #004080; transform: translateX(-50%); } @media only screen and (max-width:1200px ){ .container .contentNav{ margin: 18px 0; } .container .contentNav .menuBtn{ margin-left: 10px; margin-right: 10px; margin-bottom: 0; font-size: 12px; height: auto; line-height: 30px; } .container .contentNav .menuBtn.active::after{ width: 22px; } .swiperBox{ width: auto; } .shopSwiper .swiper-slide .mainTips{ display: none; } .container h2{ display: none; } }