@media (orientation: landscape) and (min-width: 480px) and (min-aspect-ratio: 750 / 600) {

  html,
  body {
    position: relative;
    overflow: hidden;
    width: 100% !important;
    height: 100%;
    padding: 0;
    margin: 0;
  }

  html::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    z-index: 99999;
  }

  html::after {
    content: "\4e3a\4e86\66f4\597d\7684\4f53\9a8c\ff0c\8bf7\5c06\624b\673a\7ad6\8fc7\6765";
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 100%;
    margin-top: 50px;
    z-index: 99999;
  }

  body::before {
    content: "";
    position: absolute;
    z-index: 99999;
    height: 200px;
    width: 100px;
    left: 50%;
    top: 50%;
    margin: -140px 0 0 -50px;
    color: #fff;
    background-image: url("data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUUfW2hpexQlhYJi0IQJaCgoLgAsohIkFWIURQFNaBgBKMRgZAY1KgYlRIiQVkEo4IBEVAxBsQgyFIkLAHRgFCkgJhCgVqg33syd+R1nPb/+Z3fzpvek5y0s/6Ze+Zt9933XlIkElExIpN4HfF6YmviJWUGkonFxP3Eg8QjxL9VSJEUg6CNiD2Jw4mdiRnEBmwkI96RiJc8xdxCXEz8sSoKOpH4PLFlCN99PfE94ldVQVBkq9nEe1yO5RPPEFMMeccIp9LGxHSX4/P5wy306fc6EjsQtxF/DYKg/YnLOFu1AQEXEncwc4nVDBO0FbEr8V7iUMc5OcRBxGM+/B4SwniuY3xD/IH4GZfdFfC2JKjGbsSiSElkE5s7zjOdvYnfOt5zF7FmOe+bGXHHKeIyYqdEv5u+0Yx4UnuIAuLgkAnp5GyH4VeU836NiPOJOZHSsZTYuSIEXeX44b4hF9Pmy473Hu/DPWsR2xOnEX9xEfU8cSYxKVGCDnT84NgqIqbNFdq7nyM29Pn+Q4hfugi7ye/Uav+zWvuRrVVMTLAl8axmg2cT9DsjiHscoqJoG+anoK2JhdoP9K6CgoIzNBtsSeDvpBLfcUmtvuSKyMPHUGX3Q670HiK2J172UFG+kViXWMRNGjeX4UCP94zVA4SmwXKf2pBo0mzm9nUht8UT2dQYRlxArKfte5z4UXmbLdnaV/K+h6+hPnGR4ytbR2zhOK9vJLFo6lPKSSHu0+47vAJyhXbE3Y73GVeeeyazb9bGUQ/fAhwNo12cEp8Tq2v7EunEP++jT/mKI0W2qwA3wAHifQ6P0gfEXvHeEN6eJtr2iRiv6018QPPE4IGyiHU463qQuNTlujziVr4mOU6jw33Xg1gjAQb+R/s/tYI8WbnsYv2e2Jb3IVHc7DGB/SdolrZ9Lsbrumj/b2cR5xAn8L7OpQi62cXt5hVp3A3WIkFdbfrHU1GAy3EU8WcuwzPYx9w/HkGLHduxIE/7H4Z9kXh7Kcd1dGM/cXGcvmBUvGpzl17YsJM4hrv2FPucR2vbMVeK9HbRiBgL3wbEvFIqKReJbbRzeyWwQnSB2NjHSore+J9eSc2nL7RnyGVbe6oUxQP0+I906fkv5K/skLYvkd1s6dx8CRPGanZtRpziNcuNFxu4rHyE+/+OExcRd7nU5F7xsb9R/1AKPZT7puAMd7zP4O1xxLd5f8Ky3LAyCFmuXaSdiMcVmawEQQSy3Hna9uh4qumCYGEZ1+rtZuAtLuc8QVxJvEYEDR6clbuD3Ma3dbrfcbwp8Q128OTYbVavlaJO7KoqUuaEcSr2Kv3FX/35AD4fOkfQKTLE4a1DRGJ3/r+r45qP1VW3bYbd9vcqKFx+rxmaAvARrgmYoCncAhjD23i+h7hlAOixw8h2EbmI2OKniX20Y49xKvWc5RYZnKWdDWCukqSXfyzaRnU1fHa31ibN5ATYlJs1NuD3XRJvO1Q3SD67q4KMauySxN/LAXw+PNOTXF6+qZWN65Tl80aKRXxvPz52K6dguzcrl1OrL46Fnco9EDtoOK1KdhEGEW8R/+ByEWKlcvn5qLLG5PTTzmurXfeU0+FQHkFTDRCznkE1eQRjFxA/UVYEiGLP22ntHF3MBZyCpR0aYKzlbHWvts+tZwm+8oniWDADKE8HKGuUXGl4mHhBBDUHKE/vIq5yOTZLWVEfSgQ1C6gBDybO1vYh1U6NVq0XBBuTuQ09mWu1ZUJSqBmYqSzn/G4RNFyVJSWCVjGIoCKoQAQViKACEVTAguqiRgtaTjLwY0j28LxebBHYl9XnI0qLcr4+4qu+Ae8HUewBtRkxiFpX+7+miYLC9YeobIyFRBR6NE/ET8S5LGyOAe+Hd3pVWVEA6N2PFmW/UFldU7juOxMFjWXyRoEIKhBBBSKoIH5BEZyEWJfmXBO8LKarsEorKnKHldW5faS8giJ2BeM/7yDWEvtWKiAsIukRCfipV0ExAGYqp0pB8IDgawwIXheLoJi8N1tsFnhEWKt5ZQn6kjJ3MFJVBWKNZrsJivn4Vot9jMQAO/u1BUXNFbOBNRHbGImTylpTp8B2Vk8RMY0GtHvOTqGYmQsRZVk+3Rxj/uEQTxE7lwlMPYfBvoN9uh9GfrdBw7WHj2IqbvzuEL1itpVfwIDgrshy7/b5IWuKTpVmq54QtJXYNTRo4ZwAWWA2spJ9Lj8F/iGemcCbS9Rf8AB/QE/iTcRnlLdpeJJQy5UO0eAAU6RjurdNvL1PWU6fWTFeH5EUGiz8qYlpY6OXG4igwQJmCrvN2RTxcgMZwR0sIIgA8yqgBwUTN8KLNE0ENRvwyy7hWm51rxdLlhtcVI/nIhE0ZBBBQwYpQ4OHPdx8qcHt0obsZEgWQc3EJGWtg2YDy15i5tN0yXLDAU+ePBE0eHBOW5smgkotVyCCCkLTbPmNiZXzOogJzU2hGP2E9UUwHwMWK+2orMntD4oZzRMUVedByppU4oq2b72yhhoeFlOaJSgWe9lQyjGsWjBXTGmWoJuiHM8RU5olaLQV42WIvmGC3hnleDcxpVmCjlLWGEQ3oPkySUxplqA4bzlxgrICmTAmA3MEYi4GrCEiwdoGOhbQfTOHOF1Z/XWYvLGlmNBcQW00UTI42PgsVyCCCuKEcwpYLLwbcye3hKAEDzdwHQUd3YjN7eAl4YmgwcO7ypqA2V5mGsKmiaDmIl3FGBAmZahUigQiqEAEFYigAhFUBBUYKqhMshgepEDQi2KH0CAfgh4RO4QGxyFovtghNDgNQXf5fNNisWul2WofBPV7WcVLolOl2eprTFGO6VMwyVFHn266HzdWMhFyNFwg9ie29+l+CNbrbq8KMZS4QmxsNIYQV+rrtmCihl5iFyOxRlnr7pRYiAcB09v4r8AcHFPWGnUnnIICmAlyrSq50LoguMjjlLnd3uG2mB2ClBYTu4i9Ag0scI/lQH/Xd5a23CRiWl5Q1opLdcR2gcIZ4uvKGsXwP7dttAVhWxH7EEcqa0ar2ixwkpKpzRMN28aI0y0gHiAuZb/B0VIvinHJ5muVFR+ayZWmZCUeoUTDtvFxrvDsVdZkJWXiXwEGAB5thUjn4vqyAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px auto;
    -webkit-transform: rotateZ(-90deg);
  }
}

@media (orientation: landscape) and (min-width: 480px) and (min-aspect-ratio: 750 / 600) {
  html.input-focus::before {
    content: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    z-index: 99999;
  }

  html.input-focus::after {
    content: none;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 100%;
    margin-top: 50px;
    z-index: 99999;
  }

  html.input-focus body::before {
    content: none;
  }
}

:root {
  --easeCommon: cubic-bezier(0.10, 0.00, 0.23, 1.00);
}

@font-face {
  font-family: "swiss";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/Swiss911BTCompressed.otf);
}

@font-face {
  font-family: "swiss-ultra";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/Swiss911BTUltraCompressed.otf);
}

@font-face {
  font-family: "FZLTYJT";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/FZLTYJT.ttf);
}

@font-face {
  font-family: "FZCCHJT";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/FZCCHJT.ttf);
}

@font-face {
  font-family: "MIANFEIZITI";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font/MIANFEIZITI.ttf);
}

@font-face {
  font-family: "RUNEREGULAR";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/RUNEREGULAR.ttf);
}

@font-face {
  font-family: "SSMOFANGTI";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/SSMOFANGTI.TTF);
}

@font-face {
  font-family: "MFQIHEI";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/SSMOFANGTI.TTF);
}

@font-face {
  font-family: "ROCOBLACK";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/RocofontblackRegular.ttf);
}

