/* 导航 */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #000;
}



.slide-img {

    position: fixed;
    z-index: 9;
    left: 50%;
    bottom: 1%;
    transform: translateX(-50%);
    cursor: pointer;
}

.slide-img a {
  display: inline-block;
  width: 0.26rem;
  height: 0.67rem;
  background: url(../../../images/pc/slide-img_new.png) no-repeat;
  background-size: cover;
  animation: qa 3s linear 0.5s infinite;
  -webkit-animation: qa 3s linear 0.5s infinite;
}

@keyframes qa {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(0, 0.18rem);
    transform: translate(0, 0.18rem);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/* 侧边栏样式 */
.side-bar {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  align-items: center;
  transition: right 0.3s ease-in-out;
}

.side-bar-content {
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  width: 2.22rem;
  height: 6.85rem;
  background: url(../../../images/pc/about-us-bg.png) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.side-bar .qr-item {
  margin-bottom: 0.05rem;
}

.side-bar .qr-title {
  font-size: 0.16rem;
  color: #0c0f2c;
  white-space: nowrap;
  text-align: center;
}

.side-bar .qr-item .code-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1.06rem;
  height: 1.11rem;
  background: url(../../../images/pc/code-bg_new.png) no-repeat;
  background-size: cover;
}

.side-bar .qr-item .code-img img {
  width: 0.67rem;
  height: 0.67rem;
  object-fit: cover;
}

.side-bar-toggle {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.side-bar-toggle {
  width: 0.77rem;
  height: 0.74rem;
  background: url(../../../images/pc/side-bar-img-z.png) no-repeat;
  background-size: cover;
  display: block;
}

.side-bar.collapsed {
  right: -2.22rem;
  top: 50%;
}

.side-bar.collapsed .side-bar-content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(0.5rem);
}

.side-bar.collapsed .side-bar-toggle {
  width: 1.35rem;
  height: 1.22rem;
  background: url(../../../images/pc/side-bar-img-s.png) no-repeat;
  background-size: cover;
  animation: share-nudge 1.2s ease-in-out infinite;
}

@keyframes share-nudge {
  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: -9px 0;
  }
}

/* 导航 :end */
#fullpage {
  position: relative;
  z-index: 0;
}

