.headerVeiw {
  transition: background-color .24s ease, box-shadow .24s ease, backdrop-filter .24s ease;
}

.headerVeiw .logo .i {
  display: block;
  transition: opacity .2s ease, filter .2s ease;
}

body:not(.is-scrolled) .headerVeiw:not(.showFixed) {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body:not(.is-scrolled) .headerVeiw:not(.showFixed) .itemBoxBox .itemBox .item,
body:not(.is-scrolled) .headerVeiw:not(.showFixed) .itemBoxBox .itemBox .item .name,
body:not(.is-scrolled) .headerVeiw:not(.showFixed) .language .text {
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .42);
}

body:not(.is-scrolled) .headerVeiw:not(.showFixed) .logo .i {
  filter: drop-shadow(0 1px 8px rgba(0, 0, 0, .36));
}

body:not(.is-scrolled) .headerVeiw:not(.showFixed) .wapLine span {
  background: #fff !important;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
}

body.is-scrolled .headerVeiw,
.headerVeiw.showFixed {
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 8px 26px rgba(8, 28, 58, .08) !important;
  backdrop-filter: saturate(140%) blur(10px);
}

body.is-scrolled .headerVeiw .logo .i,
.headerVeiw.showFixed .logo .i {
  filter: none !important;
}

body.is-scrolled .headerVeiw .itemBoxBox .itemBox .item,
body.is-scrolled .headerVeiw .itemBoxBox .itemBox .item .name,
body.is-scrolled .headerVeiw .language .text,
.headerVeiw.showFixed .itemBoxBox .itemBox .item,
.headerVeiw.showFixed .itemBoxBox .itemBox .item .name,
.headerVeiw.showFixed .language .text {
  color: #10233f !important;
  text-shadow: none !important;
}

body.is-scrolled .headerVeiw .itemBoxBox .itemBox .item.routeIdx .name,
body.is-scrolled .headerVeiw .itemBoxBox .itemBox .item:hover .name,
.headerVeiw.showFixed .itemBoxBox .itemBox .item.routeIdx .name,
.headerVeiw.showFixed .itemBoxBox .itemBox .item:hover .name {
  color: #176fd6 !important;
}

body.is-scrolled .headerVeiw .wapLine span,
.headerVeiw.showFixed .wapLine span {
  background: #10233f !important;
  box-shadow: none !important;
}

@media screen and (max-width: 700px) {
  body:not(.is-scrolled) .headerVeiw:not(.showFixed) {
    background: transparent !important;
    backdrop-filter: none !important;
  }

  .headerVeiw.showFixed,
  body.is-scrolled .headerVeiw {
    box-shadow: 0 6px 18px rgba(8, 28, 58, .1) !important;
  }

  .headerVeiw .wapNav {
    background: rgba(255, 255, 255, .98) !important;
  }

  .headerVeiw .wapNav .item .name,
  .headerVeiw .wapNav .language .text {
    color: #10233f !important;
    text-shadow: none !important;
  }
}