@font-face {
  src: url("//bss.cdn.fan/mh/static/font/FZQingKeBenYueSongS.ttf");
  font-family: "FZQingKeBenYueSongS";
}
@font-face {
  src: url("//bss.cdn.fan/mh/static/font/HYJinLingKeJing.ttf");
  font-family: "HYJinLingKeJing";
}
html {
  font-size: 1vw;
}

body {
  height: 100vh;
}

:root {
  --navbar-height: 7.289rem;
}

.tg__show__dialog {
  align-items: center !important;
}

#main-swiper {
  height: 100%;
}

.left-nav {
  position: fixed;
  left: 0.911rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1001;
}
.left-nav div:not(:last-child), .left-nav a:not(:last-child) {
  margin-bottom: 0.456rem;
}
.left-nav div, .left-nav a {
  position: relative;
  display: block;
  width: 2.187rem;
  height: 2.187rem;
}
.left-nav .nail {
  background: url("../image/nav-icon.png") center/cover no-repeat;
}
.left-nav .qw {
  background: url("../image/qw.png") center/cover no-repeat;
}
.left-nav .vx {
  background: url("../image/wechat.png") center/cover no-repeat;
}
.left-nav .wb {
  background: url("../image/weibo.png") center/cover no-repeat;
}
.left-nav .dy {
  background: url("../image/douyin.png") center/cover no-repeat;
}
.left-nav .wg {
  background: url("../image/wegame.png") center/cover no-repeat;
}
.left-nav .bz {
  background: url("../image/bilibili.png") center/cover no-repeat;
}
.left-nav .share {
  background: url("../image/share.png") center/cover no-repeat;
}
.left-nav a:hover {
  filter: brightness(1.2);
}
.left-nav a:hover .code-box {
  opacity: 1;
  visibility: visible;
}
.left-nav a {
  filter: brightness(0.6);
}
.left-nav .code-box {
  position: absolute;
  right: -8.884rem;
  top: calc(50% - 5.011rem);
  transform: rotateZ(-90deg);
  width: 8.2rem;
  height: 10.023rem;
  opacity: 0;
  visibility: hidden;
  background: url(../image/pop.png) center/100% 100% no-repeat;
  transition: 0.3s opacity;
}
.left-nav .code-box img {
  position: absolute;
  left: 0.501rem;
  top: 2.096rem;
  transform: rotateZ(90deg);
  width: 7.289rem;
  height: 7.289rem;
}

