@charset "utf-8";

.noSize {
  font-size: 0;
  text-indent: -9999em;
}

.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
}

body {
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", STHeiTi, sans-serif;
}

/* CSS Document */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
select {
  margin: 0;
  padding: 0;
}

html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
  font-style: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

li {
  list-style: none;
}

input,
textarea,
button,
a,
div,
select {
  border: 0;
  outline: none;
}

input,
textarea,
button,
a {
  font: inherit;
  color: inherit;
}

textarea {
  overflow: auto;
  resize: none;
}

input {
  outline: none;
}

a,
button {
  cursor: pointer;
}

button {
  border: none;
  outline: none;
}

a,
a:hover {
  text-decoration: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 999999s;
  -webkit-transition: color 999999s ease-out, background-color 999999s ease-out;
}

#NIE-warning-dialog {
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}

@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 351.5%;
  }
}

@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 375%;
  }
}

@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 390.625%;
  }
}

@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 404.3%;
  }
}

@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 421.875%;
  }
}

@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 468.75%;
  }
}

@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 625%;
  }
}

@font-face {
  font-family: 'HeeboMedium';
  src: url(https://www.narakamobile.com/pc/zt/20220321153811733/font/Heebo-Medium_e33e77e0.woff) format('woff');
}

@font-face {
  font-family: 'HeeboRegular';
  src: url(https://www.narakamobile.com/pc/zt/20220321153811733/font/Heebo-Regular_6e2ea8a7.woff) format('woff');
}

@font-face {
  font-family: 'notosansjpRegular';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'notoserifjpHeavy';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-serif-jp-v21-latin_japanese-700.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-serif-jp-v21-latin_japanese-700.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'notoserifscRegular';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-serif-sc-v22-latin_chinese-simplified-regular.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-serif-sc-v22-latin_chinese-simplified-regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'notoserifscHeavy';
  src: url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-serif-sc-v22-latin_chinese-simplified-700.woff2") format('woff2'), url("https://nie.res.netease.com/comm/js/nie/ref/fonts/noto/noto-serif-sc-v22-latin_chinese-simplified-700.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}

.container-index.zh-cht,
.mask.zh-cht {
  font-family: 'notoserifscRegular';
}

.container-index.zh-cht .fontMedium,
.mask.zh-cht .fontMedium {
  font-family: 'notoserifscHeavy';
}

.container-index.en,
.mask.en,
.container-index.fr,
.mask.fr,
.container-index.de,
.mask.de,
.container-index.es,
.mask.es {
  font-family: 'HeeboRegular';
}

.container-index.en .fontMedium,
.mask.en .fontMedium,
.container-index.fr .fontMedium,
.mask.fr .fontMedium,
.container-index.de .fontMedium,
.mask.de .fontMedium,
.container-index.es .fontMedium,
.mask.es .fontMedium {
  font-family: 'HeeboMedium';
  line-height: 80px !important;
}

.container-index.ja,
.mask.ja {
  font-family: 'notosansjpRegular';
}

.container-index.ja .fontMedium,
.mask.ja .fontMedium {
  font-family: 'notoserifjpHeavy';
}

.container-index.ko .fontMedium,
.mask.ko .fontMedium,
.container-index.vi .fontMedium,
.mask.vi .fontMedium,
.container-index.th .fontMedium,
.mask.th .fontMedium {
  font-weight: bold;
}

video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 0.3rem);
}

video::-webkit-media-controls {
  display: none !important;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 0.26rem;
}

.no-webp #forhorview {background:#000}

.webp #forhorview {background:#000}

#forhorview {
  display: none!important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  z-index: 9999;
}

#forhorview p {
  text-align: center;
  color: #fff;
  position: relative;
  top: 35%;
  font-size: 0.3rem;
}

.el-message-box {
  max-width: 80%;
}

body {
  font-size: 0.16rem;
}

#app {
  width: 7.5rem;
  height: 16.24rem;
}

.container-index .lang {
  font-size: 0.24rem;
  color: #ffffff;
  position: absolute;
  z-index: 1;
  top: 0.32rem;
  right: 1.37rem;
  width: 2.06rem;
  height: 0.56rem;
  cursor: pointer;
}

.no-webp .container-index .lang .title {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/title_3ffb3ac7.png) no-repeat center, url(https://www.narakamobile.com/pc/zt/20220321153811733/img/down_91727e0c.png) no-repeat right 0.2rem center;
  background-size: 2.07rem 0.56rem,0.14rem,0.07rem}

.webp .container-index .lang .title {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/title_3ffb3ac7.webp) no-repeat center, url(https://www.narakamobile.com/pc/zt/20220321153811733/img/down_91727e0c.webp) no-repeat right 0.2rem center;
  background-size: 2.07rem 0.56rem,0.14rem,0.07rem}

.no-webp .container-index .lang .title {background-size:2.07rem 0.56rem,0.14rem,0.07rem}

.webp .container-index .lang .title {background-size:2.07rem 0.56rem,0.14rem,0.07rem}

.container-index .lang .title {
  color: #d7c6c7;
  height: 0.56rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 0.2rem;
  position: relative;
  z-index: 1;
}

.no-webp .container-index .lang .list {background:rgba(0, 0, 0, 0.5)}

.webp .container-index .lang .list {background:rgba(0, 0, 0, 0.5)}

