.nav-flyout-menu-item {
      float: left;
      width: 25%;
      height: 270px;
      padding: 0 20px 0 0;
    }
    .nav-flyout-menu-item-title {
      margin-bottom: 10px;
    }
    .nav-flyout-menu-item-title span {
      font-size: 14px;
      margin: 0 10px;
    }
    .nav-flyout-menu-item-title h3 {
      font-size: 18px;
      color: #000;
      letter-spacing: 0.6px;
      line-height: 30px;
      font-weight: normal;
    }
    .nav-flyout-menu-item-title h4 {
      font-size: 16px;
      color: #000;
      letter-spacing: 0.53px;
      line-height: 18px;
      font-weight: normal;
    }
    .nav-flyout-menu-item-list li {
      margin: 5px 0;
    }
    .nav-flyout-menu-item-list li a {
      font-size: 14px;
      color: #333;
      letter-spacing: 0.4px;
      line-height: 22px;
    }
    .nav-flyout-menu-item-list li span {
      display: inline-block;
    }
    .nav-flyout-menu-item-list li .name-cn {
      width: 18%;
    }
    .nav-flyout-menu-item-list li .name-en {
      width: 60%;
    }
    .nav-flyout-menu-item-list.long li .name-cn {
      width: 31%;
    }
    .nav-flyout-menu-item-list.long2 li .name-cn {
      width: 37%;
    }
    .nav-flyout-menu-item-list.long3 li .name-cn {
      width: 25%;
    }
    .nav-flyout-menu-item-list li a:hover {
      color: #90080e;
      text-decoration: none;
    }

    /* 索引定义不同样式 */
    .nav-flyout-menu-item[data-index='0']
      .nav-flyout-menu-item-list
      li
      .name-cn {
      width: 18%;
    }
    .nav-flyout-menu-item[data-index='1']
      .nav-flyout-menu-item-list
      li
      .name-cn {
      width: 29%;
    }
    .nav-flyout-menu-item[data-index='2']
      .nav-flyout-menu-item-list
      li
      .name-cn {
      width: 23%;
    }
    .nav-flyout-menu-item[data-index='3']
      .nav-flyout-menu-item-list
      li
      .name-cn {
      width: 18%;
    }
    .nav-flyout-menu-item[data-index='4']
      .nav-flyout-menu-item-list
      li
      .name-cn {
      width: 18%;
    }
    .nav-flyout-menu-item[data-index='5']
      .nav-flyout-menu-item-list
      li
      .name-cn {
      width: 38%;
    }
    .nav-flyout-menu-item[data-index='6']
      .nav-flyout-menu-item-list
      li
      .name-cn {
      width: 55%;
    }
    .nav-flyout-menu-item[data-index='6']
      .nav-flyout-menu-item-list
      li
      .name-en {
      width: 0%;
    }
    .nav-flyout-menu-item[data-index='7']
      .nav-flyout-menu-item-list
      li
      .name-cn {
      width: 23%;
    }

    /* 黑色模式 */
    .nav-flyout-menu-item[data-dark] .nav-flyout-menu-item-title h3 {
      color: #fff;
    }
    .nav-flyout-menu-item[data-dark] .nav-flyout-menu-item-title h4 {
      color: #fff;
    }
    .nav-flyout-menu-item[data-dark] .nav-flyout-menu-item-list li a {
      color: #bfbfbf;
    }
    .nav-flyout-menu-item[data-dark] .nav-flyout-menu-item-list li a:hover {
      color: #fff;
    }

    @media screen and (max-width: 1170px) {
      .nav-flyout-menu-item {
        padding: 0 8px 0 0;
        width: 25%;
        height: 239px;
      }
      .nav-flyout-menu-item.s-hight {
        height: 215px;
      }
      .nav-flyout-menu-item .nav-flyout-menu-item-list li a {
        line-height: 18px;
      }
      .nav-flyout-menu-item .nav-flyout-menu-item-title {
        margin-bottom: 15px;
      }
      .nav-flyout-menu-item .nav-flyout-menu-item-list li {
        margin: 0;
      }
      .nav-flyout-menu-item .nav-flyout-menu-item-list li p {
        line-height: 22px;
      }
      .nav-flyout-menu-item .nav-flyout-menu-item-list li .name-en {
        width: 50%;
      }
      .nav-flyout-menu-item .nav-flyout-menu-item-list.long li .name-cn {
        width: 34%;
      }
      .nav-flyout-menu-item .nav-flyout-menu-item-list.long2 li .name-cn {
        width: 40%;
      }
    }