.top-nav {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url("../image/nav-bg-tran.png") center/cover no-repeat;
  width: 100%;
  height: 7.289rem;
  top: 0;
  left: 0;
  z-index: 100;
  transition: 0.3s height, 0.3s background-image;
  font-family: "FZQingKeBenYueSongS", serif;
}
.top-nav .logo {
  position: absolute;
  left: calc(50% - 2.784rem);
  top: -3.417rem;
  background: url(../image/LOGO.png) top/cover no-repeat;
  width: 13.312rem;
  height: 10.301rem;
  transition: 0.3s all;
}
.top-nav.normal {
  height: 3.28rem;
  background: url("../image/nav-bg.png") center/100% 100% repeat-x;
}
.top-nav.normal .logo {
  top: -0.82rem;
  left: calc(50% - 0.228rem);
  width: 8.2rem;
  height: 6.289rem;
}
.top-nav.normal .nav-list {
  left: calc(50% - 28.246rem);
  top: 0.228rem;
}
.top-nav.normal .nav-list li:nth-of-type(4) {
  margin-left: 13.667rem;
}
.top-nav .nav-list {
  position: absolute;
  left: calc(50% - 31.8rem);
  top: 2.278rem;
  list-style: none;
  display: flex;
  align-items: center;
  transition: 0.3s all;
}
.top-nav .nav-list li {
  color: #918E81;
  font-size: 0.911rem;
  text-align: center;
  height: 2.733rem;
  width: 6.378rem;
  line-height: 2.733rem;
  cursor: pointer;
  transition: 0.3s margin-left;
}
.top-nav .nav-list li:not(:first-child) {
  margin-left: 0.911rem;
}
.top-nav .nav-list li:nth-of-type(4) {
  margin-left: 20.957rem;
}
.top-nav .nav-list li.active, .top-nav .nav-list li:hover {
  position: relative;
  background: linear-gradient(0deg, #ccc990, #fff4b4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top-nav .nav-list li.active::after, .top-nav .nav-list li:hover::after {
  content: "";
  position: absolute;
  background: url("../image/nav-active.png") center/cover no-repeat;
  left: -0.091rem;
  top: 0;
  width: 6.378rem;
  height: 2.916rem;
}
.top-nav .r {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top-nav .r .btn {
  margin-right: 0.547rem;
  background: url("../image/login-btn.png") center/cover no-repeat;
  width: 3.918rem;
  height: 2.096rem;
  color: #DAC38A;
  font-size: 0.82rem;
  line-height: 2.096rem;
  text-align: center;
  text-decoration: none;
  transition: 0.3s filter;
}
.top-nav .r .btn span {
  transition: 0.3s background;
}
.top-nav .r .btn:hover {
  filter: brightness(1.3);
}
.top-nav .r .btn:hover span {
  background: linear-gradient(180deg, #DAC38A 0%, #FFF4DB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 0.364rem #DAC38A);
}
.top-nav .r .admin {
  position: relative;
  background: url("../image/admin.png") center/cover no-repeat;
  width: 2.733rem;
  height: 2.096rem;
}
.top-nav .r .admin:hover ul {
  visibility: visible;
  transform: scaleY(1);
}
.top-nav .r .admin ul {
  list-style: none;
  position: absolute;
  padding: 1.367rem 0 0;
  box-sizing: border-box;
  left: calc(50% - 4.328rem);
  bottom: -6.378rem;
  background: url(../image/pop.png) center/cover no-repeat;
  width: 8.656rem;
  height: 6.378rem;
  font-size: 0.729rem;
  color: #918E81;
  font-family: "FZQingKeBenYueSongS", serif;
  cursor: default;
  transition: 0.3s transform;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: 0 0;
}
.top-nav .r .admin ul .name {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.278rem;
  padding: 0 0.5rem;
  line-height: 0.8rem;
  word-wrap: break-word;
}
.top-nav .r .admin ul .unlogin {
  color: #DAC38A;
  margin-top: 0.137rem;
  line-height: 2.278rem;
  height: 2.187rem;
  text-align: center;
  font-size: 0.82rem;
  text-shadow: 0 0.091rem 0 #000000;
  cursor: pointer;
}
.top-nav .r .admin ul .unlogin:hover {
  filter: drop-shadow(0 0 0.547rem #DAC38A);
}
.top-nav .r .btn-reserve {
  margin-right: 1.822rem;
  background: url("../image/bg-btn.png") center/cover no-repeat;
  width: 9.567rem;
  height: 3.918rem;
  line-height: 3.918rem;
  color: #F9EDCE;
  font-size: 0.82rem;
  text-align: center;
  transition: 0.3s background;
  text-decoration: none;
}
.top-nav .r .btn-reserve:hover {
  background: url("../image/bg-btn-light.png") center/cover no-repeat;
}
.top-nav .r .btn-reserve:not(:hover) span {
  background: linear-gradient(180deg, #DAC38A 0%, #FFF4DB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0rem 0rem 0.137rem rgba(218, 195, 138, 0.52);
}

.top-nav .r .btn-reserve10 {
  margin-right: 1.822rem;
  background: url("../image/bg-btn.png") center/cover no-repeat;
  width: 9.567rem;
  height: 3.918rem;
  line-height: 3.918rem;
  color: #F9EDCE;
  font-size: 0.82rem;
  text-align: center;
  transition: 0.3s background;
  text-decoration: none;
}
.top-nav .r .btn-reserve10:hover {
  background: url("../image/bg-btn-light.png") center/cover no-repeat;
}
.top-nav .r .btn-reserve10:not(:hover) span {
  background: linear-gradient(180deg, #DAC38A 0%, #FFF4DB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0rem 0rem 0.137rem rgba(218, 195, 138, 0.52);
}


.home {
  background: url("../image/bg.jpg") center/cover no-repeat;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.home .hero-image {
  pointer-events: none;
  height: 100vh;
}
.home .hero-image img {
  height: 150%;
  position: absolute;
  object-fit: cover;
  left: 50%;
  transform: translateX(-67%);
  top: 0;
}
.home .mask {
  position: absolute;
  background: url("../image/mask.png") bottom/cover no-repeat;
  pointer-events: none;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.home .head-main {
  width: 100%;
  position: absolute;
  bottom: 50%;
  z-index: 15;
  transform: translateY(64%);
}
.home .banner-button-player {
  position: relative;
  margin: 0 auto 10rem;
  cursor: pointer;
  width: 9.112rem;
  height: 9.112rem;
}
.home .banner-button-player:hover .banner-icon-player {
  filter: brightness(1.4);
}
.home .banner-button-player:hover .banner-icon-player:before {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.home .banner-button-player:hover .banner-icon-player .banner-icon-player-shadow {
  transform: translate3d(-50%, -50%, 0) rotate(90deg);
}
.home .banner-button-player:hover .banner-icon-player:after {
  transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.home .banner-button-player .banner-icon-player {
  width: 100%;
  height: 100%;
}
.home .banner-button-player .banner-icon-player:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-image: url(../image/icon-play-ring.png);
  background-size: 100% 100%;
  z-index: 5;
  transition: all 0.3s ease-in-out;
}
.home .banner-button-player .banner-icon-player:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-image: url(../image/icon-play-ring-bg.png);
  background-size: 100% 100%;
  z-index: 6;
  transition: all 0.3s ease-in-out;
}
.home .banner-button-player .banner-icon-player .banner-icon-player-shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-mask-image: url(../image/icon-play-ring.png);
  mask-image: url(../image/icon-play-ring.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: all 0.3s ease-in-out;
  z-index: 10;
  overflow: hidden;
}
.home .banner-button-player .banner-icon-player .banner-icon-player-shadow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent, transparent 40%, #ffea8e);
  animation: iconAnimateRotate 2s linear infinite;
}
@keyframes iconAnimateRotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.home .banner-button-player .icon-player {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 50;
  display: block;
}
.home .banner-button-player .icon-player:before {
  content: "";
  background: url("../image/icon-play-shine.png") center/cover no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-size: 100% 100%;
  z-index: 6;
}
.home .banner-button-player .icon-player:after {
  content: "";
  position: absolute;
  background: url("../image/icon-play.png") 100% 100% no-repeat;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-size: 100% 100%;
  z-index: 6;
  transition: all 0.3s ease-in-out;
}
.home .slo {
  margin: 0 auto 0.911rem;
  background: url("../image/slo.png") center/cover no-repeat;
  width: 38.405rem;
  height: 7.745rem;
}
.home .btn-reserve2 {
  margin: 0 auto;
  display: block;
  background: url("../image/reserve-btn.png") center/cover no-repeat;
  width: 25.923rem;
  height: 3.645rem;
  font-size: 1.458rem;
  line-height: 3.189rem;
  text-align: center;
  color: #2A2A2A;
  font-family: "FZQingKeBenYueSongS", serif;
  letter-spacing: 0.228rem;
  text-indent: 0.228rem;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s filter;
}
.home .btn-reserve2:hover {
  filter: drop-shadow(0 0 0.364rem rgba(236, 215, 169, 0.6)) brightness(1.15);
}

.home .btn-reserve8 {
  margin: 0 auto;
  display: block;
  background: url("../image/reserve-btn.png") center/cover no-repeat;
  width: 25.923rem;
  height: 3.645rem;
  font-size: 1.458rem;
  line-height: 3.189rem;
  text-align: center;
  color: #2A2A2A;
  font-family: "FZQingKeBenYueSongS", serif;
  letter-spacing: 0.228rem;
  text-indent: 0.228rem;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s filter;
}
.home .btn-reserve8:hover {
  filter: drop-shadow(0 0 0.364rem rgba(236, 215, 169, 0.6)) brightness(1.15);
}

.home .awards-list {
  position: relative;
  margin: 0.957rem auto 0;
  background: url("../image/awards.png") center/cover no-repeat;
  width: 34.169rem;
  height: 8.656rem;
}
.home .awards-list ul {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1.367rem;
  z-index: 10;
  list-style: none;
}
.home .awards-list ul li {
  position: absolute;
  background: url("../image/nail.png") center/cover no-repeat;
  width: 0.638rem;
  height: 1.276rem;
}
.home .awards-list ul li.get {
  background: url("../image/nail-light.png") center/cover no-repeat;
}
.home .awards-list ul li:nth-of-type(1) {
  left: 2.733rem;
}
.home .awards-list ul li:nth-of-type(2) {
  left: 9.795rem;
}
.home .awards-list ul li:nth-of-type(3) {
  left: 16.765rem;
}
.home .awards-list ul li:nth-of-type(4) {
  left: 23.781rem;
}
.home .awards-list ul li:nth-of-type(5) {
  left: 30.797rem;
}
.home .awards-list .progress {
  position: absolute;
  left: -1.253rem;
  bottom: 0.456rem;
  width: 36.902rem;
  height: 0.729rem;
  overflow: hidden;
}
.home .awards-list .progress .pro {
  position: relative;
  z-index: 5;
  background: url("../image/groove.png") center/cover no-repeat;
  width: 100%;
  height: 100%;
}
.home .awards-list .progress .line {
  position: absolute;
  background: url("../image/progress.png") center/cover no-repeat;
  left: 0.319rem;
  top: 0.228rem;
  height: 0.182rem;
}
.home .bom {
  margin: 7rem auto 0rem;
  background: url(../image/bom.png) center/cover no-repeat;
  width: 24.419rem;
  height: 5.831rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .bom .nail {
  background: url("../image/nail2.png") center/cover no-repeat;
  width: 1.731rem;
  height: 0.774rem;
}
.home .bom .count {
  font-size: 1.093rem;
  font-family: "HYJinLingKeJing", serif;
  margin: 0 0.456rem;
  background: linear-gradient(180deg, #AE9F62 0%, #FFF4B4 72.17%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.feature {
  margin-top: -5.558rem;
  height: 53.941rem !important;
}
.feature .game-feature {
  height: 53.941rem;
}
.feature .game-feature__inner {
  position: relative;
  margin: 0 auto;
  height: 100%;
}
.feature .game-feature__inner:before {
  content: "";
  background-image: url(../image/feature-bg-title.png), url(../image/bg-mask.png), url(../image/feature-bg.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 50% 1.412rem, 50% 0rem, 50% 0;
  background-size: 33.986rem 12.483rem, 108.018rem 59.544rem, 102.87rem 16.538rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 20;
}
.feature .game-feature__title {
  font-size: 2.551rem;
  line-height: 1;
  text-transform: capitalize;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjAtYzAwMCA3OS5kYTRhN2U1ZWYsIDIwMjIvMTEvMjItMTM6NTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4xIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NkY0RjNEQUMzRTMxMUVFOTE2N0UwRDkzRENCMUM3RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NkY0RjNEQkMzRTMxMUVFOTE2N0UwRDkzRENCMUM3RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk2RjRGM0Q4QzNFMzExRUU5MTY3RTBEOTNEQ0IxQzdEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk2RjRGM0Q5QzNFMzExRUU5MTY3RTBEOTNEQ0IxQzdEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABAMDAwMDBAMDBAYEAwQG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) repeat-x;
  background-size: 0.911rem 2.551rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0rem 0rem 0.091rem rgba(0, 0, 0, 0.8));
  font-family: "FZQingKeBenYueSongS", serif;
  width: 26.424rem;
  position: absolute;
  top: 10.478rem;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  z-index: 20;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: all;
}
.feature .feature-box {
  width: 73.804rem;
  margin: 0 auto;
  padding-top: 12.301rem;
}
.feature .feature-box-slide {
  display: flex;
}
.feature .feature-box__item {
  width: 100%;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.feature .feature-box__item:hover .feature-box__image {
  transform: scale(1.08);
}
.feature .feature-box__image {
  width: 100%;
  display: block;
  transition: all 0.3s ease;
}
.feature .feature-box__information {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 0 2.733rem 2.733rem;
}
.feature .feature-box__information:after {
  content: "";
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0));
  z-index: 1;
  pointer-events: none;
}
.feature .feature-box__title {
  position: relative;
  z-index: 5;
  font-size: 1.976rem;
  line-height: 1.3;
  text-align: center;
  text-transform: capitalize;
  background-size: 100% 1.6588rem;
  background: linear-gradient(0deg, #c7af82, #857355) repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0rem 0rem 0.091rem rgba(0, 0, 0, 0.8));
  min-height: 2.3rem;
  font-family: "FZQingKeBenYueSongS", serif;
}
.feature .feature-box__describition {
  position: relative;
  z-index: 5;
  font-size: 0.9rem;
  min-height: 3.478rem;
  background-size: 100% 1.161rem;
  background: linear-gradient(0deg, #666e6e, #7b827e) repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  filter: drop-shadow(0rem 0rem 0.091rem rgba(0, 0, 0, 0.8));
  padding: 1.5rem 0.911rem 0.911rem;
  font-family: "HYJinLingKeJing", serif;
}
.feature .feature-box__describition:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0.547rem;
  background-size: auto 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAAAMCAYAAADvTRjqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAXUSURBVHgB7VhNjFRFEO6q7vdmdmbRXWVFNoDGI0SuXjx4McRA9AJRFESUHwVR/IEYPICJhl8jIoJEYvgxRIkXIwfEmBgTo0djAgcPhkiyLCLs7uzOzsz76fKrfsuKxDOwyfuSN91d3VVd3V1fd08bU6JEiRIlSkxlkCkxZXBw63P3e6bP2MvzL71z5LwpMSXApsSUwKfvrZovlr/DrviIMH1/+N0X7jMlpgTKk2wKIBCMzBkRczcWzGLVBN/f5M2jq98+/JspcVujPMlucxzZsWYhOz5tne1xjsU6/sFZEsfcw85+e3TX6kWmxG2N8iS7hdi6dU1tBqdL6lF+asWWY1durD++Z91Sb/whU2yGo96YzSvf/OT4kd0vvsJMe0QkxwrmxtOaFZsOnrhR/xDs5y5d4m1+6uX/sV/i5qAk2S3C5ztXzRrPZa1h7mMxVyOJ31+x5eNJIpzYt2GteL8dF0OHVbpAxi/tDLX+bDE90fHy9Yzerjle6CQRzzJGctwgtz+98cCOa/qHdqyZQz5fD372MslfkSQfrCiJdktQkuwW4Nju9Q9ZJ4szL3WcSCzeMJHpgDBfLHtt/08n97+6yYu8BYJhhWSAc1rYTBqJ+PhZtKwaoeG8kn15p6lVvDWniaQfshytdz65Yd+uE3vXPQz9p0CwLpjISNCDMU0j9qtlb3z0iylxU3GNZFiHIrNt29YgmzfvXEj7+ubStN/76Y/egVDuHrwa0kvT7gppfahBQyPNkJ/ZP9MMN5pUrY2HcjzWRjrdjHW1KK50gqw5XpvMK6J2lVpxEsrTqRY1ObOxJ84rHY6EuJ1EiEdiQ96ytZQgxQ7OTlLIxNqEONUK8mTIWpWxRm6aMduIE+k4vBKwcxFhiEypd55NDwFicoszAH91DOKYrfFiMQ+wyzbIBA/mxjg0xau5hHqtAyEg9+zRITplo3UijMcJF/ogctBDPXwh6hePMumVL9i3Rh8vinywbSQ8ZjiVGaJQr3ZxHfzZNyrLs2obL4nZgtzIpSwxZyInCzDI2RnTN5VK/Tzn7QNYwsdgK9dTDXYz+BHyJHge0SslBot5yDDqcMXE4FWeqRx9NoRkBLkMMp1Ir7rwQ8mp9dCVQkYW9jExuKpivB7SDLOv6UQ9bEOupPeaegk2YRJ9cksyHicnoV7becq8x4U3gv0MMibn4SPq8zyPsFRZCsUixWxhHJz7nCWOOM90EVLoUdubmHP8VfW2433CVe+MTUfzVt5VjUNkp0k7pEmnFdJ6LZbuegV3CMhaTUm6q9Kn9dNqcumSMa2xRmjXe2ddmr13hPyM0ashHbv3rpAODV0s2vQO6TyZs2fnSsGhbaLUIgrb5OTDh/wnuU7h8uVzMjowIH1njVej91Q6fuzKoGiH+nW7zKsjM/snVU0bjmp6BQTT+0l3HRvqkHpV1Cedyr8dmcZkbsSNZDo5iWmniOSUsiipujxJ4o7xzgadmrc6zYjhyFgLOzVoMAuDD1GE6ES05Fi6POaC6KCqRQz7VJRWxOAaGNDAE8IovkbkomFialtMBZMV8NI4UEZnRtkXuIiCtehXmWeVAQgXRjt8yiLSc8hBG5XWOsQCa71oGXwfRBBeZKWutrf66e6Ads4WZTchd8VYbGH30OJ1ex93vdmDlZgXVV311+UbDxxbufnA4LLXDx6NXfXHrsgtijmZv3jdh8+AlTvQFwYJfSjDHYzDknWhjAcTKzCv/ZD2hUcT+GYvQj4ImjeCb1BSP7FVhe0D24n6AX2wf2LMcJ0i/OhcoI1EkTYMShpYMFXMGUSYdW45ssPwYhijHYFrbVuZ2NV1SwIgNxV0kKlz+Bjbmc6BcVjMNMMyR7rURYqM/sZxiCKEa5pLtdOJu6od7E5pPY8SiuOkO60m7WbDd1Xb0mpfwWoXMVbrqkhPT4+pd+IiHicJNjvE1oXxgmDXDoxwyIBgGuf1uglxr/H/AHigfBgYmCn6Xc+XidGZEiVK3ET8A/G1sFMALXKfAAAAAElFTkSuQmCC) no-repeat 50% 50%;
}

.feature .feature-box__information .btn-reserve8 {
  margin: 0 auto 4rem 0;
  display: block;
  background: url("../image/reserve-btn1.png") center/cover no-repeat;
  width: 19.523rem;
  height: 3.645rem;
  font-size: 1.458rem;
  line-height: 3.189rem;
  text-align: center;
  color: #2A2A2A;
  font-family: "FZQingKeBenYueSongS", serif;
  letter-spacing: 0.228rem;
  text-indent: 0.228rem;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s filter;
  z-index:200;
}
.feature .feature-box__information .btn-reserve8:hover {
  filter: drop-shadow(0 0 0.364rem rgba(236, 215, 169, 0.6)) brightness(1.15);
}

.classes {
  position: relative;
  height: 48.929rem !important;
  z-index: 10;
}
.classes .bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url("../image/divide.png") center/cover no-repeat;
  width: 100%;
  height: 2.187rem;
  z-index: 100;
}
.classes #intro-swiper {
  height: 48.929rem;
}
.classes #role-swiper {
  height: 100%;
}
.classes .classImg {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  transition: 0.8s transform;
}
.classes .icon-textures {
  position: absolute;
  left: 7.374rem;
  top: 11.378rem;
  background: url(../image/icon-textures.png) center/cover no-repeat;
  width: 24.975rem;
  height: 24.975rem;
}
.classes .icon-textures .icon-class {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 13.941rem;
  height: 17.54rem;
  transform: translate(-50%, -50%);
}
.classes .icon-textures .icon-class img {
  width: 100%;
  height: 100%;
  filter: brightness(1.2);
  transition: 0.8s transform;
}
.classes .icon-textures .className {
  position: absolute;
  left: 50%;
  bottom: -2.228rem;
  transform: translateX(-50%);
  font-family: "FZQingKeBenYueSongS", serif;
  font-size: 4.374rem;
  white-space: nowrap;
  background: linear-gradient(180deg, #A99A60 10.57%, #D5C98B 90.24%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.classes .video-list {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 14.123rem;
  right: 11.845rem;
  transition: 0.3s transform;
}
.classes .video-list .video-item {
  width: 8.2rem;
  height: 4.556rem;
  transition: 0.3s filter;
  cursor: pointer;
}
.classes .video-list .video-item:not(:nth-of-type(1)) {
  margin-left: 0.911rem;
}
.classes .video-list .video-item:hover {
  filter: brightness(1.2);
}
.classes .video-list .video-item img {
  width: 100%;
  height: 100%;
}
.classes .roles-slide-wrap {
  position: absolute;
  left: 50%;
  bottom: 0.547rem;
  width: 41.002rem;
  transform: translateX(-50%);
  z-index: 100;
}
.classes .roles-slide-wrap .roles-slide__list {
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 5;
  overflow: hidden;
  height: 9.112rem;
}
.classes .roles-slide-wrap .roles-slide__scroll {
  white-space: nowrap;
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}
.classes .roles-slide-wrap .roles-slide__item {
  position: absolute;
  width: 4.556rem;
  height: 4.374rem;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  font-size: 0.638rem;
  z-index: 10;
  transition: 0.3s all;
}
.classes .roles-slide-wrap .roles-slide__item > div {
  color: #918E81;
  margin-top: 4.784rem;
  font-family: HYJinLingKeJing, serif;
}
.classes .roles-slide-wrap .roles-slide__item.disabled {
  cursor: default;
  pointer-events: none;
}
.classes .roles-slide-wrap .roles-slide__item.disabled .roles-icon {
  filter: brightness(0);
}
.classes .roles-slide-wrap .roles-slide__item:hover {
  filter: brightness(1.4);
}
.classes .roles-slide-wrap .roles-slide__item:hover .roles-icon {
  filter: brightness(1.2) saturate(1) drop-shadow(-0.091rem 0.091rem 0.364rem rgba(221, 211, 174, 0.5));
}
.classes .roles-slide-wrap .roles-slide__item:before, .classes .roles-slide-wrap .roles-slide__item:after {
  content: "";
  width: 4.374rem;
  height: 4.374rem;
  background-size: 100% 100%;
  background: url(../image/icon-runes-bg.png) center/cover no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.187rem 0 0 -2.187rem;
  z-index: 1;
  display: block;
}
.classes .roles-slide-wrap .roles-slide__item:after {
  z-index: 2;
  opacity: 0;
}
.classes .roles-slide-wrap .roles-slide__item.current {
  filter: brightness(1);
}
.classes .roles-slide-wrap .roles-slide__item.current:after {
  opacity: 1;
  background: url(../image/icon-runes-current-bg.png) center/cover no-repeat;
  background-size: 100% 100%;
}
.classes .roles-slide-wrap .roles-slide__item.current > div {
  color: rgb(230, 210, 127);
  text-shadow: 0 0 0.228rem rgb(230, 210, 127);
}
.classes .roles-slide-wrap .roles-slide__item.current .roles-icon {
  filter: brightness(1.4) saturate(1.2) drop-shadow(-0.091rem 0.091rem 0.364rem rgba(221, 211, 174, 0.5));
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon {
  width: 2.551rem;
  height: 2.551rem;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.276rem 0 0 -1.276rem;
  z-index: 5;
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--monk:after {
  background-image: url(../image/monk-Cjyt4Pfk.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--warrior:after {
  background-image: url(../image/warrior-B7-RnzRr.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--ranger:after {
  background-image: url(../image/ranger-Qjx-YmCN.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--huntress:after {
  background-image: url(../image/huntress-CnrH_H5F.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--sorceress:after {
  background-image: url(../image/sorceress-D6RVeIwh.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--mercenary:after {
  background-image: url(../image/mercenary-ipnYb_Hg.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--druid:after {
  background-image: url(../image/druid-RXKkwqqh.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--witch:after {
  background-image: url(../image/witch--xcwLXQq.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--assassin:after {
  background-image: url(../image/assassin-DJt6ci0Q.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--gladiator:after {
  background-image: url(../image/gladiator-B3bLbaIz.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--marauder:after {
  background-image: url(../image/marauder-BtphCn7w.png);
}
.classes .roles-slide-wrap .roles-slide__item .roles-icon--templar:after {
  background-image: url(../image/templar-CVEiBmxJ.png);
}
.classes #role-swiper .swiper-slide .icon-class img {
  transform: scale(0.3);
}
.classes #role-swiper .swiper-slide-active .icon-class img {
  transform: scale(1);
}
.classes .top-switch {
  position: absolute;
  left: 50%;
  top: 6.651rem;
  width: 33.349rem;
  transform: translateX(-50%);
  z-index: 10;
}
.classes .top-switch .pagination {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.classes .top-switch .pagination .swiper-btn-prev {
  margin-top: 0.228rem;
  display: block;
  background: url("../image/arrow2.png") center/cover no-repeat;
  width: 1.64rem;
  height: 1.64rem;
  transform: rotateZ(-180deg);
  cursor: pointer;
}
.classes .top-switch .pagination .swiper-btn-next {
  margin-top: 0.228rem;
  display: block;
  background: url("../image/arrow2.png") center/cover no-repeat;
  width: 1.64rem;
  height: 1.64rem;
  cursor: pointer;
}
.classes .top-switch .pagination .swiper-button-disabled {
  pointer-events: none;
  cursor: default;
  filter: brightness(0.5);
}
.classes .top-switch .switch-list {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.classes .top-switch .switch-list .switch-item {
  position: relative;
  width: 10.023rem;
  height: 3.189rem;
  font-size: 1.458rem;
  font-family: "FZQingKeBenYueSongS", serif;
  letter-spacing: 0.364rem;
  text-indent: 0.364rem;
  text-align: center;
  background: linear-gradient(180deg, #B4A176 0%, #FFF7CC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: brightness(0.85);
  cursor: pointer;
  transition: 0.3s filter;
}
.classes .top-switch .switch-list .switch-item:hover {
  filter: brightness(1.2) drop-shadow(0 0 0.137rem rgb(146, 136, 80));
}
.classes .top-switch .switch-list .switch-item.active {
  filter: brightness(1.2) drop-shadow(0 0 0.137rem rgb(146, 136, 80));
}
.classes .top-switch .switch-list .switch-item.active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 3.645rem);
  background: url(data:image/png;base64,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) center/cover no-repeat;
  width: 7.289rem;
  height: 0.41rem;
}
.classes .skill img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#111 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background:url(../picture/bg3.jpg)
}
.classes .skill .intro {
  position: absolute;
  left: 15rem;
  bottom: 18.5rem;
  width: 18.576rem;
  font-family: "HYJinLingKeJing", serif;
  font-size: 1.093rem;
  line-height: 1.458rem;
  color: rgb(128, 124, 121);
}
.classes .prize {
  background: linear-gradient(0deg, rgb(0, 0, 0) 80%, rgb(12, 16, 23) 100%);
}
.classes .prize video {
  position: absolute;
  left: 15.5rem;
  top: 9.2rem;
  width: 80%;
  height: 80%;
  object-fit: cover;
  -webkit-mask-image: radial-gradient(rgb(194, 177, 134) 0%, rgb(186, 169, 128) 20%, rgb(119, 102, 75) 50%, rgba(112, 95, 69, 0) 79%);
  mask-image: radial-gradient(rgb(194, 177, 134) 0%, rgb(186, 169, 128) 20%, rgb(119, 102, 75) 50%, rgba(112, 95, 69, 0) 79%);
}
.classes .prize .trigger-box {
  position: absolute;
  left: 12.847rem;
  top: 12.219rem;
    width: 41.645rem;
    height: 31.559rem;
  z-index: 2;
}
.classes .prize .trigger-box div {
  position: absolute;
}
.classes .prize .trigger-box div img {
  pointer-events: none;
}
.classes .prize .trigger-box .weapon {
  left: 1.983rem;
    top: 9.385rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .weapon1 {
  left: 1.983rem;
    top: 11.785rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .weapon3 {
  left: 11.883rem;
  top: 7.085rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .weapon4 {
  left: 11.883rem;
    top: 9.385rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .weapon5 {
  left: 11.883rem;
    top: 11.785rem;
    width: 2.001rem;
    height: 2.001rem;
}

.classes .prize .trigger-box .zbb1 {
  left: 18.083rem;
    top: 21.585rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb2 {
left: 18.083rem;
    top: 23.885rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb3 {
left: 18.083rem;
    top: 26.185rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb4 {
left: 18.083rem;
    top: 28.485rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb5 {
left: 20.493rem;
    top: 28.485rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb6 {
left: 23.003rem;
    top: 28.485rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb7 {
left: 25.513rem;
    top: 28.485rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb8 {
left: 27.923rem;
    top: 28.485rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb9 {
left: 27.923rem;
    top: 26.185rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb10 {
left: 27.923rem;
    top: 23.885rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb11 {
left: 27.923rem;
    top: 21.585rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .zbb12 {
left: 27.923rem;
    top: 19.285rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx1 {
  left: 19.483rem;
    top: 2.685rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx2 {
  left: 21.683rem;
    top: 2.685rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx3 {
  left: 23.883rem;
    top: 2.685rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx4 {
  left: 26.083rem;
    top: 2.685rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx5 {
  left: 19.483rem;
    top: 4.885rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx6 {
  left: 21.683rem;
    top: 4.885rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx7 {
  left: 23.883rem;
    top: 4.885rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx8 {
  left: 26.083rem;
    top: 4.885rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx9 {
  left: 19.483rem;
    top: 7.085rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx10 {
  left: 21.683rem;
    top: 7.085rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx11 {
  left: 23.883rem;
    top: 7.085rem;
    width: 2.001rem;
    height: 2.001rem;
}
.classes .prize .trigger-box .sxx12 {
  left: 26.083rem;
    top: 7.085rem;
    width: 2.001rem;
    height: 2.001rem;
}

.classes .prize .trigger-box .body {
  width: 4.692rem;
  height: 6.925rem;
  left: 11.298rem;
  top: 5.558rem;
}
.classes .prize .trigger-box .boot {
  width: 4.647rem;
  height: 4.647rem;
  left: 16.765rem;
  top: 10.569rem;
}
.classes .prize .trigger-box .glove {
  width: 4.647rem;
  height: 4.647rem;
  left: 5.877rem;
  top: 10.569rem;
}
.classes .prize .trigger-box .helmet {
  width: 4.738rem;
  height: 4.692rem;
  left: 11.298rem;
  top: 0.638rem;
}
.classes .prize .trigger-box .ring1 {
  width: 2.506rem;
  height: 2.506rem;
  left: 8.064rem;
  top: 7.79rem;
}
.classes .prize .trigger-box .ring2 {
  width: 2.506rem;
  height: 2.506rem;
  left: 16.72rem;
  top: 7.79rem;
}
.classes .prize .trigger-box .belt {
  width: 4.692rem;
  height: 2.46rem;
  left: 11.298rem;
  top: 12.756rem;
}
.classes .prize .trigger-box .amulet {
  width: 2.506rem;
  height: 2.506rem;
  left: 16.765rem;
  top: 5.011rem;
}
.classes .prize .trigger-box .flask1 {
  width: 2.232rem;
  height: 4.556rem;
  left: 8.064rem;
  top: 15.49rem;
}
.classes .prize .trigger-box .flask2 {
  width: 2.232rem;
  height: 4.556rem;
  left: 10.296rem;
  top: 15.49rem;
}
.classes .prize .trigger-box .flask3 {
  width: 2.232rem;
  height: 4.556rem;
  left: 12.528rem;
  top: 15.49rem;
}
.classes .prize .trigger-box .flask4 {
  width: 2.232rem;
  height: 4.556rem;
  left: 14.715rem;
  top: 15.49rem;
}

.classes .prize .trigger-box .szz1 {
  width: 2.001rem;
  height: 2.001rem;
  left: 1.983rem;
  top: 13.985rem;
}
.classes .prize .trigger-box .szz2 {
  width: 2.001rem;
  height: 2.001rem;
  left: 11.883rem;
  top: 13.985rem;
}
.classes .prize .trigger-box .szz3 {
  width: 2.001rem;
  height: 2.001rem;
  left: 3.183rem;
  top: 16.285rem;
}
.classes .prize .trigger-box .szz4 {
  width: 2.001rem;
  height: 2.001rem;
  left: 10.283rem;
  top: 16.285rem;
}

.classes .prize .trigger-box .ybb1 {
  width: 2.001rem;
  height: 2.001rem;
  left: 3.983rem;
  top: 25.085rem;
}
.classes .prize .trigger-box .ybb2 {
  width: 2.001rem;
  height: 2.001rem;
  left: 6.183rem;
  top: 25.085rem;
}
.classes .prize .trigger-box .ybb3 {
  width: 2.001rem;
  height: 2.001rem;
  left: 8.383rem;
  top: 25.085rem;
}
.classes .prize .trigger-box .ybb4 {
  width: 2.001rem;
  height: 2.001rem;
  left: 3.983rem;
  top: 27.285rem;
}
.classes .prize .trigger-box .ybb5 {
  width: 2.001rem;
  height: 2.001rem;
  left: 6.183rem;
  top: 27.285rem;
}
.classes .prize .trigger-box .ybb6 {
  width: 2.001rem;
  height: 2.001rem;
  left: 8.383rem;
  top: 27.285rem;
}

.classes .prize .weapon-box {
position: absolute;
    left: 12.847rem;
    top: 12.219rem;
    width: 41.645rem;
    height: 31.559rem;
    z-index: 1;
}
.classes .prize .intro {
  position: absolute;
  right: 17.617rem;
  bottom: 20.854rem;
  width: 17.4rem;
  font-family: "HYJinLingKeJing", serif;
  font-size: 1.093rem;
  line-height: 1.458rem;
  color: rgb(128, 124, 121);
}

.endGame {
  position: relative;
  overflow: hidden;
  height: 48.929rem !important;
  background: url("../image/bg4.jpg") center/cover no-repeat;
}
.endGame .end-tit {
  margin: 6.651rem auto 0;
  background: url("../image/end-tit.png") center/cover no-repeat;
  width: 12.164rem;
  height: 4.556rem;
}
.endGame .end-game-pic {
  margin: 3.098rem auto 0;
  position: relative;
  width: 82.642rem;
}
.endGame .end-game-pic:before {
  content: "";
  position: absolute;
  left: 1.822rem;
  top: -3.872rem;
  background: url("../image/end-game-left.png") center/cover no-repeat;
  width: 12.62rem;
  height: 25.558rem;
}
.endGame .end-game-pic:after {
  content: "";
  position: absolute;
  right: 1.822rem;
  top: -3.872rem;
  background: url("../image/end-game-right.png") center/cover no-repeat;
  width: 12.574rem;
  height: 25.558rem;
}
.endGame .end-game-pic img {
  display: block;
  margin: 0 auto;
  width: 58.588rem;
  height: 20.228rem;
}
.endGame .intro {
  margin: 2.733rem auto 0;
  width: 52.301rem;
  font-family: "HYJinLingKeJing", serif;
  font-size: 1.093rem;
  line-height: 1.458rem;
  color: rgb(128, 124, 121);
}
.endGame .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../image/divide2.png") center/cover no-repeat;
  width: 100%;
  height: 7.196rem;
}

.news {
  position: relative;
  overflow: hidden;
  height: 48.929rem !important;
  background: url("../image/bg2.jpg") center/cover no-repeat;
}
.news .new-tit {
  margin: 6.651rem auto 0;
  background: url("../image/new-tit.png") center/cover no-repeat;
  width: 12.346rem;
  height: 4.556rem;
}
.news #new-swiper {
  margin: 3.736rem auto 0;
  width: 63.781rem;
  height: 18.998rem;
}
.news .vd {
  display: block;
  position: relative;
  width: 20.41rem;
  height: 15.809rem;
  transition: 0.3s filter;
}
.news .vd .vd-box {
  position: absolute;
  left: 0.18rem;
  top: 0.5rem;
  width: calc(100% - 0.4rem);
  height: calc(100% - 0.98rem);
  overflow: hidden;
}
.news .vd .vd-border {
  position: relative;
  z-index: 10;
  background: url(../image/vd-border.png) center/cover;
  width: 100%;
  height: 100%;
}
.news .vd:hover {
  filter: brightness(1.2);
}
.news .vd:hover img {
  transform: translate(-50%, -50%) scale(1.2);
}
.news .vd img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  object-fit: cover;
  transition: 0.3s transform;
  z-index: 2;
}
.news .vd-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("../image/vd-player.png") center/cover no-repeat;
  width: 9.294rem;
  height: 9.339rem;
  z-index: 10;
}
.news .vd-name {
  position: absolute;
  bottom: -2.506rem;
  left: 0;
  width: calc(100% - 0.273rem);
  height: 2.46rem;
  font-family: "Microsoft YaHei UI", serif;
  color: rgb(210, 205, 199);
  text-align: center;
  font-size: 0.911rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.news .vd-name .time {
  text-align: center;
  color: rgb(121, 128, 124);
  font-size: 0.729rem;
}
.news .box {
  position: relative;
  margin: 2.733rem auto 0;
  width: 42.551rem;
  height: 2.096rem;
  display: flex;
  align-items: center;
}
.news .box .vd-btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news .box .vd-btn .vd-prev {
  background: url("../image/arrow1.png") center/cover no-repeat;
  width: 2.551rem;
  height: 2.551rem;
  cursor: pointer;
  transition: 0.3s filter;
}
.news .box .vd-btn .vd-prev:hover {
  filter: brightness(1.2);
}
.news .box .vd-btn .vd-next {
  background: url("../image/arrow1.png") center/cover no-repeat;
  width: 2.551rem;
  height: 2.551rem;
  transform: rotateZ(180deg);
  cursor: pointer;
  transition: 0.3s filter;
}
.news .box .vd-btn .vd-next:hover {
  filter: brightness(1.2);
}
.news .box .vd-btn .swiper-button-disabled {
  filter: brightness(0.5);
  pointer-events: none;
  cursor: default;
}
.news .box .swiper-scrollbar {
  width: 36.902rem;
  left: calc(50% - 18.451rem);
  bottom: 0.683rem;
  background: url("../image/intes.png") center/cover no-repeat;
  height: 0.729rem;
}
.news .box .swiper-scrollbar .swiper-scrollbar-drag {
  background: url("../image/pro.png") center/cover no-repeat;
  height: 1.367rem;
  top: -0.319rem;
  cursor: pointer;
}
.news .btn-more {
  display: block;
  margin: 2.005rem auto 0;
  background: url("../image/btn-more.png") center/cover no-repeat;
  width: 10.114rem;
  height: 2.733rem;
  transition: 0.3s filter;
  filter: brightness(0.7);
}
.news .btn-more:hover {
  filter: brightness(1);
}

#dialog-success .dialog__content, #dialog-reserve .dialog__content {
  background: url("../image/dialog-border.png") center/cover no-repeat;
  width: 39.544rem;
  height: 34.487rem;
}
#dialog-success .dialog-bg, #dialog-reserve .dialog-bg {
  position: absolute;
  right: 1.23rem;
  top: 2.05rem;
  width: 25.103rem;
  height: 24.601rem;
  pointer-events: none;
}
#dialog-success .dialog-close, #dialog-reserve .dialog-close {
  position: absolute;
  right: 1.822rem;
  top: 2.506rem;
  background: url(../image/dialog-close.png) center/cover no-repeat;
  width: 1.64rem;
  height: 1.64rem;
}

#dialog-reserve .content {
  position: relative;
  font-family: HYJinLingKeJing, serif;
  padding: 3.645rem 0 0 3.645rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
#dialog-reserve .content .tit {
  font-size: 1.913rem;
  font-family: "FZQingKeBenYueSongS", serif;
  background: linear-gradient(180deg, #B4A176 0%, #FFF7CC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.228rem;
}
#dialog-reserve .content .tips {
  color: rgb(181, 192, 185);
  margin-top: 0.228rem;
  font-size: 0.638rem;
  letter-spacing: 0.091rem;
}
#dialog-reserve .content .phone, #dialog-reserve .content .code {
  position: relative;
  width: 16.264rem;
  height: 2.05rem;
  border-radius: 0.182rem;
  border: 0.137rem solid transparent;
  overflow: hidden;
}
#dialog-reserve .content .phone input, #dialog-reserve .content .code input {
  position: relative;
  z-index: 100;
  border-radius: 0.182rem;
  width: 16.219rem;
  height: 2.005rem;
  border: 0.046rem solid #B29151;
  border-image: linear-gradient(89.94deg, #B29151 0.05%, #AC9B6E 51.5%, #A0834B 99.96%) 1;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  font-size: 0.729rem;
  color: rgb(181, 192, 185);
}
#dialog-reserve .content .phone input::placeholder, #dialog-reserve .content .code input::placeholder {
  color: rgba(181, 192, 185, 0.6);
}
#dialog-reserve .content .phone input:-internal-autofill-previewed, #dialog-reserve .content .phone input:-internal-autofill-selected, #dialog-reserve .content .code input:-internal-autofill-previewed, #dialog-reserve .content .code input:-internal-autofill-selected {
  -webkit-text-fill-color: rgb(181, 192, 185);
  transition: background-color 5000s ease-out 0.5s;
}
#dialog-reserve .content .phone {
  margin-top: 1.093rem;
}
#dialog-reserve .content .phone input {
  padding-left: 3.189rem;
}
#dialog-reserve .content .phone span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.729rem;
  line-height: 2.005rem;
  letter-spacing: 0.091rem;
  text-align: center;
  width: 3.189rem;
  color: rgb(181, 192, 185);
  z-index: 101;
  pointer-events: none;
}
#dialog-reserve .content .code {
  margin-top: 0.456rem;
}
#dialog-reserve .content .code input {
  padding-left: 0.82rem;
  padding-right: 7.289rem;
}
#dialog-reserve .content .code .get-code {
  position: absolute;
  top: 0.146rem;
  right: 0.159rem;
  background: url("../image/dialog-btn.png") center/cover no-repeat;
  width: 6.378rem;
  height: 1.731rem;
  color: rgb(220, 203, 150);
  font-size: 0.729rem;
  line-height: 1.731rem;
  text-align: center;
  text-decoration: none;
  transition: 0.3s filter;
  z-index: 101;
}
#dialog-reserve .content .code .get-code:hover {
  filter: brightness(1.2);
}
#dialog-reserve .content .btn-res {
  margin: 0.729rem 0 0 -0.364rem;
  display: block;
  background: url("../image/reserve-btn.png") center/cover no-repeat;
  width: 17.312rem;
  height: 2.187rem;
  font-size: 1.002rem;
  line-height: 2.005rem;
  text-align: center;
  color: #2A2A2A;
  font-family: "FZQingKeBenYueSongS", serif;
  letter-spacing: 0.137rem;
  text-indent: 0.137rem;
  text-decoration: none;
  font-weight: 700;
  transition: 0.3s filter;
}
#dialog-reserve .content .btn-res:hover {
  filter: drop-shadow(0 0 0.364rem rgba(236, 215, 169, 0.6)) brightness(1.15);
}
#dialog-reserve .content .divide {
  content: "";
  margin: 1.093rem 0 0 3.28rem;
  width: 9.886rem;
  height: 0.547rem;
  background-size: cover;
  background: url(data:image/png;base64,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) no-repeat 50% 50%;
}
#dialog-reserve .content .res-awards {
  margin: 0.547rem 0 0 1.822rem;
  font-size: 0.729rem;
  color: rgb(149, 129, 96);
}
#dialog-reserve .content .res-awards .light {
  margin-right: 0.273rem;
  background: linear-gradient(180deg, #E6D27F 0%, #FFF4B4 72.17%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0rem 0rem 0.456rem rgb(239, 223, 136);
}
#dialog-reserve .content .awards {
  margin: 0.182rem 0 0;
  background: url("../image/dialog-awards.png") center/cover no-repeat;
  width: 16.948rem;
  height: 7.016rem;
}
#dialog-reserve .bottom {
  width: 34.169rem;
  height: 3.462rem;
  position: absolute;
  left: 50%;
  bottom: 4.328rem;
  transform: translateX(-50%);
  padding: 0.683rem 0;
  box-sizing: border-box;
  font-size: 0.547rem;
  font-family: HYJinLingKeJing, serif;
  color: rgb(128, 124, 121);
  line-height: 0.82rem;
}
#dialog-reserve .bottom .divide {
  position: absolute;
  top: 0;
  height: 0.046rem;
  width: 100%;
  background: radial-gradient(100% 1711250.05% at 0% 99.96%, #BCB641 0%, #FFFFFF 50%, #BCB641 100%);
  opacity: 0.4;
}

#dialog-success {
  align-items: center;
}
#dialog-success .content {
  position: absolute;
  left: 1.276rem;
  top: 2.05rem;
  background: url(../image/dialog-success.png) center/cover no-repeat;
  width: 36.993rem;
  height: 27.699rem;
  font-family: "HYJinLingKeJing", serif;
}
#dialog-success .content .phone {
  position: absolute;
  left: 3.007rem;
  top: 8.2rem;
  color: #B5C0B9;
  font-size: 1.458rem;
  letter-spacing: 0.182rem;
}
#dialog-success .content .btn-lift {
  position: absolute;
  left: 15.49rem;
  top: 8.702rem;
  font-size: 0.729rem;
  color: #DCCB96;
}
#dialog-success .content .region {
  position: absolute;
  left: 11.936rem;
  top: 20.091rem;
  width: 6.014rem;
  text-align: center;
  color: #B5C0B9;
  font-size: 0.547rem;
}
#dialog-success .content .btn-get {
  position: absolute;
  left: 12.073rem;
  top: 19.863rem;
  width: 5.923rem;
  height: 1.093rem;
  line-height: 1.093rem;
  text-align: center;
  font-size: 0.547rem;
  color: rgb(224, 189, 93);
  border: 0.046rem solid rgb(141, 129, 99);
  text-decoration: none;
}
#dialog-success .content .btn-get:hover {
  border: 0.046rem solid;
  border-image: linear-gradient(231.7deg, #F7E6BC 11.95%, #B4A176 78.21%) 1;
  color: rgb(234, 221, 181);
}
#dialog-success .content .btn-quest {
  position: absolute;
  left: 6.196rem;
  top: 23.462rem;
  background: url(../image/dialog-quest.png) center/cover no-repeat;
  width: 10.114rem;
  height: 2.733rem;
  transition: 0.3s filter;
}
#dialog-success .content .btn-quest:hover {
  filter: brightness(1.2);
}

#dialog-cancel .dialog__content, #dialog-normal .dialog__content {
  background: url("../image/dialog-bg2.png") center/cover no-repeat;
  width: 20.046rem;
  height: 12.847rem;
  font-family: HYJinLingKeJing, serif;
  box-sizing: border-box;
  padding: 2.096rem 1.822rem 0 1.822rem;
}
#dialog-cancel .dialog__content .tit, #dialog-normal .dialog__content .tit {
  color: rgb(218, 195, 138);
  font-size: 1.093rem;
  font-family: FZQingKeBenYueSongS, serif;
  letter-spacing: 0.182rem;
}
#dialog-cancel .dialog__content .tips, #dialog-normal .dialog__content .tips {
  margin-top: 0.41rem;
  font-size: 0.729rem;
  color: rgb(181, 192, 185);
  letter-spacing: 0.182rem;
}
#dialog-cancel .dialog__content .divide, #dialog-normal .dialog__content .divide {
  margin: 0.729rem 0;
  width: 16.401rem;
  height: 0.046rem;
  background: radial-gradient(100% 1711250.05% at 0% 99.96%, #FFFFFF 0.67%, #BCB641 100%);
  opacity: 0.4;
}
#dialog-cancel .dialog__content .con, #dialog-normal .dialog__content .con {
  color: rgb(128, 124, 121);
  font-size: 0.547rem;
  line-height: 0.82rem;
}
#dialog-cancel .dialog__content .btn-group, #dialog-normal .dialog__content .btn-group {
  margin-top: 1.321rem;
  width: 13.667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#dialog-cancel .dialog__content .btn-group .btn-think, #dialog-normal .dialog__content .btn-group .btn-think {
  background: url("../image/dialog-think.png") center/cover no-repeat;
  width: 8.2rem;
  height: 2.096rem;
  transition: 0.3s background;
}
#dialog-cancel .dialog__content .btn-group .btn-think:hover, #dialog-normal .dialog__content .btn-group .btn-think:hover {
  background: url("../image/dialog-think-light.png") center/cover no-repeat;
}
#dialog-cancel .dialog__content .btn-group .btn-cancel, #dialog-normal .dialog__content .btn-group .btn-cancel {
  width: 5.011rem;
  margin-left: 0.456rem;
  height: 2.096rem;
  line-height: 2.096rem;
  text-align: center;
  font-size: 0.82rem;
  color: rgb(181, 192, 185);
  text-shadow: 0rem 0.091rem 0rem rgba(0, 0, 0, 0.52);
  text-decoration: none;
  transition: 0.3s color, 0.3s filter;
}
#dialog-cancel .dialog__content .btn-group .btn-cancel:hover, #dialog-normal .dialog__content .btn-group .btn-cancel:hover {
  color: rgb(206, 214, 209);
  filter: brightness(1.2);
}
#dialog-cancel .dialog__content .dialog-close, #dialog-normal .dialog__content .dialog-close {
  position: absolute;
  right: 0.547rem;
  top: 0.729rem;
  background: url(../image/dialog-close.png) center/cover no-repeat;
  width: 1.64rem;
  height: 1.64rem;
}
#dialog-cancel .dialog__content .dialog-confirm, #dialog-normal .dialog__content .dialog-confirm {
  position: absolute;
  left: calc(50% - 2.506rem);
  bottom: 1.139rem;
  width: 5.011rem;
  height: 2.096rem;
  line-height: 2.096rem;
  font-size: 0.911rem;
  color: rgb(218, 195, 138);
  text-shadow: 0rem 0.091rem 0rem rgba(0, 0, 0, 0.52);
  text-decoration: none;
  text-align: center;
  border: 0.046rem solid rgb(141, 129, 99);
  background: rgba(0, 0, 0, 0.6);
  transition: 0.3s color, 0.3s border;
}
#dialog-cancel .dialog__content .dialog-confirm:hover, #dialog-normal .dialog__content .dialog-confirm:hover {
  border: 0.046rem solid #F7E6BC;
  color: rgb(234, 221, 181);
}

#dialog-normal .dialog__content {
  padding: 2.369rem 1.822rem 0 1.822rem;
}
#dialog-normal .dialog__content .con {
  color: rgb(181, 192, 185);
  letter-spacing: 0.137rem;
  font-size: 0.911rem;
  line-height: 1.093rem;
}

.dialog__content {
  top: 0 !important;
}

.modal {
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1001;
}
.modal .dialog__content {
  z-index: 1002;
  opacity: 1;
}

#dialog-tips img {
  width: 16.401rem;
  height: 3.645rem;
}

#vbox .dialog-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: url(../image/dialog-close.png) center/cover no-repeat;
  width: 1.64rem;
  height: 1.64rem;
  z-index: 100;
}

@media screen and (max-width: 960px) {
  .top-nav {
    height: 7.8rem;
  }
  .top-nav.normal {
    height: 3.5rem;
  }
  .top-nav .nav-list {
    left: calc(50% - 37rem);
  }
  .top-nav .logo {
    left: calc(50% - 3.7rem);
    width: 15.312rem;
    height: 12.5rem;
  }
  .top-nav.normal .logo {
    left: calc(50% - 0.6rem);
    width: 10rem;
    height: 8rem;
  }
  .top-nav .r .btn {
    width: 6.1rem;
    height: 3.2rem;
    font-size: 1.2rem;
    line-height: 3.2rem;
  }
  .top-nav .nav-list li:not(:first-child):not(:nth-of-type(4)) {
    margin-left: 1.1rem;
  }
  .top-nav .nav-list li {
    font-size: 1.2rem;
    height: 3.2rem;
    width: 7.378rem;
    line-height: 3.1rem;
  }
  .top-nav .r .btn-reserve {
    width: 14.5rem;
    height: 3.918rem;
    line-height: 3.918rem;
    font-size: 1.2rem;
  }
  .top-nav .nav-list li.active::after, .top-nav .nav-list li:hover::after {
    height: 3.2rem;
    width: 7.378rem;
  }
  .left-nav div, .left-nav a {
    width: 4rem;
    height: 4rem;
  }
  .home .banner-button-player {
    width: 15rem;
    height: 15rem;
  }
  .home .slo {
    width: 67.405rem;
    height: 14.745rem;
  }
  .home .btn-reserve2 {
    width: 45rem;
    height: 6rem;
    font-size: 2.6rem;
    line-height: 5.5rem;
  }
  .home .awards-list {
    width: 59.169rem;
    height: 13.656rem;
  }
  .home .awards-list .progress {
    width: 61.902rem;
    height: 1.2rem;
  }
  .home .awards-list .progress .line {
    height: 0.5rem;
  }
  .home .awards-list ul {
    bottom: 1.85rem;
  }
  .home .awards-list ul li {
    width: 1.05rem;
    height: 2rem;
  }
  .home .awards-list ul li:nth-of-type(1) {
    left: 4.95rem;
  }
  .home .awards-list ul li:nth-of-type(2) {
    left: 16.95rem;
  }
  .home .awards-list ul li:nth-of-type(3) {
    left: 28.95rem;
  }
  .home .awards-list ul li:nth-of-type(4) {
    left: 41.05rem;
  }
  .home .awards-list ul li:nth-of-type(5) {
    left: 53.3rem;
  }
  .home .bom .nail {
    width: 2.5rem;
    height: 1.2rem;
  }
  .home .bom {
    width: 33.419rem;
    height: 7.831rem;
  }
  .home .bom .count {
    font-size: 1.6rem;
    margin: 0 0.8rem;
  }
}
@media screen and (min-width: 960px) and (max-width: 1400px) {
  .top-nav {
    height: 7.8rem;
  }
  .top-nav.normal {
    height: 3.5rem;
  }
  .top-nav .nav-list {
    left: calc(50% - 37rem);
  }
  .top-nav .logo {
    left: calc(50% - 3.7rem);
    width: 15.312rem;
    height: 12.5rem;
  }
  .top-nav.normal .logo {
    left: calc(50% - 0.6rem);
    width: 10rem;
    height: 8rem;
  }
  .top-nav .r .btn {
    width: 6.1rem;
    height: 3.2rem;
    font-size: 1.2rem;
    line-height: 3.2rem;
  }
  .top-nav .nav-list li:not(:first-child):not(:nth-of-type(4)) {
    margin-left: 1.1rem;
  }
  .top-nav .nav-list li {
    font-size: 1.2rem;
    height: 3.2rem;
    width: 7.378rem;
    line-height: 3.1rem;
  }
  .top-nav .r .btn-reserve {
    width: 14.5rem;
    height: 3.918rem;
    line-height: 3.918rem;
    font-size: 1.2rem;
  }
  .top-nav .nav-list li.active::after, .top-nav .nav-list li:hover::after {
    height: 3.2rem;
    width: 7.378rem;
  }
  .left-nav div, .left-nav a {
    width: 3rem;
    height: 3rem;
  }
  .home .banner-button-player {
    width: 12rem;
    height: 12rem;
  }
  .home .slo {
    width: 53.405rem;
    height: 11.745rem;
  }
  .home .btn-reserve2 {
    width: 34.923rem;
    height: 4.6rem;
    font-size: 2rem;
    line-height: 4.2rem;
  }
  .home .awards-list {
    width: 46.169rem;
    height: 10.656rem;
  }
  .home .awards-list .progress {
    width: 49.5rem;
    height: 0.9rem;
  }
  .home .awards-list .progress .line {
    height: 0.36rem;
  }
  .home .awards-list ul {
    bottom: 1.58rem;
  }
  .home .awards-list ul li {
    width: 0.8rem;
    height: 1.5rem;
  }
  .home .awards-list ul li:nth-of-type(1) {
    left: 3.9rem;
  }
  .home .awards-list ul li:nth-of-type(2) {
    left: 13.35rem;
  }
  .home .awards-list ul li:nth-of-type(3) {
    left: 22.5rem;
  }
  .home .awards-list ul li:nth-of-type(4) {
    left: 32.2rem;
  }
  .home .awards-list ul li:nth-of-type(5) {
    left: 41.66rem;
  }
  .home .bom .nail {
    width: 2.1rem;
    height: 1rem;
  }
  .home .bom {
    width: 28rem;
    height: 6rem;
  }
  .home .bom .count {
    font-size: 1.5rem;
    margin: 0 0.6rem;
  }
}

/*# sourceMappingURL=index.css.map */