@font-face {
  font-family: "ZZGFQHT";
  src: url(//game.gtimg.cn/images/rocom/act/a20250812preview/font-origin/ZZGFQHT.otf);
}

.font-swiss {
  font-family: "swiss" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-swiss-ultra {
  font-family: "swiss-ultra" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-fzltyjt {
  font-family: "FZLTYJT" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-fzcchjt {
  font-family: "FZCCHJT" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-mainfeiziti {
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-runeregular {
  font-family: "RUNEREGULAR" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-ssmofangti {
  font-family: "SSMOFANGTI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-mfqihei {
  font-family: "MFQIHEI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-rocoblack {
  font-family: "ROCOBLACK" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.font-zzgfqht {
  font-family: "ZZGFQHT" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

i,
picture {
  display: block;
}

html,
body {
  overflow-x: hidden;
  width: 100%;
}

canvas {
  width: 100%;
  height: 100%;
}

.d-hide {
  display: none !important;
  font-size: 0;
  text-indent: -999em;
}

.d-block {
  display: block !important;
}

.page-container {
  width: calc(100 * var(--vw));
  height: auto;
  color: #1e1e1e;
  user-select: none;
  position: absolute;
  overflow: hidden;
  z-index: 5;
  /* background-color: #e3dbcf; */
  background-color: #e2dace;
}

.target-trigger {
  width: 1px;
  /* height: 100%; */
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  user-select: none;

  /* pointer-events: none; */
  /* width: 100vw;
  opacity: 1;
  background-color: red;
  z-index: 9999;
  height: 1px; */
}

.picture-inner {
  width: 100%;
  height: 100%;
}

.txp_btn_fullscreen {
  display: none !important;
}

/* ----------------- 导航栏 ------------------- */
.nav-bg {
  width: calc(100 * var(--vw));
  height: calc(1.55 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/nav/bg.png) 50% 50% / 100% 100% no-repeat;
  position: fixed;
  top: 0;
  left: calc((var(--screenWidth) - 100 * var(--vw)) / 2);
  z-index: 1000;
  opacity: 0;
}

.nav-logo {
  width: calc(2.58 * var(--originRem));
  height: calc(.8 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/nav/logo.png) 50% 50% / 100% 100% no-repeat;
  margin-left: .3rem;
  margin-right: .25rem;
  cursor: pointer;
}

.nav-btn-web {
  width: calc(2.93 * var(--originRem));
  height: calc(.97 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/nav/btn-download.png) 50% 50% / 100% 100% no-repeat;
  margin-right: .42rem;
}

.nav-icon-menu {
  width: calc(.6 * var(--originRem));
  height: calc(.52 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/nav/btn-download.png) 50% 50% / 100% 100% no-repeat;
  margin: 0 .42rem 0 .32rem;
}

.nav-main-area {
  width: calc(10.8 * var(--originRem));
  height: max(calc(20.85 * var(--originRem)), calc(100 * var(--vh)));
  position: fixed;
  top: 0;
  left: calc((var(--screenWidth) - calc(10.8 * var(--originRem))) / 2);
  z-index: 1001;
  overflow: hidden;
}

.nav-main-empty {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.nav-main-bg {
  width: calc(8.7 * var(--originRem));
  height: calc(100 * var(--vh));
  position: absolute;
  top: 0;
  right: -2px;
  z-index: 5;
  transform: translateX(calc(8.7 * var(--originRem))) scaleX(1);
  transform-origin: right center;
  transition: .2s all;
}

.nav-main-bg-img {
  width: 100%;
  height: 100%;
}

.nav-main-bg.open {
  animation: page-nav-open-frame .2s linear forwards;
}

@keyframes page-nav-open-frame {
  0% {
    transform: translateX(calc(8.7 * var(--originRem))) scaleX(1);
  }

  45% {
    transform: scaleX(.96)
  }

  72% {
    transform: scaleX(1.04)
  }

  100% {
    transform: translateX(0) scaleX(1);
  }
}

.nav-main-box {
  width: calc(7.47 * var(--originRem));
  height: auto;
  position: absolute;
  top: calc(10 * var(--vh));
  right: 0;
  color: #f4eee1;
}

.nav-main-tab-box {
  width: calc(7.47 * var(--originRem));
  height: calc(1.71 * var(--originRem));
  position: relative;
}

.nav-tab-name {
  line-height: calc(1.71 * var(--originRem));
  margin-left: .42rem;
  position: relative;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  font-size: calc(.6 * var(--originRem));
}

.nav-main-tab-bg {
  width: calc(7.47 * var(--originRem));
  height: calc(1.71 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/nav/menu-tab.png) 50% 50% / 100% 100% no-repeat;
  transform: translateX(100%);
  transition: .2s all;
  position: absolute;
  right: 0;
  top: 0;
}

.nav-main-box[data-index="1"] .nav-main-tab-box:nth-child(1) .nav-main-tab-bg,
.nav-main-box[data-index="2"] .nav-main-tab-box:nth-child(2) .nav-main-tab-bg,
.nav-main-box[data-index="3"] .nav-main-tab-box:nth-child(3) .nav-main-tab-bg,
.nav-main-box[data-index="4"] .nav-main-tab-box:nth-child(4) .nav-main-tab-bg {
  transform: translateX(0);
}

.nav-main-box[data-index="1"] .nav-main-tab-box:nth-child(1),
.nav-main-box[data-index="2"] .nav-main-tab-box:nth-child(2),
.nav-main-box[data-index="3"] .nav-main-tab-box:nth-child(3),
.nav-main-box[data-index="4"] .nav-main-tab-box:nth-child(4) {
  color: #ffc65f;
}

.nav-tab-sub-box-wrapper {
  width: calc(7.47 * var(--originRem));
  height: 0;
  position: absolute;
  top: calc(1.71 * var(--originRem));
  right: 0;
  transition: var(--easeCommon) .2s;
  overflow: hidden;
}

.nav-main-box[data-index="5"] .nav-tab-sub-box-wrapper {
  height: calc(1.67 * 2 * var(--originRem));
}

.nav-main-box[data-index="5"] .nav-main-tab-box[data-close="1"] .nav-tab-sub-box-wrapper {
  height: 0;
}

.nav-main-tab-box[data-index="5"][data-sub="1"] .nav-tab-sub-box[data-index="1"],
.nav-main-tab-box[data-index="5"][data-sub="2"] .nav-tab-sub-box[data-index="2"] {
  color: #ffc65f !important;
}

.nav-tab-sub-box {
  width: inherit;
  height: 1.67rem;
  line-height: 1.67rem;
  padding-left: .5rem;
  font-size: calc(.36 * var(--originRem));
  position: relative;
  color: #f4eee1 !important;
}

.nav-tab-sub-box-wrapper .nav-tab-sub-box:nth-child(1)::after {
  content: "";
  width: 6.67rem;
  height: .03rem;
  background-color: #1f1f1f;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* ----------------- main area ------------------- */
.part-1 {
  width: calc(100 * var(--vw));
  /* height: calc(20.85 * var(--originRem)); */
  height: min(100 * var(--vh), calc(21.08 * var(--originRem)));
  z-index: 51;
}

.part-1-login-wrapper {
  position: absolute;
  top: 1.86rem;
  left: .2rem;
  z-index: 25;
  -webkit-text-stroke: 4px transparent;
  background: rgba(0, 0, 0, .4);
  background-clip: text;
  -webkit-background-clip: text;
  opacity: 0;
  padding: 0 .1rem;
}

.part-1-unlogin-area,
.part-1-logined-area,
.part-1-logined-area a {
  cursor: pointer;
  color: #f4eee1;
  font-size: calc(.36 * var(--originRem));
}

.part-1-user-name {
  max-width: calc(3 * var(--originRem));
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
  padding-left: 4px;
}

.part-1-cover {
  width: calc(10.8 * var(--originRem));
  /* height: min(calc(20.85 * var(--originRem)), calc(100 * var(--vh))); */
  height: calc(21.08 * var(--originRem));
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  object-fit: cover;
  transform-origin: center bottom;
}

.part-1-screen {
  width: calc(100 * var(--vw));
  height: min(calc(21.08 * var(--originRem)), calc(100 * var(--vh)));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 55;
  pointer-events: none;
  transform-origin: center bottom;
}

.part-1-bg {
  width: calc(10.8 * var(--originRem));
  height: calc(20.66 * var(--originRem));
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  /* object-fit: contain; */
  transform-origin: center bottom;
  /* background-color: red; */
}

.part-1-btn-website {
  width: calc(3.65 * var(--originRem));
  height: calc(.97 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/btn-website.png) 50% 100% / 100% 100% no-repeat;
  position: absolute;
  top: calc(2 * var(--originRem));
  right: calc(.3 * var(--originRem));
  cursor: pointer;
  z-index: 25;
  opacity: 0;
  transition: var(--easeCommon) .2s;
  pointer-events: visible;
}

.part-1-btn-play {
  width: calc(1.17 * var(--originRem));
  height: calc(1.18 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/btn-play.png) 50% 100% / 100% 100% no-repeat;
  position: absolute;
  bottom: calc(7.55 * var(--originRem));
  left: calc(4.815 * var(--originRem));
  cursor: pointer;
  z-index: 25;
  opacity: 0;
  transition: var(--easeCommon) .2s;
  pointer-events: visible;
}

.part-1-btn-play:active {
  transform: scale(1.02) !important;
}

.part-1-btn-play:hover {
  transform: scale(1.02) !important;
}

.part-1-screen {
  width: calc(100 * var(--vw));
  height: min(calc(20.85 * var(--originRem)), calc(100 * var(--vh)));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 55;
  pointer-events: none;
  transform-origin: center bottom;
}

.part-1-btn-booking {
  width: calc(6.47 * var(--originRem));
  height: calc(1.61 * var(--originRem));
  position: absolute;
  bottom: calc(2.85 * var(--originRem));
  left: calc(2.166 * var(--originRem));
  cursor: pointer;
  transform-origin: center center;
  transform: translateY(calc(2.8 * var(--originRem)));
  opacity: 0;
  z-index: 12;
  pointer-events: visible;
}

.part-1-btn-booking:active {
  transform: scale(.98) !important;
}

.page-container[data-part1="1"] .part-1-btn-booking {
  transition: var(--easeCommon) .2s;
}

.part-1-btn-award-outter {
  position: absolute;
  bottom: calc(4.8 * var(--originRem));
  left: calc(2.166 * var(--originRem));
  transform-origin: center center;
  transform: translateY(calc(2.8 * var(--originRem)));
  opacity: 0;
  z-index: 15;
  pointer-events: visible;
}

.part-1-btn-award {
  width: calc(3.43 * var(--originRem));
  height: calc(2.62 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/icon-award.png) 50% 50% / 100% 100% no-repeat;
}

.part-1-btn-award:active {
  transform: scale(.98) !important;
}

.page-container[data-part1="1"] .part-1-btn-award {
  transition: var(--easeCommon) .2s;
}

.part-1-icon-gift-star-box-web {
  width: calc(5.04 * var(--originRem));
  height: calc(3.45 * var(--originRem));
  position: absolute;
  top: calc(-.5 * var(--originRem));
  left: calc(-.7 * var(--originRem));
  overflow: hidden;
  z-index: 6;
  pointer-events: none;
}

.part-1-icon-gift-star-outter-web {
  width: calc(574.56 * var(--originRem));
  height: calc(3.45 * var(--originRem));
}

.page-container[data-part1="1"] .part-1-icon-gift-star-outter-web {
  animation: part-1-fg-loop 4.75s steps(114, end) infinite forwards;
}

.part-1-icon-gift-star-web {
  width: calc(95.76 * var(--originRem));
  height: calc(3.45 * var(--originRem));
  position: relative;
}

.part-1-icon-gift-star-web-inner {
  width: calc(95.76 * var(--originRem));
  height: calc(3.45 * var(--originRem));
}

.part-1-icon-gift-star-box {
  width: calc(10 * var(--originRem));
  height: calc(3.45 * var(--originRem));
  position: absolute;
  top: calc(-.545 * var(--originRem));
  left: calc(-1.4 * var(--originRem));
  overflow: hidden;
  z-index: 6;
  pointer-events: none;
  /* opacity: 0; */
  transition: .2s all;
}

.part-1-btn-ageTips {
  width: calc(.86 * var(--originRem));
  height: calc(1.1 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/web/part1/ageTips.png) 50% 100% / 100% 100% no-repeat;
  position: absolute;
  top: calc(.7 * var(--originRem));
  left: calc(.05 * var(--originRem));
  cursor: pointer;
  z-index: 15;
  opacity: 0;
  transition: var(--easeCommon) .2s;
  pointer-events: visible;
  cursor: pointer;
}

.part-1-icon-gift-star-box[data-type="2"] {
  top: calc(-.1 * var(--originRem));
}

.part-1-icon-gift-star {
  width: calc(190 * var(--originRem));
  height: calc(3.45 * var(--originRem));
}

.part-1-had-booking-area {
  width: auto;
  height: auto;
  position: absolute;
  bottom: calc(2.65 * var(--originRem));
  left: calc(2.185 * var(--originRem));
  z-index: 15;
  pointer-events: none;
}

.part-1-icon-had-booking {
  width: calc(6.8 * var(--originRem));
  height: calc(2.62 * var(--originRem));
  /* background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/icon-had-booking.png) 50% 100% / 100% 100% no-repeat; */
  pointer-events: visible;
  cursor: pointer;
}

.page-container[data-part1="1"] .part-1-icon-had-booking {
  transition: var(--easeCommon) .2s;
}

.page-container[data-part1="1"] .part-1-icon-had-booking:hover,
.page-container[data-part1="1"] .part-1-icon-had-booking:active {
  transform: scale(1.02) !important;
}

.part-1-icon-gift-star-box[data-type="hadBooking"] {
  top: calc(-.5 * var(--originRem));
  left: calc(.88 * var(--originRem));
}

.part-1-download-area {
  width: calc(7.2 * var(--originRem));
  position: absolute;
  bottom: calc(2.32 * var(--originRem));
  left: calc(1.8 * var(--originRem));
  z-index: 15;
  pointer-events: visible;
}

.part-1-icon-gift-outter {
  width: calc(7.2 * var(--originRem));
  height: calc(2.06 * var(--originRem));
}

.part-1-icon-gift-star-outter {
  width: calc(1140 * var(--originRem));
  height: calc(3.45 * var(--originRem));
  animation: part-1-fg-loop 4.75s steps(114, end) infinite forwards;
}

@keyframes part-1-fg-loop {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.part-1-icon-gift {
  width: calc(7.2 * var(--originRem));
  height: calc(2.06 * var(--originRem));
  position: relative;
  cursor: pointer;
  z-index: 4;
}

.page-container[data-part1="1"] .part-1-icon-gift {
  transition: var(--easeCommon) .2s;
}

.page-container[data-part1="1"] .part-1-icon-gift:hover,
.page-container[data-part1="1"] .part-1-icon-gift:active {
  transform: scale(1.02) !important;
}

.part-1-btn-download {
  width: calc(4.93 * var(--originRem));
  height: calc(.97 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/btn-download.png) 50% 100% / 100% 100% no-repeat;
  opacity: 0;
}

.part-1-btn-web {
  width: calc(3.37 * var(--originRem));
  height: calc(.97 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/btn-web.png) 50% 100% / 100% 100% no-repeat;
  opacity: 0;
}

.part-1-btn-download:active,
.part-1-btn-web:active {
  transform: scale(.98) !important;
}

.page-container[data-part1="1"] .part-1-btn-download,
.page-container[data-part1="1"] .part-1-btn-web {
  transition: var(--easeCommon) .2s;
}

.part-1-btn-config {
  width: calc(7.18 * var(--originRem));
  height: calc(.57 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/btn-config.png) 50% 100% / 100% 100% no-repeat;
  transition: var(--easeCommon) .2s;
}

.page-container[data-part1="1"] .part-1-btn-config:active {
  transform: scale(.98) !important;
}

.part-1-download-left {
  flex-direction: column;
  z-index: 50;
  position: absolute;
  left: calc(.2 * var(--originRem));
  bottom: calc(2.4 * var(--originRem));
}

.part-1-download-left .online-reward-btn {
  width: calc(1.39 * var(--originRem));
  height: calc(1.24 * var(--originRem));
  opacity: 0;
  margin-bottom: 0.2rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/online-reward.png) 50% 50% / 100% 100% no-repeat;
}

.part-1-download-left .activity-reward-btn {
  width: calc(1.15 * var(--originRem));
  height: calc(1.24 * var(--originRem));
  opacity: 0;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/activity-reward.png) 50% 50% / 100% 100% no-repeat;
}

/* .part-1-download-right {
  width: calc(2.74 * var(--originRem));
  height: calc(1.56 * var(--originRem));
  position: absolute;
  right: calc(.22 * var(--originRem));
  bottom: calc(9.2 * var(--originRem));
  z-index: 50;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/kv-img2.png) 50% 50% / contain no-repeat;
  opacity: 0;
} */
.part-1-download-right {
  width: calc(2.74 * var(--originRem));
  height: calc(1.56 * var(--originRem));
  position: absolute;
  right: calc(.22 * var(--originRem));
  bottom: calc(9.2 * var(--originRem));
  z-index: 50;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/kv-img3.png) 50% 50% / contain no-repeat;
  opacity: 0;
}

.part-1-kv-img {
  width: calc(2.74 * var(--originRem));
  height: calc(1.56 * var(--originRem));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.kv-tit {
  width: calc(9.05 * var(--originRem));
  height: calc(3.62 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/kv-tit.png) 50% 100% / 100% 100% no-repeat;
  position: absolute;
  left: calc(.76 * var(--originRem));
  bottom: calc(5.2 * var(--originRem));
  pointer-events: none;
  opacity: 0;
  z-index: 15;
  display: none;
}

.part-1-download-tip {
  width: calc(5.59 * var(--originRem));
  height: calc(.27 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/download-tip.png) 50% 100% / 100% 100% no-repeat;
  position: absolute;
  left: calc(2.76 * var(--originRem));
  bottom: calc(1.9 * var(--originRem));
  opacity: 0;
  z-index: 15;
}

.part-1-download-tip1 {
  width: calc(6.95 * var(--originRem));
  height: calc(.41 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/download-tip1.png) 50% 100% / 100% 100% no-repeat;
  position: absolute;
  left: calc(1.94 * var(--originRem));
  bottom: calc(1.8 * var(--originRem));
  opacity: 0;
  z-index: 15;
  display: none !important;
}

.part-1-icon-arrow {
  width: calc(.63 * var(--originRem));
  height: calc(.41 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/icon-arrow1.png) 50% 100% / 100% 100% no-repeat;
  /* background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part1/icon-arrow.png) 50% 100% / 100% 100% no-repeat; */
  position: absolute;
  left: calc(5.115 * var(--originRem));
  bottom: calc(.8 * var(--originRem));
  opacity: 0;
  z-index: 15;
  animation: part-1-icon-arrow-move 1.66s cubic-bezier(0.33, 0.00, 0.67, 1.00) infinite forwards;
}

@keyframes part-1-icon-arrow-move {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(.38rem);
  }

  100% {
    transform: translateY(0);
  }
}

.part-1-modal {
  width: calc(100 * var(--vw));
  height: calc(100 * var(--vh));
  position: fixed;
  top: 0;
  left: calc((var(--screenWidth) - 100 * var(--vw)) / 2);
  z-index: 1009;
}

.part-1-modal-bg {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .8);
}

.part-1-modal-main-area {
  width: 9.96rem;
  height: 5.6rem;
  position: relative;
  z-index: 5;
}

.part-1-kv-video {
  width: 9.96rem;
  height: 5.6rem;
}

.part-1-modal-icon-close {
  width: .49rem;
  height: .51rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-close.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: -.9rem;
  right: 0;
  cursor: pointer;
  z-index: 9;
}


.part-2 {
  width: calc(100 * var(--vw));
  /* height: calc(14.4 * var(--originRem)); */
  height: calc(10.49 * var(--originRem));
  position: relative;
  z-index: 52;
}

.part-2::after {
  content: "";
  width: 100%;
  height: calc(10.49 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/part2-bj.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(-1.1 * var(--originRem));
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.part-2-tit {
  margin: 0 auto;
  margin-top: calc(.3 * var(--originRem));
  position: relative;
  z-index: 10;
  width: calc(4.98 * var(--originRem));
  height: calc(1.27 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/web/part2/part2-tit.png) 50% 0 / 100% 100% no-repeat;
}

.part-2-main-swiper,
.part-2-main-slide,
.part-2-cloth-swiper,
.part-2-cloth-slide {
  width: calc(10.79 * var(--originRem));
  height: calc(5.39 * var(--originRem));
  position: relative;
}

.part-2-main-area {
  width: 100%;
  height: calc(5.39 * var(--originRem));
  position: absolute;
  top: calc(2.4 * var(--originRem));
  left: 50%;
  opacity: 1;
  z-index: 60;
  transform: translateX(-50%);
}

.part-2-bg-img {
  width: calc(10.79 * var(--originRem));
  height: calc(5.39 * var(--originRem));
}

.part-2-arrow-right {
  width: calc(.68 * var(--originRem));
  height: calc(.65 * var(--originRem));
  position: absolute;
  bottom: calc(-.9 * var(--originRem));
  ;
  right: calc(.2 * var(--originRem));
  transform: translateY(-50%);
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/arrow-right.png) 50% 0 / 100% 100% no-repeat;
  cursor: pointer;
  z-index: 70;
}

.part-2-arrow-left {
  width: calc(.69 * var(--originRem));
  height: calc(.65 * var(--originRem));
  position: absolute;
  bottom: calc(-.9 * var(--originRem));
  ;
  left: calc(.2 * var(--originRem));
  transform: translateY(-50%);
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/arrow-left.png) 50% 0 / 100% 100% no-repeat;
  cursor: pointer;
  z-index: 70;
}

.part-2-pagination {
  width: calc(11 * var(--originRem));
  height: calc(.63 * var(--originRem));
  margin-top: calc(.5 * var(--originRem));
  z-index: 60;
  position: relative;
}

.part-2-pagination .part-2-pagination-bullet {
  width: calc(2.04 * var(--originRem));
  height: calc(.63 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/tab-bg.png) 50% 0 / 100% 100% no-repeat;
  border-radius: 0;
  font-size: calc(.22 * var(--originRem));
  color: #c4c2b6;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 .1rem;
  transition: .3s var(--easeCommon);
  cursor: pointer;
}

.part-2-pagination .part-2-pagination-active {
  width: calc(2.04 * var(--originRem));
  height: calc(.63 * var(--originRem));
  color: #1f1f1f;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/tab-bg-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-2-video-area {
  width: auto;
  height: calc(1.5 * var(--originRem));
  position: absolute;
  left: .3rem;
  bottom: .45rem;
  z-index: 6;
}

.part-2-video-tab-wrapper {
  width: calc(2.58 * var(--originRem));
  height: calc(1.5 * var(--originRem));
  position: relative;
  margin: calc(.1 * var(--originRem));
  cursor: pointer;
  transition: .3s var(--easeCommon);
}

.part-2-video-tab-wrapper::after {
  content: '';
  width: calc(2.58 * var(--originRem));
  height: calc(1.5 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/video-bg-active.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.part-2-video-tab-wrapper:hover {
  transform: translateY(-.12rem);
}

.part-2-video-tab-wrapper:hover::after {
  opacity: 1;
}

.part-2-video-tab-wrapper-inner {
  width: calc(2.45 * var(--originRem));
  height: calc(1.39 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/video-bg.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(.055 * var(--originRem));
  left: calc(.065 * var(--originRem));
  z-index: 5;
}

.part-2-video-cover {
  width: calc(2.34 * var(--originRem));
  height: calc(1.25 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/video-cover.png) 50% 0 / 100% 100% no-repeat;
  position: relative;
}

.part-2-video-cover::after {
  content: "";
  width: calc(.6 * var(--originRem));
  height: calc(.6 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/btn-play.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.part-2-cloth-tab-wrapper {
  width: auto;
  height: calc(1 * var(--originRem));
  position: absolute;
  bottom: calc(.8 * var(--originRem));
  right: calc(.52 * var(--originRem));
  z-index: 25;
}

.part-2-cloth-tab {
  width: calc(1.3 * var(--originRem));
  margin: 0 .3rem;
  pointer-events: visible;
  cursor: pointer;
  display: block;
}

.part-2-cloth-tab-wrapper .part-2-cloth-tab:nth-child(1) {
  height: calc(1.06 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/icon-female.png) 50% 50% / contain no-repeat;
  position: relative;
}

.part-2-cloth-tab-wrapper .part-2-cloth-tab:nth-child(1).active {
  height: calc(1.7 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/icon-female-active.png) 50% 50% / contain no-repeat;
  transform: translate(calc(.05 * var(--originRem)), calc(.42 * var(--originRem)));
}

.part-2-cloth-tab-wrapper .part-2-cloth-tab:nth-child(2) {
  height: calc(.97 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/icon-male.png) 50% 50% / contain no-repeat;
}

.part-2-cloth-tab-wrapper .part-2-cloth-tab:nth-child(2).active {
  height: calc(1.54 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/icon-male-active.png) 50% 50% / contain no-repeat;
  transform: translate(calc(.05 * var(--originRem)), calc(.42 * var(--originRem)));
}

.part-3 {
  width: calc(100 * var(--vw));
  height: calc(14.4 * var(--originRem));
  margin-top: calc(-4.6 * var(--originRem));
  ;
  position: relative;
  z-index: 50;
}

.part-3::after {
  content: "";
  width: calc(10.8 * var(--originRem));
  height: calc(14.4 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/bg.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(.9 * var(--originRem));
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.part-3-main-area {
  width: 100vw;
  height: calc(14 * var(--originRem));
  position: absolute;
  top: calc(1.8 * var(--originRem));
  left: 50%;
  opacity: 1;
  z-index: 60;
  transform: translateX(-50%);
}

.part-3-tit {
  margin: 0 auto;
  margin-top: calc(3.4 * var(--originRem));
  position: relative;
  z-index: 10;
  width: calc(4.96 * var(--originRem));
  height: calc(1.47 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tit.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-main-swiper,
.part-3-main-slide,
.part-3-cloth-swiper,
.part-3-cloth-slide {
  width: calc(10.7 * var(--originRem));
  height: calc(6.27 * var(--originRem));
  position: relative;
}

.part-3-bg-img {
  width: calc(10.7 * var(--originRem));
  height: calc(6.27 * var(--originRem));
}

.part-3-arrow-right {
  width: calc(.68 * var(--originRem));
  height: calc(.65 * var(--originRem));
  position: absolute;
  bottom: calc(3.2 * var(--originRem));
  right: calc(.1 * var(--originRem));
  transform: translateY(-50%);
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/arrow-right.png) 50% 0 / 100% 100% no-repeat;
  cursor: pointer;
  z-index: 70;
}

.part-3-arrow-left {
  width: calc(.69 * var(--originRem));
  height: calc(.65 * var(--originRem));
  position: absolute;
  bottom: calc(3.2 * var(--originRem));
  left: calc(.1 * var(--originRem));
  transform: translateY(-50%);
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/arrow-left.png) 50% 0 / 100% 100% no-repeat;
  cursor: pointer;
  z-index: 70;
}

.part-3-pagination-box {
  height: calc(11.2 * var(--originRem));
}

.part-3-pagination {
  width: calc(11 * var(--originRem));
  height: calc(.78 * var(--originRem));
  position: relative;
}

.part-3-pagination .part-3-pagination-bullet {
  width: calc(1.22 * var(--originRem));
  height: calc(.78 * var(--originRem));
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 .05rem;
  transition: .3s var(--easeCommon);
  cursor: pointer;
}

.part-3-pagination .part-3-pagination-bullet:nth-child(1) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab1.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-bullet:nth-child(2) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab2.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-bullet:nth-child(3) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab3.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-bullet:nth-child(4) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab4.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-bullet:nth-child(5) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab5.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-bullet:nth-child(6) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab6.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-bullet:nth-child(7) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab7.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-active:nth-child(1) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab1-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-active:nth-child(2) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab2-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-active:nth-child(3) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab3-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-active:nth-child(4) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab4-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-active:nth-child(5) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab5-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-active:nth-child(6) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab6-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-3-pagination .part-3-pagination-active:nth-child(7) {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/part3-tab7-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-4 {
  width: calc(100 * var(--vw));
  height: calc(23.7 * var(--originRem));
  margin-top: calc(-3.8 * var(--originRem));
  position: relative;
  z-index: 50;
  pointer-events: none;
}

.part-4::after {
  content: "";
  width: calc(10.8 * var(--originRem));
  height: calc(23.7 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/part4-bj.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(1.8 * var(--originRem));
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.part-4-tit {
  margin: 0 auto;
  margin-top: calc(3.3 * var(--originRem));
  position: relative;
  z-index: 10;
  width: calc(5.04 * var(--originRem));
  height: calc(1.29 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/part4-tit.png) 50% 0 / 100% 100% no-repeat;
}

.part-4-img {
  margin: 0 auto;
  margin-top: calc(.5 * var(--originRem));
  width: calc(10.32 * var(--originRem));
  height: calc(18.86 * var(--originRem));
  position: relative;
  z-index: 60;
}


.part-5 {
  width: calc(100 * var(--vw));
  height: calc(22.9 * var(--originRem));
  margin-top: calc(-2.5 * var(--originRem));
  position: relative;
  z-index: 47;
}

.part-5::after {
  content: "";
  width: calc(10.8 * var(--originRem));
  height: calc(22.9 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part5/part5-bj.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(2.8 * var(--originRem));
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.part-5-tit {
  margin: 0 auto;
  margin-top: calc(4.2 * var(--originRem));
  position: relative;
  z-index: 10;
  width: calc(5.05 * var(--originRem));
  height: calc(1.38 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part5/part5-tit.png) 50% 0 / 100% 100% no-repeat;
}

.part5-con {
  margin: 0 auto;
  margin-top: calc(.15 * var(--originRem));
  width: calc(10.7 * var(--originRem));
  height: calc(14.45 * var(--originRem));
}

.part5-con .part-5-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  opacity: 0;
  transition: all .3s;
}

.part5-con .part-5-img.active {
  opacity: 1;
}

.part5-btn-box {
  position: absolute;
  left: 50%;
  bottom: calc(.8 * var(--originRem));
  z-index: 10;
  transform: translateX(-50%);
}

.part5-btn-box .part5-btn {
  display: block;
  margin: 0 .3rem;
}

.part5-btn-box .part5-btn.w {
  width: calc(1.38* var(--originRem));
  height: calc(1.66 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part5/icon-female.png) 50% 0 / 100% 100% no-repeat;
}

.part5-btn-box .part5-btn.w.active {
  width: calc(1.74* var(--originRem));
  height: calc(2.39 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part5/icon-female-active.png) 50% 0 / 100% 100% no-repeat;
}

.part5-btn-box .part5-btn.m {
  width: calc(1.38 * var(--originRem));
  height: calc(1.38 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part5/icon-male.png) 50% 0 / 100% 100% no-repeat;
}

.part5-btn-box .part5-btn.m.active {
  width: calc(1.74 * var(--originRem));
  height: calc(2.06 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part5/icon-male-active.png) 50% 0 / 100% 100% no-repeat;
}

.part-6 {
  width: calc(100 * var(--vw));
  height: calc(18.75 * var(--originRem));
  position: relative;
  z-index: 52;
}

.part-6::after {
  content: "";
  width: calc(10.8 * var(--originRem));
  height: calc(21.45 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part6/part6-bj.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(-2.8 * var(--originRem));
  left: 0;
  z-index: 2;
}

.part-6-trigger {
  top: calc(21.5 * var(--originRem) - 100vh);
}

.part-6-main-area {
  width: inherit;
  height: inherit;
  position: absolute;
  top: calc(-4 * var(--originRem));
  left: 0;
  z-index: 9;
}

.part-6-title {
  width: calc(9.79 * var(--originRem));
  height: calc(8.56 * var(--originRem));
  position: absolute;
  top: calc(3.1 * var(--originRem));
  left: calc(.505 * var(--originRem));
  z-index: 5;
}

.part-6-sub-title {
  width: calc(9.91 * var(--originRem));
  height: calc(4.74 * var(--originRem));
  position: absolute;
  top: calc(13.80 * var(--originRem));
  left: calc(.445 * var(--originRem));
  z-index: 10;
}

.part-6-icon-question {
  width: calc(1.2 * var(--originRem));
  height: calc(1.21 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/icon-question.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc((19.2 + .11) * var(--originRem));
  left: calc(9.1 * var(--originRem));
  z-index: 5;
}

.part-6-btn-lottery {
  width: calc(6.37 * var(--originRem));
  height: calc(1.61 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/btn-lottery.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(19.2 * var(--originRem));
  left: calc(2.305 * var(--originRem));
  z-index: 5;
  transition: var(--easeCommon) .2s;
  cursor: pointer;
}

.part-6-btn-lottery::after {
  content: "";
  width: calc(1.65 * var(--originRem));
  height: calc(1.3 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/tape.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(-.35 * var(--originRem));
  left: calc(5.35 * var(--originRem));
  z-index: 6;
}

.part-6-btn-lottery:active {
  transform: scale(.9) !important;
}

.part-6-btn-lottery:hover {
  transform: scale(1.02) !important;
}

.part-6-lottery-wrapper {
  width: calc(6.51 * var(--originRem));
  height: calc(11.87 * var(--originRem));
  position: absolute;
  top: calc(4.7 * var(--originRem));
  /* right: calc(1.75 * var(--originRem)); */
  left: calc(2.15 * var(--originRem));
  z-index: 7;
  overflow: hidden;
}

.part-6-lottery-inner {
  width: calc(449.19 * var(--originRem));
}

.part-6-main-area[data-lottery="1"] .part-6-lottery-inner {
  animation: part-2-lottery-frame 2.875s steps(67, end) infinite forwards;
}

.part-6-lottery {
  width: calc(65.1 * var(--originRem));
  height: calc(11.87 * var(--originRem));
}

.part-6-lottery-2 {
  width: calc(58.59 * var(--originRem));
  height: calc(11.87 * var(--originRem));
}

@keyframes part-2-lottery-frame {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-67 * 6.51 * var(--originRem)));
  }
}

.part-6-star-wrapper {
  width: calc(6.5 * var(--originRem));
  height: calc(9 * var(--originRem));
  position: absolute;
  top: calc(6.35 * var(--originRem));
  left: calc(1.45 * var(--originRem));
  z-index: 8;
  overflow: hidden;
}

.part-6-star-inner {
  width: calc(71.5 * 3 * var(--originRem));
}

.part-6-main-area[data-lottery="1"] .part-6-star-inner {
  animation: part-2-star-frame 1.375s steps(32, end) infinite forwards;
}

.part-6-star {
  width: calc(71.5 * var(--originRem));
  height: calc(9 * var(--originRem));
}

@keyframes part-2-star-frame {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-32 * 6.51 * var(--originRem)));
  }
}

.part-6-card-header {
  width: calc((10.8 - .38) * var(--originRem));
  height: calc(3.7 * var(--originRem));
  position: absolute;
  top: calc(2.63 * var(--originRem));
  left: calc(.38 * var(--originRem));
  z-index: 6;
}

.part-6-card-title {
  width: calc(8.61 * var(--originRem));
  height: calc(1.7 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/title.png) 50% 0 / 100% 100% no-repeat;
}

.part-6-card-rule-area {
  font-size: .3rem;
  line-height: .32rem;
  color: #713e08;
  white-space: nowrap;
  margin-top: .18rem;
}

.part-6-card-btn-area {
  width: auto;
  position: absolute;
  top: calc(3.5 * var(--originRem));
  right: calc(.35 * var(--originRem));
  z-index: 8;
}

.part-6-card-btn-upvote {
  width: calc(2.62 * var(--originRem));
  height: calc(.96 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/btn-upvote.png) 50% 0 / 100% 100% no-repeat;
  cursor: pointer;
  transition: .2s var(--easeCommon);
}

.part-6-card-btn-upvote-disable {
  width: calc(2.62 * var(--originRem));
  height: calc(.96 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/btn-upvote-disable.png) 50% 0 / 100% 100% no-repeat;
  cursor: pointer;
  transition: .2s var(--easeCommon);
}

.part-6-card-btn-share {
  width: calc(2.62 * var(--originRem));
  height: calc(.96 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/btn-share.png) 50% 0 / 100% 100% no-repeat;
  cursor: pointer;
  transition: .2s var(--easeCommon);
  margin-left: .35rem;
}

.part-6-card-btn-upvote:active,
.part-6-card-btn-share:active {
  transform: scale(.9) !important;
}

.part-6-card-icon-question {
  width: calc(1.75 * var(--originRem));
  height: calc(1.65 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-question.png) 50% 0 / 100% 100% no-repeat;
  cursor: pointer;
  transition: .2s var(--easeCommon);
  position: absolute;
  top: 0;
  right: 0;
}

.part-6-card-icon-question:active {
  transform: scale(.9) !important;
}

.part-6-card-icon-question:hover {
  transform: scale(1.02) !important;
}

.part-6-card-wrapper {
  width: calc(10.4 * var(--originRem));
  height: auto;
  position: absolute;
  top: calc(7.18 * var(--originRem));
  left: calc(.2 * var(--originRem));
  z-index: 8;
}

.part-6-card-box {
  width: calc(5.01 * var(--originRem));
  height: calc(2.35 * var(--originRem));
  margin: calc(.2 * var(--originRem)) calc(.09 * var(--originRem));
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  cursor: pointer;
  position: relative;
}

/* type:1 抽卡获得 */
.part-6-card-box[data-type="1"]::after {
  content: "";
  width: calc(1.43 * var(--originRem));
  height: calc(.62 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-lottery.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(-.13 * var(--originRem));
  left: calc(-.1 * var(--originRem));
  z-index: 6;
}

/* type:2 许愿中 */
.part-6-card-box[data-type="2"]::after {
  content: "";
  width: calc(1.08 * var(--originRem));
  height: calc(.58 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-wish.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(-.13 * var(--originRem));
  left: 0;
  z-index: 6;
}

/* type:3 许愿获得 */
.part-6-card-box[data-type="3"]::after {
  content: "";
  width: calc(1.43 * var(--originRem));
  height: calc(.62 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-win.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(-.13 * var(--originRem));
  left: calc(-.1 * var(--originRem));
  z-index: 6;
}

.part-6-card-box[data-type="1"] .part-6-card-name,
.part-6-card-box[data-type="2"] .part-6-card-name,
.part-6-card-box[data-type="3"] .part-6-card-name {
  color: #ffc65f;
}

.part-6-card-wrapper[data-active="1"] .part-6-card-box[data-index="1"] .part-6-card-name,
.part-6-card-wrapper[data-active="2"] .part-6-card-box[data-index="2"] .part-6-card-name,
.part-6-card-wrapper[data-active="3"] .part-6-card-box[data-index="3"] .part-6-card-name,
.part-6-card-wrapper[data-active="4"] .part-6-card-box[data-index="4"] .part-6-card-name,
.part-6-card-wrapper[data-active="5"] .part-6-card-box[data-index="5"] .part-6-card-name,
.part-6-card-wrapper[data-active="6"] .part-6-card-box[data-index="6"] .part-6-card-name,
.part-6-card-wrapper[data-active="7"] .part-6-card-box[data-index="7"] .part-6-card-name,
.part-6-card-wrapper[data-active="8"] .part-6-card-box[data-index="8"] .part-6-card-name {
  color: #1f1f1f;
}

.part-6-card-bg {
  width: calc(5.01 * var(--originRem));
  height: calc(2.35 * var(--originRem));
  padding: .06rem 0;
  background-color: #1f1f1f;
  -webkit-mask-image: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-bg.png);
  mask-image: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-bg.png);
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat;
  -webkit-mask-size: calc(5.01 * var(--originRem)) calc(2.35 * var(--originRem));
  mask-size: calc(5.01 * var(--originRem)) calc(2.35 * var(--originRem));
  mask-position: 0 0;
  -webkit-mask-position: 0 0;
  transition: .2s var(--easeCommon);
}

.part-6-card-box[data-mask="1"] {
  pointer-events: none;
}

.part-6-card-wrapper[data-active="1"] .part-6-card-box[data-index="1"] .part-6-card-bg,
.part-6-card-wrapper[data-active="2"] .part-6-card-box[data-index="2"] .part-6-card-bg,
.part-6-card-wrapper[data-active="3"] .part-6-card-box[data-index="3"] .part-6-card-bg,
.part-6-card-wrapper[data-active="4"] .part-6-card-box[data-index="4"] .part-6-card-bg,
.part-6-card-wrapper[data-active="5"] .part-6-card-box[data-index="5"] .part-6-card-bg,
.part-6-card-wrapper[data-active="6"] .part-6-card-box[data-index="6"] .part-6-card-bg,
.part-6-card-wrapper[data-active="7"] .part-6-card-box[data-index="7"] .part-6-card-bg,
.part-6-card-wrapper[data-active="8"] .part-6-card-box[data-index="8"] .part-6-card-bg {
  background-color: #f4eee1;
}

.part-6-card-box[data-mask="1"] .part-6-card-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  background-color: rgba(0, 0, 0, .5);
}

.part-6-card-name {
  width: inherit;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
  font-size: .36rem;
  color: #929086;
  transition: .2s var(--easeCommon);
}

.part-6-card-img {
  width: calc(4.85 * var(--originRem));
  height: calc(1.71 * var(--originRem));
}

.part-6-card-btn-wrapper {
  width: calc(10.8 * var(--originRem));
  ;
  height: calc(1.45 * var(--originRem));
  position: absolute;
  top: calc(18.3 * var(--originRem));
  left: 0;
  z-index: 8;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.part-6-card-btn-box {
  width: calc(4.97 * var(--originRem));
  height: calc(1.61 * var(--originRem));
  line-height: calc(1.61 * var(--originRem));
  display: block;
  color: #fff;
  overflow: hidden;
  border-radius: calc(1.45 / 2 * var(--originRem));
  text-align: center;
  font-size: .64rem;
  margin: 0 .2rem;
  cursor: pointer;
  transition: .2s var(--easeCommon);
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/btn-lottery1.png) no-repeat center / cover;
}

.part-6-card-btn-box:active {
  transform: scale(.9) !important;
}

.part-6-card-btn-box-disable {
  width: calc(4.85 * var(--originRem));
  height: calc(1.45 * var(--originRem));
  line-height: calc(1.45 * var(--originRem));
  display: block;
  color: #929086;
  background-color: #272727;
  overflow: hidden;
  border-radius: calc(1.45 / 2 * var(--originRem));
  text-align: center;
  font-size: .64rem;
  margin: 0 .2rem;
  cursor: pointer;
  transition: .2s var(--easeCommon);
}

.part-6-lottery-modal {
  width: calc(100 * var(--vw));
  height: calc(100 * var(--vh));
  position: fixed;
  top: 0;
  left: calc((var(--screenWidth) - 100 * var(--vw)) / 2);
  z-index: 1009;
}

.part-6-lottery-modal-bg {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .8);
}

.part-6-lottery-modal-main-area {
  width: calc(10.8 * var(--originRem));
  height: calc(13.96 * var(--originRem));
  position: absolute;
  top: calc((100vh - calc(13.96 * var(--originRem))) / 2);
  left: 0;
  z-index: 9;
  pointer-events: none;
}

.part-6-lottery-modal-main-bg {
  width: calc(10.8 * var(--originRem));
  height: calc(13.96 * var(--originRem));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.part-6-lottery-modal-star {
  width: calc(10.8 * var(--originRem));
  height: calc(10.21 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/lottery/star.png) 50% 50% / cover no-repeat;
  position: absolute;
  top: calc(2.08 * var(--originRem));
  left: 0;
  z-index: 9;
  transform: scale(0);
}

.part-6-lotter-modal-line-1 {
  width: calc(8.07 * var(--originRem));
  height: calc(.79 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/lottery/line-1.png) 0 50% / 100% 100% no-repeat;
  position: absolute;
  top: calc((100vh - calc(13.96 * var(--originRem))) / 2 - calc(.5 * var(--originRem)));
  left: calc(2.06 * var(--originRem));
  ;
  z-index: 8;
  transform: translateX(-100%);
}

.part-6-lotter-modal-title {
  width: calc(9.12 * var(--originRem));
  height: calc(2.13 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/lottery/title.png) 0 50% / 100% 100% no-repeat;
  position: absolute;
  top: calc(-1.23 * var(--originRem));
  left: 0;
  z-index: 10;
  transform: translateX(-100%);
}

.part-6-lotter-modal-line-2 {
  width: calc(2.76 * var(--originRem));
  height: calc(.96 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/lottery/line-2.png) 0 50% / 100% 100% no-repeat;
  position: absolute;
  top: calc(.45 * var(--originRem));
  left: 0;
  z-index: 11;
  transform: translateX(-100%);
}

.part-6-lotter-modal-line-3 {
  width: calc(2.4 * var(--originRem));
  height: calc(.89 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/lottery/line-3.png) 0 50% / 100% 100% no-repeat;
  position: absolute;
  top: calc(13.46 * var(--originRem));
  right: 0;
  z-index: 10;
  transform: translateX(100%);
}

.part-6-lotter-modal-line-4 {
  width: calc(1.82 * var(--originRem));
  height: calc(.7 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/lottery/line-4.png) 0 50% / 100% 100% no-repeat;
  position: absolute;
  top: calc(13.98 * var(--originRem));
  right: 0;
  z-index: 11;
  transform: translateX(100%);
}

.part-6-lottery-card {
  width: calc(8.2 * var(--originRem));
  height: calc(3.16 * var(--originRem));
  position: absolute;
  top: calc(5.5 * var(--originRem));
  left: calc(1.2 * var(--originRem));
  z-index: 11;
  transform: scale(0);
}

.part-6-lottery-card-inner {
  position: relative;
  transform: rotate(-5deg);
}

.part-6-lottery-card-bg {
  width: calc(8.2 * var(--originRem));
  height: calc(3.16 * var(--originRem));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.part-6-lottery-card-img {
  width: calc(7.9 * var(--originRem));
  height: calc(2.87 * var(--originRem));
  position: absolute;
  top: calc(.145 * var(--originRem));
  left: calc(.15 * var(--originRem));
  z-index: 5;
  opacity: 0;
  display: none;
}

.part-6-lottery-card-name {
  width: calc(10.8 * var(--originRem));
  height: .64rem;
  line-height: .64rem;
  color: #fff;
  font-size: .64rem;
  text-align: center;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  position: absolute;
  bottom: calc(3.32 * var(--originRem));
  left: 0;
  z-index: 11;
  transform: scale(0);
}

.part-6-lottery-card-name span {
  opacity: 0;
  display: none;
}

.part-6-lottery-modal[data-type="1"] .part-6-lottery-card-img[data-type="1"],
.part-6-lottery-modal[data-type="1"] .part-6-lottery-card-name span[data-type="1"],
.part-6-lottery-modal[data-type="2"] .part-6-lottery-card-img[data-type="2"],
.part-6-lottery-modal[data-type="2"] .part-6-lottery-card-name span[data-type="2"],
.part-6-lottery-modal[data-type="3"] .part-6-lottery-card-img[data-type="3"],
.part-6-lottery-modal[data-type="3"] .part-6-lottery-card-name span[data-type="3"],
.part-6-lottery-modal[data-type="4"] .part-6-lottery-card-img[data-type="4"],
.part-6-lottery-modal[data-type="4"] .part-6-lottery-card-name span[data-type="4"],
.part-6-lottery-modal[data-type="5"] .part-6-lottery-card-img[data-type="5"],
.part-6-lottery-modal[data-type="5"] .part-6-lottery-card-name span[data-type="5"],
.part-6-lottery-modal[data-type="6"] .part-6-lottery-card-img[data-type="6"],
.part-6-lottery-modal[data-type="6"] .part-6-lottery-card-name span[data-type="6"],
.part-6-lottery-modal[data-type="7"] .part-6-lottery-card-img[data-type="7"],
.part-6-lottery-modal[data-type="7"] .part-6-lottery-card-name span[data-type="7"],
.part-6-lottery-modal[data-type="8"] .part-6-lottery-card-img[data-type="8"],
.part-6-lottery-modal[data-type="8"] .part-6-lottery-card-name span[data-type="8"] {
  opacity: 1;
  display: inline;
}

.part-6-lottery-btn-win {
  width: calc(6.19 * var(--originRem));
  height: calc(1.43 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/lottery/btn-win.png) 0 50% / 100% 100% no-repeat;
  position: absolute;
  top: calc((100vh - calc(13.96 * var(--originRem))) / 2 + calc(14.82 * var(--originRem)));
  left: calc(2.305 * var(--originRem));
  z-index: 8;
  cursor: pointer;
  transform: scale(0);
}

.part-6-lottery-btn-win:active {
  transform: scale(.9) !important;
}

.part-6-poster-modal {
  width: calc(100 * var(--vw));
  height: calc(100 * var(--vh));
  position: fixed;
  top: 0;
  left: calc((var(--screenWidth) - 100 * var(--vw)) / 2);
  z-index: 1009;
}

.part-6-poster-modal-bg {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .8);
}

.part2-poster-wait-area {
  width: calc(10.8 * var(--originRem));
  height: calc(17.7 * var(--originRem));
  position: absolute;
  top: calc((100vh - calc(17.7 * var(--originRem))) / 2);
  left: 0;
  z-index: 11;
  font-size: .36rem;
  color: #f4eee1;
}

.part-6-poster-main-area {
  width: calc(100 * var(--vw));
  height: calc(100 * var(--vh));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  font-size: .36rem;
  color: #f4eee1;
  pointer-events: none;
}

.part-6-donwload-img {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  opacity: 0;
  object-fit: contain;
  object-position: center;
}

.part-6-poster-bg {
  width: calc(9.85 * var(--originRem));
  height: calc(13.34 * var(--originRem));
  position: relative;
  color: #f4eee1;
}

.part-6-poster-bg-img {
  width: calc(9.85 * var(--originRem));
  height: calc(13.34 * var(--originRem));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: visible;
}

.poster-2-poster-download-img {
  width: calc(9.85 * var(--originRem));
  height: calc(13.34 * var(--originRem));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.part-6-poster-booking-title {
  width: calc(8.12 * var(--originRem));
  height: calc(.73 * var(--originRem));
  position: absolute;
  top: calc(4.73 * var(--originRem));
  left: calc(.8 * var(--originRem));
  z-index: 5;
}

.part-6-poster-card-area {
  width: calc(8.25 * var(--originRem));
  height: calc(3.96 * var(--originRem));
  position: absolute;
  top: calc(5.6 * var(--originRem));
  left: calc(.75 * var(--originRem));
  z-index: 5;
}

.part-6-poster-card {
  width: calc(2.69 * var(--originRem));
  height: calc(3.96 * var(--originRem));
  position: relative;
}

.part-6-poster-card[data-type="egg"] {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-award-egg.png) 0 50% / 100% 100% no-repeat;
}

.part-6-poster-card[data-type="more"] {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-award-more.png) 0 50% / 100% 100% no-repeat;
}

.part-6-poster-card[data-type="num"] {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-award-bg.png) 0 50% / 100% 100% no-repeat;
}

.part-6-num-img {
  width: calc(2.14 * var(--originRem));
  height: calc(2.1 * var(--originRem));
  position: absolute;
  top: calc(.38 * var(--originRem));
  left: calc(.275 * var(--originRem));
  z-index: 5;
}

.part-6-poster-card[data-type="num"][data-num="1"] .part-6-num-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/award-card-1.png) 50% 50% / contain no-repeat;
}

.part-6-poster-card[data-type="num"][data-num="2"] .part-6-num-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/award-card-2.png) 50% 50% / contain no-repeat;
}

.part-6-poster-card[data-type="num"][data-num="3"] .part-6-num-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/award-card-3.png) 50% 50% / contain no-repeat;
}

.part-6-poster-card[data-type="num"][data-num="4"] .part-6-num-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/award-card-4.png) 50% 50% / contain no-repeat;
}

.part-6-poster-card[data-type="num"][data-num="5"] .part-6-num-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/award-card-5.png) 50% 50% / contain no-repeat;
}

.part-6-poster-card[data-type="num"][data-num="6"] .part-6-num-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/award-card-6.png) 50% 50% / contain no-repeat;
}

.part-6-poster-card[data-type="num"][data-num="7"] .part-6-num-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/award-card-7.png) 50% 50% / contain no-repeat;
}

.part-6-poster-card[data-type="num"][data-num="8"] .part-6-num-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/award-card-8.png) 50% 50% / contain no-repeat;
}

