:root {
  font-family: '\5FAE\8F6F\96C5\9ED1', Tahoma, SimSun, Verdana;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
img {
  -webkit-touch-callout: default !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
   -ms-user-select: auto !important;
       user-select: auto !important;
}
button {
  outline: none;
  border: none;
  background: none;
}
wx-button:not([size=mini]) {
  margin-left: 0;
  margin-right: 0;
}
a {
  font-weight: 500;
  color: #fff;
  text-decoration: inherit;
}
body {
  margin: 0;
  line-height: 1;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
p {
  margin: 0;
}
/* rem，vw，vh使用注意 

1、IE9及以上支持rem，但9-10伪类不支持rem
2、iOS8及以上全线支持vw, vh, vmin, vmax
3、IE9及以上支持vw，vh，不支持vmax，vmin
4、Android4.4以上全线支持

*/
/* --- 兼容不支持vw的设备 start --- */
html {
  font-size: 50PX;
}
@media screen and (max-width: 768px) and (min-width: 414px) {
  html {
    font-size: 55.2PX;
  }
}
/* --- 兼容不支持vw的设备 end --- */
/* --- 移动端竖版，设计稿750px对应100vw，倍率100 start --- */
@media screen and (max-width: 768px) {
  html {
    font-size: 13.333vw;
  }
}
/* --- 移动端竖版，设计稿750px对应100vw，倍率100 end --- */
/* --- pad端，设计稿1920px对应100vw，倍率100 start --- */
@media screen and (min-width: 1024px) {
  html {
    font-size: 6.158vh;
  }
  .m_wrap {
    width: 7.5rem;
    height: 16.24rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #videoCanvas {
    width: 7.5rem !important;
    height: 16.24rem !important;
    top: 0 !important;
    left: 0 !important;
  }
}
/* --- PC端，设计稿1920px对应100vw，倍率100 start --- */
/* --- PC端，设计稿1920px对应100vw，倍率100 end --- */
.m_horizontal {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.m_horizontal .m_wrap {
  position: relative;
  overflow: hidden;
  width: 100vh;
  height: 100vw;
}
@media all and (orientation: landscape) {
  html .m_horizontal {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  html .m_horizontal .m_wrap {
    width: 100vw;
    height: 100vh;
  }
}
.hide {
  display: none;
}
.full {
  width: 100%;
  height: 100%;
}
.abs {
  position: absolute;
}
.l0 {
  left: 0;
}
.t0 {
  top: 0;
}
.lhalf {
  left: 50%;
}
.thalf {
  top: 50%;
}
.absf {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.abcter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.lcter {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.tcter {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.fcter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fdc {
  flex-direction: column;
}
.sizcont {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.sizcover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.ol {
  border: 0.01rem solid #fff;
  -o-border-image: linear-gradient(to top, #f80, #2ed);
     border-image: linear-gradient(to top, #f80, #2ed);
  border-image-slice: 10;
  box-sizing: border-box;
}
.m-icon-loading {
  position: fixed;
  z-index: 999;
}
.m-icon-loading .inner {
  width: 1.2rem;
  height: 1.2rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.1rem;
}
.m-icon-loading .inner svg path,
.m-icon-loading .inner svg rect {
  fill: #fff;
}
.m-msg {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 10000;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.m-msg .container {
  position: absolute;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.m-msg .item {
  position: relative;
  max-width: 5.3rem;
  min-width: 2.3rem;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.5rem;
  font-size: 0.23rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  opacity: 0.4;
  -webkit-animation: msgIn 0.2s ease-in both;
          animation: msgIn 0.2s ease-in both;
}
.m-msg .item .content {
  padding: 0.2rem 0.33rem;
}
.m-msg .item i {
  color: #ffc039;
}
.m-msg .item::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 0.16rem;
  content: "点击任意位置继续";
  bottom: -0.15rem;
}
.m-msg .item.notips::after {
  display: none;
}
@-webkit-keyframes msgIn {
  0% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
}
@keyframes msgIn {
  0% {
    opacity: 0.4;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
}
.pop_common {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 200;
  -webkit-perspective: 10rem;
          perspective: 10rem;
  position: fixed;
}
.pop_common .container {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation: cardFlipIn 0.6s 0.3s cubic-bezier(0.25, 1.47, 0.6, 0.99) both;
          animation: cardFlipIn 0.6s 0.3s cubic-bezier(0.25, 1.47, 0.6, 0.99) both;
}
@-webkit-keyframes cardFlipIn {
  from {
    opacity: 0.1;
    -webkit-transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
            transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
  }
}
@keyframes cardFlipIn {
  from {
    opacity: 0.1;
    -webkit-transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
            transform: translate(-50%, 0%) rotate3d(-0.3, 0, 0, 30deg);
  }
}
@font-face {
  font-family: 'yaku55';
  src: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/font/yaku55.ttf');
}
@font-face {
  font-family: 'yaku65';
  src: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/font/yaku65.ttf');
}
@font-face {
  font-family: 'yaku75';
  src: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/font/yaku75.ttf');
}
.fzdou-l {
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
}
.btn-anim::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.05rem;
  pointer-events: none;
}
body {
  background-color: #000000;
  font-size: 0.25rem;
  touch-action: none;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-120deg);
            transform: rotate(-120deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-120deg);
            transform: rotate(-120deg);
  }
}
.m-loading {
  background-color: #000;
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/loading_bg2.jpg');
  background-size: cover;
  background-position: center;
}
.m-loading .loading-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.8rem;
}
.m-loading .loading-line {
  width: 1rem;
  height: 1.52rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/loading_logo_line.png') center / contain no-repeat;
  position: absolute;
  mask-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/logo_mask2.png');
  -webkit-mask-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/logo_mask2.png');
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.m-loading .loading-line:after {
  content: '';
  display: block;
  position: absolute;
  top: -0.2rem;
  left: -0.5rem;
  width: 1.12rem;
  height: 1.94rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/logo_mask.png') center / contain no-repeat;
  width: 1.32rem;
  background-size: 100% 100%;
  -webkit-transform-origin: 100% 55%;
          transform-origin: 100% 55%;
  -webkit-animation: rotate 3s ease-in-out forwards;
          animation: rotate 3s ease-in-out forwards;
}
.m-loading .loading-apng {
  width: 7.5rem;
  height: 3rem;
  margin-top: -1.44rem;
}
.m-loading .line-1 {
  left: -0.8rem;
  top: -1.25rem;
}
.m-loading .line-2 {
  left: -0.2rem;
  top: -1.25rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.m-loading .logo-circle {
  width: 0.74rem;
  height: 0.75rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/loading_logo_circle.png') center / contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.47rem;
}
.m-index {
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.m-index .index-video {
  width: 7.5rem;
  height: 16.24rem;
}
.m-index .logo-ngr {
  width: 1.05rem;
  height: 0.43rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/logo_ngr.png') center / contain no-repeat;
  position: absolute;
  left: 0.47rem;
  top: 0.52rem;
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.m-index .right-top {
  position: absolute;
  right: 0.47rem;
  top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.m-index .index-logo {
  display: none;
  width: 1.88rem;
  height: 0.49rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 100% 50%;
     object-position: 100% 50%;
  margin-bottom: 0.35rem;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.m-index .btn-rule {
  width: 0.95rem;
  height: 0.95rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_rule.png') center / contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-left: 2.4rem;
  top: unset;
  bottom: 1.98rem;
}
.m-index .btn-play-video {
  width: 1.29rem;
  height: 1.29rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_play.png') center / contain no-repeat;
}
.m-index .btn-vol {
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_vol.png') center / contain no-repeat;
  width: 0.57rem;
  height: 0.57rem;
}
.m-index .btn-vol.on {
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_vol_on.png') center / contain no-repeat;
  width: 0.57rem;
  height: 0.57rem;
}
.m-index .btn-create-name {
  width: 3.44rem;
  height: 0.93rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_create_name.png') center / contain no-repeat;
  top: unset;
  bottom: 2rem;
}
.m-select {
  display: none;
  overflow: hidden;
}
.m-select .bg {
  width: 100%;
  height: 16.24rem;
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_bg.jpg');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.m-select .select-logo {
  width: 1.57rem;
  height: 0.64rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_logo.png') center / contain no-repeat;
  left: 0.36rem;
  top: 0.67rem;
}
.m-select .select-title {
  width: 4.92rem;
  height: 1.28rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_title.png') center / contain no-repeat;
  top: 50%;
  margin-top: 2.1rem;
  pointer-events: none;
}
.m-select .char-displays {
  width: 7.5rem;
  height: 16.24rem;
  pointer-events: none;
}
@-webkit-keyframes charLoop {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.06rem);
            transform: translateY(0.06rem);
  }
}
@keyframes charLoop {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.06rem);
            transform: translateY(0.06rem);
  }
}
.m-select .char-display {
  width: 7.5rem;
  height: 16.24rem;
  background-size: contain;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  position: absolute;
}
.m-select .char-display.active {
  background-image: none;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.m-select .char-display.active .active-img {
  opacity: 1;
  -webkit-animation: charLoop 3s infinite linear;
          animation: charLoop 3s infinite linear;
}
.m-select .char-display.active .normal-img {
  opacity: 0;
}
.m-select .char-display.active .anim-flow-back,
.m-select .char-display.active .anim-flow-front {
  display: block;
}
.m-select .char-display .hitbox {
  position: absolute;
  pointer-events: auto;
}
.m-select .char-display .active-img,
.m-select .char-display .normal-img {
  pointer-events: none;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.m-select .char-display .normal-img {
  opacity: 1;
}
.m-select .char-display .anim-flow-front {
  width: 3.83rem;
  height: 4.13rem;
  background-size: contain;
  position: absolute;
  display: none;
  pointer-events: none;
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_flow_front.png');
}
.m-select .char-display .anim-flow-back {
  width: 4.25rem;
  height: 1.9rem;
  background-size: contain;
  position: absolute;
  display: none;
  pointer-events: none;
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_flow_back.png');
}
.m-select .char-display.hml .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_hml.png');
}
.m-select .char-display.hml .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_hml_on.png');
}
.m-select .char-display.hml .anim-flow-back {
  left: 1.6rem;
  top: 6.8rem;
}
.m-select .char-display.hml .anim-flow-front {
  left: 0.4rem;
  top: 7.7rem;
}
.m-select .char-display.my .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_my.png');
}
.m-select .char-display.my .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_my_on.png');
}
.m-select .char-display.my .anim-flow-back {
  left: 3.6rem;
  top: 7.6rem;
}
.m-select .char-display.my .anim-flow-front {
  left: 2.9rem;
  top: 7.9rem;
}
.m-select .char-display.sb .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_sb.png');
}
.m-select .char-display.sb .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_sb_on.png');
}
.m-select .char-display.sb .anim-flow-back {
  left: 4rem;
  top: 1.3rem;
}
.m-select .char-display.sb .anim-flow-front {
  left: 2.9rem;
  top: 1.4rem;
}
.m-select .char-display.kai .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_kai.png');
}
.m-select .char-display.kai .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_kai_on.png');
}
.m-select .char-display.kai .anim-flow-back {
  left: 3.8rem;
  top: 5.6rem;
}
.m-select .char-display.kai .anim-flow-front {
  left: 3.4rem;
  top: 6rem;
}
.m-select .char-display.jl .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_jl.png');
}
.m-select .char-display.jl .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_jl_on.png');
}
.m-select .char-display.jl .anim-flow-back {
  left: 3rem;
  top: 3.2rem;
}
.m-select .char-display.jl .anim-flow-front {
  left: 1.6rem;
  top: 4rem;
}
.m-select .char-display.wzj .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_wzj.png');
}
.m-select .char-display.wzj .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_wzj_on.png');
}
.m-select .char-display.wzj .anim-flow-back {
  left: 1.4rem;
  top: 1.5rem;
}
.m-select .char-display.wzj .anim-flow-front {
  left: 0.2rem;
  top: 1.8rem;
}
.m-select .char-display.dfy .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_dfy.png');
}
.m-select .char-display.dfy .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_dfy_on.png');
}
.m-select .char-display.dfy .anim-flow-back {
  left: 0rem;
  top: 6rem;
}
.m-select .char-display.dfy .anim-flow-front {
  left: -0.4rem;
  top: 7.5rem;
}
.m-select .char-display.xs {
  width: 9rem;
}
.m-select .char-display.xs .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_xs.png');
}
.m-select .char-display.xs .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_xs_on.png');
}
.m-select .char-display.xs .anim-flow-back {
  left: 4.4rem;
  top: 3.3rem;
}
.m-select .char-display.xs .anim-flow-front {
  left: 4rem;
  top: 3.9rem;
}
.m-select .char-display.lb {
  width: 9rem;
  margin-left: -1.5rem;
}
.m-select .char-display.lb .normal-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_lb.png');
}
.m-select .char-display.lb .active-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/select_lb_on.png');
}
.m-select .char-display.lb .anim-flow-back {
  left: 1.8rem;
  top: 4rem;
}
.m-select .char-display.lb .anim-flow-front {
  left: 1.4rem;
  top: 4.6rem;
}
.m-select .anim-bfs {
  width: 7.5rem;
  height: 8.66rem;
  background-size: contain;
  position: absolute;
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bfs.png');
  left: 0rem;
  top: 1rem;
  pointer-events: none;
}
.m-select .anim-bf {
  width: 3.26rem;
  height: 3.26rem;
  background-size: contain;
  position: absolute;
  pointer-events: none;
}
.m-select .anim-bf-wrap {
  width: 7.5rem;
  height: 16.24rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  mix-blend-mode: screen;
}
.m-select .anim-bf-wrap.jl .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_jl_hml.png');
  left: 1.8rem;
  top: 3.9rem;
}
.m-select .anim-bf-wrap.wzj .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_xs_wzj.png');
  left: 0.4rem;
  top: 1.7rem;
}
.m-select .anim-bf-wrap.sb .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_lb_sb.png');
  left: 3.2rem;
  top: 1.2rem;
}
.m-select .anim-bf-wrap.hml .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_jl_hml.png');
  left: 0.6rem;
  top: 7.9rem;
}
.m-select .anim-bf-wrap.xs .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_xs_wzj.png');
  left: 4.3rem;
  top: 3.8rem;
}
.m-select .anim-bf-wrap.kai .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_dfy_kai.png');
  left: 3.7rem;
  top: 5.9rem;
}
.m-select .anim-bf-wrap.my .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_xs_my.png');
  left: 3.2rem;
  top: 7.8rem;
}
.m-select .anim-bf-wrap.dfy .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_dfy_kai.png');
  left: -0.2rem;
  top: 7.5rem;
}
.m-select .anim-bf-wrap.lb .anim-bf {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/apng_bf_lb_sb.png');
  left: 0.1rem;
  top: 4.4rem;
}
.m-select .char-select-area {
  width: 6.8rem;
  height: 2.3rem;
  margin-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m-select .char-select-area .btn-prev-char,
.m-select .char-select-area .btn-next-char {
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  cursor: pointer;
  width: 0.23rem;
  height: 0.38rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/char_prev.png') center / contain no-repeat;
}
.m-select .char-select-area .btn-next-char {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.m-select .char-select-area .char-scroll-wrap {
  width: 6rem;
  overflow: hidden;
  position: relative;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.m-select .char-select-area .char-options {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  opacity: 1;
}
.m-select .char-select-area .char-option {
  flex-shrink: 0;
  width: 1.15rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  margin: 0 0.04rem;
}
.m-select .char-select-area .char-option .char-img {
  width: 0.96rem;
  height: 1.21rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.m-select .char-select-area .char-option .name {
  font-size: 0.18rem;
  color: #0c2448;
  margin-top: -0.22rem;
}
.m-select .char-select-area .char-option.active {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.m-select .char-select-area .char-option.jl .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_jl.png');
}
.m-select .char-select-area .char-option.xs .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_xs.png');
}
.m-select .char-select-area .char-option.dfy .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_dfy.png');
}
.m-select .char-select-area .char-option.wzj .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_wzj.png');
}
.m-select .char-select-area .char-option.kai .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_kai.png');
}
.m-select .char-select-area .char-option.lb .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_lb.png');
}
.m-select .char-select-area .char-option.hml .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_hml.png');
}
.m-select .char-select-area .char-option.sb .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_sb.png');
}
.m-select .char-select-area .char-option.my .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_my.png');
}
.m-select .char-select-area .char-option.jl.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_jl_on.png');
}
.m-select .char-select-area .char-option.xs.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_xs_on.png');
}
.m-select .char-select-area .char-option.dfy.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_dfy_on.png');
}
.m-select .char-select-area .char-option.wzj.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_wzj_on.png');
}
.m-select .char-select-area .char-option.kai.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_kai_on.png');
}
.m-select .char-select-area .char-option.lb.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_lb_on.png');
}
.m-select .char-select-area .char-option.hml.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_hml_on.png');
}
.m-select .char-select-area .char-option.sb.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_sb_on.png');
}
.m-select .char-select-area .char-option.my.active .char-img {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_my_on.png');
}
.m-select .char-select-area .char-scrollbar {
  width: 6.3rem;
  height: 0.13rem;
  background: rgba(149, 182, 238, 0.5);
  border-radius: 0.13rem;
  margin-top: 0.18rem;
  position: relative;
  margin-left: 0.16rem;
}
.m-select .char-select-area .char-scrollbar .char-scroll-thumb {
  width: 0.44rem;
  height: 0.24rem;
  background: #cee0ff;
  border-radius: 0.12rem;
  position: absolute;
  left: 0;
  top: -0.06rem;
}
.m-select .btn-generate {
  width: 3.08rem;
  height: 0.87rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_generate.png') center / contain no-repeat;
  margin-top: 5.4rem;
}
.m-select .generate-hint {
  color: #0c1420;
  font-size: 0.22rem;
  margin-top: 6.2rem;
  width: 100%;
  text-align: center;
  letter-spacing: 0.01rem;
}
.anim-flow-back,
.anim-flow-front {
  display: none;
}
.select-video-wrap {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  background-color: #000;
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_input_name.png');
  background-size: cover;
}
.select-video,
.select-video-canvas {
  width: 7.5rem;
  height: 16.24rem;
}
.select-video-canvas {
  display: none;
}
.m-result,
.share-dom {
  display: none;
  background-color: #000;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.m-result img,
.share-dom img {
  pointer-events: none;
}
.m-result .result-logo,
.share-dom .result-logo {
  width: 1.57rem;
  height: 0.64rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_dfy.png') center / contain no-repeat;
  left: 0.39rem;
  top: 0.6rem;
}
.m-result .result-words,
.share-dom .result-words {
  width: 1rem;
  height: 8.95rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.m-result .center,
.share-dom .center {
  width: 7.5rem;
  height: 16.24rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.m-result .profile-bg,
.share-dom .profile-bg {
  width: 7.5rem;
  height: 8.84rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 1.4rem;
}
.m-result .profile-light,
.share-dom .profile-light {
  width: 7.5rem;
  height: 16.24rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result_light.png') center / contain no-repeat;
  mix-blend-mode: screen;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.m-result .profile-light2,
.share-dom .profile-light2 {
  width: 7.5rem;
  height: 16.24rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result_light2.png') center / contain no-repeat;
  mix-blend-mode: lighten;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.m-result .result-title,
.share-dom .result-title {
  width: 1.21rem;
  height: 6.94rem;
  position: absolute;
  left: 5.84rem;
  top: 1.46rem;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.m-result .face-wrap,
.share-dom .face-wrap {
  pointer-events: none;
}
.m-result .face-wrap .face,
.share-dom .face-wrap .face {
  width: 1.95rem;
  height: 2.34rem;
  position: absolute;
  left: 4.78rem;
  top: 10.38rem;
}
.m-result .face-wrap .face.male,
.share-dom .face-wrap .face.male {
  position: absolute;
}
.m-result .guide-wrap .guide-img,
.share-dom .guide-wrap .guide-img {
  width: 7.5rem;
  height: 16.24rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.m-result .btn-change-login,
.share-dom .btn-change-login {
  padding: 0 0 0.03rem;
  font-size: 0.28rem;
  border-bottom: 0.02rem solid #1e2839;
  color: #1e2839;
  white-space: nowrap;
  position: absolute;
  right: 0.32rem;
  top: 0.74rem;
  z-index: 1;
  width: auto;
}
.m-result .btn-change-face,
.share-dom .btn-change-face {
  width: 0.4rem;
  height: 0.8rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_change.png') center / contain no-repeat;
  position: absolute;
  left: 1.32rem;
  top: 11.86rem;
}
.m-result .info-wrap,
.share-dom .info-wrap {
  position: absolute;
  left: 2.92rem;
  top: 10.24rem;
}
.m-result .info-wrap .info,
.share-dom .info-wrap .info {
  -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
}
.m-result .info-wrap .nickname,
.share-dom .info-wrap .nickname {
  font-size: 0.34rem;
  color: #344b79;
  font-family: 'yaku75';
  -webkit-transform: skew(8deg);
          transform: skew(8deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  white-space: nowrap;
  text-align: right;
  position: absolute;
  top: 0.54rem;
  left: -1.66rem;
  width: 3.4rem;
}
.m-result .info-wrap .count,
.share-dom .info-wrap .count {
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #ffffff;
  font-family: 'yaku65';
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 3.2rem;
  text-align: right;
  position: absolute;
  top: 1.3rem;
  left: -3.34rem;
  -webkit-transform: rotate(8.5deg) skew(4deg);
          transform: rotate(8.5deg) skew(4deg);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  letter-spacing: -0.01rem;
}
.m-result .info-wrap .count span,
.share-dom .info-wrap .count span {
  color: #ffffff;
  display: inline-block;
  text-shadow: 0 0 0.06rem #ffffff;
  padding-left: 0.04rem;
}
.m-result .info-wrap .count-after,
.share-dom .info-wrap .count-after {
  font-size: 0.28rem;
  line-height: 0.36rem;
  color: #ffffff;
  font-family: 'yaku65';
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  text-align: right;
  position: absolute;
  top: 1.38rem;
  left: -0.2rem;
  -webkit-transform: rotate(3deg) skew(4deg);
          transform: rotate(3deg) skew(4deg);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  width: 1.5rem;
}
.m-result .result-btn-face,
.share-dom .result-btn-face {
  display: none;
  width: 1.78rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result_btn_face.png') center / contain no-repeat;
  position: absolute;
  left: 3.64rem;
  top: 12.05rem;
}
.m-result .result-btn-share,
.share-dom .result-btn-share {
  width: 2.42rem;
  height: 0.75rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_dfy.png') center / contain no-repeat;
  position: absolute;
  left: 50%;
  margin-left: 0.3rem;
  top: 50%;
  margin-top: 5.88rem;
}
.m-result .result-btn-share.on,
.share-dom .result-btn-share.on {
  width: 2.42rem;
  height: 0.75rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_shared.png') center / contain no-repeat;
}
.m-result .result-btn-share.only-save,
.share-dom .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_dfy.png');
}
.m-result .result-btn-back,
.share-dom .result-btn-back {
  width: 2.42rem;
  height: 0.75rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_dfy.png') center / contain no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -2.7rem;
  top: 50%;
  margin-top: 5.88rem;
}
.m-result .btns.mini .result-btn-back,
.share-dom .btns.mini .result-btn-back {
  width: 0.73rem;
  height: 0.73rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_dfy.png') center / contain no-repeat;
  margin-left: 2.6rem;
  margin-top: 5.58rem;
}
.m-result .btns.mini .result-btn-share,
.share-dom .btns.mini .result-btn-share {
  margin-left: 0rem;
  margin-top: 5.58rem;
}
.m-result .btns.mini .result-btn-friend,
.share-dom .btns.mini .result-btn-friend {
  width: 2.42rem;
  height: 0.75rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_wzj.png') center / contain no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -2.7rem;
  top: 50%;
  margin-top: 5.58rem;
}
.m-result.my .result-logo,
.share-dom.my .result-logo {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_my.png');
}
.m-result.my .gender-tabs .gender-tab:nth-child(1).active,
.share-dom.my .gender-tabs .gender-tab:nth-child(1).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab1_my.png');
}
.m-result.my .gender-tabs .gender-tab:nth-child(2).active,
.share-dom.my .gender-tabs .gender-tab:nth-child(2).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab2_my.png');
}
.m-result.my .result-btn-back,
.share-dom.my .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_my.png');
}
.m-result.my .result-btn-share,
.share-dom.my .result-btn-share {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_my.png');
}
.m-result.my .result-btn-share.only-save,
.share-dom.my .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_my.png');
}
.m-result.my .btn-change-login,
.share-dom.my .btn-change-login,
.m-result.my .info-wrap .nickname,
.share-dom.my .info-wrap .nickname {
  color: #7c4e5f;
  border-color: #7c4e5f;
}
.m-result.my .profile-bg,
.share-dom.my .profile-bg {
  margin-top: 1.36rem;
}
.m-result.my .btns.mini .result-btn-back,
.share-dom.my .btns.mini .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_my.png');
}
.m-result.my .btns.mini .result-btn-friend,
.share-dom.my .btns.mini .result-btn-friend {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_my.png');
}
.m-result.xs .result-logo,
.share-dom.xs .result-logo {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_xs.png');
}
.m-result.xs .gender-tabs .gender-tab:nth-child(1).active,
.share-dom.xs .gender-tabs .gender-tab:nth-child(1).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab1_xs.png');
}
.m-result.xs .gender-tabs .gender-tab:nth-child(2).active,
.share-dom.xs .gender-tabs .gender-tab:nth-child(2).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab2_xs.png');
}
.m-result.xs .result-btn-back,
.share-dom.xs .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_xs.png');
}
.m-result.xs .result-btn-share,
.share-dom.xs .result-btn-share {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_xs.png');
}
.m-result.xs .result-btn-share.only-save,
.share-dom.xs .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_xs.png');
}
.m-result.xs .btn-change-login,
.share-dom.xs .btn-change-login {
  color: #606e76;
  border-color: #606e76;
}
.m-result.xs .info-wrap .nickname,
.share-dom.xs .info-wrap .nickname {
  color: #4e5ea3;
}
.m-result.xs .btns.mini .result-btn-back,
.share-dom.xs .btns.mini .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_xs.png');
}
.m-result.xs .btns.mini .result-btn-friend,
.share-dom.xs .btns.mini .result-btn-friend {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_xs.png');
}
.m-result.hml .result-logo,
.share-dom.hml .result-logo {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_hml.png');
}
.m-result.hml .gender-tabs .gender-tab:nth-child(1).active,
.share-dom.hml .gender-tabs .gender-tab:nth-child(1).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab1_hml.png');
}
.m-result.hml .gender-tabs .gender-tab:nth-child(2).active,
.share-dom.hml .gender-tabs .gender-tab:nth-child(2).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab2_hml.png');
}
.m-result.hml .result-btn-back,
.share-dom.hml .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_hml.png');
}
.m-result.hml .result-btn-share,
.share-dom.hml .result-btn-share {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_hml.png');
}
.m-result.hml .result-btn-share.only-save,
.share-dom.hml .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_hml.png');
}
.m-result.hml .btn-change-login,
.share-dom.hml .btn-change-login {
  color: #644240;
  border-color: #644240;
}
.m-result.hml .info-wrap .nickname,
.share-dom.hml .info-wrap .nickname {
  color: #824e5d;
}
.m-result.hml .btns.mini .result-btn-back,
.share-dom.hml .btns.mini .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_hml.png');
}
.m-result.hml .btns.mini .result-btn-friend,
.share-dom.hml .btns.mini .result-btn-friend {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_hml.png');
}
.m-result.jl .result-logo,
.share-dom.jl .result-logo {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_jl.png');
}
.m-result.jl .gender-tabs .gender-tab:nth-child(1).active,
.share-dom.jl .gender-tabs .gender-tab:nth-child(1).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab1_jl.png');
}
.m-result.jl .gender-tabs .gender-tab:nth-child(2).active,
.share-dom.jl .gender-tabs .gender-tab:nth-child(2).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab2_jl.png');
}
.m-result.jl .result-btn-back,
.share-dom.jl .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_jl.png');
}
.m-result.jl .result-btn-share,
.share-dom.jl .result-btn-share {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_jl.png');
}
.m-result.jl .result-btn-share.only-save,
.share-dom.jl .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_jl.png');
}
.m-result.jl .btn-change-login,
.share-dom.jl .btn-change-login {
  color: #6b4340;
  border-color: #6b4340;
}
.m-result.jl .profile-bg,
.share-dom.jl .profile-bg {
  margin-top: 1.36rem;
}
.m-result.jl .info-wrap .nickname,
.share-dom.jl .info-wrap .nickname {
  color: #835959;
}
.m-result.jl .btns.mini .result-btn-back,
.share-dom.jl .btns.mini .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_jl.png');
}
.m-result.jl .btns.mini .result-btn-friend,
.share-dom.jl .btns.mini .result-btn-friend {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_jl.png');
}
.m-result.sb .result-logo,
.share-dom.sb .result-logo {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_sb.png');
}
.m-result.sb .gender-tabs .gender-tab:nth-child(1).active,
.share-dom.sb .gender-tabs .gender-tab:nth-child(1).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab1_sb.png');
}
.m-result.sb .gender-tabs .gender-tab:nth-child(2).active,
.share-dom.sb .gender-tabs .gender-tab:nth-child(2).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab2_sb.png');
}
.m-result.sb .result-btn-back,
.share-dom.sb .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_sb.png');
}
.m-result.sb .result-btn-share,
.share-dom.sb .result-btn-share {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_sb.png');
}
.m-result.sb .result-btn-share.only-save,
.share-dom.sb .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_sb.png');
}
.m-result.sb .btn-change-login,
.share-dom.sb .btn-change-login {
  color: #8a7866;
  border-color: #8a7866;
}
.m-result.sb .info-wrap .nickname,
.share-dom.sb .info-wrap .nickname {
  color: #d38e50;
}
.m-result.sb .btns.mini .result-btn-back,
.share-dom.sb .btns.mini .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_sb.png');
}
.m-result.sb .btns.mini .result-btn-friend,
.share-dom.sb .btns.mini .result-btn-friend {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_sb.png');
}
.m-result.wzj .result-logo,
.share-dom.wzj .result-logo {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_wzj.png');
}
.m-result.wzj .gender-tabs .gender-tab:nth-child(1).active,
.share-dom.wzj .gender-tabs .gender-tab:nth-child(1).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab1_wzj.png');
}
.m-result.wzj .gender-tabs .gender-tab:nth-child(2).active,
.share-dom.wzj .gender-tabs .gender-tab:nth-child(2).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab2_wzj.png');
}
.m-result.wzj .result-btn-back,
.share-dom.wzj .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_wzj.png');
}
.m-result.wzj .result-btn-share,
.share-dom.wzj .result-btn-share {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_wzj.png');
}
.m-result.wzj .result-btn-share.only-save,
.share-dom.wzj .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_wzj.png');
}
.m-result.wzj .btn-change-login,
.share-dom.wzj .btn-change-login {
  color: #636872;
  border-color: #636872;
}
.m-result.wzj .info-wrap .nickname,
.share-dom.wzj .info-wrap .nickname {
  color: #334d7d;
}
.m-result.wzj .btns.mini .result-btn-back,
.share-dom.wzj .btns.mini .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_wzj.png');
}
.m-result.wzj .btns.mini .result-btn-friend,
.share-dom.wzj .btns.mini .result-btn-friend {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_wzj.png');
}
.m-result.kai .result-logo,
.share-dom.kai .result-logo {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_kai.png');
}
.m-result.kai .gender-tabs .gender-tab:nth-child(1).active,
.share-dom.kai .gender-tabs .gender-tab:nth-child(1).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab1_kai.png');
}
.m-result.kai .gender-tabs .gender-tab:nth-child(2).active,
.share-dom.kai .gender-tabs .gender-tab:nth-child(2).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab2_kai.png');
}
.m-result.kai .result-btn-back,
.share-dom.kai .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_kai.png');
}
.m-result.kai .result-btn-share,
.share-dom.kai .result-btn-share {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_kai.png');
}
.m-result.kai .result-btn-share.only-save,
.share-dom.kai .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_kai.png');
}
.m-result.kai .btn-change-login,
.share-dom.kai .btn-change-login {
  color: #636872;
  border-color: #636872;
}
.m-result.kai .info-wrap .nickname,
.share-dom.kai .info-wrap .nickname {
  color: #324976;
}
.m-result.kai .btns.mini .result-btn-back,
.share-dom.kai .btns.mini .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_kai.png');
}
.m-result.kai .btns.mini .result-btn-friend,
.share-dom.kai .btns.mini .result-btn-friend {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_kai.png');
}
.m-result.lb .result-logo,
.share-dom.lb .result-logo {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_logo_lb.png');
}
.m-result.lb .gender-tabs .gender-tab:nth-child(1).active,
.share-dom.lb .gender-tabs .gender-tab:nth-child(1).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab1_lb.png');
}
.m-result.lb .gender-tabs .gender-tab:nth-child(2).active,
.share-dom.lb .gender-tabs .gender-tab:nth-child(2).active {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_gender_tab2_lb.png');
}
.m-result.lb .result-btn-back,
.share-dom.lb .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back_lb.png');
}
.m-result.lb .result-btn-share,
.share-dom.lb .result-btn-share {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share_lb.png');
}
.m-result.lb .result-btn-share.only-save,
.share-dom.lb .result-btn-share.only-save {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_share2_lb.png');
}
.m-result.lb .btn-change-login,
.share-dom.lb .btn-change-login {
  color: #8f7a68;
  border-color: #8f7a68;
}
.m-result.lb .info-wrap .nickname,
.share-dom.lb .info-wrap .nickname {
  color: #d28c46;
}
.m-result.lb .btns.mini .result-btn-back,
.share-dom.lb .btns.mini .result-btn-back {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_back2_lb.png');
}
.m-result.lb .btns.mini .result-btn-friend,
.share-dom.lb .btns.mini .result-btn-friend {
  background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/result/result_btn_friend_lb.png');
}
.m-result.hml .profile-bg {
  margin-top: 1.36rem;
}
.result-btn-face {
  display: none;
}
.share-dom {
  display: block;
  width: 7.5rem;
  height: 14rem;
  position: absolute;
  left: -99.99rem;
  top: -99.99rem;
}
.share-dom .guide-wrap .guide-img {
  width: 7.5rem;
  height: 14rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.share-dom.sb .profile-bg {
  margin-top: 1.43rem;
}
.share-dom .result-title {
  left: 5.88rem;
  top: 1.04rem;
}
.share-dom .info-wrap .count span {
  text-shadow: 0 0 0.12rem #ffffffaa;
}
.share-dom img {
  background: none !important;
}
.share-dom .info-wrap {
  top: 8.15rem;
}
.share-dom .share-qrcode {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  left: 50%;
  margin-left: -0.7rem;
  bottom: 0.88rem;
}
.m-share {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
}
.m-share .share-img {
  height: 95%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-touch-callout: default;
  pointer-events: auto;
  -webkit-user-drag: none;
  user-drag: none;
}
.m-share .share-hint {
  position: absolute;
  bottom: 0.3rem;
  color: #dcf3ff;
  font-size: 0.24rem;
  letter-spacing: 0.04rem;
  width: 100%;
  text-align: center;
}
.m-share .btn-close-share {
  width: 0.46rem;
  height: 0.47rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_close2.png') center / contain no-repeat;
  position: absolute;
  top: 0.32rem;
  right: 0.26rem;
}
.pop_common .btn_close {
  width: 0.27rem;
  height: 0.27rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_close.png') center / contain no-repeat;
  top: 0.1rem;
  right: 0.17rem;
  background-size: 0.27rem 0.27rem;
  background-position: center;
  width: 0.5rem;
  height: 0.5rem;
}
.pop_msg .btn_close {
  right: 0.25rem;
  top: 0.2rem;
}
.pop_msg .container {
  width: 6.14rem;
  height: 2rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_hint_bg.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_msg .msg {
  font-size: 0.3rem;
  line-height: 0.4rem;
  text-align: center;
  flex-direction: column;
  margin-top: 0rem;
  width: 80%;
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
}
.pop_msg_create_succ .btn_close {
  right: 0.25rem;
  top: 0.2rem;
}
.pop_msg_create_succ .container {
  width: 6.14rem;
  height: 3.22rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_create_name_succ.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_msg_create_succ .msg {
  font-size: 0;
}
.pop_login .container {
  width: 6.14rem;
  height: 3.74rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_login.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_login .btn_close {
  top: 0.18rem;
  right: 0.25rem;
}
.pop_login .login-qq {
  width: 1.1rem;
  height: 1.1rem;
  position: absolute;
  left: 1.44rem;
  top: 1.5rem;
}
.pop_login .login-wx {
  width: 1.1rem;
  height: 1.1rem;
  position: absolute;
  right: 1.54rem;
  top: 1.5rem;
}
.pop_input_name {
  background-color: #000;
}
.pop_input_name .container {
  width: 7.5rem;
  height: 16.24rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_input_name.jpg') center / contain no-repeat;
}
.pop_input_name.hide-bg {
  background: none;
}
.pop_input_name.hide-bg .container {
  background: none;
}
.pop_input_name .btn_close {
  width: 0.64rem;
  height: 0.64rem;
  right: 0.86rem;
  top: 1.76rem;
  background: none;
}
.pop_input_name .input-bg {
  width: 5.6rem;
  height: 0.76rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_input_bg.png') center / contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 4.36rem;
}
.pop_input_name .login-info {
  left: 0.7rem;
  top: 50%;
  margin-top: -6.26rem;
  font-family: 'yaku65';
}
.pop_input_name .login-now {
  color: #c6d5f2;
  font-size: 0.22rem;
  letter-spacing: 0.01rem;
}
.pop_input_name .btn-change-login {
  color: #9db6ea;
  font-size: 0.22rem;
  text-decoration: underline;
  margin-top: 0.1rem;
  margin-left: 0.06rem;
  letter-spacing: 0.02rem;
}
.pop_input_name .icon-logo {
  width: 0.47rem;
  height: 0.45rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/icon_logo.png') center / contain no-repeat;
  margin-top: 4.35rem;
  margin-left: -2.25rem;
}
.pop_input_name .input-hint {
  white-space: nowrap;
  width: 100%;
  text-align: center;
  font-size: 0.22rem;
  color: #d9def3;
  margin-top: 6.1rem;
  font-family: 'yaku55';
}
.pop_input_name .select-system {
  margin-top: 4.35rem;
  margin-left: -1.85rem;
  width: 1.92rem;
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.24rem;
  color: #a9c7ff;
  text-align: left;
  padding-left: 0.32rem;
  outline: none;
  border: none;
  box-sizing: border-box;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'yaku55';
}
@-webkit-keyframes fadeinout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.pop_input_name .input-name {
  margin-top: 4.35rem;
  margin-left: -0.18rem;
  width: 3.4rem;
  height: 0.64rem;
  font-size: 0.28rem;
  color: #dae7ff;
  text-align: left;
  padding-left: 0.16rem;
  outline: none;
  border: none;
  box-sizing: border-box;
  background: none;
  font-family: 'yaku55';
  -webkit-animation: fadeinout 0.6s 6 linear;
          animation: fadeinout 0.6s 6 linear;
}
.pop_input_name .input-name::-webkit-input-placeholder {
  color: #dae7ff;
}
.pop_input_name .input-name::-moz-placeholder {
  color: #dae7ff;
}
.pop_input_name .input-name::-ms-input-placeholder {
  color: #dae7ff;
}
.pop_input_name .input-name::placeholder {
  color: #dae7ff;
}
.pop_input_name .input-placeholder {
  line-height: 0.56rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
  -webkit-animation: fadeinout 0.6s infinite linear;
          animation: fadeinout 0.6s infinite linear;
}
.pop_input_name .btn-submit-name {
  width: 2.67rem;
  height: 0.75rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_submit_name.png') center / contain no-repeat;
  margin-top: 5.4rem;
}
@-webkit-keyframes scale1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_male_on.png');
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_male_on.png');
  }
}
@keyframes scale1 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_male_on.png');
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_male_on.png');
  }
}
@-webkit-keyframes scale2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_female_on.png');
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_female_on.png');
  }
}
@keyframes scale2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_female_on.png');
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    background-image: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_female_on.png');
  }
}
.pop_input_name .gender-tabs {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  margin: 3.6rem 0 0 0rem;
}
.pop_input_name .gender-tabs .gender-tab {
  width: 1.22rem;
  height: 0.46rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_male.png') center / contain no-repeat;
  -webkit-animation: scale1 0.6s 2 1s;
          animation: scale1 0.6s 2 1s;
}
.pop_input_name .gender-tabs .gender-tab.active {
  width: 1.22rem;
  height: 0.46rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_male_on.png') center / contain no-repeat;
}
.pop_input_name .gender-tabs .gender-tab:nth-child(2) {
  margin-left: 0.34rem;
  -webkit-animation: scale2 0.6s 2 2.2s;
          animation: scale2 0.6s 2 2.2s;
  width: 1.22rem;
  height: 0.46rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_female.png') center / contain no-repeat;
}
.pop_input_name .gender-tabs .gender-tab:nth-child(2).active {
  width: 1.22rem;
  height: 0.46rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_gender_female_on.png') center / contain no-repeat;
}
.pop_used_name .btn_close,
.pop_invalid_name .btn_close,
.pop_invalid_name2 .btn_close {
  right: 0.25rem;
  top: 0.2rem;
}
.pop_used_name .container,
.pop_invalid_name .container,
.pop_invalid_name2 .container {
  width: 6.14rem;
  height: 2rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_hint_bg.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_used_name .msg,
.pop_invalid_name .msg,
.pop_invalid_name2 .msg {
  font-size: 0.3rem;
  text-align: center;
  flex-direction: column;
  margin-top: 0rem;
  white-space: nowrap;
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
}
.pop_used_name .lock-nickname,
.pop_invalid_name .lock-nickname,
.pop_invalid_name2 .lock-nickname {
  color: #cbebff;
  width: 80%;
  text-align: center;
  margin-bottom: 0.12rem;
}
.pop_used_name .btns,
.pop_invalid_name .btns,
.pop_invalid_name2 .btns {
  margin-top: 2.5rem;
  gap: 0.68rem;
}
.pop_used_name .btn-lock,
.pop_invalid_name .btn-lock,
.pop_invalid_name2 .btn-lock {
  width: 1.93rem;
  height: 0.69rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_lock.png') center / contain no-repeat;
}
.pop_used_name .btn-cancel,
.pop_invalid_name .btn-cancel,
.pop_invalid_name2 .btn-cancel {
  width: 1.93rem;
  height: 0.69rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_cancel.png') center / contain no-repeat;
}
.pop_used_name .btn-unlock,
.pop_invalid_name .btn-unlock,
.pop_invalid_name2 .btn-unlock {
  width: 1.93rem;
  height: 0.69rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_unlock.png') center / contain no-repeat;
}
.pop_used_name .btn-create,
.pop_invalid_name .btn-create,
.pop_invalid_name2 .btn-create {
  width: 1.93rem;
  height: 0.69rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_confirm.png') center / contain no-repeat;
}
.pop_invalid_name2 .msg {
  white-space: wrap;
  line-height: 0.36rem;
}
.pop_invalid_name .container {
  width: 6.14rem;
  height: 3.22rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_invalid_name.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_congratulation .container,
.pop_congratulation2 .container {
  width: 6.14rem;
  height: 3.74rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_congratulation.png') center / contain no-repeat;
}
.pop_congratulation .btn-continue,
.pop_congratulation2 .btn-continue {
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_continue.png') center / contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 0.8rem;
}
.pop_congratulation2 .container {
  width: 6.14rem;
  height: 3.74rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_congratulation2.png') center / contain no-repeat;
}
.pop_bind .container {
  width: 5.9rem;
  height: 2.32rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_bg_short.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_bind .msg {
  font-size: 0.42rem;
  color: #304c70;
  width: 80%;
  text-align: center;
  flex-direction: column;
}
.pop_bind .btns {
  margin-top: 1.88rem;
  gap: 0.68rem;
}
.pop_bind .btn-bind {
  width: 1.93rem;
  height: 0.69rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_bind.png') center / contain no-repeat;
}
.pop_bind .btn-nodata {
  width: 1.93rem;
  height: 0.69rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_nodata.png') center / contain no-repeat;
}
.pop_rule .container {
  width: 6.14rem;
  height: 6.43rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_rule.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_rule .btn_close {
  top: 0.2rem;
  right: 0.25rem;
}
.pop_rule .msg {
  font-size: 0.22rem;
  color: #fff;
  width: 85%;
  text-align: left;
  line-height: 0.32rem;
  height: 4.12rem;
  overflow-y: auto;
  margin-top: 0.24rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  letter-spacing: 0.02rem;
  margin-left: 0.1rem;
}
.pop_rule .msg .highlight {
  color: #a8f6ff;
}
.pop_rule .msg::-webkit-scrollbar {
  width: 0.12rem;
}
.pop_rule .msg::-webkit-scrollbar-track {
  background-color: transparent;
}
.pop_rule .msg::-webkit-scrollbar-thumb {
  background-color: #3b6d9f;
  border-radius: 0.06rem;
}
.pop_bind_char .container {
  width: 6.16rem;
  height: 3.62rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_bind_char.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_bind_char .char-select-wrap {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-left: 0.4rem;
  margin-top: 0.46rem;
}
.pop_bind_char .char-select {
  font-size: 0.23rem;
  color: #273043;
  background: none;
  width: 2.74rem;
  height: 0.36rem;
  margin-bottom: 0.21rem;
  border: none;
  line-height: 0.36rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-left: 0.28rem;
  box-sizing: border-box;
  opacity: 0.7;
}
.pop_bind_char .btns {
  margin-top: 2.5rem;
  gap: 0.68rem;
}
.pop_bind_char .btn-confirm-char {
  width: 1.93rem;
  height: 0.69rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_confirm_char.png') center / contain no-repeat;
}
.pop_bind_char .btn-skip-char {
  width: 1.93rem;
  height: 0.69rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_skip_bind.png') center / contain no-repeat;
}
.pop_face_code .container {
  width: 7.5rem;
  height: 4.48rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_face_code.png') center / contain no-repeat;
}
.pop_face_code .btn_close {
  right: 0.92rem;
}
.pop_face_code .msg {
  font-size: 0.28rem;
  text-align: center;
  flex-direction: column;
  margin-top: -0.96rem;
  line-height: 0.32rem;
  white-space: nowrap;
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
}
.pop_face_code .face-code-text {
  font-size: 0.36rem;
  white-space: nowrap;
  margin-top: 0.3rem;
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
}
.pop_face_code .btns {
  margin-top: 1rem;
}
.pop_face_code .btn-copy {
  width: 1.75rem;
  height: 0.56rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_copy.png') center / contain no-repeat;
}
.pop_face_code .btn-go-now {
  width: 1.75rem;
  height: 0.56rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_go.png') center / contain no-repeat;
  margin-left: 0.3rem;
}
.pop_face_code_mini .container {
  width: 5.94rem;
  height: 6.36rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_bg_long.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_face_code_mini .msg {
  font-size: 0.28rem;
  text-align: center;
  flex-direction: column;
  margin-top: 0rem;
  white-space: nowrap;
  line-height: 0.36rem;
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
  margin-top: -1.8rem;
}
.pop_face_code_mini .face-qrcode-wrap {
  width: 1.58rem;
  height: 1.53rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/qrcode_border.png') center / contain no-repeat;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.1rem;
}
.pop_face_code_mini .face-qrcode-wrap img {
  width: 1.4rem;
  height: 1.4rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pop_face_code_mini .qrcode-hint {
  font-size: 0.2rem;
  color: #cbebff;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 1.1rem;
  line-height: 0.32rem;
}
.pop_face_code_mini .btn-save {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_save.png') center / contain no-repeat;
  margin-top: 2.1rem;
}
.pop_create_profile .container,
.pop_go_profile .container {
  width: 6.14rem;
  height: 3.74rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_bg2.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_create_profile .msg,
.pop_go_profile .msg {
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.46rem;
  white-space: wrap;
  flex-direction: column;
  margin-top: -0.5rem;
  white-space: nowrap;
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
}
.pop_create_profile .btns,
.pop_go_profile .btns {
  margin-top: 0.76rem;
}
.pop_create_profile .btn-go-profile,
.pop_go_profile .btn-go-profile,
.pop_create_profile .btn-go-create-profile,
.pop_go_profile .btn-go-create-profile {
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_go_profile.png') center / contain no-repeat;
}
.pop_create_profile .msg {
  font-size: 0.28rem;
  margin-top: -0.4rem;
  letter-spacing: 0;
}
.pop_reserve .container,
.pop_reserve2 .container {
  width: 6.14rem;
  height: 3.74rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_reserve.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_reserve .btns,
.pop_reserve2 .btns {
  margin-top: 0.8rem;
}
.pop_reserve .btn-reserve,
.pop_reserve2 .btn-reserve {
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_reserve.png') center / contain no-repeat;
}
.pop_reserve2 .container {
  width: 6.14rem;
  height: 3.74rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_reserve2.png') center / contain no-repeat;
}
.pop_reserve3 .container {
  width: 6.14rem;
  height: 3.74rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_reserve3.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_reserve3 .reserve-agree {
  width: 0.27rem;
  height: 0.26rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_agree.png') center / contain no-repeat;
  position: absolute;
  top: 2.07rem;
  left: 1.32rem;
}
.pop_reserve3 .reserve-agree.on {
  width: 0.27rem;
  height: 0.26rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_agree_on.png') center / contain no-repeat;
}
.pop_reserve3 .btn-view-tip {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  right: 1.1rem;
  top: 2rem;
}
.pop_reserve3 .btns {
  margin-top: 0.98rem;
}
.pop_reserve3 .btn-reserve {
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_reserve.png') center / contain no-repeat;
}
.pop_reserve_tip .container {
  width: 5.94rem;
  height: 2.11rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_reserve_tip.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_reserve_tip .msg {
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.3rem;
  width: 80%;
  font-family: 'yaku55';
}
.pop_reserve_success .container {
  width: 6.14rem;
  height: 3.22rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_bg3.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_reserve_success .msg {
  font-size: 0.3rem;
  text-align: center;
  line-height: 0.38rem;
  white-space: wrap;
  flex-direction: column;
  margin-top: -0.48rem;
  white-space: nowrap;
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
}
.pop_reserve_success .btns {
  margin-top: 0.54rem;
}
.pop_reserve_success .btn-continue2 {
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_continue.png') center / contain no-repeat;
}
.pop_switch .container,
.pop_switch2 .container {
  width: 6.14rem;
  height: 3.74rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_switch.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_switch .msg,
.pop_switch2 .msg {
  font-size: 0.27rem;
  text-align: center;
  line-height: 0.42rem;
  white-space: wrap;
  flex-direction: column;
  margin-top: -0.54rem;
  white-space: nowrap;
  font-family: 'yaku55';
  -webkit-transform: scaleX(0.9) translate(-50%, -50%);
          transform: scaleX(0.9) translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  letter-spacing: 0.02rem;
  color: #cbebff;
  letter-spacing: 0.01rem;
}
.pop_switch .btns,
.pop_switch2 .btns {
  margin-top: 0.82rem;
}
.pop_switch .btn-switch,
.pop_switch2 .btn-switch {
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_switch.png') center / contain no-repeat;
}
.pop_switch2 .btn-switch {
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/btn_switch2.png') center / contain no-repeat;
}
.pop_link .container {
  width: 6.14rem;
  height: 6.43rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_copy.png') center / contain no-repeat;
  margin-top: -0.2rem;
}
.pop_link.qq .container {
  width: 6.14rem;
  height: 6.43rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_copy_qq.png') center / contain no-repeat;
}
.pop_link .btn_close {
  top: 0.18rem;
  right: 0.25rem;
}
.pop_link .link-qrcode {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.51rem;
  margin-left: 0.07rem;
}
.pop_link .link-box {
  font-size: 0.16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 1.36rem;
  width: 4.5rem;
  white-space: nowrap;
  overflow: hidden;
}
.pop_link .btn-copy-link {
  width: 2.35rem;
  height: 0.66rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/pop_btn_copy2.png') center / contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 2.22rem;
}
.yd-ui {
  display: none;
}
.yd-ui .yd-btn-back {
  width: 0.48rem;
  height: 0.47rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/yd_btn_back.png') center / contain no-repeat;
  position: absolute;
  left: 0.47rem;
  top: 0.84rem;
}
.yd-ui .yd-btn-share {
  width: 0.48rem;
  height: 0.47rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/yd_btn_share.png') center / contain no-repeat;
  position: absolute;
  right: 0.47rem;
  top: 0.84rem;
}
.yd-ui .yd-btn-rule {
  width: 0.48rem;
  height: 0.47rem;
  background: url('https://game.gtimg.cn/images/world/cp/a20260309ycj/yd_btn_rule.png') center / contain no-repeat;
  position: absolute;
  right: 1.2rem;
  top: 0.84rem;
}
.yd .yd-ui {
  display: block;
}
.yd .m-index .logo-ngr {
  top: 1.62rem;
}
.yd .m-index .right-top {
  top: 1.6rem;
}
.yd .m-index .btn-vol {
  width: 0.5rem;
  height: 0.5rem;
}
.yd .m-select .select-logo {
  top: 1.44rem;
  left: 0.2rem;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.yd .m-result .result-logo {
  left: 1.2rem;
  top: 0.7rem;
}
.yd .m-result .btn-change-login {
  top: 0.9rem;
  right: 2.2rem;
}
.yd .m-share .share-img {
  height: 88%;
  top: 0.9rem;
}
.yd .m-share .btn-close-share {
  top: 1.04rem;
  right: 0.46rem;
}
.guyu .m-index .logo-ngr {
  top: 1.12rem;
}
.guyu .m-index .right-top {
  top: 1.1rem;
}
.mini .logo-ngr {
  top: 0.4rem;
}
.mini .right-top {
  right: -0.04rem;
  top: 0.4rem;
}
.mini .right-top .index-logo {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}
.mini .right-top .btn-vol {
  margin-right: 0.43rem;
}
@media screen and (min-aspect-ratio: 750/1480) {
  .m-select .char-displays,
  .m-select .bg {
    margin-top: 0.4rem;
  }
  .select-video,
  .select-video-canvas,
  .pop_input_name .container {
    margin-top: 0.4rem;
  }
  .m-result .result-title {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
}
@media screen and (min-aspect-ratio: 750/1400) {
  .pop_input_name .container {
    -webkit-transform: scale(0.96) translate(-50%, -50%);
            transform: scale(0.96) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .m-result .result-btn-share,
  .m-result .result-btn-back {
    margin-top: 5.5rem;
  }
}
@media screen and (min-aspect-ratio: 750/1300) {
  .m-select .char-displays,
  .m-select .bg {
    margin-top: 0.6rem;
  }
  .m-select .select-title {
    margin-top: 1.72rem;
  }
  .m-select .char-select-area {
    margin-top: 3.6rem;
  }
  .m-select .btn-generate {
    margin-top: 4.9rem;
  }
  .m-select .generate-hint {
    margin-top: 5.6rem;
  }
  .select-video,
  .select-video-canvas,
  .pop_input_name .container {
    margin-top: 0.6rem;
  }
  .pop_input_name .container {
    -webkit-transform: scale(0.88) translate(-50%, -50%);
            transform: scale(0.88) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .m-result .result-title {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .m-result .result-btn-share,
  .m-result .result-btn-back {
    margin-top: 5.2rem;
  }
}
@media screen and (min-aspect-ratio: 750/1240) {
  .m-select .char-displays,
  .m-select .bg {
    margin-top: 0.8rem;
  }
  .m-select .char-displays {
    -webkit-transform: scale(0.9) translate(-50%, -50%);
            transform: scale(0.9) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .select-video,
  .select-video-canvas {
    margin-top: 0.8rem;
    -webkit-transform: scale(0.85) translate(-50%, -50%);
            transform: scale(0.85) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .pop_input_name .container {
    -webkit-transform: scale(0.85) translate(-50%, -50%);
            transform: scale(0.85) translate(-50%, -50%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .m-result .center,
  .m-result .guide-img,
  .m-result .profile-light,
  .m-result .profile-light2 {
    width: 100% !important;
  }
  .m-result .result-btn-share,
  .m-result .result-btn-back {
    margin-top: 5rem;
  }
  .m-result.jl .guide-img {
    margin-top: -0.2rem;
  }
}