@media screen and (max-width: 768px) {


  /* header移动端适配 */
  .container {
    min-height: calc(100vh - 280px);
  }

  .navbar {
    box-shadow: var(--shadow-default);
    background: var(--header-bg-color);
  }

  .menu {
    height   : auto;
    flex-wrap: wrap;
  }

  .menu_item {
    max-width: 100%;
    width    : 100%;
  }

  .list_box {
    display       : flex;
    width         : 100%;
    margin-top    : 0 !important;
    margin-bottom : 10px;
    border-radius : 0;
    border-bottom : 1px solid var(--border-default-color);
    flex-direction: row;
    overflow-x    : auto;
    overflow-y    : hidden;
  }

  .list_box>.list_item {
    padding      : 8px 15px;
    border-radius: 0;
    border       : none;
    border-right : 1px solid var(--border-default-color);
  }

  .cards_list {
    margin-top: 0 !important;
  }

  .text_box>.text_header>.text_title {
    font-size     : 20px;
    letter-spacing: 0;
  }
}