.part-6-poster-card-txt {
  width: calc(2.64 * var(--originRem));
  height: calc(1.06 * var(--originRem));
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: .32rem;
  line-height: .42rem;
  opacity: 0;
  display: none;
}

.part-6-poster-card[data-type="egg"] .part-6-poster-card-txt[data-type="egg"],
.part-6-poster-card[data-type="more"] .part-6-poster-card-txt[data-type="more"],
.part-6-poster-card[data-type="num"][data-num="1"] .part-6-poster-card-txt[data-type="num"][data-num="1"],
.part-6-poster-card[data-type="num"][data-num="2"] .part-6-poster-card-txt[data-type="num"][data-num="2"],
.part-6-poster-card[data-type="num"][data-num="3"] .part-6-poster-card-txt[data-type="num"][data-num="3"],
.part-6-poster-card[data-type="num"][data-num="4"] .part-6-poster-card-txt[data-type="num"][data-num="4"],
.part-6-poster-card[data-type="num"][data-num="5"] .part-6-poster-card-txt[data-type="num"][data-num="5"],
.part-6-poster-card[data-type="num"][data-num="6"] .part-6-poster-card-txt[data-type="num"][data-num="6"],
.part-6-poster-card[data-type="num"][data-num="7"] .part-6-poster-card-txt[data-type="num"][data-num="7"],
.part-6-poster-card[data-type="num"][data-num="8"] .part-6-poster-card-txt[data-type="num"][data-num="8"] {
  opacity: 1;
  display: flex;
}

