.cnav_content {
  width: 1200px;

  .catalogMenu {
    position: relative;
    margin-bottom: 12px;
    background-color: #fff;
    height: 40px;
    display: flex;
    align-items: center;

    .catlogItem {
      display: inline-block;
      height: 40px;
      line-height: 22px;
      margin-right: 60px;
      font-size: 16px;
      color: #3a2e2e;
      letter-spacing: 0;
      cursor: pointer;

      .imgListItem {
        margin-right: 8px;
        margin-bottom: 5px;
      }

      >span:nth-child(2) {
        line-height: 40px;
      }

      .categoryIcon {
        display: inline-block;
        height: 16px;
        width: 16px;
        margin-bottom: 2px;
        margin-right: 8px;
        vertical-align: middle;
        background-size: cover;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5rGJ5aCh5YyFPC90aXRsZT4KICAgIDxnIGlkPSLpppbpobUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjAuMDAwMDAwLCAtMTM4LjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgaWQ9IumhtumDqC/kuoznuqflr7zoiKpf5pyq55m75b2VIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCA1MC4wMDAwMDApIiBpZD0i5bem5Y+zcGFkZGluZzIwcHgiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTYuMDAwMDAwLCA4Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5rGJ5aCh5YyFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjE0OTg2MDM5LDQuMzQ5ODgyNzggQzAuNjg4NjA1MTI1LDQuMzQ5ODgyNzggMC4zMTMzMzk1NDcsMy45NzQ2MTcyMiAwLjMxMzMzOTU0NywzLjUxMzM3Nzk0IEMwLjMxMzMzOTU0NywzLjA1MjEyMjY3IDAuNjg4NjA1MTA5LDIuNjc2ODU3MDkgMS4xNDk4NjAzOSwyLjY3Njg1NzA5IEwxNC44NTAxMjM2LDIuNjc2ODU3MDkgQzE1LjMxMTM5NDksMi42NzY4NTcwOSAxNS42ODY2NDQ1LDMuMDUyMTIyNjYgMTUuNjg2NjQ0NSwzLjUxMzM3Nzk0IEMxNS42ODY2NDQ1LDMuOTc0NjE3MjIgMTUuMzExMzk0OSw0LjM0OTg4Mjc4IDE0Ljg1MDEyMzYsNC4zNDk4ODI3OCBMMS4xNDk4NjAzOSw0LjM0OTg4Mjc4IFogTTEuMTQ5ODYwMzksOS4yNTU0Njg4IEMwLjY4ODYwNTEyNSw5LjI1NTQ2ODggMC4zMTMzMzk1NDcsOC44ODAxODcyMyAwLjMxMzMzOTU0Nyw4LjQxODg4NCBDMC4zMTMzMzk1NDcsNy45NTc2Mjg3MyAwLjY4ODYwNTEwOSw3LjU4MjM2MzE2IDEuMTQ5ODYwMzksNy41ODIzNjMxNiBMMTQuODUwMTIzNiw3LjU4MjM2MzE2IEMxNS4zMTEzOTQ5LDcuNTgyMzYzMTYgMTUuNjg2NjQ0NSw3Ljk1NzYyODcyIDE1LjY4NjY0NDUsOC40MTg4ODQgQzE1LjY4NjY0NDUsOC44ODAxODcyMyAxNS4zMTEzOTQ5LDkuMjU1NDY4OCAxNC44NTAxMjM2LDkuMjU1NDY4OCBMMS4xNDk4NjAzOSw5LjI1NTQ2ODggWiBNMS4xNDk4NjAzOSwxNC4xMjE4MzM0IEMwLjY4ODYwNTEyNSwxNC4xMjE4MzM0IDAuMzEzMzM5NTQ3LDEzLjc0NjU4MzggMC4zMTMzMzk1NDcsMTMuMjg1MzEyNSBDMC4zMTMzMzk1NDcsMTIuODI0MDQxMyAwLjY4ODYwNTEwOSwxMi40NDg3OTE3IDEuMTQ5ODYwMzksMTIuNDQ4NzkxNyBMMTQuODUwMTIzNiwxMi40NDg3OTE3IEMxNS4zMTEzOTQ5LDEyLjQ0ODc5MTcgMTUuNjg2NjQ0NSwxMi44MjQwNDEzIDE1LjY4NjY0NDUsMTMuMjg1MzEyNSBDMTUuNjg2NjQ0NSwxMy43NDY1ODM4IDE1LjMxMTM5NDksMTQuMTIxODMzNCAxNC44NTAxMjM2LDE0LjEyMTgzMzQgTDEuMTQ5ODYwMzksMTQuMTIxODMzNCBaIiBpZD0iU2hhcGUiIGZpbGw9IiMzQTJFMkUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
      }
    }

    .catlogItem:hover {
      color: #fff;
      background-color: #fc672c;

      .categoryIcon {
        display: inline-block;
        height: 16px;
        width: 16px;
        margin-bottom: 2px;
        margin-right: 8px;
        vertical-align: middle;
        background-size: cover;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+5rGJ5aCh5YyFPC90aXRsZT4KICAgIDxnIGlkPSLkuqflk4HlsZXnpLomYW1wO+S6p+WTgeivpuaDhemhtSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuS6p+WTgeWIl+ihqOmhtSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMC4wMDAwMDAsIC0xMzguMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9IumhtumDqC/kuoznuqflr7zoiKpf5pyq55m75b2VIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDUwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IuW3puWPs3BhZGRpbmcyMHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5Ni4wMDAwMDAsIDg2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLmsYnloKHljIUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEuMTQ5ODYwMzksNC4zNDk4ODI3OCBDMC42ODg2MDUxMjUsNC4zNDk4ODI3OCAwLjMxMzMzOTU0NywzLjk3NDYxNzIyIDAuMzEzMzM5NTQ3LDMuNTEzMzc3OTQgQzAuMzEzMzM5NTQ3LDMuMDUyMTIyNjcgMC42ODg2MDUxMDksMi42NzY4NTcwOSAxLjE0OTg2MDM5LDIuNjc2ODU3MDkgTDE0Ljg1MDEyMzYsMi42NzY4NTcwOSBDMTUuMzExMzk0OSwyLjY3Njg1NzA5IDE1LjY4NjY0NDUsMy4wNTIxMjI2NiAxNS42ODY2NDQ1LDMuNTEzMzc3OTQgQzE1LjY4NjY0NDUsMy45NzQ2MTcyMiAxNS4zMTEzOTQ5LDQuMzQ5ODgyNzggMTQuODUwMTIzNiw0LjM0OTg4Mjc4IEwxLjE0OTg2MDM5LDQuMzQ5ODgyNzggWiBNMS4xNDk4NjAzOSw5LjI1NTQ2ODggQzAuNjg4NjA1MTI1LDkuMjU1NDY4OCAwLjMxMzMzOTU0Nyw4Ljg4MDE4NzIzIDAuMzEzMzM5NTQ3LDguNDE4ODg0IEMwLjMxMzMzOTU0Nyw3Ljk1NzYyODczIDAuNjg4NjA1MTA5LDcuNTgyMzYzMTYgMS4xNDk4NjAzOSw3LjU4MjM2MzE2IEwxNC44NTAxMjM2LDcuNTgyMzYzMTYgQzE1LjMxMTM5NDksNy41ODIzNjMxNiAxNS42ODY2NDQ1LDcuOTU3NjI4NzIgMTUuNjg2NjQ0NSw4LjQxODg4NCBDMTUuNjg2NjQ0NSw4Ljg4MDE4NzIzIDE1LjMxMTM5NDksOS4yNTU0Njg4IDE0Ljg1MDEyMzYsOS4yNTU0Njg4IEwxLjE0OTg2MDM5LDkuMjU1NDY4OCBaIE0xLjE0OTg2MDM5LDE0LjEyMTgzMzQgQzAuNjg4NjA1MTI1LDE0LjEyMTgzMzQgMC4zMTMzMzk1NDcsMTMuNzQ2NTgzOCAwLjMxMzMzOTU0NywxMy4yODUzMTI1IEMwLjMxMzMzOTU0NywxMi44MjQwNDEzIDAuNjg4NjA1MTA5LDEyLjQ0ODc5MTcgMS4xNDk4NjAzOSwxMi40NDg3OTE3IEwxNC44NTAxMjM2LDEyLjQ0ODc5MTcgQzE1LjMxMTM5NDksMTIuNDQ4NzkxNyAxNS42ODY2NDQ1LDEyLjgyNDA0MTMgMTUuNjg2NjQ0NSwxMy4yODUzMTI1IEMxNS42ODY2NDQ1LDEzLjc0NjU4MzggMTUuMzExMzk0OSwxNC4xMjE4MzM0IDE0Ljg1MDEyMzYsMTQuMTIxODMzNCBMMS4xNDk4NjAzOSwxNC4xMjE4MzM0IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0VEMjEyMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
      }
    }
  }

  .catalogMenuUnserLine {
    position: relative;

    .catlogItem {
      height: 22px;
      line-height: 22px;
      margin-right: 60px;
      font-size: 16px;
      color: #3a2e2e;
      letter-spacing: 0;
      cursor: pointer;

      .imgListItem {
        margin-right: 8px;
        margin-bottom: 5px;
      }
    }

    &::after {
      content: '';
      width: 1200px;
      height: 1px;
      background: #ebebeb;
      display: block;
      margin-top: 12px;
    }
  }

  .cnav_menu {

    >a>span:last-child {
      font-weight: bold;
    }
  }
}