.spr {
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/sp.png) no-repeat top center;
  background-size: 750rem auto;
}
.t {
  font-size: 0;
  color: transparent;
}
.vc {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
}
/* .tc{
	left: 0;
	right: 0;
	margin:0 auto;
	position: absolute;
} */
/* .dis-b{
	display: block !important;
} */
/* .dis-n {
    display: none !important;
} */
/* .pd90{
	padding-top: .9rem;
} */
.top-menu {
  height: 116rem;
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/bg-menu.jpg) no-repeat top center;
  background-size: 750rem 116rem;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  /* padding: 20rem; */
  z-index: 999;
  /* top: .84rem; */
  font-family: none;
  transition: all 0.5s;
  font-family: 'Microsoft YaHei';
  /* border-bottom: 1px solid #000; */
}
.top-menu .top-menu-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-top: 1rem; */
  margin: 19rem 15rem 15rem 20rem;
}
.top-menu .logo {
  overflow: hidden;
  width: 300rem;
      font-weight: normal;
}
.top-menu .logo a {
  width: 83rem;
  float: left;
  margin-right: 15rem;
}
.top-menu .logo a img {
  max-width: 100%;
  display: block;
}
.top-menu .menu-title {
  font-size: 26rem;
  color: #fff;
  float: left;
  line-height: 45rem;
  margin: 5rem 0 1rem;
  display: block;
  width: 200rem;
}
.top-menu .desc {
  font-size: 20rem;
  color: #e4e4e4;
  float: left;
  line-height: 24rem;
}
.top-menu .top-menu-right {
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
      margin-top: 3rem;
}
.top-menu .top-menu-right a {
  width: 160rem;
  height: 54rem;
  margin-left: 20rem;
  text-indent: -999rem;
}
.top-menu .top-menu-right .tophome {
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/tophome.png) repeat center / cover;
  display: none;
}
.top-menu .top-menu-right .topdownload {
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/topdownload.png) repeat center / cover;
}
.top-menu .top-menu-right .topage {
  width: 48rem;
  height: 61rem;
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/age.png) repeat center / cover;
  margin: 0;
  /* display: none; */
}
.top-menu-nav {
  width: 48rem;
  height: 44rem;
  overflow: hidden;
  margin:3rem 5rem 0 20rem
}
.top-menu-nav .draw,
.top-menu-nav .draw:before,
.top-menu-nav .draw:after {
  position: absolute;
  display: block;
  width: 48rem;
  height: 5rem;
  left: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.top-menu-nav .draw {
  position: relative;
}
.top-menu-nav .draw:before,
.top-menu-nav .draw:after {
  content: "";
  display: block;
  position: absolute;
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/sp.png) no-repeat;
  background-size: 750rem auto;
  left: 0;
}
.top-menu-nav .draw:before {
  top: -13rem;
  background-position: -200rem 0rem;
}
.top-menu-nav .draw:after {
  bottom: -14rem;
  background-position: -200rem -1rem;
}
.top-menu-nav .draw {
  top: 15rem;
  left: 0;
  background-position: -200rem 0rem;
}
.top-menu-nav.open .draw {
  background-position: -284rem -32rem;
}
.top-menu-nav.open .draw:before {
  top: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.top-menu-nav.open .draw:after {
  bottom: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.top-menu-nav-con {
  display: none;
  width: 50%;
  height: 0;
  position: fixed;
  right: 0;
  top: 120rem;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  z-index: 200;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /*overflow: auto;*/
}
.top-menu-nav-con.open {
  display: block;
  width: 50%;
  height: calc(100% - 107rem);
  right: 0;
  margin: 0 auto;
  opacity: 1;
  /*background: rgba(0,0,0,.7);*/
}
.top-menu-nav-con ul {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #1e1919;
}
.top-menu-nav-con ul.sq-list {
  width: 0;
  right: 100%;
  top: 0;
  opacity: 0;
  transition: all 0.3s;
}
.top-menu-nav-con li {
  height: 108rem;
  /* overflow: hidden; */
  line-height: 108rem;
  border-top: 1px solid #2c2c2c;
  position: relative;
}
.top-menu-nav-con li.active .sq-list {
  width: 80%;
  opacity: 1;
}
.top-menu-nav-con a {
  color: #fff;
  display: block;
  height: 100%;
  font-size: 26rem;
  text-align: center;
}
.top-menu-nav-con #nav-sq.active {
  background: #333;
}
.m-dialog-box {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  z-index: -1;
  display: none;
}
.m-dialog-box.on {
  z-index: 3000;
  display: block;
}
.m-dialog {
  width: 600rem;
  height: 300rem;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  text-align: center;
  display: none;
}
.m-dialog.on {
  display: block;
}
.m-dialog .btn-m-close {
  width: 50rem;
  height: 50rem;
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/btn-dia-close.png) no-repeat top center;
  background-size: 100% auto;
  display: block;
  position: absolute;
  right: 20rem;
  top: 20rem;
}
.m-dialog a,
.m-dialog img {
  display: inline-block;
  vertical-align: middle;
  margin: 10rem;
  line-height: 40rem;
}
.m-dialog img {
  width: 33rem;
  height: 33rem;
  overflow: hidden;
}
.m-dialog a {
  font-size: 24rem;
  color: #000;
}
.m-dialog p {
  font-size: 26rem;
  margin: 120rem auto 27rem;
  line-height: 5rem;
  color: #000;
}
.dia-wsq {
  width: 710rem;
  height: 333rem;
  position: absolute;
}
.dia-wsq .dia-close {
  width: 50rem;
  height: 50rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/btn-dia-close-1.png) no-repeat center/100% 100%;
}
.dia-wsq img {
  display: block;
  width: 100%;
  height: 100%;
}
.dia-gzh {
  width: 440rem;
  position: absolute;
}
.dia-gzh img {
  display: block;
  width: 420rem;
  height: 420rem;
  margin: 0 auto;
}
.dia-gzh p {
  line-height: 14;
  font-size: 24rem;
  color: #fff;
  text-align: center;
}
.dia-gzh .dia-close,
.dia-gzh .dia-qbs {
  font-size: 40rem;
  color: #fff;
  font-weight: bold;
  position: absolute;
  top: -50rem;
  right: -20rem;
}