.container-index .lang .list {
  display: none;
  color: #a2a2a2;
  padding: 0 0 0 0.26rem;
  line-height: 0.56rem;
  position: relative;
  top: 0.07rem;
}

.container-index .lang .list .active {
  color: #fff;
}

.no-webp .container-index .index-video {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/bg_f17720fc.jpg);
  background-size: cover}

.webp .container-index .index-video {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/bg_f17720fc.webp);
  background-size: cover}

.no-webp .container-index .index-video {background-size:cover}

.webp .container-index .index-video {background-size:cover}

.container-index .index-video {
  position: relative;
  width: 100%;
  height: 16.24rem;
  overflow: hidden;
}

.container-index .index-video #init-video {
  opacity: 0;
}

.container-index .index-video #init-video canvas {
  display: block;
}

.container-index .index-video .video1 {
  width: 100%;
}

.container-index .content {
  position: absolute;
  z-index: 1;
  top: calc(100vh - 6.68rem);
  right: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.container-index .content.content-Safari {
  top: calc(100vh - 7.58rem);
}

.no-webp .container-index .logo {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -15.04rem -2.56rem}

.webp .container-index .logo {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -15.04rem -2.56rem}

.no-webp .container-index .logo {background-size:20.16rem 16.38rem}

.webp .container-index .logo {background-size:20.16rem 16.38rem}

.no-webp .container-index .logo {background-position:-15.04rem -2.56rem}

.webp .container-index .logo {background-position:-15.04rem -2.56rem}

.container-index .logo {
  position: relative;
  width: 4.15rem;
  height: 2rem;
  margin: 0.4rem auto 0.58rem auto;
}

.no-webp .container-index .logo-zh {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -15.04rem -4.58rem}

.webp .container-index .logo-zh {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -15.04rem -4.58rem}

.no-webp .container-index .logo-zh {background-size:20.16rem 16.38rem}

.webp .container-index .logo-zh {background-size:20.16rem 16.38rem}

.no-webp .container-index .logo-zh {background-position:-15.04rem -4.58rem}

.webp .container-index .logo-zh {background-position:-15.04rem -4.58rem}

.container-index .logo-zh {
  position: relative;
  width: 4.05rem;
  height: 1.68rem;
  margin: 0.4rem auto 0.4rem auto;
}

.container-index .BX_Sprite4 {
  position: absolute;
  top: 12.66rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.no-webp .container-index .register {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -15.04rem -6.28rem}

.webp .container-index .register {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -15.04rem -6.28rem}

.no-webp .container-index .register {background-size:20.16rem 16.38rem}

.webp .container-index .register {background-size:20.16rem 16.38rem}

.no-webp .container-index .register {background-position:-15.04rem -6.28rem}

.webp .container-index .register {background-position:-15.04rem -6.28rem}

.container-index .register {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 0.3rem;
  width: 4.45rem;
  height: 1.02rem;
}

.container-index .btn-tip {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-size: 0.3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.container-index .menu-btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.container-index .menu-btn .si-icons {
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

.no-webp .container-index .menu {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -2.56rem}

.webp .container-index .menu {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -2.56rem}

.no-webp .container-index .menu {background-size:20.16rem 16.38rem}

.webp .container-index .menu {background-size:20.16rem 16.38rem}

.no-webp .container-index .menu {background-position:-19.21rem -2.56rem}

.webp .container-index .menu {background-position:-19.21rem -2.56rem}

.container-index .menu {
  position: absolute;
  z-index: 1;
  right: 0.3rem;
  top: 0.38rem;
  width: 0.58rem;
  height: 0.42rem;
}

.container-index .community-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.36rem 0 0 0;
}

.no-webp .container-index .community-list li {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/app-logo-bg_52d6c9a9.png) no-repeat right;
  background-size: 1PX 0.37rem}

.webp .container-index .community-list li {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/app-logo-bg_52d6c9a9.webp) no-repeat right;
  background-size: 1PX 0.37rem}

.no-webp .container-index .community-list li {background-size:1PX 0.37rem}

.webp .container-index .community-list li {background-size:1PX 0.37rem}

.container-index .community-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0.5rem;
  cursor: pointer;
  padding: 0 0.44rem;
}

.container-index .community-list li:first-child,
.container-index .community-list li:last-child {
  margin: 0;
}

.no-webp .container-index .community-list li:last-child {background:none}

.webp .container-index .community-list li:last-child {background:none}

.container-index .community-list li:last-child {
}

.container-index .community-list li .link {
  width: 0.5rem;
  height: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 0.2rem auto;
}

.container-index .community-list li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.no-webp .container-index .community-list li .youtube {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.11rem -4.97rem}

.webp .container-index .community-list li .youtube {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.11rem -4.97rem}

.no-webp .container-index .community-list li .youtube {background-size:20.16rem 16.38rem}

.webp .container-index .community-list li .youtube {background-size:20.16rem 16.38rem}

.no-webp .container-index .community-list li .youtube {background-position:-19.11rem -4.97rem}

.webp .container-index .community-list li .youtube {background-position:-19.11rem -4.97rem}

.container-index .community-list li .youtube {
  width: 0.33rem;
  height: 0.4rem;
}

.no-webp .container-index .community-list li .naver {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -3.81rem}

.webp .container-index .community-list li .naver {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -3.81rem}

