.self-header {
       width: 100%;
       background: #fff !important;
       position: fixed;
       top: 0;
       z-index: 200;
   }

   .auto {
       margin: 6px auto;
   }

   .menu-nav {
       position: fixed;
       width: 100%;
       top: 60px;
       background: #f7f7f7;
       border-bottom: #dfdfdf 1px solid;
       color: #333;
       z-index: 9999;
       overflow-x: scroll;
   }

   .menu-nav ul {
       /* display: flex;
align-items: center;
justify-content: center; */
       white-space: nowrap;
       text-align: center;
   }

   .menu-nav ul li {
       display: inline-block;
       text-align: center;
       padding: 12px 0;
       margin: 0 26px;
       position: relative;
   }

   .menu-nav ul li a {
       color: #333;
   }

   .active {
       color: #008ADF !important;
       border-bottom: 3px solid #008ADF;
   }

   .active>a {

       color: #008ADF !important;
   }

   .open {
       top: 0;
   }