/* viewport-width: 750 */
/* viewport-unit: vw */
.top-nav-wrap {
  height: auto;
  background-size: 100% 100%;
  background-position: right center;
}
.top-nav-wrap .top-nav-cont {
  height: 10vw;
  display: flex;
  transition: all 0.3s ease-in-out;
}
.top-nav-wrap .mobile-download-btn {
  position: relative;
  z-index: 21;
  flex-shrink: 0;
  pointer-events: auto;
  background: url(/asset/image/navigation/m-down-btn.png) no-repeat center / 21.33333vw 7.33333vw;
  width: 21.33333vw;
  height: 7.33333vw;
  display: block;
  margin: 1.33333vw 12vw 0 2.66667vw;
  line-height: 7.33333vw;
  text-align: center;
  font-size: 4.26667vw;
  color: #000;
  text-decoration: none;
  font-family: 'FZBeiWeiKaiShu-S19S';
}
.top-nav-wrap label {
  position: absolute;
  right: 1.33333vw;
  top: 0.26667vw;
  width: 9.06667vw;
  z-index: 20;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAqCAYAAAAXk8MDAAAAtUlEQVRoge3XMQoCMRRF0TshpB/Xp6WVoJV2bkArezvBvbgYtRRstMjoCmYI7/MOpP8XksDvbtdVAY7AHJih7wlcgG0GDsC67Tyj6qk9rwQsGg8zlWVqPcGUEvV+RnTOwA7oqNezbzvPKH4fyj4Db2AznFDCv7mwHKfKcaocp8pxqsLHFeAE3IFPgPMYeoo3cVHexFV5E5cV/s2F5ThVjlPlOFWOUxU+zpu4EG/i8ryJi/lv4l/1S4bNFMStLgAAAABJRU5ErkJggg==) no-repeat center / 7.33333vw 5.6vw;
  width: 7.33333vw;
  height: 9.06667vw;
}
.top-nav-wrap input[type='checkbox'] {
  position: absolute;
  top: 0;
  visibility: hidden;
}
.top-nav-wrap input[type='checkbox']:checked ~ .top-nav-cont {
  height: 85.33333vw;
  background: rgba(0, 0, 0, 0.88);
}
.top-nav-wrap input[type='checkbox']:checked ~ .top-nav-cont label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAABw0lEQVRYhcXYP2sUQRiA8d/tnZLiEEFR0OpAwSYiCGp7TRptAhGbkDJFQqIBIZAioEJEidH7ChaCH8UPENL4FawFsbCY2Xg59m5nd3PZp1lm5p13Hpb5t9v58W1TAy7jA9Zi+St28aduwl4TGxxia6z8Chle1k2YNZB5gI2C+s3YVosmQkfoFtR3Y1st6go9x3BG+xArdRLXEVoQJnIZH2NsJeoIvcYgIW4QYytRVei2sKxT2Y19kqkq9B79CvH92CeZKkJPsFoleWQ19k0iVaiDUXxWpYMvqX1ThdbwqIZMzmP/j5eZpAj1cdBAJudAwvxLEdrDrcY6IcdeWVCZ0AA75yCTs6NkDysT+qTGbjuDhZhzKrOEhlg+R5mcZTPOwWlCXWGZz4uR4pvCVKF1LM5NJ+ReL2ooErqKt3OUyXkXxzpDkdAbXJ+7DtfiWGeYFLqn+Fo6LzbimKdMCo00v/hXoWdi8YwLPcXSBcrkLOFZXsiFLuFzCzI5R8I33qnQNu62phPG3iII3cB+izI5+7iZCW/nSssyBIftDPfbNhljMcNx2xZjHGfCD4OTtk0Eh8MefuEhXuCOi90Y4S9+4jt+/wMS5C6ih9c5yQAAAABJRU5ErkJggg==) no-repeat center / 4.8vw 4.26667vw;
}
.top-nav-wrap input[type='checkbox']:checked ~ .side-bar-open {
  height: 0;
  padding: 0;
}
.top-nav-wrap input[type='checkbox']:checked ~ .sidebar-switch span {
  transform: rotate(0);
}
.logo {
  margin: 0.2vw 0 0 4vw;
  width: 24vw;
  height: 9.6vw;
}
.nav-wrap {
  position: absolute;
  top: 10vw;
  right: 2.66667vw;
  transition: all 0.3s ease-in-out;
  display: block;
  height: 85.33333vw;
  overflow: hidden;
  box-sizing: border-box;
  opacity: 1;
}
.nav-item {
  display: block;
  height: 9.06667vw;
  line-height: 9.06667vw;
  box-sizing: border-box;
}
.nav-item:hover span,
.nav-item:hover a {
  color: #fff;
}
.nav-item span,
.nav-item a {
  display: block;
  height: 9.06667vw;
  line-height: 9.06667vw;
  text-align: right;
}
.nav-item.active::before {
  transform: translate(-50%, -50%) scaleX(-1);
}