.header {
       width: 100%;
       min-width: 14rem;
       height: .9rem;
       overflow: hidden;
       position: fixed;
       top: 0;
       left: 0;
       z-index: 9999;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: #fff;
       border: 1px solid #e6e7eb !important
   }
   
   .header__navwrap {
       width: 100%
   }
   
   .header__navbar {
       position: relative;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       padding: 0 .48rem 0 .7rem;
       margin-right: 1.8rem;
       white-space: nowrap
   }
   
   .header__navbar::after {
       content: "";
       position: absolute;
       right: 0;
       width: 1px;
       height: .18rem;
       background: #e6e7eb
   }
   
   .header__navbar-logo {
       height: .46rem
   }
   
   .header__navbar-logo img {
       height: .46rem
   }
   
   .header__navbar-links {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center
   }
   
   .header__navbar-link {
       position: relative;
       font-size: .18rem;
       color: #676b73;
       padding: .1rem;
       padding-right: .05rem;
       margin-left: .8rem;
       cursor: pointer;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       position: relative;
       overflow: hidden;
       -webkit-transition: color 500ms;
       -o-transition: color 500ms;
       transition: color 500ms
   }
   
   .header__navbar-link span {
       visibility: visible
   }
   
   .header__navbar-link b {
       position: absolute;
       top: 50%;
       right: .05rem;
       visibility: hidden;
       -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
       transform: translateY(-50%)
   }
   
   .header__navbar-link:hover,
   .header__navbar-link--active {
       color: #3778e5
   }
   
   .header__navbar-link:hover b,
   .header__navbar-link--active b {
       visibility: visible
   }
   
   .header__navbar-link:hover span,
   .header__navbar-link--active span {
       visibility: hidden
   }