.section {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.home {
  background: url(../../../images/pc/home-bg.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}
.home-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.home-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.header {
  width: 93.5%;
  margin: 0.58rem 0.62rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header img {
  width: 1.91rem;
  height: 0.7rem;
  object-fit: cover;
}

.header a {
  display: inline-block;
  width: 1.91rem;
  height: 0.61rem;
  background: url(../../../images/pc/header-btn_new.png) no-repeat;
  background-size: cover;
  margin-right: 0.3rem;
}
.home .container {
  width: 12.53rem;
  height: 1.66rem;
  margin: 28% auto 0;
  background: url(../../../images/pc/home-content.png) center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.54rem;
}

.tips {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.14rem;
}

.tips .sl {
  width: 0.82rem;
  height: 1.05rem;
  object-fit: cover;
}

.tips p {
  font-size: 0.13rem;
  color: #d5abfe;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.tips .qq-bg {
  width: 1.02rem;
  height: 1.02rem;
  background: #d5abfe;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tips .qq-bg img {
  width: 0.88rem;
  height: 0.88rem;
  object-fit: cover;
}

.download {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.06rem;
}

.download a {
  display: inline-block;
  width: 1.9rem;
  height: 0.61rem;
  background: url(../../../images/pc/jsxz-btn.png) no-repeat;
  background-size: cover;
}

.download a:last-child {
  display: inline-block;
  width: 1.9rem;
  height: 0.61rem;
  background: url(../../../images/pc/ljzc-btn.png) no-repeat;
  background-size: cover;
}

.hd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.11rem;
}

.hd img {
  width: 2.35rem;
  height: 0.46rem;
  object-fit: cover;
}

.hd .hd-fl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.06rem;
}

.hd .hd-fl a {
  display: inline-block;
  width: 1.405rem;
  height: 0.47rem;
  background: url(../../../images/pc/xfhd-btn.png) no-repeat;
  background-size: cover;
}

.hd .hd-fl a:last-child {
  display: inline-block;
  width: 0.9rem;
  height: 0.47rem;
  background: url(../../../images/pc/fl-btn.png) no-repeat;
  background-size: cover;
}

.get-gift {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.12rem;
}

.get-gift a {
  display: inline-block;
  width: 1.91rem;
  height: 0.61rem;
  background: url(../../../images/pc/lqlb-btn.png) no-repeat;
  background-size: cover;
}

.get-gift a:last-child {
  display: inline-block;
  width: 1.91rem;
  height: 0.61rem;
  background: url(../../../images/pc/qtxz-btn.png) no-repeat;
  background-size: cover;
}

.news {
  background: url(../../../images/pc/other-bg_new.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.news .container {
  width: 17.5rem;
  height: 100%;
  margin: 0 auto;
}

.news .container .title {
  margin-top: 0.6rem;
  text-align: center;
}

.news .container .title img {
  width: 6.55rem;
  height: 1.87rem;
  object-fit: cover;
}

.news .container .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.1rem;
  margin-top: -0.2rem;
}

.news .container .content img {
  width: 5.67rem;
  height: 3.79rem;
  object-fit: cover;
}

/* 最新资讯end */

/* 角色展示页面样式 */
.third {
  background: url(../../../images/pc/third-bg.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.third .container {
  width: 14.5rem;
  margin: 0 auto;
  height: 100%;
  position: relative;
  text-align: right;
}

.third .container .title {
  width: 6.36rem;
  margin-left: auto;
  margin-top: 1.05rem;
}

.third .container .title img {
  width: 6.36rem;
  height: 1.7rem;
  object-fit: cover;
}

.third .container .content {
  width: 6rem;
  margin-left: auto;
}

.third .container .content .yuyue-number {
  margin-top: 0.8rem;
}

.third .container .content .yuyue-number p {
  background: linear-gradient(to top right, #fff592, #e2a15a);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

.third .container .content .yuyue-number span {
  display: block;
  font-size: 0.25rem;
  color: #eee8ad;
  text-align: center;
  margin-top: -0.2rem;
  letter-spacing: 0.1rem;
}
.third .container .content .btn {
  margin: 0.15rem auto 0;
}
.third .container .content .btn a {
  display: inline-block;
  width: 5.37rem;
  height: 0.93rem;
  background: url(../../../images/pc/third-btn.png) no-repeat;
  background-size: cover;
}

/* 福利弹框 */
.flPage {
  background: url(../../../images/pc/fl-bg.png) no-repeat;
  background-size: cover;
}

.flPage-content {
  width: 11rem;
  margin: 3.5rem auto 0;
}

.flPage-content .gifts {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flPage-content .gifts p {
  font-size: 0.26rem;
  color: #3a2603;
  font-weight: bold;
}

.flPage-content .gifts input {
  background: #7d5301;
  width: 7.64rem;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.2rem;
  color: #fdedc8;
  border: none;
  padding: 0 0.1rem;
}

.flPage-content .gifts a {
  display: inline-block;
  width: 1.91rem;
  height: 0.61rem;
  background: url(../../../images/pc/copy-btn.png) no-repeat;
  background-size: cover;
}

/* 福利弹框 end*/

/* 注册 */
.skin_register {
  background: url(../../../images/pc/register-bg.png) no-repeat;
  background-size: cover;
}

.register-content {
  width: 13rem;
  margin: 2.4rem auto 0;
}

.create-account {
  height: 5.2rem;
  display: flex;
  justify-content: space-between;
}

.register-item {
  width: 6.76rem;
}

.register-tabs {
  width: 4.2rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.register-tabs .register-tab {
  width: 2.03rem;
  height: 0.61rem;
  background: url(../../../images/pc/phone-zc-btn.png) no-repeat;
  background-size: cover;
  cursor: pointer;
  border: none;
}

.register-tabs .register-tab:hover {
  cursor: pointer;
  -webkit-filter: brightness(120%);
  -ms-filter: brightness(120%);
  -o-filter: brightness(120%);
  -moz-filter: brightness(120%);
  opacity: 0.85\0;
}

.register-tabs .register-tab:nth-child(2) {
  width: 2.03rem;
  height: 0.61rem;
  background: url(../../../images/pc/phone-gx-btn.png) no-repeat;
  background-size: cover;
  cursor: pointer;
}

.register-tabs .register-tab.active {
  background-position-y: -0.61rem;
}

.skin_register .lay_close {
  z-index: 8;
  opacity: 0;
}

.lay_close {
  font-size: 0.3rem;
  color: #8b612d;
  top: 0.35rem;
  right: 0.32rem;
  opacity: 0;
}

.phone-register-form {
  margin-top: 0.15rem;
}
.register-form[hidden] {
  display: none;
}

.form-group {
  display: flex;
}

.form-group {
  margin-bottom: 0.15rem;
  height: 0.38rem;
  display: flex;
  align-items: center;
}

.form-group label {
  display: inline-block;
  text-align: right;
  width: 1rem;
  height: 0.41rem;
  line-height: 0.41rem;
  color: #3a2603;
  font-size: 0.18rem;
}

.form-group input {
  display: inline-block;
  width: 5.43rem;
  height: 0.41rem;
  line-height: 0.41rem;
  padding: 0 0.1rem;
  background: #7d5301;
  margin-left: 0.04rem;
  border: none;
  text-align: left;
  color: #feefcd;
  font-size: 0.16rem;
}

.form-group input::placeholder {
  color: #feefcd;
  font-size: 0.16rem;
  text-align: center;
}

.verification-group input {
  width: 4.03rem;
}

.get-sms {
  width: 1.33rem;
  height: 0.42rem;
  color: #583a00;
  font-size: 0.16rem;
  background: #f3b947;
  border: 0;
  cursor: pointer;
  margin-left: 0.07rem;
}

.agreement-group {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.15rem auto;
}

.checkbox-label {
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkbox-label p {
  font-family: Microsoft YaHei;
  font-size: 0.18rem;
  color: #8e0e0e;
}

.checkbox-label p a {
  color: #8e0e0e;
}

.checkbox-label input[type="checkbox"] {
  display: none;
}

.checkmark {
  width: 0.23rem;
  height: 0.23rem;
  border: 0.02rem solid #7d5301;
  background: #f3b947;
  position: relative;
  transition: all 0.3s ease;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 50%;
  z-index: 0;
}

.checkbox-label input[type="checkbox"]:checked + .checkmark:after {
  content: "";
  position: absolute;
  left: -0.02rem;
  top: -0.06rem;
  width: 0.28rem;
  height: 0.29rem;
  border: none;
  z-index: 1;
  background: url(../../../images/pc/dui.png) no-repeat;
  background-size: cover;
}

.submit-btn {
  display: inline-block;
  width: 1.91rem;
  height: 0.61rem;
  background: url(../../../images/pc/register-btn.png) no-repeat;
  background-size: cover;
  border: none;
}

.submit-btn:hover {
  cursor: pointer;
  -webkit-filter: brightness(120%);
  -ms-filter: brightness(120%);
  -o-filter: brightness(120%);
  -moz-filter: brightness(120%);
  opacity: 0.85\0;
}

.download-game {
  width: 4.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.4rem;
  row-gap: 0.1rem;
  flex-wrap: wrap;
  margin-right: 0.43rem;
}

.download-game a {
  display: inline-block;
  width: 1.9rem;
  height: 2.13rem;
  background: url(../../../images/pc/pc-img.png) no-repeat;
  background-size: cover;
}

.download-game a:nth-child(2) {
  display: inline-block;
  width: 1.9rem;
  height: 2.13rem;
  background: url(../../../images/pc/cz-img.png) no-repeat;
  background-size: cover;
}

.download-game a:nth-child(3) {
  display: inline-block;
  width: 1.9rem;
  height: 2.13rem;
  background: url(../../../images/pc/wx-img.png) no-repeat;
  background-size: cover;
}

.download-game img {
  width: 1.9rem;
  height: 2.13rem;
  object-fit: cover;
}

/* 领取礼包弹框 */
.getGifts {
  background: url(../../../images/pc/get-gifts-bg.png) no-repeat;
  background-size: cover;
}

.getGifts-content {
  width: 11rem;
  margin: 5.7rem auto 0;
}

.getGifts-content .gifts {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.getGifts-content .gifts p {
  font-size: 0.26rem;
  color: #3a2603;
  font-weight: bold;
}

.getGifts-content .gifts input {
  background: #7d5301;
  width: 7.64rem;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.4rem;
  color: #fdedc8;
  border: none;
  padding: 0 0.1rem;
  text-align: center;
}

.getGifts-content .gifts a {
  display: inline-block;
  width: 1.91rem;
  height: 0.61rem;
  background: url(../../../images/pc/copy-btn.png) no-repeat;
  background-size: cover;
}

/* 领取礼包弹框 end*/

.status {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  display: none;
  padding: 12px 20px;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.status.success {
  background: rgba(55, 147, 83, 0.92);
}

.footer.fp-auto-height {
  height: 1.5rem !important;
  background: black;
}