@charset "utf-8";
@font-face {
  font-family: 'zxhlyt';
  src: url("https://paninitownkr.kurogames-global.com/css/font/BMHANNA_11yrs_ttf_c064e45.ttf") format("truetype");
}
:root {
  --doc-height: 100%;
}
/* CSS Document */
blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
input,
select {
  -webkit-appearance: none;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: 'zxhlyt';
}
* {
  outline: none;
  webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
abbr,
body,
fieldset,
html,
iframe,
img {
  border: 0;
}
img {
  -webkit-user-drag: none;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0px 1000px #d6d6d6 inset !important;
          box-shadow: 0 0 0px 1000px #d6d6d6 inset !important;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  border: 1px solid #333;
}
a,
button {
  cursor: pointer;
}
b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: bold;
}
a,
a:hover {
  text-decoration: none;
}
body,
button {
  color: #fff;
}
body,
html {
  width: 100vw;
  height: 100vh;
  height: var(--doc-height);
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: .28rem;
  font-family: "zxhlyt";
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
html {
  font-size: 0.2rem;
}
[class^="btn-"] {
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
[class^="btn-"]:hover {
  opacity: 0.9;
}
.hide {
  display: none !important;
  z-index: -1;
}
.toast {
  position: absolute;
  z-index: 1000;
  -webkit-border-radius: 0.3rem;
          border-radius: 0.3rem;
  width: 4.5rem;
  padding: 0.15rem;
  height: auto;
  background-color: rgba(126, 126, 230, 0.8);
  line-height: 0.6rem;
  color: #fff;
  left: 50%;
  top: 50%;
  margin-left: -2.25rem;
  margin-top: -0.75rem;
  font-size: 0.33rem;
  text-align: center;
  opacity: 0;
  pointer-events: none;
}
@-webkit-keyframes in {
  0% {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes in {
  0% {
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
}
@keyframes out {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
}
.toast.in {
  -webkit-animation: in 0.5s ease forwards;
          animation: in 0.5s ease forwards;
}
.toast.out {
  -webkit-animation: out 0.5s ease forwards;
          animation: out 0.5s ease forwards;
}
/* iPhone 6 竖屏样式 */
@media only screen and (min-device-width: 375px) and (max-device-width: 375px) and (min-device-height: 667px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  /* 在这里添加你的样式 */
  body {
    overflow: auto;
  }
}
.request-id {
  position: fixed;
  right: .2rem;
  bottom: .08rem;
  word-break: break-all;
  font-size: .28rem;
  white-space: nowrap;
  z-index: 100;
  color: rgba(255, 255, 255, 0.3);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}
.request-id.black {
  color: rgba(0, 0, 0, 0.6);
}
.scroll-content {
  padding-right: .2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  backface-visibility: hidden;
}
.custom-vertical-scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.2rem !important;
  height: 100%;
  background: transparent;
}
.custom-vertical-scrollbar::after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -0.01rem;
  top: 0;
  width: .026rem;
  height: 100%;
  border: 1rem;
  background: #5c5c5c;
}
.custom-vertical-scrollbar .custom-vertical-indicator {
  position: relative;
  width: .2rem !important;
  height: .2rem !important;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: url("https://paninitownkr.kurogames-global.com/img/component/scrollbar_thumb_5e95659.png") center center / 100% 100% no-repeat !important;
  z-index: 1;
}
.bscroll-vertical-scrollbar {
  width: 0.2rem !important;
  background: transparent;
}
.bscroll-vertical-scrollbar::after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -0.01rem;
  top: 0;
  width: .026rem;
  height: 100%;
  border: 1rem;
  background: #5c5c5c;
}
.bscroll-vertical-scrollbar .bscroll-indicator {
  border: none !important;
  width: .2rem !important;
  height: .2rem !important;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: url("https://paninitownkr.kurogames-global.com/img/component/scrollbar_thumb_5e95659.png") center center / 100% 100% no-repeat !important;
  z-index: 1;
}
.loading {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: url("https://paninitownkr.kurogames-global.com/img/loading/bg_400e8b8.jpg") center / cover no-repeat;
}
.loading .progress-wrap {
  position: absolute;
  bottom: 2.95rem;
  left: 50%;
  margin-left: -4rem;
  width: 8rem;
  height: .2rem;
  background-color: rgba(51, 51, 51, 0.3);
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
}
.loading .progress-wrap .progress-bar {
  width: auto;
  height: 100%;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #d8ff3b;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.loading .progress-text {
  position: absolute;
  bottom: 2.43rem;
  left: 50%;
  margin-left: -0.83rem;
  width: 1.66rem;
  height: .19rem;
  background: url("https://paninitownkr.kurogames-global.com/img/loading/loading_text_7006d42.png") left center / 1.66rem 100% no-repeat;
  -webkit-animation: changeWidth 1s steps(3, jump-end) infinite;
          animation: changeWidth 1s steps(3, jump-end) infinite;
}
@-webkit-keyframes changeWidth {
  0% {
    width: 1.4rem;
  }
  33.33% {
    width: 1.5rem;
  }
  66.67% {
    width: 1.6rem;
  }
  100% {
    width: 1.75rem;
  }
}
@keyframes changeWidth {
  0% {
    width: 1.4rem;
  }
  33.33% {
    width: 1.5rem;
  }
  66.67% {
    width: 1.6rem;
  }
  100% {
    width: 1.75rem;
  }
}
.main {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.landscape-tips {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 0;
}
.landscape-tips.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 99;
}
.landscape-tips .icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: .5rem;
  background: url("https://paninitownkr.kurogames-global.com/img/index/icon_landscape_8ac3017.png") center / cover no-repeat;
}
.landscape-tips .tips {
  font-size: .4rem;
  line-height: .6rem;
  color: #fff;
  text-align: center;
}
.component-wrap {
  position: absolute;
  width: 100%;
  top: .4rem;
  left: 0;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
}
.component-wrap.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 20;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}
.component-wrap .user-info {
  position: relative;
  top: 0;
  left: .4rem;
  width: 3.44rem;
  height: .88rem;
  background: url("https://paninitownkr.kurogames-global.com/img/component/userinfo_wrap_6d7d34e.png") center / 100% 100% no-repeat;
}
.component-wrap .user-info .avatar {
  position: absolute;
  top: .1rem;
  left: .1rem;
  width: .68rem;
  height: .68rem;
}
.component-wrap .user-info .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.component-wrap .user-info .name {
  position: absolute;
  left: 1.05rem;
  top: .15rem;
  width: 2.2rem;
  height: .35rem;
  line-height: .28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.component-wrap .btn-wrap {
  position: absolute;
  top: 0;
  right: 1rem;
  width: 8.05rem;
  scale: 1.2;
}
.component-wrap .btn-wrap .collect-progress {
  position: absolute;
  left: 0;
  width: 1.2rem;
  height: .6rem;
  line-height: .55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: url("https://paninitownkr.kurogames-global.com/img/component/btn_lottery_num_c306178.png") center / cover no-repeat;
}
.component-wrap .btn-wrap .btn-to-lottery {
  position: absolute;
  left: 1.3rem;
  width: 1.2rem;
  height: .6rem;
  background: url("https://paninitownkr.kurogames-global.com/img/component/btn_lottery_9da28d8.png") center / cover no-repeat;
}
.component-wrap .btn-wrap .btn-music {
  position: absolute;
  left: 2.75rem;
  width: .81rem;
  height: .6rem;
  background: url("https://paninitownkr.kurogames-global.com/img/component/btn_music_off_05d4cd9.png") center / cover no-repeat;
}
.component-wrap .btn-wrap .btn-music.active {
  background: url("https://paninitownkr.kurogames-global.com/img/component/btn_music_on_eb18311.png") center / cover no-repeat;
}
.component-wrap .btn-wrap .btn-select-music {
  position: absolute;
  left: 3.65rem;
  width: 2.71rem;
  height: .6rem;
  background: url("https://paninitownkr.kurogames-global.com/img/component/music_text_wrap_669422d.png") center / cover no-repeat;
  padding: 0 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.component-wrap .btn-wrap .btn-select-music .music-name {
  width: 2.1rem;
  height: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.component-wrap .btn-wrap .btn-select-music #musicName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.component-wrap .btn-wrap .btn-select-music .icon {
  position: absolute;
  top: .23rem;
  right: .17rem;
  width: .26rem;
  height: .15rem;
  background: url("https://paninitownkr.kurogames-global.com/img/component/icon_drop_290a4f5.png") center / cover no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.component-wrap .btn-wrap .btn-select-music.active .icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.component-wrap .btn-wrap .music-list-wrap {
  position: absolute;
  left: 3.65rem;
  width: 2.7rem;
  top: .25rem;
  height: 0;
  opacity: 0;
  background: url("https://paninitownkr.kurogames-global.com/img/component/music_drop_wrap_3df73e0.png") center / 100% 100% no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
  visibility: hidden;
  pointer-events: none;
}
.component-wrap .btn-wrap .music-list-wrap.active {
  height: 1.75rem;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.component-wrap .btn-wrap .music-list-wrap .music-list {
  position: absolute;
  top: .4rem;
  left: 50%;
  margin-left: -1.25rem;
  width: 2.5rem;
  height: 1.2rem;
  overflow: hidden;
}
.component-wrap .btn-wrap .music-list-wrap .music-list .music-item {
  position: relative;
  width: 2rem;
  height: .4rem;
  line-height: .45rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.1rem;
}
.component-wrap .btn-wrap .music-list-wrap .music-list .music-item.active {
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
  background: #202020;
}
.component-wrap .btn-wrap .btn-rule {
  position: absolute;
  right: .86rem;
  width: .6rem;
  height: .6rem;
  background: url("https://paninitownkr.kurogames-global.com/img/component/btn_rule_40ba327.png") center / cover no-repeat;
}
.component-wrap .btn-wrap .btn-share {
  position: absolute;
  right: 0;
  width: .6rem;
  height: .6rem;
  background: url("https://paninitownkr.kurogames-global.com/img/component/btn_share_028c2b6.png") center / cover no-repeat;
}
.kv {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: url("https://paninitownkr.kurogames-global.com/img/index/bg_cb60661.jpg") center / cover no-repeat;
  display: none;
}
.kv.show {
  display: block;
}
.kv .btn-enter {
  position: absolute;
  left: 50%;
  margin-left: -1.79rem;
  bottom: .92rem;
  width: 3.58rem;
  height: .88rem;
  background: url("https://paninitownkr.kurogames-global.com/img/index/btn_enter_7afcd11.png") center / cover no-repeat;
}
.kv .btn-enter::after {
  content: "";
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
  margin-left: -0.22rem;
  width: .44rem;
  height: .51rem;
  background: url("https://paninitownkr.kurogames-global.com/img/index/enter_tips_c59d9d3.png") center / cover no-repeat;
  -webkit-animation: 2s float linear infinite;
          animation: 2s float linear infinite;
}
@-webkit-keyframes float {
  50% {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
}
@keyframes float {
  50% {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
}
.map-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: none;
}
.map-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 100%;
  height: 1.7rem;
  background: url("https://paninitownkr.kurogames-global.com/img/map/bg_before_dff2d36.png") center / auto 100% repeat;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}
.map-container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://paninitownkr.kurogames-global.com/img/map/border_1_818f446.png") left top / 0.5rem 0.5rem no-repeat, url("https://paninitownkr.kurogames-global.com/img/map/border_2_724fd9f.png") right top / 0.5rem 0.5rem no-repeat, url("https://paninitownkr.kurogames-global.com/img/map/border_3_8e4d75e.png") right bottom / 0.5rem 0.5rem no-repeat, url("https://paninitownkr.kurogames-global.com/img/map/border_4_69f571f.png") left bottom / 0.5rem 0.5rem no-repeat, url("https://paninitownkr.kurogames-global.com/img/map/border_d67bae4.png") top / 100% 0.12rem no-repeat, url("https://paninitownkr.kurogames-global.com/img/map/border_d67bae4.png") right / 0.12rem 100% no-repeat, url("https://paninitownkr.kurogames-global.com/img/map/border_d67bae4.png") left / 0.12rem 100% no-repeat, url("https://paninitownkr.kurogames-global.com/img/map/border_d67bae4.png") bottom / 100% 0.12rem no-repeat;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}
.map-container.show {
  display: block;
}
.map-container .guide {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url("https://paninitownkr.kurogames-global.com/img/map/guide_5811a88.png") center / cover no-repeat;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
.map-container .guide.show {
  opacity: 1;
  visibility: visible;
  z-index: 15;
  -webkit-transform: translate3d(-50%, -50%, 1px);
          transform: translate3d(-50%, -50%, 1px);
}
.map-container .stage-container {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  background-color: #fff;
}
.map-container .stage-container canvas {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.map-container .stage-container canvas.none {
  pointer-events: none;
}
.map-container .map-controller-wrap {
  position: absolute;
  bottom: .4rem;
  right: .35rem;
  height: 7.75rem;
  width: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
  z-index: 0;
}
.map-container .map-controller-wrap.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 14;
  -webkit-transform: translate3d(0, 0, 1px);
          transform: translate3d(0, 0, 1px);
}
.map-container .map-controller-wrap .map-scale {
  height: 6.95rem;
  width: .36rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.map-container .map-controller-wrap .map-scale .btn-near {
  width: .36rem;
  height: .36rem;
  background: url("https://paninitownkr.kurogames-global.com/img/map/btn_near_c950949.png") center / cover no-repeat;
}
.map-container .map-controller-wrap .map-scale .vertical-slider {
  width: 6rem;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.map-container .map-controller-wrap .map-scale .vertical-slider::-webkit-slider-runnable-track {
  width: 100%;
  background: #333;
  height: .06rem;
  -webkit-border-radius: 1rem;
          border-radius: 1rem;
}
.map-container .map-controller-wrap .map-scale .vertical-slider::-webkit-slider-thumb {
  width: .2rem;
  height: .2rem;
  margin-top: -0.06rem;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  background: #bbff37;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.map-container .map-controller-wrap .map-scale .btn-far {
  width: .36rem;
  height: .36rem;
  background: url("https://paninitownkr.kurogames-global.com/img/map/btn_far_9b6ee48.png") center / cover no-repeat;
}
.map-container .map-controller-wrap .btn-reset {
  width: .6rem;
  height: .6rem;
  background: url("https://paninitownkr.kurogames-global.com/img/map/btn_reset_94745c1.png") center / cover no-repeat;
  scale: 1.2;
}
.lottery-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/bg_7933b13.jpg") center / cover no-repeat;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
}
.lottery-container.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 15;
}
.lottery-container .btn-back {
  position: absolute;
  top: 1.5rem;
  right: .25rem;
  width: .6rem;
  height: .6rem;
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/btn_back_c92ed45.png") center / cover no-repeat;
  z-index: 20;
  scale: 1.2;
}
.lottery-container .lottery-prize-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-8.5rem, -3.5rem);
      -ms-transform: translate(-8.5rem, -3.5rem);
          transform: translate(-8.5rem, -3.5rem);
  width: 8.5rem;
  height: 5.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.lottery-container .lottery-prize-wrap .tips {
  font-size: .32rem;
  line-height: 1.5;
  color: #fff;
}
.lottery-container .lottery-prize-wrap .btn-my-prize {
  position: absolute;
  top: .6rem;
  right: .2rem;
  width: 1.54rem;
  height: .44rem;
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/btn_my_prize_bf9bc69.png") center / 100% 100% no-repeat;
}
.lottery-container .lottery-prize-wrap .prize-wrap {
  width: 100%;
  height: 4.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.lottery-container .lottery-prize-wrap .prize-wrap .prize-item {
  position: relative;
  width: 2.4rem;
  height: 3.04rem;
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/prize_wrap_66d094e.png") center / 100% 100% no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lottery-container .lottery-prize-wrap .prize-wrap .prize-item .prize-img {
  width: 2.24rem;
  height: 2.24rem;
}
.lottery-container .lottery-prize-wrap .prize-wrap .prize-item .prize-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lottery-container .lottery-prize-wrap .prize-wrap .prize-item .prize-name {
  width: 2.3rem;
  height: .67rem;
  line-height: .67rem;
  font-size: .26rem;
  color: #333;
  text-align: center;
}
.lottery-container .lottery-prize-wrap .prize-wrap .prize-item .prize-num {
  position: absolute;
  bottom: .88rem;
  right: -0.16rem;
  width: auto;
  min-width: 1rem;
  padding: 0 .16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: .42rem;
  line-height: .42rem;
  font-size: .38rem;
  text-align: center;
  color: #333;
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/prize_num_wrap_9b7bc8c.png") center / 100% 100% no-repeat;
}
.lottery-container .lottery-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-8.5rem, 2rem);
      -ms-transform: translate(-8.5rem, 2rem);
          transform: translate(-8.5rem, 2rem);
  width: 8.5rem;
  height: 2.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.lottery-container .lottery-wrap .lottery-chance {
  margin: 0 2.56rem;
  width: 3.37rem;
  height: .48rem;
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/lottery_chance_bd84653.png") center / 100% 100% no-repeat;
}
.lottery-container .lottery-wrap .lottery-chance p {
  margin-left: 2.65rem;
  height: .48rem;
  line-height: .52rem;
  font-size: .32rem;
  color: #bbff37;
  letter-spacing: .03rem;
}
.lottery-container .lottery-wrap .btn-lottery {
  position: relative;
  width: 3.58rem;
  height: .88rem;
}
.lottery-container .lottery-wrap .btn-lottery::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  bottom: -0.4rem;
  line-height: .4rem;
  font-size: .24rem;
  color: #000;
}
.lottery-container .lottery-wrap .btn-lottery.lottery1 {
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/btn_lottery_1_397da47.png") center / cover no-repeat;
}
.lottery-container .lottery-wrap .btn-lottery.lottery2 {
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/btn_lottery_2_e302c79.png") center / cover no-repeat;
}
.pop {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.pop .content {
  scale: 1.4;
}
.pop.show {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate3d(0, 0, 2px);
          transform: translate3d(0, 0, 2px);
}
.pop.pop-rule .content {
  position: relative;
  width: 6.88rem;
  height: 4.88rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/popup_wrap_1_82940f3.png") center / cover no-repeat;
}
.pop.pop-rule .content .title {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.5rem;
  font-size: .42rem;
  color: #000;
  width: 3rem;
  height: .7rem;
  line-height: .9rem;
  text-align: center;
}
.pop.pop-rule .content .btn-close {
  position: absolute;
  top: .15rem;
  right: .15rem;
  width: .54rem;
  height: .54rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_close_f71444c.png") center / cover no-repeat;
}
.pop.pop-rule .content .text-wrap {
  position: absolute;
  width: 6.3rem;
  height: 3.5rem;
  top: 1rem;
  left: 50%;
  margin-left: -3.1rem;
  font-size: .24rem;
  line-height: .3rem;
  color: #333;
  overflow: hidden;
}
.pop.pop-bgm .content {
  position: relative;
  width: 6.88rem;
  height: 4.88rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/popup_wrap_1_82940f3.png") center / cover no-repeat;
}
.pop.pop-bgm .content .title {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.5rem;
  font-size: .42rem;
  color: #000;
  width: 3rem;
  height: .7rem;
  line-height: .9rem;
  text-align: center;
}
.pop.pop-bgm .content .btn-close {
  position: absolute;
  top: .15rem;
  right: .15rem;
  width: .54rem;
  height: .54rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_close_f71444c.png") center / cover no-repeat;
}
.pop.pop-bgm .content .music-wrap {
  position: absolute;
  width: 6.2rem;
  height: 3.36rem;
  top: 1.1rem;
  left: 50%;
  margin-left: -3.05rem;
  overflow: hidden;
}
.pop.pop-bgm .content .music-wrap .music-item {
  position: relative;
  width: 5.8rem;
  height: .6rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/music_name_wrap_a712685.png") center / 100% 100% no-repeat;
  margin-top: .3rem;
  font-size: .28rem;
  line-height: .65rem;
  color: #333;
  padding-left: .4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop.pop-bgm .content .music-wrap .music-item:nth-of-type(1) {
  margin-top: 0;
}
.pop.pop-bgm .content .music-wrap .music-item .btn-music-play {
  position: absolute;
  right: .35rem;
  top: .14rem;
  width: .32rem;
  height: .32rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_play_3939c9a.png") center / cover no-repeat;
}
.pop.pop-bgm .content .music-wrap .music-item.active .btn-music-play {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_pause_a6d518d.png") center / cover no-repeat;
}
.pop.pop-share .content {
  position: relative;
  width: 7.6rem;
  height: 6.2rem;
}
.pop.pop-share .content .share-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.88rem;
  height: 5.81rem;
}
.pop.pop-share .content .share-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pop.pop-share .content .btn-close {
  position: absolute;
  top: .8rem;
  right: 0;
  width: .54rem;
  height: .54rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_close_f71444c.png") center / cover no-repeat;
}
.pop.pop-share .content .btn-wrap {
  position: absolute;
  top: 3.38rem;
  right: 0;
  width: .6rem;
  height: 2.75rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_wrap_b07755f.png") center / cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.pop.pop-share .content .btn-wrap [class^="btn-"] {
  width: .4rem;
  height: .4rem;
}
.pop.pop-share .content .btn-wrap .btn-copy {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_copy_7093bfd.png") center / cover no-repeat;
}
.pop.pop-share .content .btn-wrap .btn-copy.active {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_copy_h_ccb8ed5.png") center / cover no-repeat;
}
.pop.pop-share .content .btn-wrap .btn-naver {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_naver_4f2d6db.png") center / cover no-repeat;
}
.pop.pop-share .content .btn-wrap .btn-naver.active {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_naver_h_321c3b0.png") center / cover no-repeat;
}
.pop.pop-share .content .btn-wrap .btn-twitter {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_twitter_c57bf7a.png") center / cover no-repeat;
}
.pop.pop-share .content .btn-wrap .btn-twitter.active {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_twitter_h_cfa9d1a.png") center / cover no-repeat;
}
.pop.pop-share .content .btn-wrap .btn-discord {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_discord_96cf26d.png") center / cover no-repeat;
}
.pop.pop-share .content .btn-wrap .btn-discord.active {
  background: url("https://paninitownkr.kurogames-global.com/img/popup/share_btn_discord_h_0a1b054.png") center / cover no-repeat;
}
.pop.pop-share .content .tips {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.pop.pop-lottery-result {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pop.pop-lottery-result .content {
  position: relative;
  width: 11.5rem;
  height: 6.9rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/lottery_wrap_41cbdc3.png") center / cover no-repeat;
  scale: 1.2;
}
.pop.pop-lottery-result .content .btn-close {
  position: absolute;
  right: .12rem;
  top: .32rem;
  width: .54rem;
  height: .54rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_close_f71444c.png") center / cover no-repeat;
}
.pop.pop-lottery-result .content .title {
  position: absolute;
  top: .35rem;
  left: 50%;
  margin-left: -2.5rem;
  width: 5rem;
  height: .48rem;
  text-align: center;
  color: #cdf238;
  font-size: .48rem;
  line-height: .44rem;
}
.pop.pop-lottery-result .content .lottery-wrap {
  position: absolute;
  top: 1.1rem;
  left: 50%;
  margin-left: -4.35rem;
  width: 8.7rem;
  height: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}
.pop.pop-lottery-result .content .lottery-wrap .prize-item {
  position: relative;
  width: 1.5rem;
  height: 1.9rem;
  background: url("https://paninitownkr.kurogames-global.com/img/lottery/prize_wrap_66d094e.png") center / 100% 100% no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pop.pop-lottery-result .content .lottery-wrap .prize-item .prize-img {
  width: 1.42rem;
  height: 1.42rem;
}
.pop.pop-lottery-result .content .lottery-wrap .prize-item .prize-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pop.pop-lottery-result .content .lottery-wrap .prize-item .prize-name {
  width: 1.44rem;
  height: .42rem;
  line-height: .5rem;
  font-size: .24rem;
  color: #333;
  text-align: center;
}
.pop.pop-lottery-result .content .tips {
  position: absolute;
  top: 5.9rem;
  left: 50%;
  margin-left: -1.5rem;
  width: 3rem;
  height: .24rem;
  color: #fff;
  font-size: .24rem;
  line-height: .2rem;
  text-align: center;
}
.pop.pop-lottery-result .btn-get {
  width: 3.04rem;
  height: .74rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_get_81fb19a.png") center / cover no-repeat;
  z-index: 1;
}
.pop.pop-lottery-error .content {
  position: relative;
  width: 6.88rem;
  height: 5.18rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/popup_wrap_3_44320c5.png") center / cover no-repeat;
}
.pop.pop-lottery-error .content .title {
  position: absolute;
  top: .1rem;
  left: .45rem;
  font-size: .42rem;
  line-height: .6rem;
  color: #cdf238;
}
.pop.pop-lottery-error .content .btn-close {
  position: absolute;
  right: .12rem;
  top: .08rem;
  width: .54rem;
  height: .54rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_close_f71444c.png") center / cover no-repeat;
}
.pop.pop-lottery-error .content .text-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -1.7rem);
      -ms-transform: translate(-50%, -1.7rem);
          transform: translate(-50%, -1.7rem);
  height: 3.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pop.pop-lottery-error .content .text-wrap .tips-pic {
  width: 3.61rem;
  height: 2.82rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/lottery_error_9e2d971.png") center / cover no-repeat;
}
.pop.pop-lottery-error .content .text-wrap .btn-to-map {
  width: 3.04rem;
  height: .74rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_get_chance_8d704f9.png") center / 100% 100% no-repeat;
}
.pop.pop-prize .content {
  position: relative;
  width: 6.88rem;
  height: 5.18rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/popup_wrap_3_44320c5.png") center / cover no-repeat;
}
.pop.pop-prize .content .title {
  position: absolute;
  top: .1rem;
  left: .45rem;
  font-size: .42rem;
  line-height: .6rem;
  color: #cdf238;
}
.pop.pop-prize .content .btn-close {
  position: absolute;
  right: .12rem;
  top: .08rem;
  width: .54rem;
  height: .54rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_close_f71444c.png") center / cover no-repeat;
}
.pop.pop-prize .content .prize-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-3.05rem, -1.75rem);
      -ms-transform: translate(-3.05rem, -1.75rem);
          transform: translate(-3.05rem, -1.75rem);
  width: 6.2rem;
  height: 4rem;
  overflow: hidden;
}
.pop.pop-prize .content .prize-wrap .tips {
  position: absolute;
  font-size: .4rem;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  color: #333;
}
.pop.pop-prize .content .prize-wrap .prize-item {
  position: relative;
  width: 5.86rem;
  height: 1.21rem;
  margin-bottom: .1rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/get_prize_wrap_3d47742.png") center / cover no-repeat;
}
.pop.pop-prize .content .prize-wrap .prize-item .prize-img {
  position: absolute;
  left: .13rem;
  top: .11rem;
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/prize_wrap_2706c3d.png") center / 100% 100% no-repeat;
}
.pop.pop-prize .content .prize-wrap .prize-item .prize-img img {
  width: .92rem;
  height: .92rem;
  object-fit: cover;
}
.pop.pop-prize .content .prize-wrap .prize-item .prize-name {
  position: absolute;
  left: 1.44rem;
  top: .2rem;
  font-size: .32rem;
  color: #333;
}
.pop.pop-prize .content .prize-wrap .prize-item .prize-code {
  position: absolute;
  left: 1.44rem;
  width: 2.8rem;
  top: .6rem;
  height: .26rem;
  font-size: .26rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pop.pop-prize .content .prize-wrap .prize-item .prize-time {
  position: absolute;
  left: 1.44rem;
  top: .95rem;
  font-size: .2rem;
  line-height: .16rem;
  color: #999;
}
.pop.pop-prize .content .prize-wrap .prize-item .prize-btn-copy {
  position: absolute;
  right: .19rem;
  top: .36rem;
  width: 1.34rem;
  height: .5rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_copy_1a648a1.png") center / 100% 100% no-repeat;
}
.pop.pop-prize .tips-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, 3.6rem);
      -ms-transform: translate(-50%, 3.6rem);
          transform: translate(-50%, 3.6rem);
  font-size: .3rem;
  line-height: .5rem;
  text-align: center;
}
.pop.pop-text .content {
  position: relative;
  width: 6.88rem;
  height: 5.18rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/popup_wrap_3_44320c5.png") center / cover no-repeat;
}
.pop.pop-text .content .title {
  position: absolute;
  top: .1rem;
  left: .45rem;
  font-size: .42rem;
  line-height: .6rem;
  color: #cdf238;
}
.pop.pop-text .content .btn-close {
  position: absolute;
  right: .12rem;
  top: .08rem;
  width: .54rem;
  height: .54rem;
  background: url("https://paninitownkr.kurogames-global.com/img/popup/btn_close_f71444c.png") center / cover no-repeat;
}
.pop.pop-text .content .text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: .36rem;
  color: #333;
  width: 90%;
  text-align: center;
}
.deviceVertical #stage {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(-90deg) translateX(-100%);
      -ms-transform: rotate(-90deg) translateX(-100%);
          transform: rotate(-90deg) translateX(-100%);
  z-index: 1;
}