.part-6-poster-mark {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
}

.part-6-poster-card[data-mark="1"] .part-6-poster-mark {
  width: calc(1.7 * var(--originRem));
  height: calc(.73 * var(--originRem));
  top: calc(-.12 * var(--originRem));
  left: calc(-.15 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-lottery-poster.png) 50% 50% / contain no-repeat;
  opacity: 1;
}

.part-6-poster-card[data-mark="2"] .part-6-poster-mark {
  width: calc(1.28 * var(--originRem));
  height: calc(.68 * var(--originRem));
  top: calc(-.1 * var(--originRem));
  left: calc(-.03 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-wish-poster.png) 50% 50% / contain no-repeat;
  opacity: 1;
}

.part-6-poster-card[data-mark="3"] .part-6-poster-mark {
  width: calc(1.7 * var(--originRem));
  height: calc(.73 * var(--originRem));
  top: calc(-.12 * var(--originRem));
  left: calc(-.15 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-win-poster.png) 50% 50% / contain no-repeat;
  opacity: 1;
}

.part-6-poster-qrcode-area {
  width: calc(1.16 * var(--originRem));
  height: calc(1.16 * var(--originRem));
  position: absolute;
  top: calc(10.42 * var(--originRem));
  left: calc(2.68 * var(--originRem));
  z-index: 5;
}