.no-webp .container-index .community-list li .naver {background-size:20.16rem 16.38rem}

.webp .container-index .community-list li .naver {background-size:20.16rem 16.38rem}

.no-webp .container-index .community-list li .naver {background-position:-19.21rem -3.81rem}

.webp .container-index .community-list li .naver {background-position:-19.21rem -3.81rem}

.container-index .community-list li .naver {
  width: 0.38rem;
  height: 0.38rem;
}

.no-webp .container-index .community-list li .facebook {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.57rem -4.21rem}

.webp .container-index .community-list li .facebook {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.57rem -4.21rem}

.no-webp .container-index .community-list li .facebook {background-size:20.16rem 16.38rem}

.webp .container-index .community-list li .facebook {background-size:20.16rem 16.38rem}

.no-webp .container-index .community-list li .facebook {background-position:-19.57rem -4.21rem}

.webp .container-index .community-list li .facebook {background-position:-19.57rem -4.21rem}

.container-index .community-list li .facebook {
  width: 0.34rem;
  height: 0.34rem;
}

.no-webp .container-index .community-list li .twitter {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -4.21rem}

.webp .container-index .community-list li .twitter {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -4.21rem}

.no-webp .container-index .community-list li .twitter {background-size:20.16rem 16.38rem}

.webp .container-index .community-list li .twitter {background-size:20.16rem 16.38rem}

.no-webp .container-index .community-list li .twitter {background-position:-19.21rem -4.21rem}

.webp .container-index .community-list li .twitter {background-position:-19.21rem -4.21rem}

.container-index .community-list li .twitter {
  width: 0.34rem;
  height: 0.34rem;
}

.no-webp .container-index .community-list li .discord {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.7rem -3.46rem}

.webp .container-index .community-list li .discord {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.7rem -3.46rem}

.no-webp .container-index .community-list li .discord {background-size:20.16rem 16.38rem}

.webp .container-index .community-list li .discord {background-size:20.16rem 16.38rem}

.no-webp .container-index .community-list li .discord {background-position:-19.7rem -3.46rem}

.webp .container-index .community-list li .discord {background-position:-19.7rem -3.46rem}

.container-index .community-list li .discord {
  width: 0.38rem;
  height: 0.27rem;
}

.container-index .fs-video {
  display: none;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
}

.container-index .fs-video.mobile {
  width: 0;
  height: 0;
  -webkit-transform: scale(0) !important;
  transform: scale(0) !important;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  top: 2.5rem;
  left: calc(100% - 3rem);
}

.container-index .fs-video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.no-webp .container-index .to-home {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/less_12886796.png) no-repeat left;
  background-size: 0.09rem 0.16rem}

.webp .container-index .to-home {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/less_12886796.webp) no-repeat left;
  background-size: 0.09rem 0.16rem}

.no-webp .container-index .to-home {background-size:0.09rem 0.16rem}

.webp .container-index .to-home {background-size:0.09rem 0.16rem}

.container-index .to-home {
  position: absolute;
  z-index: 1111111111111111;
  top: 0.24rem;
  right: 0.44rem;
  cursor: pointer;
  padding: 0.2rem 0 0.2rem 0.24rem;
  font-size: 0.26rem;
  color: #a2a2a2;
}

.no-webp .footer {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/copyright_f2bf27bf.jpg) no-repeat top center}

.webp .footer {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/copyright_f2bf27bf.webp) no-repeat top center}

.footer {
  padding: 0.2rem 0 0.28rem 0;
  font-size: 0.24rem;
  z-index: 1;
  bottom: 0;
  color: #fff;
  text-align: center;
  width: 7.5rem;
}

.no-webp .footer * {background:transparent}

.webp .footer * {background:transparent}

.footer * {
}

.footer-safari {
  top: calc(100vh - 0.94rem);
}

.over-hidden {
  overflow: hidden!important;
}

