.header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     z-index: 999;
     padding: 0px;
     margin: 0;
     background: linear-gradient(to bottom, rgba(3, 34, 90, .9) 20%, rgba(3, 34, 90, 0) 100%, rgba(3, 34, 90, 0) 0%);
     ;
 }

 .head {
     padding: 20px 0;
     border-radius: 0;
     background: transparent;
     color: #fff;
     justify-content: space-between;
 }

 .navi ul {
     padding: 0;
 }

 .navi ul li {
     padding: 20px 10px;
 }

 .navi ul li>a {
     color: #fff;
     font-size: 20px;
 }

 .navi ul li.selected:first-child a {
     color: #fff;
 }

 .navi ul li.selected,
 .navi ul li:hover,
 .navi ul li:hover,
 .btn-search,
 .lug-bt {
     background: none !important;
 }

 .navi {
     width: 100%;
 }

 .navi ul li:hover {
     background: none;
 }

 .head-fix {
     max-width: 100%;
 }

 .head-fix .head-bottom {
     background: #fff;
 }

 .head-fix .navi ul li>a {
     color: #222;
 }

 .head-fix .navi ul li.selected:first-child a {
     color: #222;
 }

 .head-fix {
     background: #136bae;
 }



 .memu-btn i {
     color: #fff;
 }

 @media (max-width: 1024px) {
     .logo {
         max-height: 32px;
     }

     .top-right-btn {
         display: block;
     }

     .navi ul li {
         padding: 0px 10px;
     }
 }

 @media (max-width: 768px) {
     .lug-bt {
         color: #369;
     }

     .navi ul li>a {
         padding: 5px 20px;
     }

     .btn-search i {
         color: #369;
     }

 }