.part-6-poster-tip {
  width: calc(4.2 * var(--originRem));
  height: calc(1.56 * var(--originRem));
  position: absolute;
  top: calc(10.25 * var(--originRem));
  left: calc(4.2 * var(--originRem));
  z-index: 5;
  font-size: .36rem;
  line-height: .46rem;
  color: #f4eee1;
}

.part-6-poster-icon-close {
  width: calc(.49 * var(--originRem));
  height: calc(.51 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-close.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 0;
  right: calc(-.3 * var(--originRem));
  z-index: 6;
  cursor: pointer;
  pointer-events: visible;
}

.part-6-poster-link-area {
  height: calc(.62 * var(--originRem));
  margin-top: .38rem;
  background-color: #313030;
  border-radius: calc(.31 * var(--originRem));
  overflow: hidden;
  font-size: .28rem;
  padding: 0 .3rem;
  color: #f4eee1;
}

.part-6-poster-link-wrapper {
  height: calc(.62 * var(--originRem));
  line-height: calc(.62 * var(--originRem));
  cursor: default;
}

.part-6-poster-link {
  max-width: calc(8 * var(--originRem));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: .3rem;
}

.part-6-poster-btn-copy {
  width: calc(3.48 * var(--originRem));
  height: calc(.9 * var(--originRem));
  line-height: calc(.9 * var(--originRem));
  background: #ffc65f;
  border-radius: calc(.45 * var(--originRem));
  overflow: hidden;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  color: #292828;
  text-align: center;
  cursor: pointer;
  font-size: .48rem;
  pointer-events: visible;
}

/* .part-6-poster-btn-download {
  width: calc(.93 * var(--originRem));
  height: calc(1.17 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/btn-download.png) 50% 50% / contain no-repeat;
  position: absolute;
  bottom: calc(-.3 * var(--originRem));
  right: calc(-.3 * var(--originRem));
  z-index: 8;
  cursor: pointer;
} */
.part-6-poster-draw-area {
  width: auto;
  height: auto;
  opacity: 0;
  position: absolute;
  top: 100vh;
  left: 200vw;
  z-index: -9999;
  top: 0;
  left: 0;

  /* display: block !important;

  z-index: 9999;
  opacity: 1;
  font-size: 24px;
  color: #fff;
  transform-origin: left top;
  transform: scale(.3);
  opacity: .2; */
}

.part-6-poster-bg.draw {
  width: 985px;
  height: 1334px;
  position: relative;
}

.part-6-poster-bg-img.draw {
  width: 985px;
  height: 1334px;
}

.part-6-poster-booking-title.draw {
  width: 812px;
  height: 73px;
  top: 473px;
  left: 80px;
}

.part-6-poster-card-area.draw {
  width: 825px;
  height: 296px;
  top: 560px;
  left: 75px;
}

.part-6-poster-card-draw {
  width: 269px;
  height: 396px;
  position: relative;
}

.part-6-poster-card-draw-bg {
  width: 269px;
  height: 396px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: none;
}

.part-6-poster-card-draw[data-type="egg"] .part-6-poster-card-draw-bg[data-type="egg"],
.part-6-poster-card-draw[data-type="num"] .part-6-poster-card-draw-bg[data-type="num"],
.part-6-poster-card-draw[data-type="more"] .part-6-poster-card-draw-bg[data-type="more"] {
  display: flex;
}

.part-6-poster-card-draw .part-6-num-img-draw {
  width: 214px;
  height: 210px;
  position: absolute;
  top: 38px;
  left: 27px;
  z-index: 5;
  display: none;
  opacity: 0;
}

.part-6-poster-card-draw[data-type="num"][data-num="1"] .part-6-num-img-draw[data-num="1"],
.part-6-poster-card-draw[data-type="num"][data-num="2"] .part-6-num-img-draw[data-num="2"],
.part-6-poster-card-draw[data-type="num"][data-num="3"] .part-6-num-img-draw[data-num="3"],
.part-6-poster-card-draw[data-type="num"][data-num="4"] .part-6-num-img-draw[data-num="4"],
.part-6-poster-card-draw[data-type="num"][data-num="5"] .part-6-num-img-draw[data-num="5"],
.part-6-poster-card-draw[data-type="num"][data-num="6"] .part-6-num-img-draw[data-num="6"],
.part-6-poster-card-draw[data-type="num"][data-num="7"] .part-6-num-img-draw[data-num="7"],
.part-6-poster-card-draw[data-type="num"][data-num="8"] .part-6-num-img-draw[data-num="8"] {
  opacity: 1;
  display: flex;
}

.part-6-poster-card-draw[data-type="egg"] .part-6-poster-card-txt[data-type="egg"],
.part-6-poster-card-draw[data-type="more"] .part-6-poster-card-txt[data-type="more"],
.part-6-poster-card-draw[data-type="num"][data-num="1"] .part-6-poster-card-txt[data-type="num"][data-num="1"],
.part-6-poster-card-draw[data-type="num"][data-num="2"] .part-6-poster-card-txt[data-type="num"][data-num="2"],
.part-6-poster-card-draw[data-type="num"][data-num="3"] .part-6-poster-card-txt[data-type="num"][data-num="3"],
.part-6-poster-card-draw[data-type="num"][data-num="4"] .part-6-poster-card-txt[data-type="num"][data-num="4"],
.part-6-poster-card-draw[data-type="num"][data-num="5"] .part-6-poster-card-txt[data-type="num"][data-num="5"],
.part-6-poster-card-draw[data-type="num"][data-num="6"] .part-6-poster-card-txt[data-type="num"][data-num="6"],
.part-6-poster-card-draw[data-type="num"][data-num="7"] .part-6-poster-card-txt[data-type="num"][data-num="7"],
.part-6-poster-card-draw[data-type="num"][data-num="8"] .part-6-poster-card-txt[data-type="num"][data-num="8"] {
  opacity: 1;
  display: flex;
}

.part-6-poster-card-draw .part-6-poster-card-txt {
  width: 264px;
  height: 106px;
  font-size: 32px;
  line-height: 45px;
  text-align: center;
}

.part-6-poster-card-draw .part-6-poster-card-txt span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 264px;
  height: 32px;
  line-height: 45px;
  white-space: nowrap;
  text-align: center;
}