.mask {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

.no-webp .pop {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -0 -0}

.webp .pop {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -0 -0}

.no-webp .pop {background-size:20.16rem 16.38rem}

.webp .pop {background-size:20.16rem 16.38rem}

.no-webp .pop {background-position:-0 -0}

.webp .pop {background-position:-0 -0}

.pop {
  width: 7.5rem;
  height: 16.24rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.no-webp .pop-type1 .modal {background-color:rgba(0, 0, 0, 0.8)}

.webp .pop-type1 .modal {background-color:rgba(0, 0, 0, 0.8)}

.pop-type1 .modal {
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  text-align: left;
  -webkit-transition: opacity 0.3s ease 0s, background-color 0.3s ease 0s;
  transition: opacity 0.3s ease 0s, background-color 0.3s ease 0s;
}

.pop-type1 .modal .modal-window {
  display: table-cell;
  width: 100vw;
  height: 100vh;
  vertical-align: middle;
}

.no-webp .pop-type1 .modal .modal-window .modal-content {background-color:#fff}

.webp .pop-type1 .modal .modal-window .modal-content {background-color:#fff}

.pop-type1 .modal .modal-window .modal-content {
  position: relative;
  margin: 0.8rem auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  width: calc(100% - 100PX);
  border-radius: 0.04rem;
  font-size: 0.32rem;
}

.pop-type1 .modal .modal-window .modal-content .message {
  padding: 0.6rem 0;
  text-align: center;
}

.pop-type1 .modal .modal-window .modal-content .buttons {
  margin-top: 0.2rem;
  text-align: center;
}

.no-webp .pop-type1 .modal .modal-window .modal-content .buttons button {background:-webkit-gradient(linear, left bottom, left top, from(#818181), to(#6f6f6f))}

.webp .pop-type1 .modal .modal-window .modal-content .buttons button {background:-webkit-gradient(linear, left bottom, left top, from(#818181), to(#6f6f6f))}

.no-webp .pop-type1 .modal .modal-window .modal-content .buttons button {background:linear-gradient(0deg, #818181, #6f6f6f)}

.webp .pop-type1 .modal .modal-window .modal-content .buttons button {background:linear-gradient(0deg, #818181, #6f6f6f)}

.pop-type1 .modal .modal-window .modal-content .buttons button {
  outline: 0;
  display: inline-block;
  min-width: 1.4rem;
  height: 0.6rem;
  margin: 0 0.1rem;
  padding: 0 0.3rem;
  border: 0.01rem solid #7f7f7f;
  border-radius: 0.06rem;
  line-height: 0.6rem;
  font-size: 0.26rem;
  color: #fff;
}

.menu-wrap {
  color: #fff;
  font-size: 0.4rem;
  line-height: 1.68rem;
  position: absolute;
  left: 50%;
  margin-left: -2.55rem;
  top: 1.67rem;
  width: 5.1rem;
}

.menu-wrap .nav-level1 {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.3);
}

.no-webp .menu-wrap .community {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/community-menu_cf53ce41.png) no-repeat right;
  background-size: 0.17rem 0.09rem}

.webp .menu-wrap .community {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/community-menu_cf53ce41.webp) no-repeat right;
  background-size: 0.17rem 0.09rem}

.no-webp .menu-wrap .community {background-size:0.17rem 0.09rem}

.webp .menu-wrap .community {background-size:0.17rem 0.09rem}

.menu-wrap .community {
  border-bottom: none;
}

.menu-wrap .community-list {
  color: #dda3a8;
  line-height: 0.88rem;
  font-size: 0.26rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0.01rem;
  padding-right: 0.07rem;
}

.no-webp .menu-wrap .community-list li {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/community-child-menu_79b4be78.png) no-repeat;
  background-position: center right;
  background-size: 0.1rem 0.1rem}

.webp .menu-wrap .community-list li {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/community-child-menu_79b4be78.webp) no-repeat;
  background-position: center right;
  background-size: 0.1rem 0.1rem}

.no-webp .menu-wrap .community-list li {background-position:center right}

.webp .menu-wrap .community-list li {background-position:center right}

.no-webp .menu-wrap .community-list li {background-size:0.1rem 0.1rem}

.webp .menu-wrap .community-list li {background-size:0.1rem 0.1rem}

.menu-wrap .community-list li {
}

.menu-wrap .community-list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0.7rem;
}

.no-webp .menu-wrap .community-list li .naver {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/n_687b51e5.png) no-repeat left;
  background-size: 0.44rem 0.44rem}

.webp .menu-wrap .community-list li .naver {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/n_687b51e5.webp) no-repeat left;
  background-size: 0.44rem 0.44rem}

.no-webp .menu-wrap .community-list li .naver {background-size:0.44rem 0.44rem}

.webp .menu-wrap .community-list li .naver {background-size:0.44rem 0.44rem}

.menu-wrap .community-list li .naver {
}

.no-webp .menu-wrap .community-list li .youtube {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/youtube_9cb6b2cc.png) no-repeat left;
  background-size: 0.34rem 0.41rem}

.webp .menu-wrap .community-list li .youtube {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/youtube_9cb6b2cc.webp) no-repeat left;
  background-size: 0.34rem 0.41rem}

.no-webp .menu-wrap .community-list li .youtube {background-size:0.34rem 0.41rem}

.webp .menu-wrap .community-list li .youtube {background-size:0.34rem 0.41rem}

.menu-wrap .community-list li .youtube {
}

.no-webp .menu-wrap .community-list li .facebook {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/facebook_e1b07472.png) no-repeat left;
  background-size: 0.38rem 0.37rem}

.webp .menu-wrap .community-list li .facebook {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/facebook_e1b07472.webp) no-repeat left;
  background-size: 0.38rem 0.37rem}

.no-webp .menu-wrap .community-list li .facebook {background-size:0.38rem 0.37rem}

.webp .menu-wrap .community-list li .facebook {background-size:0.38rem 0.37rem}

.menu-wrap .community-list li .facebook {
}

.no-webp .menu-wrap .community-list li .twitter {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/twitter_ec1c70a0.png) no-repeat left;
  background-size: 0.37rem 0.37rem}

.webp .menu-wrap .community-list li .twitter {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/twitter_ec1c70a0.webp) no-repeat left;
  background-size: 0.37rem 0.37rem}

.no-webp .menu-wrap .community-list li .twitter {background-size:0.37rem 0.37rem}

.webp .menu-wrap .community-list li .twitter {background-size:0.37rem 0.37rem}

.menu-wrap .community-list li .twitter {
}

.no-webp .menu-wrap .community-list li .discord {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/discord_5b7dd2f3.png) no-repeat left;
  background-size: 0.43rem auto}

.webp .menu-wrap .community-list li .discord {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/discord_5b7dd2f3.webp) no-repeat left;
  background-size: 0.43rem auto}