/* #t6Hl8#DAA6875F3C6FF7E9530BB1462E5D1A14 */
/* 权限 */
.power {
  height: 82rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 10rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18rem;
  color: #fff;
  line-height: 1.6;
  padding: 0 20rem;
  display: none;
}
.power p {
}
.power span,
.power a {
  display: block;
}
.power a {
  color: #fff;
  font-size: 19rem;
  border-bottom: 1px solid #fff;
}
.page {
  margin-top: 120rem !important;
}

.dia-age {
  width: 500rem;
  height: 758rem;
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/dia-age-1.png) no-repeat center/100%;
  padding: 100rem 30rem 0;
}
.dia-age ol {
  height: 698rem;
  font-size: 22rem;
  color: #685b4b;
  line-height: 2;
  overflow-y: auto;
  padding-right: 20rem;
}
.dia-age ol::-webkit-scrollbar {
  width: 5rem;
}
.dia-age ol::-webkit-scrollbar-track {
  background-color: #f6f1e5;
}
.dia-age ol::-webkit-scrollbar-thumb {
  background-color: #d9c390;
}
.dia-age li {
  /* margin-bottom: 15rem; */
  padding-left: 1em;
}
.dia-age .closeDia {
  position: absolute;
  top: 20rem;
  width: 34rem;
  height: 34rem;
  right: 20rem;
  text-indent: -999rem;
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/btn-dia-close-1.png) no-repeat center/100% 100%;
}
.dia-download {
  width: 600rem;
  height: 252rem;
  background: url(//game.gtimg.cn/images/hyrz/cp/a20250401sszxgbm/dia-download.png) no-repeat center / cover;
}
.dia-download .closeDia {
  width: 24rem;
  height: 24rem;
  position: absolute;
  text-indent: -9999rem;
  top: 0;
  right: 0;
  background: none;
}
.dia-download p {
  height: 0;
  opacity: 0;
}
.btn-dia-download {
  display: block;
  width: 250rem;
  height: 74rem;
  margin: 130rem auto 0;
}
.hide {
    display: none;
}