.part-6-poster-mark-draw {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
}

.part-6-poster-card-draw[data-mark="1"] .part-6-poster-mark-draw {
  width: 170px;
  height: 73px;
  position: absolute;
  top: -12px;
  left: -15px;
  opacity: 0;
  display: none;
  z-index: 77;
}

.part-6-poster-card-draw[data-mark="2"] .part-6-poster-mark-draw {
  width: 128px;
  height: 68px;
  position: absolute;
  top: -10px;
  left: -3px;
  opacity: 0;
  display: none;
  z-index: 77;
}

.part-6-poster-card-draw[data-mark="3"] .part-6-poster-mark-draw {
  width: 170px;
  height: 73px;
  position: absolute;
  top: -12px;
  left: -15px;
  opacity: 0;
  display: none;
  z-index: 77;
}

.part-6-poster-card-draw[data-mark="1"] .part-6-poster-mark-draw[data-mark="1"],
.part-6-poster-card-draw[data-mark="2"] .part-6-poster-mark-draw[data-mark="2"],
.part-6-poster-card-draw[data-mark="3"] .part-6-poster-mark-draw[data-mark="3"] {
  opacity: 1;
  display: flex;
}

.part-6-poster-qrcode-area-draw {
  width: 152px;
  height: 152px;
  position: absolute;
  top: 1002px;
  left: 256px;
  z-index: 5;
}

.part-6-poster-tip-draw {
  width: 420px;
  height: 90px;
  position: absolute;
  top: 1035px;
  left: 450px;
  font-size: 36px;
  line-height: 15px;
  z-index: 5;
  color: #f4eee1;
}

.part-6-share-modal {
  width: calc(100 * var(--vw));
  height: calc(100 * var(--vh));
  position: fixed;
  top: 0;
  left: calc((var(--screenWidth) - 100 * var(--vw)) / 2);
  z-index: 1009;
}

.part-6-share-modal-bg {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .8);
}

.part-6-share-main-area {
  width: calc(10.8 * var(--originRem));
  height: calc(16 * var(--originRem));
  position: absolute;
  top: calc((100vh - calc(16 * var(--originRem))) / 2);
  left: 0;
  z-index: 9;
  font-size: .36rem;
  color: #f4eee1;
  /* pointer-events: none; */
}

.part-6-share-wait-area {
  width: calc(10.8 * var(--originRem));
  height: calc(16 * var(--originRem));
  position: absolute;
  top: calc((100vh - calc(16 * var(--originRem))) / 2);
  left: 0;
  z-index: 11;
  font-size: .36rem;
  color: #f4eee1;
}

.part-6-share-bg {
  width: calc(9.2 * var(--originRem));
  height: calc(10.98 * var(--originRem));
  position: relative;
  font-size: .36rem;
  color: #f4eee1;
}

.part-6-share-bg-img {
  width: calc(9.2 * var(--originRem));
  height: calc(10.98 * var(--originRem));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: visible;
}

.part-6-share-dimo {
  width: calc(2.9 * var(--originRem));
  height: calc(2.43 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/poster-share-dimo.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: calc(1.34 * var(--originRem));
  left: calc(.38 * var(--originRem));
  z-index: 6;
}

.part-6-share-card-wrapper {
  width: calc(8 * var(--originRem));
  height: calc(3.09 * var(--originRem));
  position: absolute;
  top: calc(3.32 * var(--originRem));
  left: calc(.6 * var(--originRem));
  z-index: 5;
  transform: rotate(-5deg);
}

.part-6-share-card {
  width: calc(7.67 * var(--originRem));
  height: calc(2.77 * var(--originRem));
  margin-left: calc(.15 * var(--originRem));
  margin-bottom: calc(.1 * var(--originRem));
}

.part-6-share-bg[data-num="1"] .part-6-share-card {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-1-2x.png) 50% 50% / cover no-repeat;
}

.part-6-share-bg[data-num="2"] .part-6-share-card {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-2-2x.png) 50% 50% / cover no-repeat;
}

.part-6-share-bg[data-num="3"] .part-6-share-card {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-3-2x.png) 50% 50% / cover no-repeat;
}

.part-6-share-bg[data-num="4"] .part-6-share-card {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-4-2x.png) 50% 50% / cover no-repeat;
}

.part-6-share-bg[data-num="5"] .part-6-share-card {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-5-2x.png) 50% 50% / cover no-repeat;
}

.part-6-share-bg[data-num="6"] .part-6-share-card {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-6-2x.png) 50% 50% / cover no-repeat;
}

.part-6-share-bg[data-num="7"] .part-6-share-card {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-7-2x.png) 50% 50% / cover no-repeat;
}

.part-6-share-bg[data-num="8"] .part-6-share-card {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-8-2x.png) 50% 50% / cover no-repeat;
}

.part-6-share-card-title {
  width: calc(9.2 * var(--originRem));
  height: calc(.45 * var(--originRem));
  position: absolute;
  top: calc(6.85 * var(--originRem));
  left: 0;
  z-index: 5;
}

.part-6-share-bg[data-num="1"] .part-6-share-card-title {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/share-card-name-1.png) 50% 50% / contain no-repeat;
}

.part-6-share-bg[data-num="2"] .part-6-share-card-title {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/share-card-name-2.png) 50% 50% / contain no-repeat;
}

.part-6-share-bg[data-num="3"] .part-6-share-card-title {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/share-card-name-3.png) 50% 50% / contain no-repeat;
}

.part-6-share-bg[data-num="4"] .part-6-share-card-title {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/share-card-name-4.png) 50% 50% / contain no-repeat;
}

.part-6-share-bg[data-num="5"] .part-6-share-card-title {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/share-card-name-5.png) 50% 50% / contain no-repeat;
}

.part-6-share-bg[data-num="6"] .part-6-share-card-title {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/share-card-name-6.png) 50% 50% / contain no-repeat;
}

.part-6-share-bg[data-num="7"] .part-6-share-card-title {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/share-card-name-7.png) 50% 50% / contain no-repeat;
}

.part-6-share-bg[data-num="8"] .part-6-share-card-title {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/share-card-name-8.png) 50% 50% / contain no-repeat;
}

.part-6-share-qrcode-area {
  width: calc(1.52 * var(--originRem));
  height: calc(1.52 * var(--originRem));
  position: absolute;
  top: calc(7.98 * var(--originRem));
  left: calc(1.08 * var(--originRem));
  z-index: 5;
}

.part-6-share-tip {
  width: calc(6.1 * var(--originRem));
  height: calc(1.55 * var(--originRem));
  position: absolute;
  top: calc(7.77 * var(--originRem));
  left: calc(2.6 * var(--originRem));
  z-index: 5;
  font-size: .36rem;
  line-height: .46rem;
  color: #f4eee1;
}

.part-6-share-card-name {
  opacity: 0;
  display: none;
}

.part-6-share-bg[data-num="1"] .part-6-share-card-name[data-num="1"],
.part-6-share-bg[data-num="2"] .part-6-share-card-name[data-num="2"],
.part-6-share-bg[data-num="3"] .part-6-share-card-name[data-num="3"],
.part-6-share-bg[data-num="4"] .part-6-share-card-name[data-num="4"],
.part-6-share-bg[data-num="5"] .part-6-share-card-name[data-num="5"],
.part-6-share-bg[data-num="6"] .part-6-share-card-name[data-num="6"],
.part-6-share-bg[data-num="7"] .part-6-share-card-name[data-num="7"],
.part-6-share-bg[data-num="8"] .part-6-share-card-name[data-num="8"] {
  opacity: 1;
  display: flex;
}

.part-6-share-icon-close {
  width: calc(.49 * var(--originRem));
  height: calc(.51 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/icon-close.png) 50% 50% / contain no-repeat;
  position: absolute;
  top: 0;
  right: calc(-.65 * var(--originRem));
  z-index: 6;
  cursor: pointer;
  pointer-events: visible;
}

.part-6-share-link-area {
  height: calc(.62 * var(--originRem));
  margin-top: .38rem;
  background-color: #313030;
  border-radius: calc(.31 * var(--originRem));
  overflow: hidden;
  font-size: .28rem;
  padding: 0 .3rem;
  color: #f4eee1;
}

.part-6-share-link-wrapper {
  height: calc(.62 * var(--originRem));
  line-height: calc(.62 * var(--originRem));
  cursor: default;
}

.part-6-share-link {
  max-width: calc(8 * var(--originRem));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: .3rem;
}

.part-6-share-btn-copy {
  width: calc(3.48 * var(--originRem));
  height: calc(.9 * var(--originRem));
  line-height: calc(.9 * var(--originRem));
  background: #ffc65f;
  border-radius: calc(.45 * var(--originRem));
  overflow: hidden;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  color: #292828;
  text-align: center;
  cursor: pointer;
  font-size: .48rem;
  pointer-events: visible;
}

.part-6-share-draw-area {
  width: auto;
  height: auto;
  opacity: 0;
  position: absolute;
  top: 100vh;
  left: 200vw;
  z-index: -9999;
  color: #f4eee1;
  font-size: 24px;

  /* top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1; */
  /* transform: scale(.3); */
  /* transform-origin: left top;
  opacity: .5; */
}

.part-6-share-bg.draw {
  width: 920px;
  height: 1098px;
  position: relative;
}