.no-webp .menu-wrap .community-list li .discord {background-size:0.43rem auto}

.webp .menu-wrap .community-list li .discord {background-size:0.43rem auto}

.menu-wrap .community-list li .discord {
}

.right {
  padding: 1.03rem 0 0 0;
}

.right .title {
  width: 6.34rem;
  font-size: 0.3rem;
  line-height: 0.48rem;
  color: #fff;
  padding: 0 0 0.66rem 0;
  margin: 0 auto;
  text-align: justify;
}

.right .right-inner {
  position: relative;
  left: 0.01rem;
  width: 6.34rem;
  margin: 0 auto;
}

.no-webp .right .success-content {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -15.04rem -0}

.webp .right .success-content {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -15.04rem -0}

.no-webp .right .success-content {background-size:20.16rem 16.38rem}

.webp .right .success-content {background-size:20.16rem 16.38rem}

.no-webp .right .success-content {background-position:-15.04rem -0}

.webp .right .success-content {background-position:-15.04rem -0}

.right .success-content {
  width: 5.12rem;
  height: 2.54rem;
  margin: 0 auto;
}

.right .err {
  color: #f9595a;
  font-size: 0.24rem;
  text-align: justify;
}

.right .err.agreeErr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0.56rem;
}

.right .select-list-wrap {
  padding: 0 0 1rem 0;
}

.right .select-tip {
  padding: 0 0 0.26rem 0;
  color: #f8bfbf;
  font-size: 0.3rem;
  line-height: 0.3rem;
}

.right .email-wrap {
  margin: 0 0 0.54rem 0;
}

.no-webp .right .email {background:rgba(0, 0, 0, 0.7)}

.webp .right .email {background:rgba(0, 0, 0, 0.7)}

.right .email {
  font-size: 0.34rem;
  width: 6.34rem;
  height: 1rem;
  padding: 0 0 0 0.64rem;
  border-radius: 0.07rem;
  color: #fff;
  font-weight: lighter;
}

.right input::input-placeholder {
  color: #83595a;
}

.right input::-webkit-input-placeholder {
  color: #83595a;
}

.right input::-moz-placeholder {
  color: #83595a;
}

.right input::-moz-placeholder {
  color: #83595a;
}

.right input::-ms-input-placeholder {
  color: #83595a;
}

.right .bottom {
  width: 100%;
  line-height: 0.5rem;
}

.right .bottom .agree-wrap {
  width: 100%;
  color: #c39494;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.3rem;
}

.no-webp .right .bottom .agree-wrap .agree-unselect {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.46rem -4.97rem}

.webp .right .bottom .agree-wrap .agree-unselect {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.46rem -4.97rem}

.no-webp .right .bottom .agree-wrap .agree-unselect {background-size:20.16rem 16.38rem}

.webp .right .bottom .agree-wrap .agree-unselect {background-size:20.16rem 16.38rem}

.no-webp .right .bottom .agree-wrap .agree-unselect {background-position:-19.46rem -4.97rem}

.webp .right .bottom .agree-wrap .agree-unselect {background-position:-19.46rem -4.97rem}

.right .bottom .agree-wrap .agree-unselect {
  position: relative;
  top: 0.06rem;
  height: 0.36rem;
  min-width: 0.36rem;
}

.no-webp .right .bottom .agree-wrap .agree-selected {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.51rem -4.58rem}

.webp .right .bottom .agree-wrap .agree-selected {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.51rem -4.58rem}

.no-webp .right .bottom .agree-wrap .agree-selected {background-size:20.16rem 16.38rem}

.webp .right .bottom .agree-wrap .agree-selected {background-size:20.16rem 16.38rem}

.no-webp .right .bottom .agree-wrap .agree-selected {background-position:-19.51rem -4.58rem}

.webp .right .bottom .agree-wrap .agree-selected {background-position:-19.51rem -4.58rem}

.right .bottom .agree-wrap .agree-selected {
  position: relative;
  top: 0.06rem;
  height: 0.36rem;
  min-width: 0.36rem;
}

.right .bottom .agree-wrap .agree-tip {
  padding: 0 0 0 0.2rem;
  text-align: justify;
}

.no-webp .right .select-list .mobile {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/mobile-unselect_0bd22ad3.png) no-repeat center / 100% 100%}

.webp .right .select-list .mobile {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/mobile-unselect_0bd22ad3.webp) no-repeat center / 100% 100%}

.right .select-list .mobile {
  width: 6.34rem;
  height: 1rem;
  color: #fff;
  font-size: 0.34rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.right .select-list .android {
  padding: 0 0 0 1.42rem;
  margin: 0 0 0.39rem 0;
}

.right .select-list .ios {
  padding: 0 0 0 1.42rem;
}

.no-webp .right .select-list .selected {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/mobile-selected_0613cca3.png) no-repeat center / 100% 100%}

.webp .right .select-list .selected {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/mobile-selected_0613cca3.webp) no-repeat center / 100% 100%}

.right .select-list .selected {
  width: 6.34rem;
  height: 1rem;
}

.right .el-checkbox__input {
  vertical-align: top;
  line-height: 0.44rem;
}

.right .el-checkbox__label {
  font-size: 0.24rem;
  white-space: pre-line;
  line-height: 0.4rem;
}

.right .details {
  color: #c3a372;
  font-size: 0.3rem;
  margin: 0 0 0 0.56rem;
  text-decoration: underline;
}

