a, img {-webkit-touch-callout: none;}
html, body {-webkit-user-select: none;user-select: none;}

@font-face{
  font-family:'fz';
  src:url("../fonts/fz.ttf");
}
@font-face{
  font-family:'sy';
  src:url("../fonts/sy.ttf");
}

.topbar{
  width: 100%;
  height: 1.35rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.topbar .logo{
  display: block;
  width: 1.71rem;
  height: 1.56rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/logo.png) top center no-repeat;
  background-size: 100%;
  position: absolute;
  top: .18rem;
  left: .13rem;
  z-index: 3;
}

.topbar .login-box{
  width: fit-content;
  height: .65rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 .03rem;
}
.topbar .login-box .login{
  display: block;
  width: 1.84rem;
  height: .65rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/login.png) top center no-repeat;
  background-size: 100%;
  line-height: .65rem;
  font-size: .22rem;
  color: #d7c896;
  text-indent: 1.05rem;
}
.topbar .login-box .logined div{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.topbar .login-box .logined div .playername{
  max-width: 2rem;
  font-size: .22rem;
  color: #d7c896;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.topbar .login-box .logined div .cancellations{
  font-size: .22rem;
  color: #d7c896;
  padding: 0 .2rem;
  text-decoration: underline;
}
.topbar .login-box .logined div span{
  font-size: .22rem;
  color: #d7c896;
  text-align: center;
  padding: 0 .05rem;
}
.topbar .login-box .logined div .logout{
  font-size: .22rem;
  color: #d7c896;
}
.topbar .btn-music{
  display: block;
  width: .68rem;
  height: .68rem;
  margin: 0 .03rem;
  background-image: url(https://game.gtimg.cn/images/mho/m/web202507m/music_btn.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.topbar .btn-music.playing{
  background-position: -.68rem 0;
}
.topbar .btn-open{
  display: block;
  width: .68rem;
  height: .68rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/btn_open.png) top center no-repeat;
  background-size: 100%;
  margin: 0 .03rem;
}
.topbar .topnav{
  width: 100%;
  height: 0;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/topnav_bg.png) top center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all .8s;
  overflow: hidden;
}
.topbar .topnav.open{
  height: 16rem;
}
.topbar .topnav .navclose{
  display: block;
  width: .38rem;
  height: .38rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/close.png) center center no-repeat;
  background-size: 100%;
  position: absolute;
  top: .48rem;
  right: .2rem;
}
.topbar .topnav ul{
  width: 5.15rem;
  overflow: hidden;
  margin: 2.4rem auto 0;
}
.topbar .topnav ul li{
  width: 100%;
  height: 1.3rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/line2.png) bottom center no-repeat;
  background-size: 100% auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topbar .topnav ul li:last-child{
  background: none;
}
.topbar .topnav ul li a{
  display: block;
  width: 100%;
  height: 100%;
  font-size: .3rem;
  color: rgba(232,215,164,.5);
  position: relative;
  text-align: center;
  line-height: 1.3rem;
  font-family: "fz";
}
.topbar .topnav ul li.on a{
  font-size: .36rem;
  color: #edd9a4;
  text-shadow:0 0 1px #000000,0 0 1px #000000,0 0 1px #000000;
}
.topbar .topnav ul li.on a:before{
  display: block;
  content: "";
  width: 3.1rem;
  height: 2.43rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/icon6.png) center center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  z-index: -1;
  /*animation: breth 4.2s infinite linear;*/
}
.topbar .topnav .topnav-media{
  width: 5.08rem;
  height: 1.68rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/footer_media1.png) center center no-repeat;
  background-size: 100%;
  margin: .6rem auto 0;
}
.topbar .topnav .topnav-media a{
  display: block;
  width: 1.27rem;
  height: .84rem;
  float: left;
  position: relative;
}
.topbar .topnav .topnav-media a img{
  display: block;
  width: 2rem;
  height: auto;
  position: absolute;
  left: 50%;
  margin-left: -1rem;
  bottom: 1rem;
  visibility: hidden;
}
.topbar .topnav .topnav-media a.on img{
  animation: fadeInUp 1s;
  animation-fill-mode: both;
  animation-delay: 0;
  visibility: visible;
}




#afooter{
  width: 7.5rem;
  height: 5rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/footer_bg.jpg) top center no-repeat;
  background-size: 100%;
  overflow: hidden;
  position: relative;
}
#afooter .footer-media-list{
  width: 4.24rem;
  height: 1.4rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/footer_media1.png) top center no-repeat;
  background-size: 100%;
  margin: .3rem auto .3rem;
}
#afooter .footer-media-list a{
  display: block;
  width: 1.06rem;
  height: .7rem;
  float: left;
  position: relative;
}
#afooter .footer-media-list a img{
  display: block;
  width: 2rem;
  height: auto;
  position: absolute;
  left: 50%;
  margin-left: -1rem;
  bottom: -2.1rem;
  visibility: hidden;
}
#afooter .footer-media-list a.on img{
  animation: fadeInUp 1s;
  animation-fill-mode: both;
  animation-delay: 0;
  visibility: visible;
}
#afooter .copyright-logo{
  width: 5.13rem;
  height: .53rem;
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/copyright_logo.png) bottom center no-repeat;
  background-size: 100%;
  margin: .45rem auto;
}
#footer_ieg p{
  text-align: center;
  font-size: .18rem;
  line-height: .26rem;
  color:rgba(186,164,143,.5);
  width: 100%;
  box-sizing: border-box;
  word-break: keep-all;
}
#footer_ieg a{
  font-size: .22rem;
  line-height: .42rem;
  color:rgba(186,164,143,.5);
}
#footer_ieg .e{
  font-size: .22rem;
  -webkit-text-size-adjust:none;
}

.scrollbar::-webkit-scrollbar {
  width: .06rem;
  height: .06rem;
  background-color: rgba(0, 0, 0, 0);
}
.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
  border-radius: .1rem;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.scrollbar::-webkit-scrollbar-thumb {
  height: .06rem;
  border-radius: .04rem;
  -webkit-box-shadow: none;
  background-color: #61531a;
  box-shadow: none;
}

.topnav{
  width: 100%;
  height: calc(213 /1920*100vw);
  background: url(https://game.gtimg.cn/images/mho/m/web202507m/topbar.png) top center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}