.part-6-share-bg-img.draw {
  width: 920px;
  height: 1098px;
}

.part-6-share-dimo-draw {
  width: 290px;
  height: 243px;
  position: absolute;
  top: 134px;
  left: 38px;
  z-index: 6;
}

.part-6-share-card-wrapper-draw {
  width: 800px;
  height: 309px;
  position: absolute;
  top: 332px;
  left: 60px;
  z-index: 5;
  transform: rotate(-5deg);
}

.part-6-share-card-draw {
  width: 767px;
  height: 277px;
  margin-left: 15px;
  margin-bottom: 10px;
  opacity: 0;
  display: none;
}

.part-6-share-bg[data-num="1"] .part-6-share-card-draw[data-num="1"],
.part-6-share-bg[data-num="2"] .part-6-share-card-draw[data-num="2"],
.part-6-share-bg[data-num="3"] .part-6-share-card-draw[data-num="3"],
.part-6-share-bg[data-num="4"] .part-6-share-card-draw[data-num="4"],
.part-6-share-bg[data-num="5"] .part-6-share-card-draw[data-num="5"],
.part-6-share-bg[data-num="6"] .part-6-share-card-draw[data-num="6"],
.part-6-share-bg[data-num="7"] .part-6-share-card-draw[data-num="7"],
.part-6-share-bg[data-num="8"] .part-6-share-card-draw[data-num="8"] {
  display: flex;
  opacity: 1;
}

.part-6-share-card-title.draw {
  width: 920px;
  height: 45px;
  top: 685px;
}

.part-6-share-qrcode-area-draw {
  width: 152px;
  height: 152px;
  position: absolute;
  top: 764px;
  left: 126px;
  z-index: 5;
}

.part-6-share-tip-1-draw {
  width: 610px;
  height: 36px;
  position: absolute;
  top: 805px;
  left: 310px;
  font-size: 36px;
  line-height: 36px;
  z-index: 5;
  padding-left: 10px;
  color: #f4eee1;
  white-space: nowrap;
}

.part-6-share-tip-2-draw {
  width: 610px;
  height: 36px;
  position: absolute;
  top: 848px;
  left: 295px;
  font-size: 36px;
  line-height: 36px;
  z-index: 5;
  color: #f4eee1;
  white-space: nowrap;
}

.part-4-main-swiper,
.part-4-main-slide,
.part-4-cloth-swiper,
.part-4-cloth-slide {
  width: calc(10.8 * var(--originRem));
  height: calc(20.75 * var(--originRem));
  position: relative;
}

.part-4-bg-img {
  width: calc(10.8 * var(--originRem));
  height: calc(20.75 * var(--originRem));
}

.part-4-pagination {
  width: calc(10.8 * var(--originRem));
  height: calc(1.54 * var(--originRem));
  position: absolute;
  bottom: -.1rem;
  left: 0;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/swiper-tab-bg.png) 50% 0 / 100% 100% no-repeat;
  z-index: 32;
}

.part-4-pagination .part-4-pagination-bullet {
  min-width: calc(2 * var(--originRem));
  height: calc(1.3 * var(--originRem));
  line-height: calc(.36 * var(--originRem));
  /* border-radius: 0; */
  font-size: calc(.35 * var(--originRem));
  color: #c4c2b6;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  flex: 1;
  cursor: pointer;
  position: relative;

}

.part-4-pagination-bullet::after {
  content: "";
  width: calc(.03 * var(--originRem));
  height: calc(1.3 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/swiper-tab-line.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 13;
}

.part-4-pagination .part-4-pagination-bullet:nth-last-child(1)::after {
  background: none;
}

.part-4-pagination-bullet-inner {
  transition: .3s var(--easeCommon);
}

.part-4-pagination-active .part-4-pagination-bullet-inner {
  transform: scale(1.35);
}

.part-4-pagination .part-4-pagination-active {
  color: #ffc65f;
}

.part-4-video-area {
  width: calc(10.8 * var(--originRem));
  height: calc(1.98 * var(--originRem));
  padding: .1rem;
  position: absolute;
  left: 0;
  bottom: 1.8rem;
  z-index: 6;
}

.part-4-video-tab-wrapper {
  width: calc(3.4 * var(--originRem));
  height: calc(1.98 * var(--originRem));
  position: relative;
  margin: calc(.17 * var(--originRem)) 0;
  cursor: pointer;
  transition: .3s var(--easeCommon);
}

.part-4-video-tab-wrapper::after {
  content: '';
  width: calc(3.4 * var(--originRem));
  height: calc(1.98 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/video-bg-active.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.part-4-video-tab-wrapper:hover {
  transform: translateY(-.12rem);
}

.part-4-video-tab-wrapper:hover::after {
  opacity: 1;
}

.part-4-video-tab-wrapper-inner {
  width: calc(3.24 * var(--originRem));
  height: calc(1.83 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/video-bg.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(.075 * var(--originRem));
  left: calc(.08* var(--originRem));
  z-index: 5;
}

.part-4-video-cover {
  width: calc(3.08 * var(--originRem));
  height: calc(1.64 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/video-cover.png) 50% 0 / 100% 100% no-repeat;
  position: relative;
}

.part-4-video-cover::after {
  content: "";
  width: calc(.8 * var(--originRem));
  height: calc(.8 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/btn-play.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.part-4-cloth-tab-wrapper {
  width: calc(10.8 * var(--originRem));
  height: calc(1.6 * var(--originRem));
  position: absolute;
  bottom: calc(4.6 * var(--originRem));
  left: 0;
  z-index: 25;
}

.part-4-cloth-tab {
  width: calc(1.9 * var(--originRem));
  margin: 0 .35rem;
  pointer-events: visible;
  cursor: pointer;
  display: block;
}

.part-4-cloth-tab-wrapper .part-4-cloth-tab:nth-child(1) {
  height: calc(1.59 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/icon-female.png) 50% 50% / contain no-repeat;
  position: relative;
}

.part-4-cloth-tab-wrapper .part-4-cloth-tab:nth-child(1).active {
  height: calc(2.53 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/icon-female-active.png) 50% 50% / contain no-repeat;
  transform: translate(calc(.05 * var(--originRem)), calc(.62 * var(--originRem)));
}

.part-4-cloth-tab-wrapper .part-4-cloth-tab:nth-child(2) {
  height: calc(1.46 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/icon-male.png) 50% 50% / contain no-repeat;
}

.part-4-cloth-tab-wrapper .part-4-cloth-tab:nth-child(2).active {
  height: calc(2.25 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part4/icon-male-active.png) 50% 50% / contain no-repeat;
  transform: translate(calc(.05 * var(--originRem)), calc(.57 * var(--originRem)));
}

.part-3-btn-download {
  width: calc(6.19 * var(--originRem));
  height: calc(1.43 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/btn-download.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  top: calc(16.08 * var(--originRem));
  left: calc(2.305 * var(--originRem));
  z-index: 6;
  transition: var(--easeCommon) .2s;
  cursor: pointer;
}

.part-3-btn-download:active,
.part-4-btn-download:active {
  transform: scale(.9) !important;
}

.part-3-btn-download:hover,
.part-4-btn-download:hover {
  transform: scale(1.02) !important;
}

.part-3-condition-area {
  width: calc(10.8 * var(--originRem));
  height: calc(2.1 * var(--originRem));
  position: absolute;
  top: calc(18.66 * var(--originRem));
  left: 0;
  color: #3d3d3d;
  font-size: .34rem;
  line-height: .36rem;
  z-index: 6;
}

.part-3-icon-condition {
  width: calc(1.9 * var(--originRem));
  height: calc(1.56 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/icon-condition.png) 50% 0 / 100% 100% no-repeat;
}

.part-4-trigger {
  top: unset;
  bottom: calc(.55 * var(--originRem) + 100vh);

  background-color: yellow;

}

.part-4-main-area {
  width: 100vw;
  height: calc(20.8 * var(--originRem));
  position: absolute;
  top: calc(20.8 * var(--originRem));
  left: 0;
  pointer-events: none;
  opacity: 0;
  /* background-color: rgba(0, 0, 0, .5); */
}

.part-4-booking-area {
  width: auto;
  height: auto;
  position: absolute;
  top: calc(4.9 * var(--originRem));
  left: calc(.38 * var(--originRem));
  ;
  /* padding-right: calc(.85 * var(--originRem)); */
  overflow: hidden;
  z-index: 6;
}

.part-4-title-online {
  width: calc(9.83 * var(--originRem));
  height: calc(2.06 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/title-online.png) 50% 0 / 100% 100% no-repeat;
}

.part-4-title-booking {
  width: calc(.87 * var(--originRem));
  height: calc(1.12 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/title-booking.png) 50% 0 / 100% 100% no-repeat;
  margin-top: .05rem;
  margin-right: .2rem;
}

.part-4-booking-num-area {
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: 1.3rem;
  color: #ffc65f;
  font-family: "ZZGFQHT" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.part-4-award-area {
  width: calc(9.8 * var(--originRem));
  height: calc(3.38 * var(--originRem));
  position: relative;
  margin: calc(.12 * var(--originRem));
  margin-top: .7rem;
}

.part-4-award-progress {
  width: calc(8.72 * var(--originRem));
  height: calc(.33 * var(--originRem));
  background-color: #272727;
  position: absolute;
  top: calc(1.55 * var(--originRem));
  left: .96rem;
  z-index: 2;
}

.part-4-award-progress-active {
  width: 0;
  height: calc(.33 * var(--originRem));
  background-color: #ffc65f;
  position: absolute;
  top: calc(1.55 * var(--originRem));
  left: .96rem;
  z-index: 3;
}

.part-4-award-area[data-type="2"] .part-4-award-progress-active {
  width: calc(8.72 * .25 * var(--originRem));
}

.part-4-award-area[data-type="3"] .part-4-award-progress-active {
  width: calc(8.72 * .5 * var(--originRem));
}

.part-4-award-area[data-type="4"] .part-4-award-progress-active {
  width: calc(8.7 * var(--originRem));
}

.part-4-award-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.part-4-icon-unlock-wrapper {
  width: 2.15rem;
}

.part-4-icon-unlock-1 {
  width: 2.15rem;
  height: 3.33rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/icon-unlock-1.png) 50% 0 / contain no-repeat;
}

.part-4-icon-unlock-2 {
  width: 1.95rem;
  height: 3.09rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/icon-lock-2.png) 50% 0 / contain no-repeat;
}

.part-4-icon-unlock-3 {
  width: 1.95rem;
  height: 3.09rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/icon-lock-3.png) 50% 0 / contain no-repeat;
}

.part-4-icon-unlock-4 {
  width: 2.15rem;
  height: 3.33rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/icon-lock-4.png) 50% 0 / contain no-repeat;
}

.part-4-award-area[data-type="2"] .part-4-icon-unlock-2,
.part-4-award-area[data-type="3"] .part-4-icon-unlock-2,
.part-4-award-area[data-type="4"] .part-4-icon-unlock-2 {
  width: 2.15rem;
  height: 3.33rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/icon-unlock-2.png) 50% 0 / contain no-repeat;
}

.part-4-award-area[data-type="3"] .part-4-icon-unlock-3,
.part-4-award-area[data-type="4"] .part-4-icon-unlock-3 {
  width: 2.15rem;
  height: 3.33rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/icon-unlock-3.png) 50% 0 / contain no-repeat;
}

.part-4-award-area[data-type="4"] .part-4-icon-unlock-4 {
  width: 2.15rem;
  height: 3.33rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/icon-unlock-4.png) 50% 0 / contain no-repeat;
}

.part-4-btn-download {
  width: calc(6.19 * var(--originRem));
  height: calc(1.43 * var(--originRem));
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part3/btn-download.png) 50% 0 / 100% 100% no-repeat;
  position: absolute;
  bottom: calc(1.02 * var(--originRem));
  left: calc(2.305 * var(--originRem));
  z-index: 6;
  transition: var(--easeCommon) .2s;
  cursor: pointer;
}

.part-footer {
  width: calc(10.8 * var(--originRem));
  height: calc(3.9 * var(--originRem));
  position: relative;
  z-index: 30;
}

.part-footer-bg {
  width: calc(10.8 * var(--originRem));
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.part-footer-main-area {
  width: calc(10.8 * var(--originRem));
  height: auto;
  position: absolute;
  top: .75rem;
  left: 0;
  z-index: 5;
}

.part-footer-icon-tencent {
  width: 2.14rem;
  height: .38rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/web/icon-tencent.png) 50% 50% / contain no-repeat;
  margin-right: .6rem;
  display: block;
}

.part-footer-icon-morefun {
  width: 1.65rem;
  height: .42rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/web/icon-morefun.png) 50% 50% / contain no-repeat;
  transform: translateY(.02rem);
  display: block;
}

#afooter .foot,
#afooter a {
  color: #b2b2b2;
  text-align: center;
  font-size: .18rem;
}

/* ------------- modal --------------- */
.modal-page {
  width: calc(100 * var(--vw));
  height: calc(100 * var(--vh));
  position: fixed;
  top: 0;
  left: calc((var(--screenWidth) - 100 * var(--vw)) / 2);
  z-index: 1009;
}

.confirm-page {
  width: calc(100 * var(--vw));
  height: calc(100 * var(--vh));
  position: fixed;
  top: 0;
  left: calc((var(--screenWidth) - 100 * var(--vw)) / 2);
  z-index: 1010;
}

.modal-page-bg {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .8);
}