.right .register {
  margin: 0.68rem auto 0 auto;
}

.right .register {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.32rem;
  color: #fff;
  cursor: pointer;
}

.right .right-inner-submit {
  height: 100%;
  padding: 3.24rem 0 0 0;
}

.right .right-inner-submit .submit-title {
  text-align: center;
  color: #fff;
  font-size: 0.34rem;
  padding: 0 0 0.42rem 0;
}

.right .right-inner-submit .submit-sub-title {
  text-align: center;
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.4rem;
  padding: 0 0.5rem 0.61rem;
}

.no-webp .right .right-inner-submit .line {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -0 -16.26rem}

.webp .right .right-inner-submit .line {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -0 -16.26rem}

.no-webp .right .right-inner-submit .line {background-size:20.16rem 16.38rem}

.webp .right .right-inner-submit .line {background-size:20.16rem 16.38rem}

.no-webp .right .right-inner-submit .line {background-position:-0 -16.26rem}

.webp .right .right-inner-submit .line {background-position:-0 -16.26rem}

.right .right-inner-submit .line {
  width: 5.16rem;
  height: 0.12rem;
  margin: 0 auto;
}

.right .right-inner-submit .community-list {
  font-size: 0.22rem;
  color: #6b6f73;
  margin: 0 auto;
  padding: 0.75rem 1rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.right .right-inner-submit .community-list li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  color: #dda3a8;
  font-size: 0.24rem;
}

.right .right-inner-submit .community-list li:last-child {
  margin: 0;
}

.right .right-inner-submit .community-list li .link {
  width: 0.5rem;
  height: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 0.13rem;
}

.right .right-inner-submit .community-list li .link a {
  display: block;
  width: 100%;
  height: 100%;
}

.no-webp .right .right-inner-submit .community-list li .naver {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -3rem}

.webp .right .right-inner-submit .community-list li .naver {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -3rem}

.no-webp .right .right-inner-submit .community-list li .naver {background-size:20.16rem 16.38rem}

.webp .right .right-inner-submit .community-list li .naver {background-size:20.16rem 16.38rem}

.no-webp .right .right-inner-submit .community-list li .naver {background-position:-19.21rem -3rem}

.webp .right .right-inner-submit .community-list li .naver {background-position:-19.21rem -3rem}

.right .right-inner-submit .community-list li .naver {
  width: 0.44rem;
  height: 0.44rem;
  margin: 0 auto;
}

.no-webp .right .right-inner-submit .community-list li .youtube {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.81rem -2.56rem}

.webp .right .right-inner-submit .community-list li .youtube {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.81rem -2.56rem}

.no-webp .right .right-inner-submit .community-list li .youtube {background-size:20.16rem 16.38rem}

.webp .right .right-inner-submit .community-list li .youtube {background-size:20.16rem 16.38rem}

.no-webp .right .right-inner-submit .community-list li .youtube {background-position:-19.81rem -2.56rem}

.webp .right .right-inner-submit .community-list li .youtube {background-position:-19.81rem -2.56rem}

.right .right-inner-submit .community-list li .youtube {
  width: 0.34rem;
  height: 0.41rem;
  margin: 0 auto;
}

.no-webp .right .right-inner-submit .community-list li .facebook {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.11rem -4.58rem}

.webp .right .right-inner-submit .community-list li .facebook {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.11rem -4.58rem}

.no-webp .right .right-inner-submit .community-list li .facebook {background-size:20.16rem 16.38rem}

.webp .right .right-inner-submit .community-list li .facebook {background-size:20.16rem 16.38rem}

.no-webp .right .right-inner-submit .community-list li .facebook {background-position:-19.11rem -4.58rem}

.webp .right .right-inner-submit .community-list li .facebook {background-position:-19.11rem -4.58rem}

.right .right-inner-submit .community-list li .facebook {
  width: 0.38rem;
  height: 0.37rem;
  margin: 0 auto;
}

.no-webp .right .right-inner-submit .community-list li .twitter {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.61rem -3.81rem}

.webp .right .right-inner-submit .community-list li .twitter {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.61rem -3.81rem}

.no-webp .right .right-inner-submit .community-list li .twitter {background-size:20.16rem 16.38rem}

.webp .right .right-inner-submit .community-list li .twitter {background-size:20.16rem 16.38rem}

.no-webp .right .right-inner-submit .community-list li .twitter {background-position:-19.61rem -3.81rem}

.webp .right .right-inner-submit .community-list li .twitter {background-position:-19.61rem -3.81rem}

.right .right-inner-submit .community-list li .twitter {
  width: 0.38rem;
  height: 0.38rem;
  margin: 0 auto;
}

.no-webp .right .right-inner-submit .community-list li .discord {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -3.46rem}

.webp .right .right-inner-submit .community-list li .discord {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.21rem -3.46rem}

.no-webp .right .right-inner-submit .community-list li .discord {background-size:20.16rem 16.38rem}

.webp .right .right-inner-submit .community-list li .discord {background-size:20.16rem 16.38rem}

.no-webp .right .right-inner-submit .community-list li .discord {background-position:-19.21rem -3.46rem}

.webp .right .right-inner-submit .community-list li .discord {background-position:-19.21rem -3.46rem}

