.detail-symbol {
        width: 1em;
        height: 1em;
        font-size: 26px
      }

      .loading-container {
        position: absolute;
        text-align: center;
        display: block;
        z-index: 10;
        width: 100%;
        height: 100%
      }

      .loading-container .loading-masker-container {
        filter: blur(1px);
        position: relative;
        pointer-events: none;
        width: 100%;
        height: 100%
      }

      .loading-container .loading-masker {
        content: "";
        position: absolute;
        inset: 0;
        opacity: .4;
        z-index: 99;
        background-color: #fff
      }

      .loading-container .loading-indicator-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
      }

      .loading-container .loading-indicator-container .loading-indicator {
        display: inline-block;
        position: relative;
        margin: 0;
        width: 48px;
        height: 48px;
        animation-duration: 5.6s;
        animation-timing-function: linear;
        animation-name: vectorRoute;
        animation-iteration-count: infinite;
        top: 50%
      }

      .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item {
        position: absolute;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ff6a00;
        animation-duration: 1.4s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        margin: auto
      }

      .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(1) {
        top: 0;
        bottom: 0;
        left: 0;
        animation-name: vectorDotsX
      }

      .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(2) {
        left: 0;
        right: 0;
        animation-name: vectorDotsY;
        opacity: .8
      }

      .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(3) {
        top: 0;
        bottom: 0;
        right: 0;
        animation-name: vectorDotsXR;
        opacity: .6
      }

      .loading-container .loading-indicator-container .loading-indicator .loading-indicator-item:nth-child(4) {
        left: 0;
        right: 0;
        bottom: 0;
        animation-name: vectorDotsYR;
        opacity: .2
      }

      @keyframes vectorRoute {
        0% {
          transform: rotate(0)
        }

        5% {
          transform: rotate(90deg)
        }

        25% {
          transform: rotate(90deg)
        }

        30% {
          transform: rotate(180deg)
        }

        50% {
          transform: rotate(180deg)
        }

        55% {
          transform: rotate(270deg)
        }

        75% {
          transform: rotate(270deg)
        }

        80% {
          transform: rotate(360deg)
        }

        to {
          transform: rotate(360deg)
        }
      }

      @keyframes vectorDotsX {
        25% {
          left: 0
        }

        45%,
        50% {
          left: 16.8px;
          width: calc(12px * 1.2);
          height: calc(12px * 1.2)
        }

        90% {
          left: 0;
          height: 12px;
          width: 12px
        }
      }

      @keyframes vectorDotsY {
        25% {
          top: 0
        }

        45%,
        50% {
          top: 16.8px;
          height: calc(12px * 1.2);
          width: calc(12px * 1.2)
        }

        90% {
          top: 0;
          height: 12px;
          width: 12px
        }
      }

      @keyframes vectorDotsXR {
        25% {
          right: 0
        }

        45%,
        50% {
          right: 16.8px;
          width: calc(12px * 1.2);
          height: calc(12px * 1.2)
        }

        90% {
          right: 0;
          height: 12px;
          width: 12px
        }
      }

      @keyframes vectorDotsYR {
        25% {
          bottom: 0
        }

        45%,
        50% {
          bottom: 16.8px;
          width: calc(12px * 1.2);
          height: calc(12px * 1.2)
        }

        90% {
          bottom: 0;
          height: 12px;
          width: 12px
        }
      }

      #the-new-header {
        margin-bottom: 10px
      }

      #the-new-header.tnh-fixed .sub-menu-layout {
        display: flex;
        flex-direction: row;
        gap: 40px;
        margin: 0 auto;
        padding: 0 40px;
        min-width: 1240px;
        max-width: 1600px
      }

      #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item {
        display: inline-block;
        position: relative;
        transition: color .3s;
        border-bottom: 4px solid #fff;
        color: #222;
        font-size: 14px;
        line-height: 36px;
        -webkit-text-decoration: none;
        text-decoration: none
      }

      #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after,
      #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
        position: absolute;
        bottom: 0;
        transition: width .3s, transform .3s;
        background: #222;
        width: 0;
        height: 3px;
        content: ""
      }

      html[dir=ltr] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
        left: 50%;
        transform: translate(-50%)
      }

      html[dir=rtl] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:before {
        right: 50%;
        transform: translate(50%)
      }

      html[dir=ltr] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
        right: 50%;
        transform: translate(50%)
      }

      html[dir=rtl] #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:after {
        left: 50%;
        transform: translate(-50%)
      }

      #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover {
        -webkit-text-decoration: none;
        text-decoration: none
      }

      #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item:hover:after {
        width: 100%
      }

      #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:after,
      #the-new-header.tnh-fixed .sub-menu-layout .sub-menu-item.active:before {
        width: 100%
      }

      .icbu-buyer-pc-top-banner:empty {
        display: none
      }