.modal-page[data-confirm="1"] .modal-page-bg {
  background-color: rgba(0, 0, 0, 0);
}

.confirm-page-bg {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .8);
}

.modal-bg,
.confirm-bg {
  width: 9.22rem;
  min-height: 7.32rem;
  position: relative;
  padding-top: .1rem;
  background-color: #f4eee1;
  border-radius: .08rem;
  z-index: 3;
}

.modal-bg-config {
  width: 9.95rem;
  height: 10.65rem;
}

.modal-btn-close {
  width: .49rem;
  height: .51rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-close.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: -.9rem;
  right: 0;
  transition: var(--easeCommon) .2s;
  cursor: pointer;
  z-index: 9;
}

#onlineModal .modal-btn-close {
  top: -1.2rem;
}

#awardModal .modal-btn-close {
  top: 0;
  right: -.7rem;
}

.modal-title {
  width: 8.95rem;
  height: 1.28rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/title-bg.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
  color: #f4eee1;
  font-size: .6rem;
  text-align: center;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.modal-title-972 {
  width: 9.72rem;
  height: 1.03rem;
  line-height: 1.03rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/title-bg-972.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
  color: #f4eee1;
  font-size: .6rem;
  text-align: center;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.modal-content {
  width: 7.96rem;
  height: auto;
  color: #272727;
  font-size: .4rem;
  line-height: .45rem;
  margin: .3rem 0 .7rem 0;
  flex: 1;
}

.modal-btn {
  width: 3.46rem;
  height: .9rem;
  line-height: .9rem;
  font-size: .48rem;
  background-color: #f9c150;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  text-align: center;
  border-radius: .45rem;
  overflow: hidden;
  user-select: none;
  cursor: pointer;
  transition: var(--easeCommon) .2s;
  color: #292828;
  /* margin-left: .42rem;
  margin-right: .42rem; */
}

.modal-btn:active {
  transform: scale(.95) !important;
}

.modal-qrcode-box {
  width: 2.87rem;
  height: 2.87rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/qrcode-box.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
}

.modal-qrcode {
  width: 90%;
  max-width: 90%;
  height: auto;
}

.modal-icon-qq {
  width: 2.6rem;
  height: 3.32rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-qq.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
  cursor: pointer;
}

.modal-icon-wechat {
  width: 2.6rem;
  height: 3.32rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-wechat.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
  cursor: pointer;
}

.modal-input-phone {
  width: 7.96rem;
  height: .84rem;
  line-height: .84rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/input-phone.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
}

.modal-input-code {
  width: 7.96rem;
  height: .84rem;
  line-height: .84rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/input-code.png) 50% 50% / 100% 100% no-repeat;
  user-select: none;
}

.modal-page input {
  height: .84rem;
  line-height: .84rem;
  border: 0 solid transparent;
  background: transparent;
  outline: none;
  user-select: none;
  padding: 0 .375rem;
  font-size: .4rem;
  color: #272727;
  position: relative;
  caret-color: #b03b3a;
}

.modal-page input::placeholder {
  color: #929086;
  font-size: .4rem;
  font-family: "FZLTYJT" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
}

.modal-input-416 {
  width: 4.16rem;
  height: .84rem;
  line-height: .84rem;
}

.modal-input-507 {
  width: 5.07rem;
  height: .84rem;
  line-height: .84rem;
}

.modal-input-796 {
  width: 7.96rem;
  height: .84rem;
  line-height: .84rem;
}

.modal-phone-code-area {
  width: 2.8rem;
  height: .84rem;
  line-height: .84rem;
  font-size: .4rem;
  color: #272727;
}

.modal-phone-btn-send {
  /* width: 2.1375rem; */
  height: .84rem;
  line-height: .84rem;
  user-select: none;
}

.modal-phone-countdown {
  /* width: 1.275rem; */
  height: .84rem;
  line-height: .84rem;
  user-select: none;
}

.modal-phone-tip {
  width: 7.61rem;
  line-height: .35rem;
  font-size: .24rem;
  color: rgba(99, 98, 93, .8);
  text-align: justify;
}

#configModal {
  width: 9.69rem;
  height: 17.94rem;
  top: calc(.8 * var(--originRem));
  background-color: transparent;
}

.super-short-screen #configModal,
.short-screen #configModal {
  transform: scale(.9) !important;
  transform-origin: center;
  margin-bottom: .5rem;

}

/* #configModal .modal-btn-close {
  top: -0.2rem;
} */
.super-short-screen #configModal .modal-btn-close,
.short-screen #configModal .modal-btn-close {
  top: -1.2rem;
}

.modal-config-img {
  width: 9.69rem;
  height: 17.94rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/setting-img.jpg) 50% 50% / contain no-repeat;
}

.super-short-screen .modal-config-img,
.short-screen .modal-config-img {
  flex-shrink: 0;
}

#configModal .modal-content {
  width: 9.69rem;
  height: 17.94rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/setting-img.jpg) 50% 50% / 100% 100% no-repeat;
}

.modal-config-web {
  width: 9.69rem;
  height: 4.9rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/setting-web.png) 50% 50% / 100% 100% no-repeat;
}

.modal-config-m {
  width: 9.69rem;
  height: 17.94rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/setting-img.png) 50% 50% / 100% 100% no-repeat;
}

.modal-common-tip {
  width: 8rem;
  line-height: .56rem;
  text-align: justify;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  color: #272727;
}

#awardModal {
  width: 7.68rem;
  height: 17.16rem;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin-top: .5rem;
  position: relative;
}

.award-modal-bg {
  width: 7.68rem;
  height: 17.16rem;
}

.modal-award-rule-area {
  width: 6.68rem;
  height: 1.6rem;
  position: absolute;
  top: 6.58rem;
  left: .5rem;
  z-index: 5;
  font-size: .26rem;
  line-height: .3rem;
  text-align: left;
  color: #f4eee1;
  padding: .2rem 0 .2rem .25rem;
}

.modal-award-rule-title {
  font-size: .32rem;
  line-height: .36rem;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  text-align: center;
  color: #fcb641;
}

.modal-award-booking-area {
  width: 6.67rem;
  height: 1.88rem;
  position: absolute;
  bottom: .25rem;
  left: .48rem;
  z-index: 5;
}

.modal-award-booking-progress {
  width: 0;
  height: .25rem;
  background-color: #ffc65f;
  position: absolute;
  top: .88rem;
  left: .96rem;
  z-index: 2;
}

#awardModal[data-type="2"] .modal-award-booking-progress {
  width: 1.56rem;
}

#awardModal[data-type="3"] .modal-award-booking-progress {
  width: 3rem;
}

#awardModal[data-type="4"] .modal-award-booking-progress {
  width: 4.6rem;
}

.modal-award-booking-area-inner {
  width: 100%;
  height: 100%;
  padding: 0 .22rem 0 .25rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.modal-award-icon-unlock-1 {
  width: 1.34rem;
  height: 1.82rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-unlock-1.png) 50% 0 / contain no-repeat;
}

.modal-award-icon-unlock-wrapper {
  width: 1.34rem;
}

.modal-award-icon-unlock-2 {
  width: 1.2rem;
  height: 1.69rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-lock-2.png) 50% 0 / contain no-repeat;
}

.modal-award-icon-unlock-3 {
  width: 1.2rem;
  height: 1.69rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-lock-3.png) 50% 0 / contain no-repeat;
}

.modal-award-icon-unlock-4 {
  width: 1.2rem;
  height: 1.69rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-lock-4.png) 50% 0 / contain no-repeat;
}

#awardModal[data-type="2"] .modal-award-icon-unlock-2,
#awardModal[data-type="3"] .modal-award-icon-unlock-2,
#awardModal[data-type="4"] .modal-award-icon-unlock-2 {
  width: 1.34rem;
  height: 1.82rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-unlock-2.png) 50% 0 / contain no-repeat;
}

#awardModal[data-type="3"] .modal-award-icon-unlock-3,
#awardModal[data-type="4"] .modal-award-icon-unlock-3 {
  width: 1.34rem;
  height: 1.82rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-unlock-3.png) 50% 0 / contain no-repeat;
}

#awardModal[data-type="4"] .modal-award-icon-unlock-4 {
  width: 1.34rem;
  height: 1.82rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-unlock-4.png) 50% 0 / contain no-repeat;
}

#onlineModal {
  width: 7.68rem;
  height: 10.16rem;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin-top: .5rem;
  position: relative;
}

.online-modal-bg {
  width: 7.69rem;
  height: 11.01rem;
}

.modal-online-btn-receive {
  width: 4rem;
  height: .63rem;
  line-height: .63rem;
  overflow: hidden;
  border-radius: .45rem;
  font-size: .38rem;
  color: #292828;
  background-color: #f9c150;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -.1rem;
  /* top: 0; */
  z-index: 5;
}

.modal-online-btn-had-receive {
  width: 4rem;
  height: .63rem;
  line-height: .63rem;
  overflow: hidden;
  border-radius: .45rem;
  font-size: .38rem;
  color: #929086;
  background-color: #272727;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -.1rem;
  z-index: 5;
}

.modal-probability-box {
  width: 8.47rem;
  height: 2.63rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/probability-box.png) 50% 50% / 100% 100% no-repeat;
  padding: .15rem .45rem;
}

.modal-probability-box li {
  width: 100%;
}

#wishCardModal {
  height: 8.5rem !important;
}

.modal-wish-card-bg {
  width: 5.9rem;
  height: 2.76rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-bg.png) 50% 0 / contain no-repeat;
  margin-top: .3rem;
  padding: .08rem;
}

.modal-wish-card-img {
  width: 5.7rem;
  height: 2.01rem;
}

#wishCardModal[data-num="1"] .modal-wish-card-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-1-2x.png) 50% 0 / contain no-repeat;
}

#wishCardModal[data-num="2"] .modal-wish-card-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-2-2x.png) 50% 0 / contain no-repeat;
}

#wishCardModal[data-num="3"] .modal-wish-card-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-3-2x.png) 50% 0 / contain no-repeat;
}

#wishCardModal[data-num="4"] .modal-wish-card-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-4-2x.png) 50% 0 / contain no-repeat;
}

#wishCardModal[data-num="5"] .modal-wish-card-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-5-2x.png) 50% 0 / contain no-repeat;
}

#wishCardModal[data-num="6"] .modal-wish-card-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-6-2x.png) 50% 0 / contain no-repeat;
}

#wishCardModal[data-num="7"] .modal-wish-card-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-7-2x.png) 50% 0 / contain no-repeat;
}

#wishCardModal[data-num="8"] .modal-wish-card-img {
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/part2/card/card-img-8-2x.png) 50% 0 / contain no-repeat;
}

.modal-wish-card-name {
  width: inherit;
  height: .46rem;
  line-height: .46rem;
  text-align: center;
  font-size: .4rem;
  color: #ffc65f;
  font-family: "MIANFEIZITI" !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  display: none;
  opacity: 0;
}

#wishCardModal[data-num="1"] .modal-wish-card-name[data-num="1"],
#wishCardModal[data-num="2"] .modal-wish-card-name[data-num="2"],
#wishCardModal[data-num="3"] .modal-wish-card-name[data-num="3"],
#wishCardModal[data-num="4"] .modal-wish-card-name[data-num="4"],
#wishCardModal[data-num="5"] .modal-wish-card-name[data-num="5"],
#wishCardModal[data-num="6"] .modal-wish-card-name[data-num="6"],
#wishCardModal[data-num="7"] .modal-wish-card-name[data-num="7"],
#wishCardModal[data-num="8"] .modal-wish-card-name[data-num="8"] {
  display: block;
  opacity: 1;
}

/* ------------- toast --------------- */
#toastPage1,
#toastPage2 {
  position: relative;
}

.toast-wrapper {
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 0;
  transition: .25s all;
  opacity: 0;
}

.online-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: .6rem;
}

.online-txt .tit {
  font-size: 0.32rem;
  color: #fcb641;
  margin: 0 auto;
  font-family: "MIANFEIZITI" !important;
}

.online-txt .txt {
  font-size: 0.26rem;
  color: #f4eee1;
  margin: 0 auto;
  margin-bottom: 0.05rem;
  width: 90%;
  line-height: 1.2;
  font-family: "FZLTYJT" !important;
}

#toastPage0 {
  width: 100%;
  height: 100%;
  color: #1e1e1e;
  user-select: none;
  position: fixed;
  overflow: hidden;
  z-index: 10199;
  pointer-events: none;
}

#toastPage0 .toast-wrapper {
  position: absolute;
  bottom: 2rem;
  left: 0px;
}


.toast-content {
  height: .78rem;
  line-height: .78rem;
  padding: 0 .3rem 0 1rem;
  background-color: #000;
  color: #929086 !important;
  font-size: .36rem;
  border-radius: .39rem;
  position: relative;
}

.toast-content::after {
  content: "";
  width: .6rem;
  height: .6rem;
  background: url(//game.gtimg.cn/images/rocom/act/a20250812preview/m/modal/icon-toast.png) 50% 50% / 100% 100% no-repeat;
  position: absolute;
  top: .11rem;
  left: .1rem;
  user-select: none;
  pointer-events: none;
}

.toast-move {
  animation: toast-move-frame .75s linear 1 forwards;
}

@keyframes toast-move-frame {
  0% {
    opacity: 0;
  }

  33.3% {
    opacity: 1;
  }

  66.6% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.year-txt span {
  display: block;
  margin-bottom: .2rem;
  font-size: .25rem;
}

#yearChildren .modal-content {
  margin-bottom: .2rem;
}