.right .right-inner-submit .community-list li .discord {
  width: 0.47rem;
  height: 0.33rem;
  margin: 0 auto;
}

.right .right-inner-submit .copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  margin: 1.3rem auto 0 auto;
  height: 0.37rem;
  line-height: 0.37rem;
  font-size: 0.2rem;
  color: #dda3a8;
}

.right .right-inner-submit .copy .copy-img {
  width: 0.37rem;
  height: 0.37rem;
  margin: 0 0.16rem 0 0;
}

.right .right-inner-submit .copy .copy-tip {
  text-decoration: underline;
}

.no-webp .submit-right {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/person_1ed8d7e7.png) top left no-repeat;
  background-size: contain}

.webp .submit-right {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/person_1ed8d7e7.webp) top left no-repeat;
  background-size: contain}

.no-webp .submit-right {background-size:contain}

.webp .submit-right {background-size:contain}

.submit-right {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding: 1rem 0 0 0;
}

.no-webp .btn-close {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -19.67rem -3rem}

.webp .btn-close {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -19.67rem -3rem}

.no-webp .btn-close {background-size:20.16rem 16.38rem}

.webp .btn-close {background-size:20.16rem 16.38rem}

.no-webp .btn-close {background-position:-19.67rem -3rem}

.webp .btn-close {background-position:-19.67rem -3rem}

.btn-close {
  width: 0.42rem;
  height: 0.42rem;
  position: absolute;
  top: 0.38rem;
  right: 0.38rem;
  cursor: pointer;
}

.no-webp .to-home {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/less_12886796.png) no-repeat left;
  background-size: 0.09rem 0.16rem}

.webp .to-home {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/less_12886796.webp) no-repeat left;
  background-size: 0.09rem 0.16rem}

.no-webp .to-home {background-size:0.09rem 0.16rem}

.webp .to-home {background-size:0.09rem 0.16rem}

.to-home {
  position: absolute;
  top: 0.24rem;
  right: 0.44rem;
  cursor: pointer;
  padding: 0.2rem 0 0.2rem 0.24rem;
  font-size: 0.26rem;
  color: #f0a9aa;
}

.no-webp .register-pop {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.png);
  background-size: 20.16rem 16.38rem;
  background-position: -0 -0}

.webp .register-pop {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite-5e7c6e_5e7c6e00.webp);
  background-size: 20.16rem 16.38rem;
  background-position: -0 -0}

.no-webp .register-pop {background-size:20.16rem 16.38rem}

.webp .register-pop {background-size:20.16rem 16.38rem}

.no-webp .register-pop {background-position:-0 -0}

.webp .register-pop {background-position:-0 -0}

.register-pop {
  width: 7.5rem;
  height: 16.24rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

/* Generated via BX-AE2CSS by BigXiXi */

.play {
  margin: 0 auto;
  height: 0.86rem;
  width: 0.86rem;
}

.play .zyuhecheng_176 {
  height: 0.86rem;
  width: 0.86rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 49% 177%;
  transform-origin: 49% 177%;
}

.no-webp .play .zyuhecheng_176 .zyuhecheng_176-under-svg {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite_yuhecheng_17_6_27266917.png);
  background-size: 400% 400%}

.webp .play .zyuhecheng_176 .zyuhecheng_176-under-svg {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite_yuhecheng_17_6_27266917.webp);
  background-size: 400% 400%}

.no-webp .play .zyuhecheng_176 .zyuhecheng_176-under-svg {background-size:400% 400%}

.webp .play .zyuhecheng_176 .zyuhecheng_176-under-svg {background-size:400% 400%}

.play .zyuhecheng_176 .zyuhecheng_176-under-svg {
  height: 86px;
  width: 86px;
  font-size: 0;
  -webkit-animation: sprite_yuhecheng_17_6 1s 0s steps(1) infinite normal;
  animation: sprite_yuhecheng_17_6 1s 0s steps(1) infinite normal;
}

.zi_anniubeijing2 {
  height: 0.78rem;
  width: 4rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% -1153%;
  transform-origin: 50% -1153%;
}

.no-webp .zi_anniubeijing2 .zi_anniubeijing2-under-svg {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite_i_anniubeijing_2_6677cf3a.png);
  background-size: 600% 500%}

