/* 中等屏幕：（桌面显示器，大于等于992px） */
@media screen and (min-width: 992px) {
  .characteristic {
    grid-column-gap: 20px !important;
  }
  main {
    padding: 0px 10px !important;
  }
  .store {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-column-gap: 0.7vw !important;
  }
  .store div img{
    border-radius:0.4vw !important;
  }
 
}
/* 小屏幕：（平板，大于等于768px） */
@media screen and (min-width: 768px) {
  .characteristic {
    grid-column-gap: 10px !important;
  }
  main {
    padding: 0px 10px !important;
  }
  .store {
    grid-column-gap: 0.8vw !important;
    grid-template-columns: 1fr 1fr 1fr 1fr  !important;
  }
}
/* 超小屏幕：（手机，小于768px） */
@media screen and (max-width: 768px) {
  .nav_container {
    position: fixed !important;
    top: 43px;
    width: 100%;
    z-index: 99;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.03);
  }
  .characteristic {
    grid-column-gap: 10px !important;
    margin: 20px 0px !important;
  }
  .nav_container {
    display: none;
  }
  header {
    position: relative !important;
  }
  .nav_list {
    flex-direction: column !important;
    background-color: #fff;
    padding: 15px 0px !important;
  }
  .nav_item {
    border-bottom: 1px solid #f5f5f5 !important;
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .nav {
    padding-right: 10px !important;
  }
  .menu {
    display: flex !important;
  }

  main {
    padding: 0px 10px !important;
  }
  .store {
    grid-template-columns: 1fr 1fr 1fr!important;
    grid-column-gap: 1vw !important;
  }
  .store div img{
    border-radius:0.65vw !important;
  }
}
@media screen and (max-width: 414px) {
  .characteristic {
    grid-column-gap: 10px !important;
    grid-template-columns: 1fr 1fr !important;
    grid-row-gap: 10px !important;
  }
  main {
    padding: 0px 10px !important;
  }
  .characteristic {
    margin: 10px 0px !important;
  }
  .logo img {
    width: 80px !important;
  }
  .store {
    grid-template-columns: 1fr 1fr!important;
    grid-column-gap: 1.5vw !important;
  }
}
/* 大屏幕：（大桌面显示器，大于等于1200px） */
@media screen and (min-width: 1200px) {
  .store {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
    
  }
  .store div img{
    border-radius:0.2vw !important;
  }
}