#header {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  padding: 0 100px;
  padding-right: 60px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
#header .pc_continer_overflow_bg {
  background: url(https://lilithimage.lilithcdn.com/allgames-official-web/pgame/cn_new/images/pc/header/header_bg.png)
    no-repeat;
  background-size: 2500px 84px;
  background-position: center bottom 6px;
  background-color: #ffa800;
  height: 100%;
}
#header_nav_wrapper {
  display: flex;
  align-items: center;
  gap: 64px;
  position: relative;
}

#header__logo {
  width: 139px;
  height: 84px;
  transform: translateY(6px);
}

#header_nav {
  display: flex;
  gap: 60px;
  align-items: center;
}

.header_nav__item {
  /* cursor: pointer; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  transition: all 0.2s ease;
  position: relative;
}
.header_nav__item img {
  height: 31px;
  width: auto;
  /* display: none; */
  opacity: 0;
}
.header_nav__item.active img {
  height: 31px;
}
.header_nav__item:not(.active) img:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.header_nav__item img:nth-of-type(2) {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 42px;
  transform: translate(-50%, -50%);
}
.header_nav__item.active img:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.header_nav__item:not(.active):hover {
  transform: scale(1.1);
}

#header_extra {
  display: flex;
  gap: 40px;
  align-items: center;
}
#header_extra > div {
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
#header_extra > div > img {
  height: 100%;
  width: auto;
}

#header_extra #header_subscribe {
  width: 221px;
  height: 60px;
  background: url(https://lilithimage.lilithcdn.com/allgames-official-web/pgame/cn_new/images/pc/subscribe_btn.png)
    no-repeat center/contain;
  transition: all 0.1s ease;
  display: none;
}
[lang="en"] #header_extra #header_subscribe {
  background: url(https://lilithimage.lilithcdn.com/allgames-official-web/pgame/en_new/en/images/pc/subscribe_btn.png)
    no-repeat center/contain;
}
[lang="zh_TW"] #header_extra #header_subscribe {
  background: url(https://lilithimage.lilithcdn.com/allgames-official-web/pgame/en_new/tw/images/pc/subscribe_btn.png)
    no-repeat center/contain;
}
[lang="ko"] #header_extra #header_subscribe {
  background: url(https://lilithimage.lilithcdn.com/allgames-official-web/pgame/en_new/ko/images/pc/subscribe_btn.png)
    no-repeat center/contain;
}
[lang="ja"] #header_extra #header_subscribe {
  background: url(https://lilithimage.lilithcdn.com/allgames-official-web/pgame/en_new/ja/images/pc/subscribe_btn.png)
    no-repeat center/contain;
}
#header_extra #header_subscribe:active {
  transform: scale(0.92);
}

#header_lang_pop {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 10px;
  /* padding: 6px 0; */
  white-space: nowrap;
  z-index: 999;
  display: none;
  transform: translate(-50%, 11px);
}
#header_lang_pop.show {
  display: block;
}
#header_lang_pop > div {
  background-color: rgba(26, 19, 23, 0.8);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 12px 23px 30px 15px;
  border-bottom-left-radius: 10px;
}

#header_lang_pop a {
  display: block;
  padding: 16px 12px 12px;
  text-decoration: none;
  color: var(--primary);
  font-size: 18px;
  text-align: center;
  transition: all 0.3s ease;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
}

#header_lang_pop a:hover {
  color: #fff;
}

#music_toggle #music_bg_play {
  display: none;
}
#music_toggle #music_bg_pause {
  display: block;
}
#music_toggle.playing #music_bg_play {
  display: block;
}
#music_toggle.playing #music_bg_pause {
  display: none;
}