.webp .zi_anniubeijing2 .zi_anniubeijing2-under-svg {background:url(https://www.narakamobile.com/pc/zt/20220321153811733/img/sprite_i_anniubeijing_2_6677cf3a.webp);
  background-size: 600% 500%}

.no-webp .zi_anniubeijing2 .zi_anniubeijing2-under-svg {background-size:600% 500%}

.webp .zi_anniubeijing2 .zi_anniubeijing2-under-svg {background-size:600% 500%}

.zi_anniubeijing2 .zi_anniubeijing2-under-svg {
  height: 78px;
  width: 400px;
  font-size: 36px;
  color: #fff;
  text-align: center;
  line-height: 78px;
  -webkit-animation: sprite_i_anniubeijing_2 2s 0s steps(1) infinite normal;
  animation: sprite_i_anniubeijing_2 2s 0s steps(1) infinite normal;
}

@-webkit-keyframes sprite_yuhecheng_17_6 {
  0% {
    background-position: 0px 0px;
  }

  6.7% {
    background-position: -86px 0px;
  }

  13.3% {
    background-position: -172px 0px;
  }

  20% {
    background-position: -258px 0px;
  }

  26.7% {
    background-position: 0px -86px;
  }

  33.3% {
    background-position: -86px -86px;
  }

  40% {
    background-position: -172px -86px;
  }

  46.7% {
    background-position: -258px -86px;
  }

  53.3% {
    background-position: 0px -172px;
  }

  60% {
    background-position: -86px -172px;
  }

  66.7% {
    background-position: -172px -172px;
  }

  73.3% {
    background-position: -258px -172px;
  }

  80% {
    background-position: 0px -258px;
  }

  86.7% {
    background-position: -86px -258px;
  }

  93.3% {
    background-position: -172px -258px;
  }

  100% {
    background-position: -172px -258px;
  }
}

@keyframes sprite_yuhecheng_17_6 {
  0% {
    background-position: 0px 0px;
  }

  6.7% {
    background-position: -86px 0px;
  }

  13.3% {
    background-position: -172px 0px;
  }

  20% {
    background-position: -258px 0px;
  }

  26.7% {
    background-position: 0px -86px;
  }

  33.3% {
    background-position: -86px -86px;
  }

  40% {
    background-position: -172px -86px;
  }

  46.7% {
    background-position: -258px -86px;
  }

  53.3% {
    background-position: 0px -172px;
  }

  60% {
    background-position: -86px -172px;
  }

  66.7% {
    background-position: -172px -172px;
  }

  73.3% {
    background-position: -258px -172px;
  }

  80% {
    background-position: 0px -258px;
  }

  86.7% {
    background-position: -86px -258px;
  }

  93.3% {
    background-position: -172px -258px;
  }

  100% {
    background-position: -172px -258px;
  }
}

@-webkit-keyframes sprite_i_anniubeijing_2 {
  0% {
    background-position: 0px 0px;
  }

  3.3% {
    background-position: -400px 0px;
  }

  6.7% {
    background-position: -800px 0px;
  }

  10% {
    background-position: -1200px 0px;
  }

  13.3% {
    background-position: -1600px 0px;
  }

  16.7% {
    background-position: -2000px 0px;
  }

  20% {
    background-position: 0px -78px;
  }

  23.3% {
    background-position: -400px -78px;
  }

  26.7% {
    background-position: -800px -78px;
  }

  30% {
    background-position: -1200px -78px;
  }

  33.3% {
    background-position: -1600px -78px;
  }

  36.7% {
    background-position: -2000px -78px;
  }

  40% {
    background-position: 0px -156px;
  }

  43.3% {
    background-position: -400px -156px;
  }

  46.7% {
    background-position: -800px -156px;
  }

  50% {
    background-position: -1200px -156px;
  }

  53.3% {
    background-position: -1600px -156px;
  }

  56.7% {
    background-position: -2000px -156px;
  }

  60% {
    background-position: 0px -234px;
  }

  63.3% {
    background-position: -400px -234px;
  }

  66.7% {
    background-position: -800px -234px;
  }

  70% {
    background-position: -1200px -234px;
  }

  73.3% {
    background-position: -1600px -234px;
  }

  76.7% {
    background-position: -2000px -234px;
  }

  80% {
    background-position: 0px -312px;
  }

  83.3% {
    background-position: -400px -312px;
  }

  86.7% {
    background-position: -800px -312px;
  }

  90% {
    background-position: -1200px -312px;
  }

  93.3% {
    background-position: -1600px -312px;
  }

  96.7% {
    background-position: -2000px -312px;
  }

  100% {
    background-position: -2000px -312px;
  }
}

@keyframes sprite_i_anniubeijing_2 {
  0% {
    background-position: 0px 0px;
  }

  3.3% {
    background-position: -400px 0px;
  }

  6.7% {
    background-position: -800px 0px;
  }

  10% {
    background-position: -1200px 0px;
  }

  13.3% {
    background-position: -1600px 0px;
  }

  16.7% {
    background-position: -2000px 0px;
  }

  20% {
    background-position: 0px -78px;
  }

  23.3% {
    background-position: -400px -78px;
  }

  26.7% {
    background-position: -800px -78px;
  }

  30% {
    background-position: -1200px -78px;
  }

  33.3% {
    background-position: -1600px -78px;
  }

  36.7% {
    background-position: -2000px -78px;
  }

  40% {
    background-position: 0px -156px;
  }

  43.3% {
    background-position: -400px -156px;
  }

  46.7% {
    background-position: -800px -156px;
  }

  50% {
    background-position: -1200px -156px;
  }

  53.3% {
    background-position: -1600px -156px;
  }

  56.7% {
    background-position: -2000px -156px;
  }

  60% {
    background-position: 0px -234px;
  }

  63.3% {
    background-position: -400px -234px;
  }

  66.7% {
    background-position: -800px -234px;
  }

  70% {
    background-position: -1200px -234px;
  }

  73.3% {
    background-position: -1600px -234px;
  }

  76.7% {
    background-position: -2000px -234px;
  }

  80% {
    background-position: 0px -312px;
  }

  83.3% {
    background-position: -400px -312px;
  }

  86.7% {
    background-position: -800px -312px;
  }

  90% {
    background-position: -1200px -312px;
  }

  93.3% {
    background-position: -1600px -312px;
  }

  96.7% {
    background-position: -2000px -312px;
  }

  100% {
    background-position: -2000px -312px;
  }
}