/** mixins **/
@-webkit-keyframes z_zi_2_000_opacity_bezier_anim-data-v-d38ea256 {
0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
11.1% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
11.11% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes z_zi_2_000_opacity_bezier_anim-data-v-d38ea256 {
0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
11.1% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
11.11% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
.animOut[data-v-d38ea256] {
  -webkit-animation: z_zi_2_000_opacity_bezier_anim-data-v-d38ea256 3s linear infinite;
  animation: z_zi_2_000_opacity_bezier_anim-data-v-d38ea256 3s linear infinite;
}
.card-item[data-v-d38ea256] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2.47rem;
}
.card-item .pic-container[data-v-d38ea256] {
  position: relative;
}
.card-item .pic-container .card-pic[data-v-d38ea256] {
  position: relative;
  width: 1.12rem;
  height: 2.11rem;
  display: block;
}
.card-item .pic-container .card-pic--0[data-v-d38ea256] {
  width: 2.47rem;
  height: 1.31rem;
}
.card-item .pic-container .num-container[data-v-d38ea256] {
  position: absolute;
  right: -0.2rem;
  top: -0.16rem;
  width: 0.51rem;
  height: 0.51rem;
  border-radius: 50%;
  background-color: #a41f24;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0.01rem solid #FFED9A;
  font-size: 0.32rem;
  line-height: 0.46rem;
}
.card-item .pic-container .border-dec[data-v-d38ea256] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 3.01rem;
  height: 1.93rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/card-bg3_62f7b9d5.png);
  background-size: 100% 100%;
}
.card-item .pic-container .minus-btn[data-v-d38ea256] {
  position: absolute;
  right: -0.2rem;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #ffd001;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
}
.card-item .pic-container .menu-container[data-v-d38ea256] {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.15rem;
  height: 0.32rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 0.01rem solid #999;
  background: #fff;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.card-item .pic-container .menu-container .menu-btn-container[data-v-d38ea256] {
  width: 0.22rem;
  height: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.card-item .pic-container .menu-container .menu-btn-container .menu-icon.minus[data-v-d38ea256] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-814bda_814bda07.png);
  background-size: 1.33rem 0.93rem;
  background-position: -0.64rem -0.51rem;
  width: 0.21rem;
  height: 0.04rem;
}
.card-item .pic-container .menu-container .menu-btn-container .menu-icon.plus[data-v-d38ea256] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-814bda_814bda07.png);
  background-size: 1.33rem 0.93rem;
  background-position: -0.39rem -0.51rem;
  width: 0.21rem;
  height: 0.22rem;
}
.card-item .pic-container .menu-container .menu-count[data-v-d38ea256] {
  color: #222;
  font-family: "Noto Sans SC";
  font-size: 0.23524rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 0.5rem;
  text-align: center;
}
.card-item .pic-container .tag-container[data-v-d38ea256] {
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-814bda_814bda07.png);
  background-size: 1.33rem 0.93rem;
  background-position: -0 -0.51rem;
  width: 0.35rem;
  height: 0.38rem;
  left: 0.08rem;
  top: 0.08rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.card-item .pic-container .tag-container.type2[data-v-d38ea256] {
  left: 0.14rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-814bda_814bda07.png);
  background-size: 1.33rem 0.93rem;
  background-position: -0.76rem -0;
  width: 0.53rem;
  height: 0.42rem;
}
.card-item .pic-container .tag-container.type3[data-v-d38ea256] {
  left: 0.22rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-814bda_814bda07.png);
  background-size: 1.33rem 0.93rem;
  background-position: -0 -0;
  width: 0.72rem;
  height: 0.47rem;
}
.card-item .card-name[data-v-d38ea256] {
  color: #78442E;
  font-size: 0.22rem;
  font-style: normal;
  line-height: normal;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.18rem;
  min-height: 0.41rem;
  padding: 0 0.2rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg2_c8007799.png);
  background-size: 100% 100%;
  line-height: 1;
  margin-top: 0.1rem;
  max-width: 2.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 0.06rem 0.2rem 0.1rem;
}
.card-item .card-name span[data-v-d38ea256] {
  font-size: 0.32rem;
  margin-right: 0.05rem;
}
.card-item .card-name span.SSR[data-v-d38ea256] {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.card-item .card-name span.SR[data-v-d38ea256] {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.card-item .card-name span.R[data-v-d38ea256] {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}
/** mixins **/
@-webkit-keyframes transAnim0-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(1.2rem, 2.23rem);
    transform: translate(1.2rem, 2.23rem);
}
}
@keyframes transAnim0-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(1.2rem, 2.23rem);
    transform: translate(1.2rem, 2.23rem);
}
}
@-webkit-keyframes transAnim1-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(-1.2rem, 2.23rem);
    transform: translate(-1.2rem, 2.23rem);
}
}
@keyframes transAnim1-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(-1.2rem, 2.23rem);
    transform: translate(-1.2rem, 2.23rem);
}
}
@-webkit-keyframes transAnim2-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(1.2rem, 0);
    transform: translate(1.2rem, 0);
}
}
@keyframes transAnim2-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(1.2rem, 0);
    transform: translate(1.2rem, 0);
}
}
@-webkit-keyframes transAnim3-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(-1.2rem, 0);
    transform: translate(-1.2rem, 0);
}
}
@keyframes transAnim3-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(-1.2rem, 0);
    transform: translate(-1.2rem, 0);
}
}
@-webkit-keyframes transAnim4-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(0, -2.23rem);
    transform: translate(0, -2.23rem);
}
}
@keyframes transAnim4-data-v-4e00b45c {
0% {
    -webkit-transform: translate(0);
    transform: translate(0);
}
100% {
    -webkit-transform: translate(0, -2.23rem);
    transform: translate(0, -2.23rem);
}
}
@-webkit-keyframes z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c {
0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
52.78% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
66.67% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
69.43% {
    opacity: 0;
}
69.44% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@keyframes z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c {
0% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
52.78% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
66.67% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
69.43% {
    opacity: 0;
}
69.44% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
@-webkit-keyframes sprite_z_hechengkapaitexiao_000-data-v-4e00b45c {
0% {
    background-position: 0px 0px;
}
2.8% {
    background-position: -688px 0px;
}
5.6% {
    background-position: -1376px 0px;
}
8.3% {
    background-position: -2064px 0px;
}
11.1% {
    background-position: -2752px 0px;
}
13.9% {
    background-position: -3440px 0px;
}
16.7% {
    background-position: 0px -582px;
}
19.4% {
    background-position: -688px -582px;
}
22.2% {
    background-position: -1376px -582px;
}
25% {
    background-position: -2064px -582px;
}
27.8% {
    background-position: -2752px -582px;
}
30.6% {
    background-position: -3440px -582px;
}
33.3% {
    background-position: 0px -1164px;
}
36.1% {
    background-position: -688px -1164px;
}
38.9% {
    background-position: -1376px -1164px;
}
41.7% {
    background-position: -2064px -1164px;
}
44.4% {
    background-position: -2752px -1164px;
}
47.2% {
    background-position: -3440px -1164px;
}
50% {
    background-position: 0px -1746px;
}
52.8% {
    background-position: -688px -1746px;
}
55.6% {
    background-position: -1376px -1746px;
}
58.3% {
    background-position: -2064px -1746px;
}
61.1% {
    background-position: -2752px -1746px;
}
63.9% {
    background-position: -3440px -1746px;
}
66.7% {
    background-position: 0px -2328px;
}
69.4% {
    background-position: -688px -2328px;
}
72.2% {
    background-position: -1376px -2328px;
}
75% {
    background-position: -2064px -2328px;
}
77.8% {
    background-position: -2752px -2328px;
}
80.6% {
    background-position: -3440px -2328px;
}
83.3% {
    background-position: 0px -2910px;
}
86.1% {
    background-position: -688px -2910px;
}
88.9% {
    background-position: -1376px -2910px;
}
91.7% {
    background-position: -2064px -2910px;
}
94.4% {
    background-position: -2752px -2910px;
}
97.2% {
    background-position: -3440px -2910px;
}
100% {
    background-position: -3440px -2910px;
}
}
@keyframes sprite_z_hechengkapaitexiao_000-data-v-4e00b45c {
0% {
    background-position: 0px 0px;
}
2.8% {
    background-position: -688px 0px;
}
5.6% {
    background-position: -1376px 0px;
}
8.3% {
    background-position: -2064px 0px;
}
11.1% {
    background-position: -2752px 0px;
}
13.9% {
    background-position: -3440px 0px;
}
16.7% {
    background-position: 0px -582px;
}
19.4% {
    background-position: -688px -582px;
}
22.2% {
    background-position: -1376px -582px;
}
25% {
    background-position: -2064px -582px;
}
27.8% {
    background-position: -2752px -582px;
}
30.6% {
    background-position: -3440px -582px;
}
33.3% {
    background-position: 0px -1164px;
}
36.1% {
    background-position: -688px -1164px;
}
38.9% {
    background-position: -1376px -1164px;
}
41.7% {
    background-position: -2064px -1164px;
}
44.4% {
    background-position: -2752px -1164px;
}
47.2% {
    background-position: -3440px -1164px;
}
50% {
    background-position: 0px -1746px;
}
52.8% {
    background-position: -688px -1746px;
}
55.6% {
    background-position: -1376px -1746px;
}
58.3% {
    background-position: -2064px -1746px;
}
61.1% {
    background-position: -2752px -1746px;
}
63.9% {
    background-position: -3440px -1746px;
}
66.7% {
    background-position: 0px -2328px;
}
69.4% {
    background-position: -688px -2328px;
}
72.2% {
    background-position: -1376px -2328px;
}
75% {
    background-position: -2064px -2328px;
}
77.8% {
    background-position: -2752px -2328px;
}
80.6% {
    background-position: -3440px -2328px;
}
83.3% {
    background-position: 0px -2910px;
}
86.1% {
    background-position: -688px -2910px;
}
88.9% {
    background-position: -1376px -2910px;
}
91.7% {
    background-position: -2064px -2910px;
}
94.4% {
    background-position: -2752px -2910px;
}
97.2% {
    background-position: -3440px -2910px;
}
100% {
    background-position: -3440px -2910px;
}
}
.compose-modal[data-v-4e00b45c] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.compose-modal .modal-mask[data-v-4e00b45c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.compose-modal .icon-close[data-v-4e00b45c] {
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -1.23rem -1.01rem;
  width: 0.59rem;
  height: 0.59rem;
}
.compose-modal .icon-close[data-v-4e00b45c]:before {
  content: '';
}
.compose-modal .icon-close[data-v-4e00b45c]:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.compose-modal .compose-layer[data-v-4e00b45c] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.compose-modal .compose-layer .z_hechengkapaitexiao_000[data-v-4e00b45c] {
  position: absolute;
  height: 5.82rem;
  width: 6.88rem;
}
.compose-modal .compose-layer .z_hechengkapaitexiao_000-under-svg[data-v-4e00b45c] {
  height: 582px;
  width: 688px;
  font-size: 0;
  -webkit-animation: sprite_z_hechengkapaitexiao_000-data-v-4e00b45c 3s 0s steps(1) both normal;
  animation: sprite_z_hechengkapaitexiao_000-data-v-4e00b45c 3s 0s steps(1) both normal;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite_z_hechengkapaitexiao_000_61a26b07.png);
  background-size: 4128px 3492px;
}
.compose-modal .compose-layer .compose-cards-container[data-v-4e00b45c] {
  width: 4.37rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.compose-modal .compose-layer .compose-cards-container .transform-anim[data-v-4e00b45c] {
  position: relative;
  -webkit-animation: transAnim0-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
  animation: transAnim0-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
}
.compose-modal .compose-layer .compose-cards-container .transform-anim.transform-anim1[data-v-4e00b45c] {
  -webkit-animation: transAnim1-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
  animation: transAnim1-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
}
.compose-modal .compose-layer .compose-cards-container .transform-anim.transform-anim2[data-v-4e00b45c] {
  -webkit-animation: transAnim2-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
  animation: transAnim2-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
}
.compose-modal .compose-layer .compose-cards-container .transform-anim.transform-anim3[data-v-4e00b45c] {
  -webkit-animation: transAnim3-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
  animation: transAnim3-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
}
.compose-modal .compose-layer .compose-cards-container .transform-anim.transform-anim4[data-v-4e00b45c] {
  -webkit-animation: transAnim4-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
  animation: transAnim4-data-v-4e00b45c 2.5s cubic-bezier(0.1, 0, 0.2, 1) both,z_ka_4_000_opacity_bezier_anim-data-v-4e00b45c 2.5s linear both;
}
.compose-modal .compose-layer .compose-cards-container[data-v-4e00b45c] .card-pic--0 {
  height: 1.58rem;
}
.compose-modal .compose-layer .compose-cards-container[data-v-4e00b45c] .card-item {
  width: 2.18rem;
}
.compose-modal .modal-content[data-v-4e00b45c] {
  position: relative;
  margin-top: 1.29rem;
  width: 6.23rem;
  height: 12.04rem;
  background-image: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/paper-bg_efe61ed4.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.compose-modal .modal-content .text-hi[data-v-4e00b45c] {
  color: #ffffff;
}
.compose-modal .modal-content .modal-title[data-v-4e00b45c] {
  margin-top: 0.78rem;
  position: relative;
  height: 0.9rem;
  line-height: 0.9rem;
}
.compose-modal .modal-content .modal-title p[data-v-4e00b45c] {
  font-size: 0.48rem;
  color: #FFFFFF;
  text-shadow: 0 0 0.069883rem #8DE1FF;
  position: relative;
  z-index: 2;
  text-align: center;
}
.compose-modal .modal-content .modal-title[data-v-4e00b45c]::after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -0 -0;
  width: 2.21rem;
  height: 0.97rem;
}
.compose-modal .modal-content .modal-tip[data-v-4e00b45c] {
  margin-top: 0.21rem;
  font-family: "Noto Sans SC";
  font-size: 0.22rem;
  font-style: normal;
  line-height: normal;
  color: #FFFFFF;
  text-align: center;
}
.compose-modal .modal-content .modal-tip2[data-v-4e00b45c] {
  color: #FFFFFF;
  font-family: "Noto Sans SC";
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 0.48rem;
  display: none;
}
.compose-modal .modal-content .modal-tip2.show[data-v-4e00b45c] {
  display: block;
}
.compose-modal .modal-content .modal-tip2 .text-hi2[data-v-4e00b45c] {
  color: #FFED2C;
}
.compose-modal .modal-content .cards-container[data-v-4e00b45c] {
  width: 100%;
  height: 7.5rem;
}
.compose-modal .modal-content .cards-container.activeTab--2 .swiper-container .swiper-item .card-item-container[data-v-4e00b45c] {
  margin-top: 0.3rem;
  height: 6rem;
}
.compose-modal .modal-content .cards-container.activeTab--2 .border-dec[data-v-4e00b45c] {
  width: 1.42rem;
  height: 2.2rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/card-bg2_b067fbfd.png);
  background-size: 100% 100%;
}
.compose-modal .modal-content .cards-container .swiper-container[data-v-4e00b45c] {
  position: relative;
  width: 100%;
  height: 6.6rem;
}
.compose-modal .modal-content .cards-container .swiper-container .swiper-item[data-v-4e00b45c] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.compose-modal .modal-content .cards-container .swiper-container .swiper-item .card-item-container[data-v-4e00b45c] {
  width: 6rem;
  height: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  margin-top: 0.8rem;
}
.compose-modal .modal-content .cards-container .swiper-container .tip-text[data-v-4e00b45c] {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0.24rem;
  color: #FFFFFF;
}
.compose-modal .modal-content .cards-container .swiper-pagination[data-v-4e00b45c] {
  bottom: 0.2rem;
}
.compose-modal .modal-content .cards-container .btns-container[data-v-4e00b45c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.compose-modal .modal-content .cards-container .btns-container .btn-menu[data-v-4e00b45c] {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  color: #8A5A23;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.36rem;
  font-style: normal;
}
.compose-modal .modal-content .cards-container .btns-container .btn-menu.cancel[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}
.compose-modal .modal-content .cards-container .btns-container .btn-menu.confirm[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}
.compose-modal .modal-content .cards-container .btns-container .btn-menu.disable[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn3_d0f4a7c3.png);
  background-size: 100% 100%;
  color: #FFFFFF;
}
.compose-modal .modal-content .cards-container .btns-container .btn-menu[data-v-4e00b45c]:nth-child(2) {
  margin-left: 0.24rem;
}
.compose-modal .modal-content.height .modal-tip[data-v-4e00b45c] {
  margin-top: 0.11rem;
}
.compose-modal .modal-content.height .cards-container[data-v-4e00b45c] {
  height: 6.2rem;
}
.compose-modal .modal-content.height .cards-container .card-item-container[data-v-4e00b45c] {
  margin-top: 0.3rem !important;
}
.compose-modal .modal-content.height .cards-container .swiper-pagination[data-v-4e00b45c] {
  bottom: 0.3rem;
}
.compose-modal .modal-content.height .cards-container .btns-container[data-v-4e00b45c] {
  margin-top: -0.2rem;
}
.compose-modal .modal-content .menu-container[data-v-4e00b45c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 6.23rem;
  height: 1.43rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/card-nav_6300418f.png);
  background-size: 100% 100%;
  margin-top: 0.2rem;
}
.compose-modal .modal-content .menu-container .menu-item[data-v-4e00b45c] {
  width: 0.98rem;
  height: 1.41rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0;
}
.compose-modal .modal-content .menu-container .menu-item div[data-v-4e00b45c] {
  position: relative;
  z-index: 2;
}
.compose-modal .modal-content .menu-container .menu-item.index0 .menu-icon[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.25rem -0.46rem;
  width: 0.47rem;
  height: 0.44rem;
}
.compose-modal .modal-content .menu-container .menu-item.index0 .menu-icon.lock[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.25rem -0.94rem;
  width: 0.47rem;
  height: 0.44rem;
}
.compose-modal .modal-content .menu-container .menu-item.index0 .menu-icon.active[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.25rem -1.42rem;
  width: 0.47rem;
  height: 0.44rem;
}
.compose-modal .modal-content .menu-container .menu-item.index1 .menu-icon[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.25rem -2.39rem;
  width: 0.41rem;
  height: 0.35rem;
}
.compose-modal .modal-content .menu-container .menu-item.index1 .menu-icon.lock[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -0.76rem -2.84rem;
  width: 0.41rem;
  height: 0.35rem;
}
.compose-modal .modal-content .menu-container .menu-item.index1 .menu-icon.active[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -1.21rem -2.84rem;
  width: 0.41rem;
  height: 0.35rem;
}
.compose-modal .modal-content .menu-container .menu-item.index2 .menu-icon[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.25rem -1.9rem;
  width: 0.42rem;
  height: 0.45rem;
}
.compose-modal .modal-content .menu-container .menu-item.index2 .menu-icon.lock[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.89rem -0;
  width: 0.42rem;
  height: 0.45rem;
}
.compose-modal .modal-content .menu-container .menu-item.index2 .menu-icon.active[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.89rem -0.49rem;
  width: 0.42rem;
  height: 0.45rem;
}
.compose-modal .modal-content .menu-container .menu-item.index3 .menu-icon[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -1.86rem -1.01rem;
  width: 0.34rem;
  height: 0.44rem;
}
.compose-modal .modal-content .menu-container .menu-item.index3 .menu-icon.lock[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -0 -2.84rem;
  width: 0.34rem;
  height: 0.44rem;
}
.compose-modal .modal-content .menu-container .menu-item.index3 .menu-icon.active[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -0.38rem -2.84rem;
  width: 0.34rem;
  height: 0.44rem;
}
.compose-modal .modal-content .menu-container .menu-item.index4 .menu-icon[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -1.23rem -1.64rem;
  width: 0.6rem;
  height: 0.42rem;
}
.compose-modal .modal-content .menu-container .menu-item.index4 .menu-icon.lock[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -1.23rem -2.1rem;
  width: 0.6rem;
  height: 0.42rem;
}
.compose-modal .modal-content .menu-container .menu-item.index4 .menu-icon.active[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.25rem -0;
  width: 0.6rem;
  height: 0.42rem;
}
.compose-modal .modal-content .menu-container .menu-item.index5 .menu-icon[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.89rem -0.98rem;
  width: 0.33rem;
  height: 0.51rem;
}
.compose-modal .modal-content .menu-container .menu-item.index5 .menu-icon.lock[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.89rem -1.53rem;
  width: 0.33rem;
  height: 0.51rem;
}
.compose-modal .modal-content .menu-container .menu-item.index5 .menu-icon.active[data-v-4e00b45c] {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -2.89rem -2.08rem;
  width: 0.33rem;
  height: 0.51rem;
}
.compose-modal .modal-content .menu-container .menu-item.active[data-v-4e00b45c] {
  position: relative;
  pointer-events: none;
}
.compose-modal .modal-content .menu-container .menu-item.active[data-v-4e00b45c]::after {
  content: '';
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-902820_902820e7.png);
  background-size: 3.35rem 3.32rem;
  background-position: -0 -1.01rem;
  width: 1.19rem;
  height: 1.79rem;
  top: -0.13rem;
}
.compose-modal .modal-content .menu-container .menu-item.active .menu-name[data-v-4e00b45c] {
  color: #2F5293;
}
.compose-modal .modal-content .menu-container .menu-item.active .menu-pro[data-v-4e00b45c] {
  color: #2F5293;
}
.compose-modal .modal-content .menu-container .menu-item.active .menu-pro .text-hi[data-v-4e00b45c] {
  color: #E09200;
}
.compose-modal .modal-content .menu-container .menu-item.lock[data-v-4e00b45c] {
  pointer-events: none;
  background: #325278;
  color: #AAAAAA;
}
.compose-modal .modal-content .menu-container .menu-item.lock .menu-name[data-v-4e00b45c] {
  color: #AAAAAA;
}
.compose-modal .modal-content .menu-container .menu-item.lock .menu-pro[data-v-4e00b45c] {
  color: #AAAAAA;
}
.compose-modal .modal-content .menu-container .menu-item .icon[data-v-4e00b45c] {
  height: 0.62rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.compose-modal .modal-content .menu-container .menu-item .menu-name[data-v-4e00b45c] {
  color: #ffffff;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.2rem;
  margin-bottom: 0.09rem;
  text-align: center;
}
.compose-modal .modal-content .menu-container .menu-item .menu-pro[data-v-4e00b45c] {
  color: #ffffff;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.2rem;
}
.th .card-item .pic-container .num-container[data-v-4e00b45c] {
  line-height: 0.51rem;
}
/** mixins **/
@-webkit-keyframes z_kapai_000_opacity_bezier_anim-data-v-62d02caa {
0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.17, 0.17, 0.67, 1);
    animation-timing-function: cubic-bezier(0.17, 0.17, 0.67, 1);
}
17.14% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
25.71% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
100% {
    opacity: 1;
}
}
@keyframes z_kapai_000_opacity_bezier_anim-data-v-62d02caa {
0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.17, 0.17, 0.67, 1);
    animation-timing-function: cubic-bezier(0.17, 0.17, 0.67, 1);
}
17.14% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
25.71% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes z_deban_000_anim-data-v-62d02caa {
0% {
    opacity: 0;
}
5.71% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes z_deban_000_anim-data-v-62d02caa {
0% {
    opacity: 0;
}
5.71% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes z_deban_000_transform_bezier_anim-data-v-62d02caa {
0% {
    -webkit-transform: scale(0.39, 0.39);
    transform: scale(0.39, 0.39);
    -webkit-animation-timing-function: cubic-bezier(0.13, 0.15, 0.67, 1);
    animation-timing-function: cubic-bezier(0.13, 0.15, 0.67, 1);
}
5.71% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
11.43% {
    -webkit-transform: scale(0.92, 0.92);
    transform: scale(0.92, 0.92);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
17.14% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}
@keyframes z_deban_000_transform_bezier_anim-data-v-62d02caa {
0% {
    -webkit-transform: scale(0.39, 0.39);
    transform: scale(0.39, 0.39);
    -webkit-animation-timing-function: cubic-bezier(0.13, 0.15, 0.67, 1);
    animation-timing-function: cubic-bezier(0.13, 0.15, 0.67, 1);
}
5.71% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
11.43% {
    -webkit-transform: scale(0.92, 0.92);
    transform: scale(0.92, 0.92);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
}
17.14% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}
.compose-suc-modal[data-v-62d02caa] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.compose-suc-modal .modal-mask[data-v-62d02caa] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.compose-suc-modal .modal-content[data-v-62d02caa] {
  position: relative;
  width: 6.23rem;
  height: 9.43rem;
  background-image: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/reward-bg_b9522b73.png);
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.93rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: z_deban_000_anim-data-v-62d02caa 2.917s linear both,z_deban_000_transform_bezier_anim-data-v-62d02caa 2.917s linear both;
  animation: z_deban_000_anim-data-v-62d02caa 2.917s linear both,z_deban_000_transform_bezier_anim-data-v-62d02caa 2.917s linear both;
}
.compose-suc-modal .modal-content .suc-title[data-v-62d02caa] {
  margin-bottom: 0.17rem;
  width: 100%;
  -webkit-animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
  animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
  position: relative;
  height: 0.94rem;
  line-height: 0.94rem;
}
.compose-suc-modal .modal-content .suc-title[data-v-62d02caa]::after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-3273df_3273df8c.png);
  background-size: 2.25rem 1.64rem;
  background-position: -0 -0;
  width: 2.21rem;
  height: 0.97rem;
}
.compose-suc-modal .modal-content .suc-title p[data-v-62d02caa] {
  font-size: 0.42rem;
  text-align: center;
  color: #FFF;
  position: relative;
  z-index: 2;
  text-shadow: 0 0 0.069883rem #8DE1FF;
}
.compose-suc-modal .modal-content .title-tip[data-v-62d02caa] {
  color: #ffffff;
  font-family: "Noto Sans SC";
  font-size: 0.22rem;
  font-style: normal;
  line-height: normal;
  margin-bottom: 0.34rem;
  -webkit-animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
  animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
}
.compose-suc-modal .modal-content .card-pic[data-v-62d02caa] {
  min-width: 2.41rem;
  min-height: 2.98rem;
  max-width: 5.59rem;
  max-height: 4.53rem;
  width: auto;
  height: auto;
  display: block;
  -webkit-animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
  animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
}
.compose-suc-modal .modal-content .card-name[data-v-62d02caa] {
  color: #78442E;
  font-size: 0.24rem;
  font-style: normal;
  line-height: 0.4rem;
  margin-bottom: 0.46rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.25rem;
  height: 0.43rem;
  padding: 0 0.45rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg2_bf9bdb12.png);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0.13rem auto 0.47rem;
  -webkit-animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
  animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
}
.compose-suc-modal .modal-content .card-name span[data-v-62d02caa] {
  font-size: 0.32rem;
  line-height: 0.38rem;
  margin-right: 0.08rem;
}
.compose-suc-modal .modal-content .card-name span.SSR[data-v-62d02caa] {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.compose-suc-modal .modal-content .card-name span.SR[data-v-62d02caa] {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.compose-suc-modal .modal-content .card-name span.R[data-v-62d02caa] {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}
.compose-suc-modal .modal-content .close-btn[data-v-62d02caa] {
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-3273df_3273df8c.png);
  background-size: 2.25rem 1.64rem;
  background-position: -0 -1.01rem;
  width: 0.59rem;
  height: 0.59rem;
  -webkit-animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
  animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
}
.compose-suc-modal .modal-content .get-btn[data-v-62d02caa] {
  font-size: 0.36rem;
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
  -webkit-animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
  animation: z_kapai_000_opacity_bezier_anim-data-v-62d02caa 2.917s linear both;
}
@charset "utf-8";

/** mixins **/

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

/* Noto黑体简体 */

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-sc-v26-latin_chinese-simplified-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体繁体 */

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-tc-v26-latin_chinese-traditional-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体日语 */

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans JP';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-jp-v42-latin_japanese-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体韩语 */

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans KR';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-kr-v27-latin_korean-700.woff') format('woff');
  font-weight: 700;
}

/* Noto黑体泰语 */

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-300.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-500.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Noto Sans Thai';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/noto/noto-sans-thai-v20-thai_latin-700.woff') format('woff');
  font-weight: 700;
}

html {
  font-family: "Noto Sans SC", sans-serif;
}

[lang|="zh-hant"],
[lang|="zh-hans"],
[lang|="zh-cht"],
[lang=zh-hk],
[lang=zh-tw] {
  font-family: "Noto Sans TC", sans-serif;
}

[lang|="jp"] {
  font-family: "Noto Sans JP", sans-serif;
}

[lang|="kr"] {
  font-family: "Noto Sans KR", sans-serif;
}

[lang|="th"] {
  font-family: "Noto Sans Thai", sans-serif;
}

/* CSS Document */

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

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

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

strong,
b {
  font-weight: bold;
  font-style: normal;
}

em {
  font-weight: normal;
  font-style: italic;
}

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

li {
  list-style: none;
}

button,
a,
select {
  border: none;
  outline: none;
}

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

input,
textarea {
  outline: none;
}

textarea {
  overflow: auto;
  resize: none;
}

a,
button {
  cursor: pointer;
}

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

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

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

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

#NIE-topBar {
  z-index: 999 !important;
}

#NIE-topBar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

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

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

.container-index::after {
  content: '';
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #396497;
}

.container-index.share::after {
  height: 70%;
  background-color: #3d6a9d;
}

.container-index .bg {
  width: 7.5rem;
  height: 100%;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/bg_98728f0f.png) no-repeat;
  background-size: contain;
  margin-top: -1.6rem;
  position: relative;
  z-index: 2;
}

.container-index .buoy {
  position: absolute;
  right: -0.34rem;
  top: 5.8rem;
  z-index: 2;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -1.99rem -9.62rem;
  width: 1.95rem;
  height: 2.14rem;
}

.container-index .collect-cards {
  width: 7.5rem;
  height: 6.92rem;
  background-image: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/collect-cards_7fefe78a.png);
  background-size: 100%, 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .collect-cards .box {
  margin-top: 0.44rem;
  width: 5.49rem;
  height: 5.0674rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .collect-cards .box .title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -5.97rem -9.62rem;
  width: 5.5rem;
  height: 0.73rem;
}

.container-index .collect-cards .box .subtitle {
  margin-top: 0.2rem;
  height: 0.52rem;
  white-space: nowrap;
}

.container-index .collect-cards .box .subtitle .text {
  font-family: Noto Sans, sans-serif;
  font-weight: 700;
  font-size: 0.36rem;
  color: #fff;
}

.container-index .collect-cards .box .point-card {
  width: 4.5rem;
  height: 0.72rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .collect-cards .box .point-card .my-card {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -8.84rem -14.86rem;
  width: 1.48rem;
  height: 0.72rem;
}

.container-index .collect-cards .box .point-card .num {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -8.43rem -13.85rem;
  width: 2.03rem;
  height: 0.64rem;
}

.container-index .collect-cards .box .point-card .suffix span {
  font-weight: 700;
  font-size: 0.28rem;
  color: #fff;
}

.container-index .collect-cards .box .quota span {
  font-weight: 400;
  font-size: 0.24rem;
  color: #fff;
}

.container-index .collect-cards .box .subtitle2 {
  margin-top: 0.23rem;
  margin-bottom: 0.05rem;
}

.container-index .collect-cards .box .subtitle2 .text {
  font-weight: 700;
  font-size: 0.36rem;
  color: #fff;
}

.container-index .collect-cards .box .reward-box {
  width: 5.46rem;
  height: 1.6148rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .collect-cards .box .reward-box .reward {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.64rem -4.22rem;
  width: 1.67rem;
  height: 1.67rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .collect-cards .box .reward-box .reward .reward1-img {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -8.64rem;
  width: 1.46rem;
  height: 1.47rem;
}

.container-index .collect-cards .box .reward-box .reward .reward2-img {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -1.06rem;
  width: 1.48rem;
  height: 1.48rem;
}

.container-index .collect-cards .box .reward-box .reward .reward3-img {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.64rem -5.93rem;
  width: 1.62rem;
  height: 1.62rem;
}

.container-index .collect-cards .open-bag {
  height: 0.35rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .collect-cards .open-bag .down-arrow {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -17.78rem -1.83rem;
  width: 0.16rem;
  height: 0.11rem;
  margin-right: 0.1rem;
}

.container-index .collect-cards .open-bag .text {
  font-weight: 700;
  font-size: 0.24rem;
  color: #fff;
}

.container-index .open-card {
  width: 7.5rem;
  position: relative;
  top: -0.14rem;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .open-card .open-title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -2.73rem;
  width: 6.78rem;
  height: 2.69rem;
  position: absolute;
  top: 1.3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container-index .open-card .open-title p {
  color: #FFF;
  font-size: 0.6rem;
  text-align: center;
  text-shadow: 0 0 0.094rem #FF8181;
  letter-spacing: -0.02rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 1.43rem;
  line-height: 1.43rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/title-bgc_62babdfe.png);
  background-size: 100% 100%;
  margin: 0 auto;
}

.container-index .open-card .card-box {
  margin-top: 2.66rem;
  width: 6.13rem;
  height: 6.18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .open-card .card-box.playing {
  opacity: 0;
}

.container-index .open-card .card-box .has-card {
  width: auto;
  height: 5.93rem;
}

.container-index .open-card .card-box .no-card {
  width: 4.1rem;
  height: 6.07rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/no-card_20926bfc.png) no-repeat;
  background-size: 100% 100%;
  color: #E9E9E9;
  font-size: 0.26rem;
  line-height: 0.4rem;
  font-weight: bold;
  text-align: center;
  padding: 2.47rem 0.21rem 0 0.18rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container-index .open-card .text {
  margin-top: 0.3rem;
  text-align: center;
  line-height: 0.41rem;
  height: 0.41rem;
  font-weight: 700;
  font-size: 0.28rem;
  color: #fff;
}

.container-index .open-card .text .num {
  color: #FFED2C;
  margin-left: 0.05rem;
}

.container-index .open-card .click-open {
  position: relative;
  width: 5.34rem;
  height: 1.22rem;
  line-height: 1.1rem;
  margin-top: 0.25rem;
  cursor: pointer;
  font-size: 0.58rem;
  color: #8A5A23;
  text-align: center;
  /* 节点名：一键开包 */
  /* 节点名：按钮底图 */
}

.container-index .open-card .click-open .z_yijiankaibao_000 {
  position: absolute;
  left: 1.5rem;
  top: 0;
  mix-blend-mode: normal;
  -webkit-animation: z_yiguafeng_1_190_4585_000_transform_bezier_anim 2s linear infinite;
  animation: z_yiguafeng_1_190_4585_000_transform_bezier_anim 2s linear infinite;
}

@-webkit-keyframes z_yiguafeng_1_190_4585_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  50% {
    -webkit-transform: scale(0.84, 0.84);
    transform: scale(0.84, 0.84);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes z_yiguafeng_1_190_4585_000_transform_bezier_anim {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  50% {
    -webkit-transform: scale(0.84, 0.84);
    transform: scale(0.84, 0.84);
    -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
    animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.container-index .open-card .click-open .z_anniude_000 {
  width: 5.34rem;
  height: 1.22rem;
}

.container-index .open-card .click-open .z_anniude_000-under-svg {
  height: 122px;
  width: 534px;
  font-size: 0;
  -webkit-animation: sprite_z_anniude_000 2s 0s steps(1) infinite normal;
  animation: sprite_z_anniude_000 2s 0s steps(1) infinite normal;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite_z_anniude_000_c11682d6.png);
  background-size: 500% 500%;
}

@-webkit-keyframes sprite_z_anniude_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -534px 0;
  }

  8.3% {
    background-position: -1068px 0;
  }

  12.5% {
    background-position: -1602px 0;
  }

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

  20.8% {
    background-position: 0 -122px;
  }

  25% {
    background-position: -534px -122px;
  }

  29.2% {
    background-position: -1068px -122px;
  }

  33.3% {
    background-position: -1602px -122px;
  }

  37.5% {
    background-position: -2136px -122px;
  }

  41.7% {
    background-position: 0 -244px;
  }

  45.8% {
    background-position: -534px -244px;
  }

  50% {
    background-position: -1068px -244px;
  }

  54.2% {
    background-position: -1602px -244px;
  }

  58.3% {
    background-position: -2136px -244px;
  }

  62.5% {
    background-position: 0 -366px;
  }

  66.7% {
    background-position: -534px -366px;
  }

  70.8% {
    background-position: -1068px -366px;
  }

  75% {
    background-position: -1602px -366px;
  }

  79.2% {
    background-position: -2136px -366px;
  }

  83.3% {
    background-position: 0 -488px;
  }

  87.5% {
    background-position: -534px -488px;
  }

  91.7% {
    background-position: -1068px -488px;
  }

  95.8% {
    background-position: -1602px -488px;
  }

  100% {
    background-position: -1602px -488px;
  }
}

@keyframes sprite_z_anniude_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  4.2% {
    background-position: -534px 0;
  }

  8.3% {
    background-position: -1068px 0;
  }

  12.5% {
    background-position: -1602px 0;
  }

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

  20.8% {
    background-position: 0 -122px;
  }

  25% {
    background-position: -534px -122px;
  }

  29.2% {
    background-position: -1068px -122px;
  }

  33.3% {
    background-position: -1602px -122px;
  }

  37.5% {
    background-position: -2136px -122px;
  }

  41.7% {
    background-position: 0 -244px;
  }

  45.8% {
    background-position: -534px -244px;
  }

  50% {
    background-position: -1068px -244px;
  }

  54.2% {
    background-position: -1602px -244px;
  }

  58.3% {
    background-position: -2136px -244px;
  }

  62.5% {
    background-position: 0 -366px;
  }

  66.7% {
    background-position: -534px -366px;
  }

  70.8% {
    background-position: -1068px -366px;
  }

  75% {
    background-position: -1602px -366px;
  }

  79.2% {
    background-position: -2136px -366px;
  }

  83.3% {
    background-position: 0 -488px;
  }

  87.5% {
    background-position: -534px -488px;
  }

  91.7% {
    background-position: -1068px -488px;
  }

  95.8% {
    background-position: -1602px -488px;
  }

  100% {
    background-position: -1602px -488px;
  }
}

.container-index .open-card .click-open.disable {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.54rem -5.46rem;
  width: 5.36rem;
  height: 1.21rem;
  color: #FFF;
}

.container-index .open-card .tips {
  margin-top: 0.125rem;
  text-align: center;
  line-height: 0.41rem;
  height: 0.41rem;
  font-weight: 700;
  font-size: 0.28rem;
  color: #fff;
}

.container-index .open-card .tips .num {
  color: #FFED2C;
}

.container-index .task {
  width: 7.5rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .task .obtain-title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -2.73rem;
  width: 6.78rem;
  height: 2.69rem;
  position: absolute;
  top: 0.53rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container-index .task .obtain-title p {
  color: #FFF;
  font-size: 0.6rem;
  text-align: center;
  text-shadow: 0 0 0.094rem #FF8181;
  letter-spacing: -0.02rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 1.43rem;
  line-height: 1.43rem;
  margin: 0 auto;
}

.container-index .task .task-bg {
  width: 7.42rem;
  height: 11.2rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/task-bg_e92f009b.png);
  background-size: 100% 100%;
  margin-top: 1.85rem;
}

.container-index .task .task-box {
  width: 6.67rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.container-index .task .task-box .title {
  margin-top: 0.34rem;
  margin-bottom: 0.04rem;
  height: 0.52rem;
  line-height: 0.52rem;
  text-align: center;
  font-weight: 700;
  font-size: 0.36rem;
  color: #3A5266;
}

.container-index .task .task-box .daily-task-time {
  color: #222;
  font-size: 0.24rem;
  line-height: 1.2;
}

.container-index .task .task-box.task-box2 .title {
  margin-top: 0.1rem;
}

.container-index .task .task-box.task-box2 .row:last-child .text {
  line-height: 1.2;
  font-size: 0.2rem;
  width: 3.8rem;
}

.container-index .task .task-box .row {
  width: 6.67rem;
  height: 1.18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.1rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/task-item-bg_870f709c.png);
  background-size: 100% 100%;
}

.container-index .task .task-box .row .reward {
  border: 0 !important;
  margin: 0.08rem 0 0 0.41rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -16.86rem -10.15rem;
  width: 0.94rem;
  height: 0.94rem;
}

.container-index .task .task-box .row .reward .img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.container-index .task .task-box .row .reward .card-task {
  width: auto;
  height: 1.03rem;
}

.container-index .task .task-box .row .reward .card-task.task-once-reward-4 {
  height: 0.94rem;
}

.container-index .task .task-box .row .reward .reward-title {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #FFF;
  font-size: 0.22rem;
  line-height: 1.5;
  white-space: nowrap;
}

.container-index .task .task-box .row .reward .reward-title p {
  position: relative;
  z-index: 2;
}

.container-index .task .task-box .row .reward .reward-title::after {
  content: '';
  position: absolute;
  top: 0.06rem;
  left: 0;
  width: 100%;
  height: 70%;
  background: #638EAF;
  -webkit-filter: blur(0.12rem);
  filter: blur(0.12rem);
}

.container-index .task .task-box .row .reward .num {
  position: absolute;
  right: 0.05rem;
  bottom: 0.1rem;
  font-size: 0.22rem;
  color: #fff;
}

.container-index .task .task-box .row .reward .num::after {
  content: '';
  position: absolute;
  top: 0.08rem;
  left: 0;
  width: 0.29rem;
  height: 0.21rem;
  background: #638EAF;
  -webkit-filter: blur(0.04205rem);
  filter: blur(0.04205rem);
}

.container-index .task .task-box .row .reward .num p {
  position: relative;
  z-index: 2;
}

.container-index .task .task-box .row .task-content {
  width: 5.2rem;
  height: 1.11rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 0.36rem;
}

.container-index .task .task-box .row .task-content .text {
  width: 3.6rem;
  font-weight: 700;
  font-size: 0.24rem;
  color: #222;
  position: relative;
  line-height: 130%;
}

.container-index .task .task-box .row .task-content .text .tips {
  position: absolute;
  right: 0.2rem;
  bottom: -0.05rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.23rem -9.14rem;
  width: 0.33rem;
  height: 0.33rem;
  z-index: 1;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .task .task-box .row .task-content .text .tips span {
  color: #fff;
  font-weight: 700;
  font-size: 0.24rem;
}

.container-index .task .task-box .row .task-content .text > span em {
  color: #B45A0B;
  font-style: normal;
  font-weight: 700;
}

.container-index .task .task-box .row .task-content .status {
  line-height: 90%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.26rem;
  color: #FFF;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -13.64rem -7.59rem;
  width: 1.55rem;
  height: 0.96rem;
  padding-left: 0.07rem;
}

.container-index .task .task-box .row .task-content .can-status {
  line-height: 0.96rem;
  text-align: center;
  font-weight: 500;
  font-size: 0.26rem;
  color: #404378;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -13.64rem -8.59rem;
  width: 1.55rem;
  height: 0.96rem;
  padding-left: 0.14rem;
}

.container-index .task .task-box .row .task-content .can-status p {
  background: -webkit-gradient(linear, left top, right top, from(#404378), to(#29659D));
  background: linear-gradient(90deg, #404378 0%, #29659D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.container-index .card-exchange {
  position: relative;
  width: 7.5rem;
  padding-top: 2.11rem;
}

.container-index .card-exchange .card-title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -6.82rem -2.73rem;
  width: 6.78rem;
  height: 2.69rem;
  position: absolute;
  top: 0.69rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container-index .card-exchange .card-title p {
  color: #FFF;
  font-size: 0.6rem;
  text-align: center;
  text-shadow: 0 0 0.094rem #8DBBFF;
  letter-spacing: -0.02rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 1.43rem;
  line-height: 1.43rem;
  margin: 0 auto;
}

.container-index .card-exchange .title-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -5.46rem;
  width: 7.5rem;
  height: 1.42rem;
}

.container-index .card-exchange .title-nav .nav {
  width: 7.5rem;
  height: 1.42rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.2rem;
}

.container-index .card-exchange .title-nav .nav .nav-single {
  width: 0.98rem;
  height: 1.42rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #FFF;
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: 700;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon {
  width: 0.6rem;
  height: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .fashion {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -3.91rem -15.64rem;
  width: 0.47rem;
  height: 0.44rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .fashion.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -4.42rem -15.64rem;
  width: 0.47rem;
  height: 0.44rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .fashion.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -4.93rem -15.64rem;
  width: 0.47rem;
  height: 0.44rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .heart {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.32rem -11.4rem;
  width: 0.41rem;
  height: 0.35rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .heart.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.77rem -11.4rem;
  width: 0.41rem;
  height: 0.35rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .heart.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -8.22rem -11.4rem;
  width: 0.41rem;
  height: 0.35rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .spiderman {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -1.38rem -16.41rem;
  width: 0.42rem;
  height: 0.45rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .spiderman.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -1.84rem -16.41rem;
  width: 0.42rem;
  height: 0.45rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .spiderman.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -2.3rem -16.41rem;
  width: 0.42rem;
  height: 0.45rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .genre {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.52rem -15.64rem;
  width: 0.34rem;
  height: 0.44rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .genre.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.9rem -15.64rem;
  width: 0.34rem;
  height: 0.44rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .genre.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -8.28rem -15.64rem;
  width: 0.34rem;
  height: 0.44rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .map {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -12.9rem -14.86rem;
  width: 0.6rem;
  height: 0.42rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .map.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.54rem -14.86rem;
  width: 0.6rem;
  height: 0.42rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .map.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -14.18rem -14.86rem;
  width: 0.6rem;
  height: 0.42rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .version {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.23rem -10.59rem;
  width: 0.33rem;
  height: 0.51rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .version.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -16.9rem;
  width: 0.33rem;
  height: 0.51rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .version.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0.37rem -16.9rem;
  width: 0.33rem;
  height: 0.51rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .grass {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.05rem -7.65rem;
  width: 0.53rem;
  height: 0.42rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .grass.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -14.82rem -14.86rem;
  width: 0.53rem;
  height: 0.42rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon .grass.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.39rem -14.86rem;
  width: 0.53rem;
  height: 0.42rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .text {
  padding: 0 0.1rem;
  text-align: center;
  font-size: 0.22rem;
  line-height: 0.23rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .icon,
.container-index .card-exchange .title-nav .nav .nav-single .text,
.container-index .card-exchange .title-nav .nav .nav-single .num-line {
  position: relative;
  z-index: 2;
}

.container-index .card-exchange .title-nav .nav .nav-single .num-line {
  font-weight: 400;
  margin-top: 0.03rem;
}

.container-index .card-exchange .title-nav .nav .nav-single .num {
  color: #fff;
}

.container-index .card-exchange .title-nav .nav .selected {
  color: #2F5293;
  position: relative;
}

.container-index .card-exchange .title-nav .nav .selected::after {
  content: '';
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -10.15rem;
  width: 1.19rem;
  height: 1.79rem;
  top: -0.13rem;
}

.container-index .card-exchange .title-nav .nav .selected .num {
  color: #E09200;
}

.container-index .card-exchange .title-nav .nav .ash {
  background: #325278;
  color: #AAA;
}

.container-index .card-exchange .exchange-content {
  width: 7.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .card-exchange .exchange-content .exchange-img {
  width: 5.48rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 1.11rem;
}

.container-index .card-exchange .exchange-content .exchange-img--1 {
  width: 2.57rem;
  height: 4.82rem;
  margin-top: 0.28rem;
  margin-bottom: -0.1rem;
}

.container-index .card-exchange .exchange-content .name {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.25rem;
  height: 0.43rem;
  margin-top: 0.14rem;
  padding: 0 0.45rem;
  font-size: 0.24rem;
  line-height: 0.4rem;
  color: #78442E;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg_8985ae81.png);
  background-size: 100% 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container-index .card-exchange .exchange-content .name.max {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg3_90706ad5.png);
  background-size: 100% 100%;
}

.container-index .card-exchange .exchange-content .name.name--1 {
  margin-top: 0.24rem;
}

.container-index .card-exchange .exchange-content .name span {
  display: block;
  font-size: 0.32rem;
  line-height: 0.4rem;
  margin-right: 0.08rem;
}

.container-index .card-exchange .exchange-content .name span.SSR {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.container-index .card-exchange .exchange-content .name span.SR {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.container-index .card-exchange .exchange-content .name span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.container-index .card-exchange .exchange-content .operation .share-btn {
  margin: 0.16rem 0 0.02rem 0;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -6.27rem -6.92rem;
  width: 5.36rem;
  height: 1.21rem;
  font-size: 0.58rem;
  text-align: center;
  line-height: 1.14rem;
  color: #8A5A23;
}

.container-index .card-exchange .exchange-content .operation2 {
  width: 6.02rem;
  margin-top: 0.9rem;
}

.container-index .card-exchange .exchange-content .operation2--1 {
  margin-top: 0.17rem;
}

.container-index .card-exchange .exchange-content .operation2 .btn-group {
  width: 6.15rem;
  height: 0.72rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.16rem;
}

.container-index .card-exchange .exchange-content .operation2 .btn-group .request {
  line-height: 0.68rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -11.51rem -9.62rem;
  width: 1.99rem;
  height: 0.72rem;
  font-size: 0.32rem;
  color: #8A5A23;
}

.container-index .card-exchange .exchange-content .operation2 .btn-group .exchange {
  line-height: 0.68rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -2.75rem -14.86rem;
  width: 1.99rem;
  height: 0.72rem;
  font-size: 0.32rem;
  color: #404378;
}

.container-index .card-exchange .exchange-content .operation2 .btn-group .send {
  line-height: 0.68rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -2.75rem -14.86rem;
  width: 1.99rem;
  height: 0.72rem;
  font-size: 0.32rem;
  color: #404378;
}

.container-index .card-exchange .exchange-content .operation2 .btn-group .disable {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -4.78rem -14.86rem;
  width: 1.99rem;
  height: 0.72rem;
  color: #fff;
}

.container-index .card-exchange .exchange-content .operation2 .btn-group .disable p {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #fff;
  color: #fff;
}

.container-index .card-exchange .exchange-content .operation2 .btn-group p {
  background: -webkit-gradient(linear, left top, right top, from(#404378), to(#29659D));
  background: linear-gradient(90deg, #404378 0%, #29659D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.container-index .card-exchange .exchange-content .operation2 .input-box {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -5.4rem -8.37rem;
  width: 6.15rem;
  height: 0.69rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.4rem 0 0.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container-index .card-exchange .exchange-content .operation2 .input-box .input {
  width: 4.8rem;
  background: none;
  background-color: transparent;
  border: none;
  border-right: 0.01rem solid #fff !important;
  color: #fff;
}

.container-index .card-exchange .exchange-content .operation2 .input-box ::-webkit-input-placeholder {
  color: #fff9;
  opacity: 1;
  /* Firefox默认会降低不透明度，设为1保持完全可见 */
}

.container-index .card-exchange .exchange-content .operation2 .input-box ::-moz-placeholder {
  color: #fff9;
  opacity: 1;
  /* Firefox默认会降低不透明度，设为1保持完全可见 */
}

.container-index .card-exchange .exchange-content .operation2 .input-box :-ms-input-placeholder {
  color: #fff9;
  opacity: 1;
  /* Firefox默认会降低不透明度，设为1保持完全可见 */
}

.container-index .card-exchange .exchange-content .operation2 .input-box ::-ms-input-placeholder {
  color: #fff9;
  opacity: 1;
  /* Firefox默认会降低不透明度，设为1保持完全可见 */
}

.container-index .card-exchange .exchange-content .operation2 .input-box ::placeholder {
  color: #fff9;
  opacity: 1;
  /* Firefox默认会降低不透明度，设为1保持完全可见 */
}

.container-index .card-exchange .exchange-content .operation2 .input-box .text {
  font-weight: 700;
  font-size: 0.24rem;
  color: #fff;
}

.container-index .card-exchange .exchange-content .tips {
  width: 5.36rem;
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
}

.container-index .card-exchange .synthesis {
  width: 7.5rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .card-exchange .synthesis .synthesis-content {
  width: 7.5rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .card-exchange .synthesis .synthesis-content .title {
  margin-top: 0.4rem;
  margin-bottom: 0.1rem;
}

.container-index .card-exchange .synthesis .synthesis-content .title .text {
  font-weight: 700;
  font-size: 0.36rem;
  color: #FFF;
}

.container-index .card-exchange .synthesis .synthesis-content .roll {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .arrow {
  position: absolute;
  top: 0.4rem;
  width: 0.78rem;
  height: 0.73rem;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .arrow.cards-arrow-prev {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -16.86rem -11.13rem;
  width: 0.78rem;
  height: 0.73rem;
  left: 0;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .arrow.cards-arrow-next {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -15.64rem;
  width: 0.77rem;
  height: 0.73rem;
  right: 0;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .swiper-container {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6.35rem;
  padding-top: 0.18rem;
  margin-left: 0.7rem;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box {
  width: 1.87rem;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .quality {
  position: absolute;
  z-index: 3;
  top: 0.9rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -6.9rem -9.1rem;
  width: 0.74rem;
  height: 0.31rem;
  font-size: 0.28rem;
  line-height: 0.31rem;
  text-align: center;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .quality.SSR span {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .quality.SR span {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .quality.R span {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .num {
  position: absolute;
  z-index: 3;
  right: -0.12rem;
  top: -0.12rem;
  line-height: 0.32rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.23rem -10.14rem;
  width: 0.33rem;
  height: 0.33rem;
  border-radius: 50%;
  color: #fff;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .card {
  width: 1.87rem;
  height: 1.05rem;
  margin-bottom: 0.1rem;
  position: relative;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .card img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: top;
  object-position: top;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .B {
  outline: 0.1rem solid #ffd001;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .card-box .name {
  font-weight: 700;
  font-size: 0.2352rem;
  color: #B2DAFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#B2DAFF));
  background: linear-gradient(180deg, #FFF 0%, #B2DAFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-align: center;
  margin-top: 0.07rem;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .swiper-slide-active .card-box .card {
  position: relative;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .swiper-slide-active .card-box .card::after {
  content: '';
  position: absolute;
  left: -0.27rem;
  top: -0.28rem;
  width: 2.41rem;
  height: 1.6rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/card-bg_ede2120c.png);
  background-size: 100% 100%;
  pointer-events: none;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .cards-swiper--vertical {
  padding-top: 0;
  margin-left: auto;
  width: 6.25rem;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .cards-swiper--vertical .card-box {
  position: relative;
  width: 1.6rem;
  padding-top: 0.16rem;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .cards-swiper--vertical .card-box .card {
  width: 0.89rem;
  height: 1.66rem;
  margin-bottom: 0.07rem;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .cards-swiper--vertical .card-box .SSR,
.container-index .card-exchange .synthesis .synthesis-content .roll .cards-swiper--vertical .card-box .SR,
.container-index .card-exchange .synthesis .synthesis-content .roll .cards-swiper--vertical .card-box .R {
  top: 1.68rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .cards-swiper--vertical .card-box .num {
  right: 0.2rem;
  top: 0;
}

.container-index .card-exchange .synthesis .synthesis-content .roll .cards-swiper--vertical .swiper-slide-active .card-box .card::after {
  content: '';
  position: absolute;
  left: -0.27rem;
  top: -0.3rem;
  width: 1.42rem;
  height: 2.2rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/card-bg2_b067fbfd.png);
  background-size: 100% 100%;
  pointer-events: none;
}

.container-index .card-exchange .synthesis .synthesis-content.synthesis--1 .roll .arrow {
  top: 0.55rem;
}

.container-index .card-exchange .synthesis .synthesis-content .synthesis-btn {
  line-height: 0.68rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -6.81rem -14.86rem;
  width: 1.99rem;
  height: 0.72rem;
  margin-top: 0.15rem;
}

.container-index .card-exchange .synthesis .synthesis-content .synthesis-btn .text {
  font-size: 0.28rem;
  color: #404378;
}

.container-index.ind .open-title p,
.container-index.ind .obtain-title p,
.container-index.ind .card-title p {
  font-size: 0.5rem;
  letter-spacing: 0;
}

.leihuo-share .leihuo-share-modal {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/medium-pop-bg_b0bdf969.png) no-repeat;
  background-size: cover;
  width: 6.23rem;
  height: 9.43rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.87rem 0.39rem 0 0.39rem;
  border-radius: 0;
}

.leihuo-share .leihuo-share-modal .leihuo-share-title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -5.97rem -10.39rem;
  width: 3.68rem;
  height: 0.97rem;
  font-size: 0;
  line-height: 0;
}

.leihuo-share .leihuo-share-modal .leihuo-share-blocks {
  position: relative;
  bottom: 0;
  width: 100%;
}

.leihuo-share .leihuo-share-modal .leihuo-share-block {
  list-style: none;
}

.leihuo-share .leihuo-share-modal .leihuo-share-block:nth-child(1) .leihuo-share-desc {
  letter-spacing: -0.007rem;
}

.leihuo-share .leihuo-share-modal .leihuo-share-desc {
  font-size: 0.22rem;
  display: block;
  width: 107%;
  color: #FFF;
}

.leihuo-share .leihuo-share-modal .leihuo-share-input {
  width: 4.04rem;
  height: 0.48rem;
  background: #fff;
  border-radius: 0;
}

.leihuo-share .leihuo-share-modal .leihuo-share-copy-btn {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -11.67rem -7.65rem;
  width: 1.34rem;
  height: 0.48rem;
  color: #404378;
  border-radius: 0;
}

.leihuo-share .leihuo-share-modal .leihuo-share-img {
  height: 4.03rem;
}

.leihuo-share .leihuo-share-modal .leihuo-share-img img {
  width: auto;
  height: 100%;
}

.leihuo-share .leihuo-share-modal .leihuo-share-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item {
  font-size: 0;
  width: 0.7rem;
  margin-right: 0.2rem;
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-facebook {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0.81rem -15.64rem;
  width: 0.5rem;
  height: 0.49rem;
  border: 0;
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-facebook::before {
  content: '';
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-discord {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.96rem -14.86rem;
  width: 0.54rem;
  height: 0.41rem;
  border: 0;
  border-radius: 0%;
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-discord::before {
  content: '';
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-line {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -1.87rem -15.64rem;
  width: 0.47rem;
  height: 0.47rem;
  border: 0;
  border-radius: 0%;
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-line::before {
  content: '';
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-X {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -5.44rem -15.64rem;
  width: 0.43rem;
  height: 0.44rem;
  border: 0;
  border-radius: 0%;
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-X::before {
  content: '';
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-naver {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -5.91rem -15.64rem;
  width: 0.43rem;
  height: 0.44rem;
  border: 0;
  border-radius: 0%;
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-naver::before {
  content: '';
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-kakao {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -1.35rem -15.64rem;
  width: 0.48rem;
  height: 0.49rem;
  border: 0;
  border-radius: 0%;
}

.leihuo-share .leihuo-share-modal .leihuo-share-channel-item .leihuo-share-icon-kakao::before {
  content: '';
}

.leihuo-share .leihuo-share-qrcode.has-bg #leihuo-share-qrcode {
  width: 28.68% !important;
  left: auto !important;
  right: 2.38%;
  bottom: 3.23%;
}

.sidebar {
  position: absolute;
  top: 0.12rem;
  right: 0.18rem;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.language-select {
  position: relative;
  margin-right: 0.22rem;
}

.language-select .icon {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -5.4rem -9.1rem;
  width: 0.71rem;
  height: 0.38rem;
}

.language-select .list {
  width: 1.11rem;
  height: auto;
  position: absolute;
  top: 0.45rem;
  left: -0.35rem;
}

.language-select button {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/lang-bg2_82bf2e57.png);
  background-size: 100% 100%;
  color: #FFF;
  width: 1.11rem;
  height: auto;
  line-height: 1.1;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.1rem;
  font-size: 0.18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.08rem 0;
}

.language-select button.current {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/lang-bg_aceeeccf.png);
  background-size: 100% 100%;
}

.language-select.open .icon {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -6.15rem -9.1rem;
  width: 0.71rem;
  height: 0.38rem;
}

.login-bar {
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #fff;
}

.login__btn:nth-child(n + 2) {
  margin-left: 0.1rem;
}

.login__btn.login__bold {
  position: relative;
}

.login__btn.login__bold::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 0.01rem solid #fff;
}

.login__bold {
  font-weight: 700;
}

.leihuo-feedback {
  z-index: 99;
}

.font {
  font-family: 'fzcjljt', sans-serif;
}

[lang|="jp"] .font {
  font-family: 'SMotoya Sinkai Std', sans-serif;
}

[lang|="jp"] .open-title p,
[lang|="jp"] .obtain-title p,
[lang|="jp"] .card-title p {
  letter-spacing: -0.07rem !important;
  font-size: 0.68rem !important;
}

[lang|="jp"] .leihuo-share .leihuo-share-modal .leihuo-share-title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -9.69rem -10.39rem;
  width: 3.68rem;
  height: 0.97rem;
}

[lang|="jp"] .leihuo-share .leihuo-share-modal .leihuo-share-block:nth-child(1) .leihuo-share-desc {
  letter-spacing: 0;
}

[lang|="jp"] .download {
  letter-spacing: -0.04rem;
}

[lang|="jp"] .buoy {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -9.62rem;
  width: 1.95rem;
  height: 2.15rem;
}

[lang|="jp"] .action-btn {
  letter-spacing: -0.07rem !important;
}

[lang|="jp"] .share-content .action-btn {
  letter-spacing: 0 !important;
}

[lang|="jp"] .task-content .tips {
  right: 1.28rem !important;
}

[lang|="jp"] .task-box.task-box2 .row:last-child .text {
  font-size: 0.22rem !important;
}

[lang|="jp"] .synthesis-content .card-box .quality {
  line-height: 0.25rem !important;
}

[lang|="jp"] .topbar-kv .share .text {
  letter-spacing: -0.02rem;
}

[lang|="jp"] .compose-modal .btns-container .btn-menu {
  line-height: 0.66rem !important;
}

[lang|="jp"] .request-card .btn .right .time,
[lang|="jp"] .exchange-card .btn .right .time {
  letter-spacing: 0 !important;
}

[lang|="jp"] .request-card .btn .right {
  letter-spacing: -0.05rem !important;
}

[lang|="jp"] .exchange-card .title-text p,
[lang|="jp"] .send-card .title-text p {
  letter-spacing: -0.05rem;
}

[lang|="kr"] .font {
  font-family: 'ChosunGs', sans-serif;
}

[lang|="kr"] .open-title p,
[lang|="kr"] .obtain-title p,
[lang|="kr"] .card-title p {
  letter-spacing: -0.07rem !important;
  font-size: 0.68rem !important;
}

[lang|="kr"] .rule .title p {
  letter-spacing: -0.07rem !important;
  font-size: 0.68rem !important;
}

[lang|="kr"] .leihuo-share .leihuo-share-modal .leihuo-share-title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -11.81rem;
  width: 3.68rem;
  height: 0.97rem;
}

[lang|="kr"] .leihuo-share .leihuo-share-modal .leihuo-share-block:nth-child(1) .leihuo-share-desc {
  letter-spacing: 0;
}

[lang|="kr"] .buoy {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.64rem -0;
  width: 1.95rem;
  height: 2.07rem;
}

[lang|="kr"] .task-content .tips {
  right: 0.88rem !important;
}

[lang|="kr"] .task-box.task-box2 .row:last-child .text {
  font-size: 0.22rem !important;
}

[lang|="en"] .card-exchange .input-box {
  padding: 0 0.2rem 0 0.2rem !important;
}

[lang|="en"] .card-exchange .input-box .input {
  width: 4.7rem !important;
}

[lang|="en"] .task-content .tips {
  right: 0.86rem !important;
}

[lang|="ind"] .open-card .click-open .z_yijiankaibao_000 {
  left: 0.84rem;
}

[lang|="ind"] .card-exchange .input-box {
  font-size: 0.22rem;
  padding: 0 0.2rem 0 0.2rem !important;
}

[lang|="ind"] .card-exchange .input-box .input {
  width: 4.4rem !important;
}

[lang|="ind"] .card-exchange .input-box .input::-webkit-input-placeholder {
  letter-spacing: -0.01rem;
}

[lang|="ind"] .card-exchange .input-box .input::-moz-placeholder {
  letter-spacing: -0.01rem;
}

[lang|="ind"] .card-exchange .input-box .input:-ms-input-placeholder {
  letter-spacing: -0.01rem;
}

[lang|="ind"] .card-exchange .input-box .input::-ms-input-placeholder {
  letter-spacing: -0.01rem;
}

[lang|="ind"] .card-exchange .input-box .input::placeholder {
  letter-spacing: -0.01rem;
}

[lang|="ind"] .card-exchange .input-box .text {
  font-size: 0.22rem !important;
}

[lang|="ind"] .buoy {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -3.98rem -9.62rem;
  width: 1.95rem;
  height: 2.13rem;
}

[lang|="ind"] .leihuo-share .leihuo-share-modal .leihuo-share-block:nth-child(1) .leihuo-share-desc {
  letter-spacing: 0;
}

[lang|="ind"] .exchange-card .card-box .text {
  font-size: 0.18rem;
}

[lang|="ind"] .exchange-card .card-box .text span {
  font-size: 0.2rem;
}

[lang|="ind"] .synthesis-content .card-box .name {
  font-size: 0.2rem !important;
}

.mask.ind .xiaoya-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/share-status-bg2_99068707.png) no-repeat;
  background-size: contain;
  height: 6.5rem;
}

[lang|="th"] .font {
  font-family: 'CS ChatThaiUI', sans-serif;
}

[lang|="th"] .click-open {
  line-height: 1.2rem !important;
}

[lang|="th"] .open-card .click-open .z_yijiankaibao_000 {
  left: 0.66rem;
}

[lang|="th"] .task-content .status {
  font-size: 0.22rem !important;
}

[lang|="th"] .task-content .tips {
  right: 0.96rem !important;
}

[lang|="th"] .buoy {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.64rem -2.11rem;
  width: 1.95rem;
  height: 2.07rem;
}

[lang|="th"] .leihuo-share .leihuo-share-modal .leihuo-share-title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -2.75rem -13.85rem;
  width: 2.66rem;
  height: 0.97rem;
}

[lang|="th"] .leihuo-share .leihuo-share-modal .leihuo-share-block:nth-child(1) .leihuo-share-desc {
  letter-spacing: 0;
}

[lang|="th"] .synthesis-content .roll .card-box .num {
  line-height: 0.35rem !important;
}

[lang|="th"] .open-card-pop2 .btn {
  font-size: 0.34rem;
}

.compose-modal .cards-container.activeTab--2 .border-dec {
  width: 1.66rem !important;
  height: 2.73rem !important;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/card-bg4_51e8bb69.png) !important;
  background-size: 100% 100% !important;
}

.compose-modal.th .card-item .card-name,
.compose-modal.ind .card-item .card-name {
  max-width: 2.85rem;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 0.1rem 0.2rem;
  font-size: 0.2rem;
  text-align: center;
}

.compose-modal.th .card-item .card-name span,
.compose-modal.ind .card-item .card-name span {
  font-size: 0.22rem;
}

.compose-modal.th .card-item .pic-container .num-container {
  line-height: 0.51rem;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}

.pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6.5rem;
  height: 5rem;
  font-size: 0.26rem;
  background: white;
  color: red;
}

.pop-bg .pop-close {
  position: absolute;
  top: -0.4rem;
  right: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
}

.pop-bg .pop-close:before {
  content: 'x';
}

.pop-bg .pop-close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.msg-pop {
  padding: 0.8rem 1.07rem 0 1.07rem;
  font-size: 0.24rem;
  width: 6.23rem;
  height: 4.58rem;
  background-image: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/msg-bg_58f848e2.png);
  background-size: 100%, 100%;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.msg-pop .pop-close {
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
}

.msg-pop .pop-close:before {
  content: '';
}

.msg-pop .pop-close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.msg-pop .message-title {
  text-align: center;
  font-size: 0.3rem;
}

.msg-pop .message-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: -0.05rem;
}

.msg-pop .message-content.center {
  text-align: center;
}

.msg-pop .message-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.6rem;
}

.msg-pop .message-btns .pop-btn-confirm {
  margin: 0 0.1rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -14.86rem;
  width: 2.71rem;
  height: 0.74rem;
  color: #8A5A23;
  font-size: 0.36rem;
  font-style: normal;
  line-height: 0.7rem;
  text-align: center;
}

.msg-pop .message-btns .pop-btn-cancel {
  width: 1.58rem;
  height: 0.52rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 0.02676rem;
  background: #2267B0;
  color: #FFF;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.52rem;
}

.share-status {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/share-status-bg_58f848e2.png) no-repeat;
  background-size: cover;
  width: 6.22rem;
  height: 5.5854rem;
}

.share-status .pop-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.share-status .pop-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.share-status .pop-close::before {
  display: none;
}

.share-status .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.share-status .content .title {
  margin-top: 1.26rem;
  position: relative;
  width: 100%;
  height: 0.94rem;
  line-height: 0.94rem;
}

.share-status .content .title::after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -7.63rem;
  width: 2.21rem;
  height: 0.97rem;
}

.share-status .content .title p {
  font-size: 0.48rem;
  text-align: center;
  color: #FFF;
}

.share-status .content .title2 {
  margin-top: 1.13rem;
  width: 2.72rem;
  height: 0.92rem;
}

.share-status .text {
  margin-top: 0.61rem;
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
}

.share-status .btn {
  margin-top: 0.73rem;
  font-size: 0.32rem;
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.share-status .btn-group {
  margin-top: 0.73rem;
  width: 5.58rem;
  height: 0.74rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 0.7rem;
  text-align: center;
  font-size: 0.36rem;
}

.share-status .btn-group .edit {
  width: 2.71rem;
  height: 0.74rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.share-status .btn-group .cv {
  width: 2.71rem;
  height: 0.74rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.request-share {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/medium-pop-bg_b0bdf969.png) no-repeat;
  background-size: 100% 100%;
  width: 6.23rem;
  height: 9.43rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.request-share .title {
  font-weight: 700;
  font-size: 0.36rem;
  letter-spacing: 0%;
  text-align: center;
  color: #FFF;
  margin-top: 1.18rem;
}

.request-share .title .name {
  color: #FFED2C;
}

.request-share .card {
  width: 5.59rem;
}

.request-share .card img {
  width: 5.59rem;
  height: 2.98rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 0.13rem;
  margin-top: 0.75rem;
}

.request-share .card img.img--1 {
  margin-top: 0.37rem;
}

.request-share .card .name {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #222;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.25rem;
  height: 0.43rem;
  padding: 0 0.45rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg2_bf9bdb12.png);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  line-height: 0.4rem;
}

.request-share .card .name span {
  font-size: 0.32rem;
  line-height: 0.38rem;
  margin-right: 0.08rem;
}

.request-share .card .name span.SSR {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.request-share .card .name span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.request-share .card .name span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.request-share .card .num {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 0.48rem;
  color: #FFF;
}

.request-share .card .num .num2 {
  color: #FFED2C;
}

.request-share .card .num.num--1 {
  margin-top: 0.1rem;
}

.request-share .btn {
  margin-top: 0.05rem;
  font-size: 0.36rem;
}

.request-share .btn .close-btn {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.request-share .btn .quit-btn {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.request-share .btn .btn-group {
  width: 5.58rem;
  height: 0.74rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.request-share .btn .btn-group .left {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.request-share .btn .btn-group .right {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.request-share .close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
}

.exchange-share {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/medium-pop-bg_b0bdf969.png) no-repeat;
  background-size: 100% 100%;
  width: 6.23rem;
  height: 9.43rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.exchange-share .title {
  font-weight: 700;
  font-size: 0.36rem;
  letter-spacing: 0%;
  text-align: center;
  color: #FFF;
  margin-top: 1.18rem;
}

.exchange-share .title .name {
  color: #FFED2C;
}

.exchange-share .card {
  width: 5.46rem;
}

.exchange-share .card img {
  width: 5.46rem;
  height: 3.08rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 0.58rem;
}

.exchange-share .card .name {
  font-weight: 700;
  font-size: 0.48rem;
  letter-spacing: 0%;
  color: #222;
  text-align: center;
}

.exchange-share .card .num {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #222;
  text-align: center;
}

.exchange-share .card .num .num2 {
  color: #2167B0;
}

.exchange-share .exchange-content {
  width: 5.8585rem;
  min-height: 3.35rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0.7rem;
}

.exchange-share .exchange-content .compare {
  width: 2.76rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.exchange-share .exchange-content .compare .text {
  width: 100%;
  font-weight: 700;
  font-size: 0.32rem;
  text-align: center;
  color: #FFF;
  margin-bottom: auto;
}

.exchange-share .exchange-content .compare .text .name {
  color: #FFED2C;
}

.exchange-share .exchange-content .compare img {
  width: 2.76rem;
  height: 1.47rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.exchange-share .exchange-content .compare .name-num {
  text-align: center;
  color: #FFF;
  margin-top: 0.15rem;
}

.exchange-share .exchange-content .compare .name-num .name {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #222;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.25rem;
  height: 0.43rem;
  padding: 0 0.3rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg2_bf9bdb12.png);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 0.1rem 0;
  line-height: 0.4rem;
}

.exchange-share .exchange-content .compare .name-num .name span {
  font-size: 0.32rem;
  line-height: 0.38rem;
  margin-right: 0.08rem;
}

.exchange-share .exchange-content .compare .name-num .name span.SSR {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.exchange-share .exchange-content .compare .name-num .name span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.exchange-share .exchange-content .compare .name-num .name span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.exchange-share .exchange-content .compare .name-num .num {
  color: #FFED2C;
}

.exchange-share .exchange-content .exchange-icon {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -17.65rem -12.32rem;
  width: 0.29rem;
  height: 0.3rem;
  margin-bottom: 1.5rem;
}

.exchange-share .btn {
  margin-top: 0.9rem;
  font-size: 0.36rem;
}

.exchange-share .btn .close-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  padding: 0 0.3rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.exchange-share .btn .quit-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  padding: 0 0.3rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.exchange-share .btn .btn-group {
  width: 5.58rem;
  height: 0.74rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.exchange-share .btn .btn-group .left {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.71rem;
  padding: 0 0.3rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.exchange-share .btn .btn-group .right {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.71rem;
  padding: 0 0.3rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.exchange-share .close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
}

.send-share {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/medium-pop-bg_b0bdf969.png) no-repeat;
  background-size: 100% 100%;
  width: 6.23rem;
  height: 9.43rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.send-share .title {
  font-weight: 700;
  font-size: 0.36rem;
  letter-spacing: 0%;
  text-align: center;
  color: #FFF;
  margin-top: 1.18rem;
}

.send-share .title .name {
  color: #FFED2C;
}

.send-share .card {
  width: 5.59rem;
}

.send-share .card img {
  width: 5.59rem;
  height: 2.98rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 0.13rem;
  margin-top: 0.75rem;
}

.send-share .card img.img--1 {
  margin-top: 0.37rem;
}

.send-share .card .name {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #222;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.25rem;
  height: 0.43rem;
  padding: 0 0.3rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg2_bf9bdb12.png);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  line-height: 0.4rem;
}

.send-share .card .name span {
  font-size: 0.32rem;
  line-height: 0.38rem;
  margin-right: 0.08rem;
}

.send-share .card .name span.SSR {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.send-share .card .name span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.send-share .card .name span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.send-share .card .num {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #FFF;
  text-align: center;
  margin-top: 0.48rem;
}

.send-share .card .num .num2 {
  color: #FFED2C;
}

.send-share .card .num.num--1 {
  margin-top: 0.1rem;
}

.send-share .btn {
  margin-top: 0.05rem;
  font-size: 0.36rem;
}

.send-share .btn .close-btn {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.send-share .btn .quit-btn {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.send-share .btn .btn-group {
  width: 5.58rem;
  height: 0.74rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.send-share .btn .btn-group .left {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.send-share .btn .btn-group .right {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.send-share .close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
}

.open-card-pop {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/share-status-bg_58f848e2.png) no-repeat;
  background-size: cover;
  width: 6.23rem;
  height: 4.58rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 0.92rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.open-card-pop .text {
  margin-top: 1.38rem;
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  text-align: center;
  color: #FFF;
}

.open-card-pop .num-btn {
  margin-top: 0.56rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.open-card-pop .num-btn .num {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  text-align: center;
  color: #FFF;
  margin-bottom: 0.14rem;
}

.open-card-pop .num-btn .num .text {
  color: #FFED2C;
}

.open-card-pop .num-btn .btn {
  font-size: 0.36rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.71rem;
  padding: 0 0.3rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn3_d0f4a7c3.png);
  background-size: 100% 100%;
  color: #FFF;
}

.open-card-pop .close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
}

.open-card-pop2 {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/medium-pop-bg_b0bdf969.png) no-repeat;
  background-size: 100% 100%;
  width: 6.23rem;
  height: 9.43rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.92rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.open-card-pop2 .card {
  height: 6.01rem;
  margin-top: 1.24rem;
}

.open-card-pop2 .card2 {
  height: 6.31rem;
}

.open-card-pop2 .card3 {
  height: 6.35rem;
}

.open-card-pop2 .num {
  margin-top: 0.02rem;
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #FFF;
}

.open-card-pop2 .num .text {
  color: #FFED2C;
}

.open-card-pop2 .btn {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
  font-size: 0.36rem;
  margin-top: 0.31rem;
}

.open-card-pop2 .close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
}

.open-pack-pop {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: auto;
  background: none;
}

.open-pack-pop .no-skip {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 7.5rem;
  height: 10.96rem;
}

.open-pack-pop .no-skip .one-open-pack-center {
  width: 6.2rem;
  margin: 2.84rem auto 0;
  position: relative;
}

.open-pack-pop .no-skip .one-open-pack-center.vertical {
  width: 3.92rem;
  margin-top: 1rem;
}

.open-pack-pop .no-skip .one-open-pack-center.vertical .no-skip-img {
  width: 3.92rem;
  height: 6.98rem;
}

.open-pack-pop .no-skip .card-light.type-horizontal {
  top: -2.91rem;
  left: 0.24rem;
}

.open-pack-pop .no-skip .card-light.type-vertical {
  top: -1.03rem;
  left: -0.9rem;
}

.open-pack-pop .no-skip .no-skip-img {
  position: relative;
  display: block;
  width: 5.6rem;
  height: 3.15rem;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.open-pack-pop .no-skip .big-SSR {
  width: 1.47rem;
  height: 0.97rem;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: -0.3rem;
  left: -0.3rem;
}

.open-pack-pop .no-skip .new {
  width: 0.8767rem;
  height: 0.8767rem;
  line-height: 0.8rem;
  text-align: center;
  font-weight: 700;
  font-size: 0.36rem;
  letter-spacing: 0%;
  color: #fff;
  background: #a41f24;
  border-radius: 50%;
  position: absolute;
  top: -0.35rem;
  right: -0.1rem;
  border: 0.02rem solid #ffed9a;
}

.open-pack-pop .no-skip .card-name {
  position: relative;
  color: #78442e;
  font-size: 0.36rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 3.38rem;
  max-width: 6rem;
  min-height: 0.64rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-card-name_85cab9ae.png);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0.4rem;
  margin: 0.3rem auto 0;
  padding: 0.1rem 0.5rem;
}

.open-pack-pop .no-skip .card-name span {
  font-size: 0.48rem;
  margin-right: 0.12rem;
}

.open-pack-pop .no-skip .card-name span.SSR {
  color: #ffa33b;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa33b), to(#9e3609));
  background: linear-gradient(180deg, #ffa33b 0%, #9e3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.open-pack-pop .no-skip .card-name span.SR {
  color: #ff9ed0;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9ed0), to(#452086));
  background: linear-gradient(180deg, #ff9ed0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.open-pack-pop .no-skip .card-name span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346ea4;
  color: #346ea4;
}

.open-pack-pop .no-skip .skip-icon {
  position: absolute;
  z-index: 1;
  bottom: 1rem;
  right: 0.28rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: auto;
  min-width: 1rem;
  height: 0.8rem;
  padding-top: 0.05rem;
  background: none;
}

.open-pack-pop .no-skip .skip-icon i {
  display: block;
  margin-right: 0.05rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -7.68rem -9.1rem;
  width: 0.38rem;
  height: 0.23rem;
}

.open-pack-pop .no-skip .skip-icon span {
  color: #fff;
  font-size: 0.24rem;
  line-height: 1.5;
  white-space: nowrap;
}

.open-pack-pop .skip {
  width: 7.5rem;
  height: 10.96rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.open-pack-pop .skip .card-box {
  width: 6.6552rem;
  height: 8.68rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.open-pack-pop .skip .card-box .box {
  position: relative;
  width: 3.0695rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.open-pack-pop .skip .card-box .box .card-light.type-horizontal {
  top: -1.03rem;
  left: 0.31rem;
}

.open-pack-pop .skip .card-box .box .card-light.type-vertical {
  top: -1.03rem;
  left: 0.29rem;
}

.open-pack-pop .skip .card-box .box .card {
  position: relative;
  width: 2.8414rem;
  height: 1.5983rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.open-pack-pop .skip .card-box .box .text {
  position: relative;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #78442e;
  min-width: 2.25rem;
  max-width: 3.74rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-height: 0.43rem;
  padding: 0.08rem 0.3rem 0.1rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg_9a7c4e14.png);
  background-size: 100% 100%;
  line-height: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.12rem;
}

.open-pack-pop .skip .card-box .box .text span {
  font-size: 0.36rem;
  margin-right: 0.08rem;
}

.open-pack-pop .skip .card-box .box .text span.SSR {
  color: #ffa33b;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa33b), to(#9e3609));
  background: linear-gradient(180deg, #ffa33b 0%, #9e3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.open-pack-pop .skip .card-box .box .text span.SR {
  color: #ff9ed0;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9ed0), to(#452086));
  background: linear-gradient(180deg, #ff9ed0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.open-pack-pop .skip .card-box .box .text span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346ea4;
  color: #346ea4;
}

.open-pack-pop .skip .card-box .box .icon {
  width: auto;
  height: 0.63rem;
  position: absolute;
  top: -0.1rem;
  left: 0;
}

.open-pack-pop .skip .card-box .box .new {
  width: 0.58rem;
  height: 0.58rem;
  line-height: 0.55rem;
  text-align: center;
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #fff;
  background-color: #a41f24;
  border-radius: 50%;
  position: absolute;
  right: -0.09rem;
  top: -0.28rem;
  border: 0.01rem solid #ffed9a;
}

.open-pack-pop .skip .card-box .box.vertical .new {
  right: 0.78rem;
  top: -0.3rem;
}

.open-pack-pop .skip .sure-btn {
  padding-bottom: 0.06rem;
  margin-top: 0.5rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -0 -8.37rem;
  width: 5.36rem;
  height: 1.21rem;
  color: #8a5a23;
  font-size: 0.58rem;
  opacity: 0;
  -webkit-animation: swiperFadeIn 0.3s 0s both;
  animation: swiperFadeIn 0.3s 0s both;
}

.open-pack-height {
  width: 100%;
  height: 8.68rem;
}

.open-pack-swiper {
  position: relative;
  width: 100%;
  height: 8.68rem;
  opacity: 0;
  -webkit-animation: swiperFadeIn 0.3s 0s both;
  animation: swiperFadeIn 0.3s 0s both;
}

.open-pack-pagination {
  bottom: 0.3rem;
}

.open-pack-pagination .swiper-pagination-bullet {
  background: #fff;
}

.open-pack-arrow-prev,
.open-pack-arrow-next {
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -0.7rem;
}

.open-pack-arrow-prev {
  left: -0.08rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -16.86rem -11.13rem;
  width: 0.78rem;
  height: 0.73rem;
}

.open-pack-arrow-next {
  right: -0.08rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -15.64rem;
  width: 0.77rem;
  height: 0.73rem;
}

.one-open-pack-swiper {
  position: relative;
  width: 100%;
  height: 10rem;
  opacity: 0;
  -webkit-animation: swiperFadeIn 0.3s 0s both;
  animation: swiperFadeIn 0.3s 0s both;
}

@-webkit-keyframes swiperFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes swiperFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* 本地化适配 */

.open-pack-pop.jp .no-skip .new {
  font-size: 0.54rem;
}

.open-pack-pop.jp .skip .card-box .box .new {
  font-size: 0.36rem;
}

.open-pack-pop.kr .no-skip .new {
  font-size: 0.36rem;
}

.open-pack-pop.kr .skip .card-box .box .new {
  font-size: 0.28rem;
}

.open-pack-pop.th .no-skip .skip-icon span {
  padding-right: 0.06rem;
}

.open-pack-pop.th .no-skip .new {
  font-size: 0.42rem;
  line-height: 0.9rem;
}

.open-pack-pop.th .skip .card-box .box .new {
  font-size: 0.28rem;
  line-height: 0.62rem;
}

.open-pack-pop.ind .no-skip .new {
  font-size: 0.32rem;
}

.open-pack-pop.ind .skip .card-box .box .new {
  font-size: 0.22rem;
}

.open-pack-mask {
  background: rgba(0, 0, 0, 0);
}

.open-pack-mask.show {
  background: rgba(0, 0, 0, 0.8);
}

.request-card-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/medium-pop-bg_b0bdf969.png) no-repeat;
  background-size: 100% 100%;
  width: 6.23rem;
  height: 9.43rem;
}

.request-card-pop .pop-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.request-card-pop .pop-close::before {
  display: none;
}

.request-card {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.request-card .title {
  margin-top: 0.93rem;
  position: relative;
  width: 100%;
  height: 0.94rem;
  line-height: 0.94rem;
}

.request-card .title::after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -7.63rem;
  width: 2.21rem;
  height: 0.97rem;
}

.request-card .title p {
  font-size: 0.48rem;
  text-align: center;
  color: #FFF;
  z-index: 2;
  position: relative;
}

.request-card .tips {
  margin-top: 0.1rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.22rem;
  letter-spacing: 0%;
  color: #fff;
  padding: 0 0.2rem;
}

.request-card .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0.5rem;
}

.request-card .card img {
  min-width: 2.41rem;
  min-height: 2.98rem;
  max-width: 5.59rem;
  max-height: 4.53rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.request-card .card .text {
  margin-top: 0.17rem;
  font-size: 0.24rem;
  color: #78442E;
  min-width: 2.25rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 0.43rem;
  padding: 0 0.4rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg_9a7c4e14.png);
  background-size: 100% 100%;
  line-height: 0.36rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.request-card .card .text.max {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg3_90706ad5.png);
  background-size: 100% 100%;
}

.request-card .card .text span {
  font-size: 0.36rem;
  margin-right: 0.08rem;
}

.request-card .card .text span.SSR {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.request-card .card .text span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.request-card .card .text span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.request-card .card .num {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #fff;
  margin-top: 0.45rem;
}

.request-card .card .num .num2 {
  color: #FFED2C;
}

.request-card .card.card--1 {
  margin-top: 0.15rem;
}

.request-card .card.card--1 .num {
  margin-top: 0.2rem;
}

.request-card .btn {
  margin-top: 0.12rem;
  width: 5.58rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  font-size: 0.36rem;
  letter-spacing: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.request-card .btn .left {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.request-card .btn .right {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
  position: relative;
}

.request-card .btn .right .time {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 300;
  font-size: 0.22rem;
  letter-spacing: 0%;
  color: #fff;
  white-space: nowrap;
  bottom: -0.5rem;
  left: 0;
}

.exchange-card-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/exchange-pop-bg_b9522b73.png) no-repeat;
  background-size: 100% 100%;
  width: 6.23rem;
  height: auto;
  padding-bottom: 0.4rem;
}

.exchange-card-pop .pop-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.exchange-card-pop .pop-close::before {
  display: none;
}

.exchange-card-pop.ind .exchange-card .card-box .text,
.exchange-card-pop.th .exchange-card .card-box .text {
  font-size: 0.18rem;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.1rem 0.2rem;
  max-width: 2.7rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  min-height: 0.43rem;
  line-height: 1;
  text-align: center;
}

.exchange-card-pop.ind .exchange-card .card-box .text span,
.exchange-card-pop.th .exchange-card .card-box .text span {
  font-size: 0.2rem;
  line-height: 1;
}

.exchange-card-pop.ind .title .nav-bar .nav .text,
.exchange-card-pop.th .title .nav-bar .nav .text {
  line-height: 1;
}

.exchange-card {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.exchange-card .title-text {
  position: relative;
  height: 0.9rem;
  line-height: 0.9rem;
}

.exchange-card .title-text::after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -7.63rem;
  width: 2.21rem;
  height: 0.97rem;
}

.exchange-card .title-text p {
  font-size: 0.42rem;
  text-align: center;
  color: #FFF;
  position: relative;
  z-index: 2;
}

.exchange-card .title {
  margin-top: 0.86rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.exchange-card .title .title-img {
  width: 2.67rem;
  height: 0.92rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.exchange-card .title .title-img2 {
  width: 3.8rem;
  height: 0.92rem;
}

.exchange-card .title .tips {
  margin-top: 0.18rem;
  margin-bottom: 0.2rem;
  font-weight: 400;
  font-size: 0.22rem;
  line-height: 0.32rem;
  letter-spacing: 0;
  color: #FFF;
  text-align: center;
  padding: 0 0.2rem;
}

.exchange-card .title .nav-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -6.92rem;
  width: 6.23rem;
  height: 1.41rem;
}

.exchange-card .title .nav-bar .nav {
  width: 0.98rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: 700;
}

.exchange-card .title .nav-bar .nav .nav-box {
  width: 0.6rem;
  height: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.exchange-card .title .nav-bar .nav .nav-box .fashion {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -3.91rem -15.64rem;
  width: 0.47rem;
  height: 0.44rem;
}

.exchange-card .title .nav-bar .nav .nav-box .fashion.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -4.42rem -15.64rem;
  width: 0.47rem;
  height: 0.44rem;
}

.exchange-card .title .nav-bar .nav .nav-box .fashion.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -4.93rem -15.64rem;
  width: 0.47rem;
  height: 0.44rem;
}

.exchange-card .title .nav-bar .nav .nav-box .heart {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.32rem -11.4rem;
  width: 0.41rem;
  height: 0.35rem;
}

.exchange-card .title .nav-bar .nav .nav-box .heart.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.77rem -11.4rem;
  width: 0.41rem;
  height: 0.35rem;
}

.exchange-card .title .nav-bar .nav .nav-box .heart.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -8.22rem -11.4rem;
  width: 0.41rem;
  height: 0.35rem;
}

.exchange-card .title .nav-bar .nav .nav-box .spiderman {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -1.38rem -16.41rem;
  width: 0.42rem;
  height: 0.45rem;
}

.exchange-card .title .nav-bar .nav .nav-box .spiderman.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -1.84rem -16.41rem;
  width: 0.42rem;
  height: 0.45rem;
}

.exchange-card .title .nav-bar .nav .nav-box .spiderman.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -2.3rem -16.41rem;
  width: 0.42rem;
  height: 0.45rem;
}

.exchange-card .title .nav-bar .nav .nav-box .genre {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.52rem -15.64rem;
  width: 0.34rem;
  height: 0.44rem;
}

.exchange-card .title .nav-bar .nav .nav-box .genre.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -7.9rem -15.64rem;
  width: 0.34rem;
  height: 0.44rem;
}

.exchange-card .title .nav-bar .nav .nav-box .genre.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -8.28rem -15.64rem;
  width: 0.34rem;
  height: 0.44rem;
}

.exchange-card .title .nav-bar .nav .nav-box .map {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -12.9rem -14.86rem;
  width: 0.6rem;
  height: 0.42rem;
}

.exchange-card .title .nav-bar .nav .nav-box .map.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.54rem -14.86rem;
  width: 0.6rem;
  height: 0.42rem;
}

.exchange-card .title .nav-bar .nav .nav-box .map.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -14.18rem -14.86rem;
  width: 0.6rem;
  height: 0.42rem;
}

.exchange-card .title .nav-bar .nav .nav-box .version {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.23rem -10.59rem;
  width: 0.33rem;
  height: 0.51rem;
}

.exchange-card .title .nav-bar .nav .nav-box .version.ash {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -16.9rem;
  width: 0.33rem;
  height: 0.51rem;
}

.exchange-card .title .nav-bar .nav .nav-box .version.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0.37rem -16.9rem;
  width: 0.33rem;
  height: 0.51rem;
}

.exchange-card .title .nav-bar .nav .text {
  position: relative;
  z-index: 2;
  padding: 0 0.1rem;
  text-align: center;
  margin-top: -0.04rem;
}

.exchange-card .title .nav-bar .nav .num-line {
  font-weight: 400;
  position: relative;
  z-index: 2;
}

.exchange-card .title .nav-bar .nav .num {
  color: #fff;
}

.exchange-card .title .nav-bar .selected {
  color: #2F5293;
  position: relative;
}

.exchange-card .title .nav-bar .selected::after {
  content: '';
  position: absolute;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -11.98rem;
  width: 1.17rem;
  height: 1.76rem;
  top: -0.13rem;
}

.exchange-card .title .nav-bar .selected .num {
  color: #E09200;
}

.exchange-card .title .nav-bar .ash {
  background: #325278;
  color: #AAA;
}

.exchange-card .op {
  background-color: hsla(0, 100%, 50%, 0);
  margin-top: 1.14rem !important;
}

.exchange-card .card {
  margin-top: 0.2rem;
  margin-bottom: 0.35rem;
  width: 6rem;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.exchange-card .card .card-box {
  min-width: 1.47rem;
  max-width: 2.76rem;
}

.exchange-card .card .card-box .small-title {
  font-weight: 700;
  font-size: 0.32rem;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  background-color: hsla(0, 100%, 50%, 0);
  margin-bottom: 0.05rem;
}

.exchange-card .card .card-box .card-content {
  min-width: 1.47rem;
  min-height: 1.47rem;
  max-width: 2.76rem;
  max-height: 2.76rem;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.exchange-card .card .card-box .text {
  letter-spacing: 0%;
  position: relative;
  z-index: 2;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg_9a7c4e14.png);
  background-size: 100% 100%;
  font-size: 0.24rem;
  color: #78442E;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.25rem;
  height: 0.43rem;
  margin: 0.1rem auto 0;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.exchange-card .card .card-box .text span {
  font-size: 0.28rem;
  line-height: 0.38rem;
  margin-right: 0.08rem;
}

.exchange-card .card .card-box .text span.SSR {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.exchange-card .card .card-box .text span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.exchange-card .card .card-box .text span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.exchange-card .card .card-box .num {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #FFF;
  text-align: center;
  margin-top: 0.1rem;
}

.exchange-card .card .card-box .num .num2 {
  color: #FFED2C;
}

.exchange-card .card .icon {
  position: relative;
  top: -0.25rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -17.65rem -12.32rem;
  width: 0.29rem;
  height: 0.3rem;
}

.exchange-card .btn {
  line-height: 0.7rem;
  text-align: center;
  font-size: 0.36rem;
  letter-spacing: 0%;
  color: #FFF;
  width: 5.58rem;
  height: 0.74rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.exchange-card .btn .left {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.exchange-card .btn .right {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
  position: relative;
}

.exchange-card .btn .right.disable {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn3_d0f4a7c3.png);
  background-size: 100% 100%;
  color: #FFF;
  pointer-events: none;
}

.exchange-card .btn .right .time {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 300;
  font-size: 0.22rem;
  color: #fff;
  white-space: nowrap;
  bottom: -0.46rem;
  left: 0;
}

.exchange-card .right-tips {
  color: #fff;
  font-size: 0.22rem;
  font-weight: 300;
  line-height: 1.1;
  width: 2.9rem;
  margin: 0 0.2rem 0.1rem auto;
  text-align: center;
}

.exchange-cards-swiper {
  position: relative;
}

.exchange-arrow-prev,
.exchange-arrow-next {
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-117%);
  transform: translateY(-117%);
}

.exchange-arrow-prev {
  left: 0.14rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -16.86rem -11.13rem;
  width: 0.78rem;
  height: 0.73rem;
}

.exchange-arrow-next {
  right: 0.14rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -0 -15.64rem;
  width: 0.77rem;
  height: 0.73rem;
}

.is-sure .exchange-card-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/medium-pop-bg_b0bdf969.png) no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.is-sure .exchange-card-pop .card {
  margin-top: 0.4rem;
}

.is-sure .exchange-card-pop .btn {
  margin-top: 0.9rem;
}

.send-card-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/medium-pop-bg_b0bdf969.png) no-repeat;
  background-size: 100% 100%;
  width: 6.22rem;
  height: 9.45rem;
}

.send-card-pop .pop-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.send-card-pop .pop-close::before {
  display: none;
}

.send-card {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.send-card .title-text {
  position: relative;
  height: 0.94rem;
  line-height: 0.94rem;
  width: 100%;
}

.send-card .title-text::after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -7.63rem;
  width: 2.21rem;
  height: 0.97rem;
}

.send-card .title-text p {
  font-size: 0.42rem;
  text-align: center;
  color: #FFF;
  position: relative;
  z-index: 2;
  text-shadow: 0 0 0.069883rem #8DE1FF;
}

.send-card .title {
  margin-top: 0.88rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.send-card .title .tips {
  margin-top: 0.28rem;
  font-weight: 400;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #fff;
  text-align: center;
  padding: 0 0.2rem;
}

.send-card .title .title-img {
  width: 2.66rem;
  height: 0.92rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.send-card .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0.46rem;
}

.send-card .card img {
  width: 5.46rem;
  height: 3.08rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.send-card .card .text {
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #78442E;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.25rem;
  height: 0.43rem;
  padding: 0 0.45rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg2_bf9bdb12.png);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0.13rem auto 0;
  line-height: 0.4rem;
}

.send-card .card .text span {
  font-size: 0.32rem;
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 0.38rem;
  margin-right: 0.08rem;
}

.send-card .card .text span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.send-card .card .text span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.send-card .card .num {
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #FFF;
  margin-top: 0.45rem;
}

.send-card .card .num .num2 {
  color: #FFED2C;
}

.send-card .btn {
  margin-top: 0.12rem;
  width: 5.58rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  font-size: 0.36rem;
  color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.send-card .btn .left {
  width: 2.71rem;
  height: 0.74rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
  position: relative;
}

.send-card .btn .right {
  width: 2.71rem;
  height: 0.74rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
  position: relative;
}

.send-card .btn .right.disable {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn3_d0f4a7c3.png);
  background-size: 100% 100%;
  color: #FFF;
  pointer-events: none;
}

.send-card .btn .right .time {
  width: 100%;
  position: absolute;
  font-size: 0.22rem;
  color: #FFF;
  white-space: nowrap;
  bottom: -0.5rem;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0;
  pointer-events: none;
}

.send-card .btn .right .time .highlight {
  display: block;
  letter-spacing: 0;
}

.reward-pop {
  font-size: 0.26rem;
  width: 6.23rem;
  height: 9.43rem;
  background-image: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/reward-bg_b9522b73.png);
  background-size: 100%, 100%;
  background-color: transparent;
}

.reward-pop .pop-close {
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
}

.reward-pop .pop-close:before {
  content: '';
}

.reward-pop .pop-close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.reward-pop .pop-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.reward-pop .reward-title {
  margin-top: 0.78rem;
  position: relative;
  width: 100%;
  height: 0.94rem;
  line-height: 0.94rem;
}

.reward-pop .reward-title::after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -7.63rem;
  width: 2.21rem;
  height: 0.97rem;
}

.reward-pop .reward-title p {
  font-size: 0.48rem;
  text-align: center;
  color: #FFF;
  z-index: 2;
  position: relative;
}

.reward-pop .reward-list {
  margin-top: 0.2rem;
  height: 6.25rem;
  overflow: auto;
}

.reward-pop .reward-list::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.05rem;
}

.reward-pop .reward-list::-webkit-scrollbar-thumb {
  background: #a0a0a0;
  border-radius: 0.05rem;
}

.reward-pop .reward-list::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}

.reward-pop .reward-list .reward-item {
  width: 6.05rem;
  height: 1.78rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.09rem;
  position: relative;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/award-list_d22e5af5.png);
  background-size: 100% 100%;
  padding: 0 0.09rem 0 0.12rem;
}

.reward-pop .reward-list .reward-item .reward-icon-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0.14rem;
  margin-top: 0.06rem;
}

.reward-pop .reward-list .reward-item .reward-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reward-pop .reward-list .reward-item .reward-box:nth-child(n + 2) {
  margin-left: 0.2rem;
}

.reward-pop .reward-list .reward-item .reward-box .reward-icon {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(#3A5266), to(#74A4CC));
  background: linear-gradient(180deg, #3A5266 0%, #74A4CC 100%);
}

.reward-pop .reward-list .reward-item .reward-box .reward-num {
  color: #000;
  font-size: 0.22rem;
  line-height: 1.6;
  font-weight: 500;
}

.reward-pop .reward-list .reward-item .reward-text-content {
  width: 4.3rem;
  margin: 0 0.14rem;
}

.reward-pop .reward-list .reward-item .reward-info {
  color: #222;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
  margin-bottom: 0.06rem;
}

.reward-pop .reward-list .reward-item .reward-note {
  color: #222;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
}

.reward-pop .reward-list .reward-item .reward-name {
  display: inline-block;
  vertical-align: top;
}

.reward-pop .reward-list .reward-item .reward-name:nth-last-child(n + 2) {
  margin-right: 0.16rem;
}

.reward-pop .reward-list .reward-item .reward-btn {
  position: absolute;
  right: 0.11rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #FFF;
  font-size: 0.24rem;
  font-style: normal;
  line-height: 1.1;
  text-align: center;
  padding: 0 0.1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 38.4px */
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.64rem -9.59rem;
  width: 1.55rem;
  height: 0.96rem;
  cursor: pointer;
}

.reward-pop .reward-list .reward-item .reward-btn.active {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -13.64rem -10.59rem;
  width: 1.55rem;
  height: 0.96rem;
  color: #404378;
}

.reward-pop .reward-list .reward-item .reward-btn.active p {
  background: -webkit-gradient(linear, left top, right top, from(#404378), to(#29659D));
  background: linear-gradient(90deg, #404378 0%, #29659D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.reward-pop .confirm-btn {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.68rem;
  text-align: center;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
  font-size: 0.36rem;
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

[lang='jp'] .reward-pop .reward-list .reward-item .reward-note .reward-label,
[lang='kr'] .reward-pop .reward-list .reward-item .reward-note .reward-label,
[lang='th'] .reward-pop .reward-list .reward-item .reward-note .reward-label {
  display: block;
}

.success-pop {
  font-size: 0.26rem;
  width: 6.23rem;
  height: 9.43rem;
  background-image: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/reward-bg_b9522b73.png);
  background-size: 100%, 100%;
  background-color: transparent;
  padding-top: 1rem;
}

.success-pop .pop-close {
  position: absolute;
  top: 0.08rem;
  right: 0.23rem;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
}

.success-pop .pop-close:before {
  content: '';
}

.success-pop .pop-close:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.success-pop .highlight {
  color: #FFED2C;
}

.success-pop .pop-content {
  height: 100%;
}

.success-pop .success-title {
  color: #fff;
  text-align: center;
  padding: 0 0.2rem;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.success-pop .success-title.xiaoya {
  width: 5.18rem;
}

.success-pop .card-pic-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 0.26rem;
}

.success-pop .card-pic-box .card-pic {
  min-width: 2.41rem;
  min-height: 2.98rem;
  max-width: 5.59rem;
  max-height: 4.53rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.success-pop .card-pic-box.exchange {
  margin-bottom: 0.14rem;
}

.success-pop .card-pic-box.vertical {
  width: 2.42rem;
  height: 4.3rem;
  margin: 0.19rem auto 0.03rem;
}

.success-pop .card-name {
  color: #78442E;
  font-size: 0.24rem;
  font-style: normal;
  min-width: 2.25rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 0.43rem;
  padding: 0 0.4rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg_9a7c4e14.png);
  background-size: 100% 100%;
  line-height: 0.36rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0.17rem auto 0;
}

.success-pop .card-name.max {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg3_90706ad5.png);
  background-size: 100% 100%;
}

.success-pop .card-name span {
  font-size: 0.36rem;
  margin-right: 0.08rem;
}

.success-pop .card-name span.SSR {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.success-pop .card-name span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.success-pop .card-name span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.success-pop .note {
  color: #FFF;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0.5rem auto 0;
  text-align: center;
}

.success-pop .actions {
  margin: 0.12rem auto 0;
  width: 5.58rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  letter-spacing: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.success-pop .actions.vertical {
  margin-top: 0.23rem;
}

.success-pop .action-btn {
  width: 2.71rem;
  height: 0.74rem;
  line-height: 0.7rem;
  text-align: center;
  position: relative;
  font-size: 0.3rem;
}

.success-pop .action-btn.confirm {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.success-pop .action-btn.cancel {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.bind-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/bind-pop_613ea45a.png) no-repeat;
  background-size: contain;
  width: 6.23rem;
  height: 5.38rem;
  padding: 1rem 0.38rem 0;
  color: #222;
}

.bind-pop .pop-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.bind-pop .pop-close::before {
  display: none;
}

.bind-pop .leihuo-bind .leihuo-bind-title {
  color: #FFF;
  font-size: 0.42rem;
  font-family: 'fzcjljt', sans-serif;
}

.bind-pop .leihuo-bind .leihuo-bind-title + p + p {
  margin-bottom: 1.08rem;
}

.bind-pop .leihuo-bind .leihuo-bind-info {
  font-size: 0.24rem;
  line-height: 1.5;
}

.bind-pop .bind-pop__confirm-text {
  display: block;
  font-size: 0.28rem;
  font-weight: 700;
  margin-top: 1em;
}

.bind-pop .bind-pop__confirm-tips {
  display: block;
  margin-top: 1.08rem;
  margin-bottom: -1.44rem;
  color: #a41f24;
}

.bind-pop .el-button--primary {
  background-color: #a41f24;
  border-color: #a41f24;
}

.bind-pop.jp .leihuo-bind .leihuo-bind-title {
  line-height: 1.2;
  font-family: 'SMotoya Sinkai Std', sans-serif;
}

.bind-pop.kr .leihuo-bind .leihuo-bind-title {
  line-height: 1.4;
  font-family: 'ChosunGs', sans-serif;
}

.bind-pop.ind .leihuo-bind .leihuo-bind-title {
  line-height: 1.2;
}

.xiaoya-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/share-status-bg_58f848e2.png) no-repeat;
  background-size: contain;
  width: 6.22rem;
  height: 5.59rem;
  padding: 1rem 0.38rem;
}

.xiaoya-pop .pop-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.xiaoya-pop .pop-close::before {
  display: none;
}

.xiaoya-pop__title {
  color: #fff;
  font-size: 0.32rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 1em;
}

.xiaoya-pop__content {
  color: #fff;
  font-size: 0.24rem;
  line-height: 1.5;
}

.xiaoya-pop__content p {
  margin-bottom: 0.5em;
}

.bind-confirm-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/share-status-bg2_99068707.png) no-repeat;
  background-size: contain;
  width: 6.23rem;
  height: 6.5rem;
  padding: 0.8rem 0.38rem 0;
}

.bind-confirm-pop .pop-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.bind-confirm-pop .pop-close::before {
  display: none;
}

.bind-confirm-pop__title {
  color: #222;
  font-size: 0.48rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

.bind-confirm-pop__content {
  color: #222;
  font-size: 0.24rem;
  line-height: 1.5;
  text-align: center;
}

.bind-confirm-pop__text {
  margin-top: 0.24rem;
  font-weight: 700;
}

.bind-confirm-pop__tips {
  margin-top: 0.24rem;
  color: #a41f24;
  font-weight: 700;
}

.bind-confirm-pop__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.43rem;
}

.bind-confirm-pop__btn {
  width: 2.71rem;
  height: 0.74rem;
  margin: 0 0.17rem;
  color: #fff;
  font-size: 0.36rem;
  letter-spacing: 0%;
  line-height: 0.7rem;
  text-align: center;
}

.bind-confirm-pop__btn--blue {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659d;
}

.bind-confirm-pop__btn--red {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8a5a23;
}

.invite-xiaoya-pop {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/share-status-bg_58f848e2.png) no-repeat;
  background-size: cover;
  width: 6.22rem;
  height: 5.5854rem;
}

.invite-xiaoya-pop .pop-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.invite-xiaoya-pop .pop-close {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.99rem -14.86rem;
  width: 0.59rem;
  height: 0.59rem;
  top: 0.08rem;
  right: 0.23rem;
}

.invite-xiaoya-pop .pop-close::before {
  display: none;
}

.invite-xiaoya-pop .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.invite-xiaoya-pop .content .title {
  margin-top: 1.13rem;
  width: 100%;
  height: 0.94rem;
  line-height: 0.94rem;
  position: relative;
}

.invite-xiaoya-pop .content .title::after {
  content: '';
  position: absolute;
  top: 0.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -7.63rem;
  width: 2.21rem;
  height: 0.97rem;
}

.invite-xiaoya-pop .content .title p {
  font-size: 0.48rem;
  text-align: center;
  color: #FFF;
}

.invite-xiaoya-pop .content .title2 {
  margin-top: 1.13rem;
  width: 2.72rem;
  height: 0.92rem;
}

.invite-xiaoya-pop .text {
  margin-top: 0.61rem;
  padding: 0 0.4rem;
  font-weight: 700;
  font-size: 0.24rem;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
}

.invite-xiaoya-pop .btn {
  margin-top: 0.73rem;
  width: 1.58rem;
  height: 0.52rem;
  line-height: 0.52rem;
  text-align: center;
  background: #A41F24;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #fff;
}

.invite-xiaoya-pop .btn-group {
  margin-top: 0.73rem;
  width: 5.58rem;
  height: 0.74rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 0.7rem;
  text-align: center;
  font-size: 0.36rem;
  letter-spacing: -0.04rem;
}

.invite-xiaoya-pop .btn-group .edit {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.71rem;
  padding: 0 0.3rem;
  height: 0.74rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn2_51c65d02.png);
  background-size: 100% 100%;
  color: #29659D;
}

.invite-xiaoya-pop .btn-group .cv {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.71rem;
  padding: 0 0.3rem;
  height: 0.74rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/pop-btn_ab50e456.png);
  background-size: 100% 100%;
  color: #8A5A23;
}

.share-bg {
  height: 100%;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/bg2_cbda1489.png) no-repeat;
  background-size: contain;
  position: relative;
  z-index: 2;
  margin-top: -1.6rem;
}

.share-bg::after {
  content: '';
  position: absolute;
  top: 6.58rem;
  left: 0;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/bg2-after_d404cbb6.png) no-repeat;
  width: 7.5rem;
  height: 14rem;
  pointer-events: none;
  z-index: 10;
}

.share-content {
  width: 7.5rem;
  min-height: 8.86rem;
  margin-top: -0.79rem;
  position: relative;
  z-index: 1;
}

.share-content .highlight {
  color: #FFED2C;
}

.share-content .expired-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.share-content .expired-content .expired-note {
  margin-top: 4.1rem;
  margin-bottom: 0.58rem;
  color: #FFF;
  text-align: center;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 6.7rem;
  text-shadow: 0 0 0.236rem #AD1212;
}

.share-content .share-box {
  width: 100%;
  padding-top: 2.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.share-content .share-box.exchange .actions {
  margin-top: 0.65rem;
}

.share-content .share-box .share-title {
  color: #FFF;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  text-shadow: 0 0 0.236rem #AD1212;
}

.share-content .share-box .share-title .highlight {
  color: #FFED2C;
}

.share-content .share-box .remain-time {
  color: #FFF;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 0.05rem;
  text-shadow: 0 0 0.236rem #AD1212;
}

.share-content .share-box .remain-time.xiaoya {
  margin-top: 0.11rem;
}

.share-content .share-box .remain-time.exchange {
  margin-top: -0.32rem;
}

.share-content .share-box .remain-time .highlight {
  color: #FFED2C;
}

.share-content .share-box .card-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.share-content .share-box .card-box .card-pic-box {
  width: 5.46rem;
  height: 3.08rem;
  margin-top: 0.6rem;
  margin-bottom: 0.16rem;
  position: relative;
}

.share-content .share-box .card-box .card-pic-box .card-pic {
  width: 100%;
  height: 100%;
}

.share-content .share-box .card-box .card-pic-box.vertical {
  width: 2.19rem;
  height: 3.89rem;
  margin-top: 0.17rem;
}

.share-content .share-box .card-box .card-pic-box.xiaoya {
  width: 6.24rem;
  height: 4.1rem;
  margin-left: -0.16rem;
  margin-bottom: 0;
  margin-top: 0.3rem;
}

.share-content .share-box .card-box .card-pic-box.xiaoya .card-pic {
  width: 6.24rem;
  height: 4.1rem;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.share-content .share-box .card-box .card-name {
  color: #78442E;
  font-size: 0.26rem;
  font-style: normal;
  min-width: 2.85rem;
  height: 0.54rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/card-name_1651ecd2.png);
  background-size: 100% 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0.48rem;
  padding: 0 0.58rem;
  margin-bottom: 0.56rem;
}

.share-content .share-box .card-box .card-name.max {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/name-bg3_90706ad5.png);
  background-size: 100% 100%;
}

.share-content .share-box .card-box .card-name span {
  display: block;
  font-size: 0.3rem;
  line-height: 0.47rem;
  margin-right: 0.1rem;
}

.share-content .share-box .card-box .card-name span.SSR {
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.share-content .share-box .card-box .card-name span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.share-content .share-box .card-box .card-name span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.share-content .share-box .card-box .card-num {
  color: #FFF;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.share-content .share-box .card-box .card-num .highlight {
  color: #FFED2C;
}

.share-content .share-box .card-exchange-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 4.5rem;
  width: 6.84rem;
  margin-top: 0.2rem;
}

.share-content .share-box .card-exchange-content .icon-exchange {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -15.23rem -8.14rem;
  width: 0.33rem;
  height: 0.34rem;
  margin-bottom: 1.86rem;
}

.share-content .share-box .card-exchange-content .card-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 2.8rem;
  max-width: 3.24rem;
  height: 100%;
}

.share-content .share-box .card-exchange-content .card-item .title {
  color: #FFF;
  text-align: center;
  font-size: 0.3264rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.408rem;
  margin-bottom: 0.22rem;
  text-shadow: 0 0 0.236rem #AD1212;
}

.share-content .share-box .card-exchange-content .card-item .card-pic-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3.20919rem;
  height: 1.81031rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: 0.176rem;
}

.share-content .share-box .card-exchange-content .card-item .card-pic-box .card-pic {
  width: 100%;
  height: 100%;
}

.share-content .share-box .card-exchange-content .card-item .card-pic-box.vertical {
  width: 1.47rem;
  height: 2.62rem;
  margin-bottom: 0.12rem;
}

.share-content .share-box .card-exchange-content .card-item .card-name {
  color: #78442E;
  font-size: 0.24rem;
  font-style: normal;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.85rem;
  max-width: 3.6rem;
  min-height: 0.54rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/card-name_1651ecd2.png);
  background-size: 100% 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  padding: 0.1rem 0.25rem 0.15rem;
  margin-bottom: 0.16rem;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.share-content .share-box .card-exchange-content .card-item .card-name span {
  font-size: 0.28rem;
  color: #FFA33B;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFA33B), to(#9E3609));
  background: linear-gradient(180deg, #FFA33B 0%, #9E3609 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  margin-right: 0.1rem;
}

.share-content .share-box .card-exchange-content .card-item .card-name span.SR {
  color: #FF9ED0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9ED0), to(#452086));
  background: linear-gradient(180deg, #FF9ED0 0%, #452086 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.share-content .share-box .card-exchange-content .card-item .card-name span.R {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: #346EA4;
  color: #346EA4;
}

.share-content .share-box .card-exchange-content .card-item .card-num {
  color: #FFF;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.share-content .share-box .card-exchange-content .card-item .card-num .highlight {
  color: #FFED2C;
}

.share-content .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 6.6rem;
  height: 1.13rem;
  margin-top: 0.2rem;
}

.share-content .actions.vertical {
  margin-top: 0.16rem;
}

.share-content .actions .btn-wrap {
  width: 3.16rem;
}

.share-content .actions .note {
  text-align: center;
  color: #FFF;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 3.16rem;
  word-break: break-ward;
  white-space: pre-line;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  margin-left: 50%;
  margin-top: 0.05rem;
}

.share-content .action-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 0.87rem;
  min-width: 3.19rem;
  color: #FFF;
  padding: 0 0.2rem;
  font-size: 0.36rem;
  font-style: normal;
  line-height: 0.83rem;
  text-align: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  letter-spacing: 0;
}

.share-content .action-btn.back-btn {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/btn-bg-cancel_d379736b.png);
  background-size: 100% 100%;
  cursor: pointer;
  color: #8A5A23;
}

.share-content .action-btn.confirm-btn {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -3.72rem -11.81rem;
  width: 3.19rem;
  height: 0.87rem;
  cursor: pointer;
  color: #8A5A23;
}

.share-content .action-btn.home-btn {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -6.95rem -11.81rem;
  width: 3.19rem;
  height: 0.87rem;
  cursor: pointer;
  color: #29659D;
}

.share-content .action-btn.disabled-btn {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -10.18rem -11.81rem;
  width: 3.19rem;
  height: 0.87rem;
  color: #FFF;
}

.rule-wrap {
  position: relative;
  margin-top: -0.1rem;
  z-index: 1;
}

.rule {
  position: relative;
  width: 7.5rem;
  min-height: 13.62rem;
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rule .title {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -6.82rem -2.73rem;
  width: 6.78rem;
  height: 2.69rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rule .title p {
  color: #FFF;
  font-size: 0.6rem;
  text-align: center;
  text-shadow: 0 0 0.094rem #8DBBFF;
  letter-spacing: -0.02rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 1.43rem;
  line-height: 1.43rem;
  margin: 0 auto;
}

.rule .rule-box {
  position: relative;
  width: 6.25rem;
  margin-top: -0.56rem;
  padding-bottom: 1.16rem;
  padding-top: 2.1rem;
}

.rule .rule-box .event {
  margin-bottom: 0.2rem;
}

.rule .rule-box .event:last-child {
  margin-bottom: 0;
}

.rule .rule-box .event .subtitle {
  font-weight: 700;
  font-size: 0.32rem;
  letter-spacing: 0%;
  color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.1rem;
}

.rule .rule-box .event .subtitle .angle {
  background: #FFF;
  width: 0.1861rem;
  height: 0.1861rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 0.12rem;
}

.rule .rule-box .event .content {
  font-weight: 400;
  font-size: 0.24rem;
  letter-spacing: 0%;
  color: #FFF;
}

.rule .rule-box .event .content a {
  color: #ffd100;
  position: relative;
}

.rule .rule-box .event .content a::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 0.01rem solid #ffd100;
}

.share-content + .rule {
  margin-top: 1.54rem;
}

.topbar-kv {
  width: 7.5rem;
  height: 5.65rem;
}

.topbar-kv .top-bar {
  width: 7.5rem;
  height: 0.9rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/nav_e99b0dce.png);
  background-size: 100% 100%;
  padding: 0 0.15rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.topbar-kv .top-bar #leihuo-top {
  position: relative;
  width: 2.1rem;
  height: 0.77rem;
  font-size: 0;
  line-height: 0;
}

.topbar-kv .top-bar #leihuo-top #logo img {
  width: 100%;
}

.topbar-kv .top-bar #leihuo_top_content {
  display: none;
}

.topbar-kv .top-bar .download {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -5.45rem -13.85rem;
  width: 2.94rem;
  height: 0.69rem;
  line-height: 0.64rem;
  text-align: center;
  margin-left: auto;
}

.topbar-kv .top-bar .download .text {
  color: #603B1B;
  font-size: 0.32rem;
}

.topbar-kv .top-bar .share {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png);
  background-size: 17.98rem 17.45rem;
  background-position: -11.67rem -6.92rem;
  width: 1.74rem;
  height: 0.69rem;
  line-height: 0.64rem;
  text-align: center;
  margin-left: 0.12rem;
}

.topbar-kv .top-bar .share .text {
  color: #404378;
  font-size: 0.32rem;
  background: -webkit-gradient(linear, left top, right top, from(#404378), to(#29659D));
  background: linear-gradient(90deg, #404378 0%, #29659D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 0;
}

.topbar-kv .kv {
  position: relative;
  width: 7.5rem;
  height: 4.75rem;
  background: url(https://www.swordofjustice.com/2025/1126/ecf466d29f98bb1b71944407626fd44d.jpg) 50% -0.38rem no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}

.topbar-kv .kv__video {
  display: block;
  width: 100%;
  height: 4.75rem;
  opacity: 0;
  -webkit-transform: translateY(-0.2rem);
  transform: translateY(-0.2rem);
}

.topbar-kv .kv__logo,
.topbar-kv .kv__slogan {
  position: absolute;
  z-index: 2;
}

.topbar-kv .kv__slogan {
  left: 2.4rem;
  top: 1.9rem;
}

.topbar-kv .kv__shadow {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 1rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/kv-shadow_19f41f49.png) no-repeat;
  background-size: contain;
}

[lang|="jp"] .topbar-kv .kv__logo {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -0 -13.85rem;
  width: 2.71rem;
  height: 0.97rem;
  left: 2.66rem;
  top: 0.94rem;
}

[lang|="jp"] .topbar-kv .kv__slogan {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -2.94rem -12.82rem;
  width: 2.9rem;
  height: 0.94rem;
}

[lang|="kr"] .topbar-kv .kv__logo {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -13.78rem;
  width: 2.31rem;
  height: 0.79rem;
  left: 2.8rem;
  top: 1.1rem;
}

[lang|="kr"] .topbar-kv .kv__slogan {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -11.76rem -12.82rem;
  width: 2.9rem;
  height: 0.7rem;
}

[lang|="en"] .topbar-kv .kv__logo,
[lang|="ind"] .topbar-kv .kv__logo,
[lang|="th"] .topbar-kv .kv__logo {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -15.63rem -0;
  width: 2.31rem;
  height: 1.02rem;
  left: 2.9rem;
  top: 0.98rem;
}

[lang|="en"] .topbar-kv .kv__slogan {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -0 -12.82rem;
  width: 2.9rem;
  height: 0.99rem;
}

[lang|="ind"] .topbar-kv .kv__slogan {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -5.88rem -12.82rem;
  width: 2.9rem;
  height: 0.94rem;
}

[lang|="th"] .topbar-kv .kv__slogan {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/sprite-5f1b5e_5f1b5e00.png) no-repeat;
  background-size: 17.98rem 17.45rem;
  background-position: -8.82rem -12.82rem;
  width: 2.9rem;
  height: 0.94rem;
}

@font-face {
  font-family: 'SMotoya Sinkai Std';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/SMotoyaSinkai-Std-W5.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/SMotoyaSinkai-Std-W5.woff') format('woff');
  font-weight: 600;
}

@font-face {
  font-family: 'ChosunGs';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/ChosunGs-Regular.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/ChosunGs-Regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'fzcjljt';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/fzcjljt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CS ChatThaiUI';
  src: url('https://comm.res.easebar.com/js/leihuo/fonts/less/CS-ChatThaiUI.woff2') format('woff2'), url('https://comm.res.easebar.com/js/leihuo/fonts/less/CS-ChatThaiUI.woff') format('woff');
  font-weight: 700;
}

.open-package-container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 7.5rem;
  height: 16.24rem;
  overflow: hidden;
}

.open-animate-pop {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: none;
  color: #fff;
}

.card-light {
  position: absolute;
  pointer-events: none;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  /* 节点名：底光 */
  /* 节点名：特效2 */
}

.card-light.size-normal {
  width: 5.74rem;
  height: 8.98rem;
  -webkit-transform: scale(1.04, 1.03);
  transform: scale(1.04, 1.03);
}

.card-light.size-small {
  width: 2.48rem;
  height: 3.64rem;
  -webkit-transform: scale(0.7, 0.67);
  transform: scale(0.7, 0.67);
}

.card-light.type-horizontal {
  -webkit-transform: rotate(90deg) scale(0.89, 0.83);
  transform: rotate(90deg) scale(0.89, 0.83);
}

.card-light.type-horizontal.size-small {
  -webkit-transform: rotate(90deg) scale(1.28, 1.18);
  transform: rotate(90deg) scale(1.28, 1.18);
}

.card-light .z_deguang_000 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.card-light .z_deguang_000-under-svg {
  height: 898px;
  width: 574px;
  font-size: 0;
  -webkit-animation: sprite_z_deguang_000 2s 2.083s steps(1) infinite normal;
  animation: sprite_z_deguang_000 2s 2.083s steps(1) infinite normal;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/light-1_a7b2b55c.png);
  background-size: 700% 700%;
}

@-webkit-keyframes sprite_z_deguang_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  2.1% {
    background-position: -574px 0;
  }

  4.2% {
    background-position: -1148px 0;
  }

  6.3% {
    background-position: -1722px 0;
  }

  8.3% {
    background-position: -2296px 0;
  }

  10.4% {
    background-position: -2870px 0;
  }

  12.5% {
    background-position: -3444px 0;
  }

  14.6% {
    background-position: 0 -898px;
  }

  16.7% {
    background-position: -574px -898px;
  }

  18.8% {
    background-position: -1148px -898px;
  }

  20.8% {
    background-position: -1722px -898px;
  }

  22.9% {
    background-position: -2296px -898px;
  }

  25% {
    background-position: -2870px -898px;
  }

  27.1% {
    background-position: -3444px -898px;
  }

  29.2% {
    background-position: 0 -1796px;
  }

  31.3% {
    background-position: -574px -1796px;
  }

  33.3% {
    background-position: -1148px -1796px;
  }

  35.4% {
    background-position: -1722px -1796px;
  }

  37.5% {
    background-position: -2296px -1796px;
  }

  39.6% {
    background-position: -2870px -1796px;
  }

  41.7% {
    background-position: -3444px -1796px;
  }

  43.8% {
    background-position: 0 -2694px;
  }

  45.8% {
    background-position: -574px -2694px;
  }

  47.9% {
    background-position: -1148px -2694px;
  }

  50% {
    background-position: -1722px -2694px;
  }

  52.1% {
    background-position: -2296px -2694px;
  }

  54.2% {
    background-position: -2870px -2694px;
  }

  56.3% {
    background-position: -3444px -2694px;
  }

  58.3% {
    background-position: 0 -3592px;
  }

  60.4% {
    background-position: -574px -3592px;
  }

  62.5% {
    background-position: -1148px -3592px;
  }

  64.6% {
    background-position: -1722px -3592px;
  }

  66.7% {
    background-position: -2296px -3592px;
  }

  68.8% {
    background-position: -2870px -3592px;
  }

  70.8% {
    background-position: -3444px -3592px;
  }

  72.9% {
    background-position: 0 -4490px;
  }

  75% {
    background-position: -574px -4490px;
  }

  77.1% {
    background-position: -1148px -4490px;
  }

  79.2% {
    background-position: -1722px -4490px;
  }

  81.3% {
    background-position: -2296px -4490px;
  }

  83.3% {
    background-position: -2870px -4490px;
  }

  85.4% {
    background-position: -3444px -4490px;
  }

  87.5% {
    background-position: 0 -5388px;
  }

  89.6% {
    background-position: -574px -5388px;
  }

  91.7% {
    background-position: -1148px -5388px;
  }

  93.8% {
    background-position: -1722px -5388px;
  }

  95.8% {
    background-position: -2296px -5388px;
  }

  97.9% {
    background-position: -2870px -5388px;
  }

  100% {
    background-position: -2870px -5388px;
  }
}

@keyframes sprite_z_deguang_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  2.1% {
    background-position: -574px 0;
  }

  4.2% {
    background-position: -1148px 0;
  }

  6.3% {
    background-position: -1722px 0;
  }

  8.3% {
    background-position: -2296px 0;
  }

  10.4% {
    background-position: -2870px 0;
  }

  12.5% {
    background-position: -3444px 0;
  }

  14.6% {
    background-position: 0 -898px;
  }

  16.7% {
    background-position: -574px -898px;
  }

  18.8% {
    background-position: -1148px -898px;
  }

  20.8% {
    background-position: -1722px -898px;
  }

  22.9% {
    background-position: -2296px -898px;
  }

  25% {
    background-position: -2870px -898px;
  }

  27.1% {
    background-position: -3444px -898px;
  }

  29.2% {
    background-position: 0 -1796px;
  }

  31.3% {
    background-position: -574px -1796px;
  }

  33.3% {
    background-position: -1148px -1796px;
  }

  35.4% {
    background-position: -1722px -1796px;
  }

  37.5% {
    background-position: -2296px -1796px;
  }

  39.6% {
    background-position: -2870px -1796px;
  }

  41.7% {
    background-position: -3444px -1796px;
  }

  43.8% {
    background-position: 0 -2694px;
  }

  45.8% {
    background-position: -574px -2694px;
  }

  47.9% {
    background-position: -1148px -2694px;
  }

  50% {
    background-position: -1722px -2694px;
  }

  52.1% {
    background-position: -2296px -2694px;
  }

  54.2% {
    background-position: -2870px -2694px;
  }

  56.3% {
    background-position: -3444px -2694px;
  }

  58.3% {
    background-position: 0 -3592px;
  }

  60.4% {
    background-position: -574px -3592px;
  }

  62.5% {
    background-position: -1148px -3592px;
  }

  64.6% {
    background-position: -1722px -3592px;
  }

  66.7% {
    background-position: -2296px -3592px;
  }

  68.8% {
    background-position: -2870px -3592px;
  }

  70.8% {
    background-position: -3444px -3592px;
  }

  72.9% {
    background-position: 0 -4490px;
  }

  75% {
    background-position: -574px -4490px;
  }

  77.1% {
    background-position: -1148px -4490px;
  }

  79.2% {
    background-position: -1722px -4490px;
  }

  81.3% {
    background-position: -2296px -4490px;
  }

  83.3% {
    background-position: -2870px -4490px;
  }

  85.4% {
    background-position: -3444px -4490px;
  }

  87.5% {
    background-position: 0 -5388px;
  }

  89.6% {
    background-position: -574px -5388px;
  }

  91.7% {
    background-position: -1148px -5388px;
  }

  93.8% {
    background-position: -1722px -5388px;
  }

  95.8% {
    background-position: -2296px -5388px;
  }

  97.9% {
    background-position: -2870px -5388px;
  }

  100% {
    background-position: -2870px -5388px;
  }
}

.card-light .z_texiao2_010 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.card-light .z_texiao2_010-under-svg {
  height: 364px;
  width: 248px;
  font-size: 0;
  -webkit-animation: sprite_z_texiao2_010 2s 3.958s steps(1) infinite normal;
  animation: sprite_z_texiao2_010 2s 3.958s steps(1) infinite normal;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/light-2_03979f26.png);
  background-size: 700% 700%;
}

@-webkit-keyframes sprite_z_texiao2_010 {
  0% {
    background-position: 0 0;
    /* no */
  }

  2.1% {
    background-position: -248px 0;
  }

  4.2% {
    background-position: -496px 0;
  }

  6.3% {
    background-position: -744px 0;
  }

  8.3% {
    background-position: -992px 0;
  }

  10.4% {
    background-position: -1240px 0;
  }

  12.5% {
    background-position: -1488px 0;
  }

  14.6% {
    background-position: 0 -364px;
  }

  16.7% {
    background-position: -248px -364px;
  }

  18.8% {
    background-position: -496px -364px;
  }

  20.8% {
    background-position: -744px -364px;
  }

  22.9% {
    background-position: -992px -364px;
  }

  25% {
    background-position: -1240px -364px;
  }

  27.1% {
    background-position: -1488px -364px;
  }

  29.2% {
    background-position: 0 -728px;
  }

  31.3% {
    background-position: -248px -728px;
  }

  33.3% {
    background-position: -496px -728px;
  }

  35.4% {
    background-position: -744px -728px;
  }

  37.5% {
    background-position: -992px -728px;
  }

  39.6% {
    background-position: -1240px -728px;
  }

  41.7% {
    background-position: -1488px -728px;
  }

  43.8% {
    background-position: 0 -1092px;
  }

  45.8% {
    background-position: -248px -1092px;
  }

  47.9% {
    background-position: -496px -1092px;
  }

  50% {
    background-position: -744px -1092px;
  }

  52.1% {
    background-position: -992px -1092px;
  }

  54.2% {
    background-position: -1240px -1092px;
  }

  56.3% {
    background-position: -1488px -1092px;
  }

  58.3% {
    background-position: 0 -1456px;
  }

  60.4% {
    background-position: -248px -1456px;
  }

  62.5% {
    background-position: -496px -1456px;
  }

  64.6% {
    background-position: -744px -1456px;
  }

  66.7% {
    background-position: -992px -1456px;
  }

  68.8% {
    background-position: -1240px -1456px;
  }

  70.8% {
    background-position: -1488px -1456px;
  }

  72.9% {
    background-position: 0 -1820px;
  }

  75% {
    background-position: -248px -1820px;
  }

  77.1% {
    background-position: -496px -1820px;
  }

  79.2% {
    background-position: -744px -1820px;
  }

  81.3% {
    background-position: -992px -1820px;
  }

  83.3% {
    background-position: -1240px -1820px;
  }

  85.4% {
    background-position: -1488px -1820px;
  }

  87.5% {
    background-position: 0 -2184px;
  }

  89.6% {
    background-position: -248px -2184px;
  }

  91.7% {
    background-position: -496px -2184px;
  }

  93.8% {
    background-position: -744px -2184px;
  }

  95.8% {
    background-position: -992px -2184px;
  }

  97.9% {
    background-position: -1240px -2184px;
  }

  100% {
    background-position: -1240px -2184px;
  }
}

@keyframes sprite_z_texiao2_010 {
  0% {
    background-position: 0 0;
    /* no */
  }

  2.1% {
    background-position: -248px 0;
  }

  4.2% {
    background-position: -496px 0;
  }

  6.3% {
    background-position: -744px 0;
  }

  8.3% {
    background-position: -992px 0;
  }

  10.4% {
    background-position: -1240px 0;
  }

  12.5% {
    background-position: -1488px 0;
  }

  14.6% {
    background-position: 0 -364px;
  }

  16.7% {
    background-position: -248px -364px;
  }

  18.8% {
    background-position: -496px -364px;
  }

  20.8% {
    background-position: -744px -364px;
  }

  22.9% {
    background-position: -992px -364px;
  }

  25% {
    background-position: -1240px -364px;
  }

  27.1% {
    background-position: -1488px -364px;
  }

  29.2% {
    background-position: 0 -728px;
  }

  31.3% {
    background-position: -248px -728px;
  }

  33.3% {
    background-position: -496px -728px;
  }

  35.4% {
    background-position: -744px -728px;
  }

  37.5% {
    background-position: -992px -728px;
  }

  39.6% {
    background-position: -1240px -728px;
  }

  41.7% {
    background-position: -1488px -728px;
  }

  43.8% {
    background-position: 0 -1092px;
  }

  45.8% {
    background-position: -248px -1092px;
  }

  47.9% {
    background-position: -496px -1092px;
  }

  50% {
    background-position: -744px -1092px;
  }

  52.1% {
    background-position: -992px -1092px;
  }

  54.2% {
    background-position: -1240px -1092px;
  }

  56.3% {
    background-position: -1488px -1092px;
  }

  58.3% {
    background-position: 0 -1456px;
  }

  60.4% {
    background-position: -248px -1456px;
  }

  62.5% {
    background-position: -496px -1456px;
  }

  64.6% {
    background-position: -744px -1456px;
  }

  66.7% {
    background-position: -992px -1456px;
  }

  68.8% {
    background-position: -1240px -1456px;
  }

  70.8% {
    background-position: -1488px -1456px;
  }

  72.9% {
    background-position: 0 -1820px;
  }

  75% {
    background-position: -248px -1820px;
  }

  77.1% {
    background-position: -496px -1820px;
  }

  79.2% {
    background-position: -744px -1820px;
  }

  81.3% {
    background-position: -992px -1820px;
  }

  83.3% {
    background-position: -1240px -1820px;
  }

  85.4% {
    background-position: -1488px -1820px;
  }

  87.5% {
    background-position: 0 -2184px;
  }

  89.6% {
    background-position: -248px -2184px;
  }

  91.7% {
    background-position: -496px -2184px;
  }

  93.8% {
    background-position: -744px -2184px;
  }

  95.8% {
    background-position: -992px -2184px;
  }

  97.9% {
    background-position: -1240px -2184px;
  }

  100% {
    background-position: -1240px -2184px;
  }
}

.open-one {
  position: relative;
  width: 5.63rem;
  height: 12.18rem;
  -webkit-perspective: 7.5rem;
  perspective: 7.5rem;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(1.3321492);
  transform: scale(1.3321492);
  /* 节点名：卡袋动效 */
  /* 节点名：扫光横版 */
  /* 节点名：叶问舟_ja 1.png */
  /* 节点名：卡牌翻转-背面 */
  /* 节点名：竖版扫光 */
  /* 节点名：李师师_ja 1.png */
  /* 节点名：卡牌翻转 */
}

.open-one .z_kadaidongxiao_000 {
  position: absolute;
  left: 1.73rem;
  top: 4.19rem;
  height: 4.6rem;
  width: 2.96rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 37% 41%;
  transform-origin: 37% 41%;
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-animation: z_kadaidongxiao_000_anim 4.083s linear both;
  animation: z_kadaidongxiao_000_anim 4.083s linear both;
}

.open-one .z_kadaidongxiao_000-under-svg {
  height: 460px;
  width: 296px;
  font-size: 0;
  -webkit-animation: sprite_z_kadaidongxiao_000 1.21s 0s steps(1) both normal;
  animation: sprite_z_kadaidongxiao_000 1.21s 0s steps(1) both normal;
}

@-webkit-keyframes z_kadaidongxiao_000_anim {
  0% {
    opacity: 1;
  }

  29.58% {
    opacity: 1;
  }

  29.59% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kadaidongxiao_000_anim {
  0% {
    opacity: 1;
  }

  29.58% {
    opacity: 1;
  }

  29.59% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes sprite_z_kadaidongxiao_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  3.4% {
    background-position: -296px 0;
  }

  6.9% {
    background-position: -592px 0;
  }

  10.3% {
    background-position: -888px 0;
  }

  13.8% {
    background-position: -1184px 0;
  }

  17.2% {
    background-position: -1480px 0;
  }

  20.7% {
    background-position: 0 -460px;
  }

  24.1% {
    background-position: -296px -460px;
  }

  27.6% {
    background-position: -592px -460px;
  }

  31% {
    background-position: -888px -460px;
  }

  34.5% {
    background-position: -1184px -460px;
  }

  37.9% {
    background-position: -1480px -460px;
  }

  41.4% {
    background-position: 0 -920px;
  }

  44.8% {
    background-position: -296px -920px;
  }

  48.3% {
    background-position: -592px -920px;
  }

  51.7% {
    background-position: -888px -920px;
  }

  55.2% {
    background-position: -1184px -920px;
  }

  58.6% {
    background-position: -1480px -920px;
  }

  62.1% {
    background-position: 0 -1380px;
  }

  65.5% {
    background-position: -296px -1380px;
  }

  69% {
    background-position: -592px -1380px;
  }

  72.4% {
    background-position: -888px -1380px;
  }

  75.9% {
    background-position: -1184px -1380px;
  }

  79.3% {
    background-position: -1480px -1380px;
  }

  82.8% {
    background-position: 0 -1840px;
  }

  86.2% {
    background-position: -296px -1840px;
  }

  89.7% {
    background-position: -592px -1840px;
  }

  93.1% {
    background-position: -888px -1840px;
  }

  96.6% {
    background-position: -1184px -1840px;
  }

  100% {
    background-position: -1184px -1840px;
  }
}

@keyframes sprite_z_kadaidongxiao_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  3.4% {
    background-position: -296px 0;
  }

  6.9% {
    background-position: -592px 0;
  }

  10.3% {
    background-position: -888px 0;
  }

  13.8% {
    background-position: -1184px 0;
  }

  17.2% {
    background-position: -1480px 0;
  }

  20.7% {
    background-position: 0 -460px;
  }

  24.1% {
    background-position: -296px -460px;
  }

  27.6% {
    background-position: -592px -460px;
  }

  31% {
    background-position: -888px -460px;
  }

  34.5% {
    background-position: -1184px -460px;
  }

  37.9% {
    background-position: -1480px -460px;
  }

  41.4% {
    background-position: 0 -920px;
  }

  44.8% {
    background-position: -296px -920px;
  }

  48.3% {
    background-position: -592px -920px;
  }

  51.7% {
    background-position: -888px -920px;
  }

  55.2% {
    background-position: -1184px -920px;
  }

  58.6% {
    background-position: -1480px -920px;
  }

  62.1% {
    background-position: 0 -1380px;
  }

  65.5% {
    background-position: -296px -1380px;
  }

  69% {
    background-position: -592px -1380px;
  }

  72.4% {
    background-position: -888px -1380px;
  }

  75.9% {
    background-position: -1184px -1380px;
  }

  79.3% {
    background-position: -1480px -1380px;
  }

  82.8% {
    background-position: 0 -1840px;
  }

  86.2% {
    background-position: -296px -1840px;
  }

  89.7% {
    background-position: -592px -1840px;
  }

  93.1% {
    background-position: -888px -1840px;
  }

  96.6% {
    background-position: -1184px -1840px;
  }

  100% {
    background-position: -1184px -1840px;
  }
}

.open-one .z_saoguanghengban_000 {
  position: absolute;
  left: 1.29rem;
  top: 4.96rem;
  height: 1.6rem;
  width: 3.02rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 107%;
  transform-origin: 50% 107%;
  -webkit-transform: scale(1.3902, 1.5);
  transform: scale(1.3902, 1.5);
  -webkit-animation: z_saoguanghengban_000_anim 4.083s linear both;
  animation: z_saoguanghengban_000_anim 4.083s linear both;
}

.open-one .z_saoguanghengban_000-under-svg {
  height: 160px;
  width: 302px;
  font-size: 0;
  -webkit-animation: sprite_z_saoguanghengban_000 0.29s 2.083s steps(1) both normal;
  animation: sprite_z_saoguanghengban_000 0.29s 2.083s steps(1) both normal;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/flash-h_d6560fbd.png);
  background-size: 300% 300%;
}

@-webkit-keyframes z_saoguanghengban_000_anim {
  0% {
    opacity: 0;
  }

  51.01% {
    opacity: 0;
  }

  51.02% {
    opacity: 1;
  }

  58.15% {
    opacity: 1;
  }

  58.16% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_saoguanghengban_000_anim {
  0% {
    opacity: 0;
  }

  51.01% {
    opacity: 0;
  }

  51.02% {
    opacity: 1;
  }

  58.15% {
    opacity: 1;
  }

  58.16% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes sprite_z_saoguanghengban_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  14.3% {
    background-position: -302px 0;
  }

  28.6% {
    background-position: -604px 0;
  }

  42.9% {
    background-position: 0 -160px;
  }

  57.1% {
    background-position: -302px -160px;
  }

  71.4% {
    background-position: -604px -160px;
  }

  85.7% {
    background-position: 0 -320px;
  }

  100% {
    background-position: 0 -320px;
  }
}

@keyframes sprite_z_saoguanghengban_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  14.3% {
    background-position: -302px 0;
  }

  28.6% {
    background-position: -604px 0;
  }

  42.9% {
    background-position: 0 -160px;
  }

  57.1% {
    background-position: -302px -160px;
  }

  71.4% {
    background-position: -604px -160px;
  }

  85.7% {
    background-position: 0 -320px;
  }

  100% {
    background-position: 0 -320px;
  }
}

.open-one .z_xiewenzhou_ja_1_000 {
  position: absolute;
  left: 0.92rem;
  top: 4.24rem;
  height: 2.1rem;
  width: 3.74rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scale(1.13, 1.13, 1) rotateY(90deg) rotateZ(-90deg);
  transform: scale(1.13, 1.13, 1) rotateY(90deg) rotateZ(-90deg);
  -webkit-animation: z_xiewenzhou_ja_1_000_anim 4.083s linear both;
  animation: z_xiewenzhou_ja_1_000_anim 4.083s linear both;
}

@-webkit-keyframes z_xiewenzhou_ja_1_000_anim {
  0% {
    opacity: 0;
  }

  37.75% {
    -webkit-transform: translate3d(0.03rem, 2.42rem, 0) rotateY(90deg) rotateZ(-90deg) scale3d(1.13, 1.13, 1);
    transform: translate3d(0.03rem, 2.42rem, 0) rotateY(90deg) rotateZ(-90deg) scale3d(1.13, 1.13, 1);
    opacity: 0;
  }

  37.76% {
    -webkit-transform: translate3d(0.03rem, 2.42rem, 0) rotateY(90deg) rotateZ(-90deg) scale3d(1.13, 1.13, 1);
    transform: translate3d(0.03rem, 2.42rem, 0) rotateY(90deg) rotateZ(-90deg) scale3d(1.13, 1.13, 1);
    opacity: 1;
  }

  43.88% {
    -webkit-transform: translate3d(0.02rem, 1.3rem, 0) rotateY(0deg) rotateZ(-90deg) scale3d(1.1254, 1.1254, 1);
    transform: translate3d(0.02rem, 1.3rem, 0) rotateY(0deg) rotateZ(-90deg) scale3d(1.1254, 1.1254, 1);
  }

  51.02% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg) scale3d(1.12, 1.12, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg) scale3d(1.12, 1.12, 1);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg) scale3d(1.12, 1.12, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg) scale3d(1.12, 1.12, 1);
    opacity: 1;
  }
}

@keyframes z_xiewenzhou_ja_1_000_anim {
  0% {
    opacity: 0;
  }

  37.75% {
    -webkit-transform: translate3d(0.03rem, 2.42rem, 0) rotateY(90deg) rotateZ(-90deg) scale3d(1.13, 1.13, 1);
    transform: translate3d(0.03rem, 2.42rem, 0) rotateY(90deg) rotateZ(-90deg) scale3d(1.13, 1.13, 1);
    opacity: 0;
  }

  37.76% {
    -webkit-transform: translate3d(0.03rem, 2.42rem, 0) rotateY(90deg) rotateZ(-90deg) scale3d(1.13, 1.13, 1);
    transform: translate3d(0.03rem, 2.42rem, 0) rotateY(90deg) rotateZ(-90deg) scale3d(1.13, 1.13, 1);
    opacity: 1;
  }

  43.88% {
    -webkit-transform: translate3d(0.02rem, 1.3rem, 0) rotateY(0deg) rotateZ(-90deg) scale3d(1.1254, 1.1254, 1);
    transform: translate3d(0.02rem, 1.3rem, 0) rotateY(0deg) rotateZ(-90deg) scale3d(1.1254, 1.1254, 1);
  }

  51.02% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg) scale3d(1.12, 1.12, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg) scale3d(1.12, 1.12, 1);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg) scale3d(1.12, 1.12, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(0deg) scale3d(1.12, 1.12, 1);
    opacity: 1;
  }
}

.open-one .z_kapaifanzhuai_000 {
  position: absolute;
  left: -0.94rem;
  top: -0.06rem;
  height: 14.1rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scale(0.21, 0.21, 1);
  transform: scale(0.21, 0.21, 1);
  -webkit-animation: z_kapaifanzhuai_000_anim 4.083s linear both;
  animation: z_kapaifanzhuai_000_anim 4.083s linear both;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/back-h_a9f02929.jpg);
  background-size: 100% 100%;
}

@-webkit-keyframes z_kapaifanzhuai_000_anim {
  0% {
    opacity: 0;
  }

  15.3% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    opacity: 0;
  }

  15.31% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    opacity: 1;
  }

  20.41% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
  }

  34.69% {
    -webkit-transform: translate3d(0, 0.22rem, 0) rotateY(0deg) scale3d(0.2512, 0.2512, 1);
    transform: translate3d(0, 0.22rem, 0) rotateY(0deg) scale3d(0.2512, 0.2512, 1);
  }

  37.75% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-90deg) scale3d(0.26, 0.26, 1);
    transform: translate3d(0, 0, 0) rotateY(-90deg) scale3d(0.26, 0.26, 1);
    opacity: 1;
  }

  37.76% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kapaifanzhuai_000_anim {
  0% {
    opacity: 0;
  }

  15.3% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    opacity: 0;
  }

  15.31% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    opacity: 1;
  }

  20.41% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
  }

  34.69% {
    -webkit-transform: translate3d(0, 0.22rem, 0) rotateY(0deg) scale3d(0.2512, 0.2512, 1);
    transform: translate3d(0, 0.22rem, 0) rotateY(0deg) scale3d(0.2512, 0.2512, 1);
  }

  37.75% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-90deg) scale3d(0.26, 0.26, 1);
    transform: translate3d(0, 0, 0) rotateY(-90deg) scale3d(0.26, 0.26, 1);
    opacity: 1;
  }

  37.76% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-one .z_saoguang_000 {
  position: absolute;
  left: 1.88rem;
  top: 4.2rem;
  height: 3.5rem;
  width: 1.86rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-origin: 50% 81%;
  transform-origin: 50% 81%;
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-animation: z_saoguang_000_anim 3.792s linear both;
  animation: z_saoguang_000_anim 3.792s linear both;
}

.open-one .z_saoguang_000-under-svg {
  height: 350px;
  width: 186px;
  font-size: 0;
  -webkit-animation: sprite_z_saoguang_000 0.29s 1.792s steps(1) both normal;
  animation: sprite_z_saoguang_000 0.29s 1.792s steps(1) both normal;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/flash-v_7549153b.png);
  background-size: 300% 300%;
}

@-webkit-keyframes z_saoguang_000_anim {
  0% {
    opacity: 0;
  }

  47.24% {
    opacity: 0;
  }

  47.25% {
    opacity: 1;
  }

  54.94% {
    opacity: 1;
  }

  54.95% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_saoguang_000_anim {
  0% {
    opacity: 0;
  }

  47.24% {
    opacity: 0;
  }

  47.25% {
    opacity: 1;
  }

  54.94% {
    opacity: 1;
  }

  54.95% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes sprite_z_saoguang_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  14.3% {
    background-position: -186px 0;
  }

  28.6% {
    background-position: -372px 0;
  }

  42.9% {
    background-position: 0 -350px;
  }

  57.1% {
    background-position: -186px -350px;
  }

  71.4% {
    background-position: -372px -350px;
  }

  85.7% {
    background-position: 0 -700px;
  }

  100% {
    background-position: 0 -700px;
  }
}

@keyframes sprite_z_saoguang_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  14.3% {
    background-position: -186px 0;
  }

  28.6% {
    background-position: -372px 0;
  }

  42.9% {
    background-position: 0 -350px;
  }

  57.1% {
    background-position: -186px -350px;
  }

  71.4% {
    background-position: -372px -350px;
  }

  85.7% {
    background-position: 0 -700px;
  }

  100% {
    background-position: 0 -700px;
  }
}

.open-one .z_lishishi_ja_1_000 {
  position: absolute;
  left: 1.76rem;
  top: 3.4rem;
  height: 3.95rem;
  width: 2.1rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scale(1.13, 1.13, 1) rotateY(90deg);
  transform: scale(1.13, 1.13, 1) rotateY(90deg);
  -webkit-animation: z_lishishi_ja_1_000_anim 3.792s linear both;
  animation: z_lishishi_ja_1_000_anim 3.792s linear both;
}

@-webkit-keyframes z_lishishi_ja_1_000_anim {
  0% {
    opacity: 0;
  }

  40.65% {
    -webkit-transform: translate3d(0, 2.61rem, 0) rotateY(90deg) scale3d(1.13, 1.13, 1);
    transform: translate3d(0, 2.61rem, 0) rotateY(90deg) scale3d(1.13, 1.13, 1);
    opacity: 0;
  }

  40.66% {
    -webkit-transform: translate3d(0, 2.61rem, 0) rotateY(90deg) scale3d(1.13, 1.13, 1);
    transform: translate3d(0, 2.61rem, 0) rotateY(90deg) scale3d(1.13, 1.13, 1);
    opacity: 1;
  }

  47.25% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(1.3054, 1.3054, 1.16);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(1.3054, 1.3054, 1.16);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(1.3054, 1.3054, 1.16);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(1.3054, 1.3054, 1.16);
    opacity: 1;
  }
}

@keyframes z_lishishi_ja_1_000_anim {
  0% {
    opacity: 0;
  }

  40.65% {
    -webkit-transform: translate3d(0, 2.61rem, 0) rotateY(90deg) scale3d(1.13, 1.13, 1);
    transform: translate3d(0, 2.61rem, 0) rotateY(90deg) scale3d(1.13, 1.13, 1);
    opacity: 0;
  }

  40.66% {
    -webkit-transform: translate3d(0, 2.61rem, 0) rotateY(90deg) scale3d(1.13, 1.13, 1);
    transform: translate3d(0, 2.61rem, 0) rotateY(90deg) scale3d(1.13, 1.13, 1);
    opacity: 1;
  }

  47.25% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(1.3054, 1.3054, 1.16);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(1.3054, 1.3054, 1.16);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(1.3054, 1.3054, 1.16);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(1.3054, 1.3054, 1.16);
    opacity: 1;
  }
}

.open-one .v_z_kapaifanzhuai_000 {
  position: absolute;
  left: -0.94rem;
  top: -0.06rem;
  height: 14.1rem;
  width: 7.5rem;
  mix-blend-mode: normal;
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scale(0.21, 0.21, 1);
  transform: scale(0.21, 0.21, 1);
  -webkit-animation: v_z_kapaifanzhuai_000_anim 3.792s linear both;
  animation: v_z_kapaifanzhuai_000_anim 3.792s linear both;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/back_6aa7855d.jpg);
  background-size: 100% 100%;
}

@-webkit-keyframes v_z_kapaifanzhuai_000_anim {
  0% {
    opacity: 0;
  }

  16.47% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    opacity: 0;
  }

  16.48% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    opacity: 1;
  }

  21.98% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
  }

  37.36% {
    -webkit-transform: translate3d(0, 0.22rem, 0) rotateY(0deg) scale3d(0.2512, 0.2512, 1);
    transform: translate3d(0, 0.22rem, 0) rotateY(0deg) scale3d(0.2512, 0.2512, 1);
  }

  40.65% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-90deg) scale3d(0.26, 0.26, 1);
    transform: translate3d(0, 0, 0) rotateY(-90deg) scale3d(0.26, 0.26, 1);
    opacity: 1;
  }

  40.66% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes v_z_kapaifanzhuai_000_anim {
  0% {
    opacity: 0;
  }

  16.47% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    opacity: 0;
  }

  16.48% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    opacity: 1;
  }

  21.98% {
    -webkit-transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
    transform: translate3d(0, 1.26rem, 0) rotateY(0deg) scale3d(0.21, 0.21, 1);
  }

  37.36% {
    -webkit-transform: translate3d(0, 0.22rem, 0) rotateY(0deg) scale3d(0.2512, 0.2512, 1);
    transform: translate3d(0, 0.22rem, 0) rotateY(0deg) scale3d(0.2512, 0.2512, 1);
  }

  40.65% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-90deg) scale3d(0.26, 0.26, 1);
    transform: translate3d(0, 0, 0) rotateY(-90deg) scale3d(0.26, 0.26, 1);
    opacity: 1;
  }

  40.66% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-animate-pop.jp .open-one .z_kadaidongxiao_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-1_d578c58d.png);
  background-size: 600% 500%;
}

.open-animate-pop.kr .open-one .z_kadaidongxiao_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-1_007e5d5a.png);
  background-size: 600% 500%;
}

.open-animate-pop.en .open-one .z_kadaidongxiao_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-1_fdda56a6.png);
  background-size: 600% 500%;
}

.open-animate-pop.th .open-one .z_kadaidongxiao_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-1_346e7b1a.png);
  background-size: 600% 500%;
}

.open-animate-pop.ind .open-one .z_kadaidongxiao_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-1_82777498.png);
  background-size: 600% 500%;
}

.open-container-multiple {
  position: relative;
  width: 5.63rem;
  height: 12.18rem;
  -webkit-perspective: 7.5rem;
  perspective: 7.5rem;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(1.3321492);
  transform: scale(1.3321492);
  /* 节点名：卡袋过程 */
  /* 节点名：卡包过程  */
  /* 节点名：叶问舟_ja 1.png */
  /* 节点名：叶问舟_ja 1.png */
  /* 节点名：叶问舟_ja 1.png */
  /* 节点名：叶问舟_ja 1.png */
  /* 节点名：叶问舟_ja 1.png */
  /* 节点名：叶问舟_ja 1.png */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：李师师_ja 1.png */
  /* 节点名：李师师_ja 1.png */
  /* 节点名：李师师_ja 1.png */
  /* 节点名：李师师_ja 1.png */
  /* 节点名：李师师_ja 1.png */
  /* 节点名：李师师_ja 1.png */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
  /* 节点名：卡牌翻转 */
}

.open-container-multiple .z_kadaiguocheng_000 {
  position: absolute;
  left: 0.93rem;
  top: 4.13rem;
  height: 5.7rem;
  width: 3.74rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 34%;
  transform-origin: 50% 34%;
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-animation: z_kadaiguocheng_000_anim 5.875s linear both;
  animation: z_kadaiguocheng_000_anim 5.875s linear both;
}

.open-container-multiple .z_kadaiguocheng_000-under-svg {
  height: 570px;
  width: 374px;
  font-size: 0;
  -webkit-animation: sprite_z_kadaiguocheng_000 2.75s 0s steps(1) both normal;
  animation: sprite_z_kadaiguocheng_000 2.75s 0s steps(1) both normal;
}

@-webkit-keyframes z_kadaiguocheng_000_anim {
  0% {
    opacity: 1;
  }

  46.8% {
    opacity: 1;
  }

  46.81% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kadaiguocheng_000_anim {
  0% {
    opacity: 1;
  }

  46.8% {
    opacity: 1;
  }

  46.81% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes sprite_z_kadaiguocheng_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  1.5% {
    background-position: -374px 0;
  }

  3% {
    background-position: -748px 0;
  }

  4.5% {
    background-position: -1122px 0;
  }

  6.1% {
    background-position: -1496px 0;
  }

  7.6% {
    background-position: -1870px 0;
  }

  9.1% {
    background-position: -2244px 0;
  }

  10.6% {
    background-position: -2618px 0;
  }

  12.1% {
    background-position: -2992px 0;
  }

  13.6% {
    background-position: 0 -570px;
  }

  15.2% {
    background-position: -374px -570px;
  }

  16.7% {
    background-position: -748px -570px;
  }

  18.2% {
    background-position: -1122px -570px;
  }

  19.7% {
    background-position: -1496px -570px;
  }

  21.2% {
    background-position: -1870px -570px;
  }

  22.7% {
    background-position: -2244px -570px;
  }

  24.2% {
    background-position: -2618px -570px;
  }

  25.8% {
    background-position: -2992px -570px;
  }

  27.3% {
    background-position: 0 -1140px;
  }

  28.8% {
    background-position: -374px -1140px;
  }

  30.3% {
    background-position: -748px -1140px;
  }

  31.8% {
    background-position: -1122px -1140px;
  }

  33.3% {
    background-position: -1496px -1140px;
  }

  34.8% {
    background-position: -1870px -1140px;
  }

  36.4% {
    background-position: -2244px -1140px;
  }

  37.9% {
    background-position: -2618px -1140px;
  }

  39.4% {
    background-position: -2992px -1140px;
  }

  40.9% {
    background-position: 0 -1710px;
  }

  42.4% {
    background-position: -374px -1710px;
  }

  43.9% {
    background-position: -748px -1710px;
  }

  45.5% {
    background-position: -1122px -1710px;
  }

  47% {
    background-position: -1496px -1710px;
  }

  48.5% {
    background-position: -1870px -1710px;
  }

  50% {
    background-position: -2244px -1710px;
  }

  51.5% {
    background-position: -2618px -1710px;
  }

  53% {
    background-position: -2992px -1710px;
  }

  54.5% {
    background-position: 0 -2280px;
  }

  56.1% {
    background-position: -374px -2280px;
  }

  57.6% {
    background-position: -748px -2280px;
  }

  59.1% {
    background-position: -1122px -2280px;
  }

  60.6% {
    background-position: -1496px -2280px;
  }

  62.1% {
    background-position: -1870px -2280px;
  }

  63.6% {
    background-position: -2244px -2280px;
  }

  65.2% {
    background-position: -2618px -2280px;
  }

  66.7% {
    background-position: -2992px -2280px;
  }

  68.2% {
    background-position: 0 -2850px;
  }

  69.7% {
    background-position: -374px -2850px;
  }

  71.2% {
    background-position: -748px -2850px;
  }

  72.7% {
    background-position: -1122px -2850px;
  }

  74.2% {
    background-position: -1496px -2850px;
  }

  75.8% {
    background-position: -1870px -2850px;
  }

  77.3% {
    background-position: -2244px -2850px;
  }

  78.8% {
    background-position: -2618px -2850px;
  }

  80.3% {
    background-position: -2992px -2850px;
  }

  81.8% {
    background-position: 0 -3420px;
  }

  83.3% {
    background-position: -374px -3420px;
  }

  84.8% {
    background-position: -748px -3420px;
  }

  86.4% {
    background-position: -1122px -3420px;
  }

  87.9% {
    background-position: -1496px -3420px;
  }

  89.4% {
    background-position: -1870px -3420px;
  }

  90.9% {
    background-position: -2244px -3420px;
  }

  92.4% {
    background-position: -2618px -3420px;
  }

  93.9% {
    background-position: -2992px -3420px;
  }

  95.5% {
    background-position: 0 -3990px;
  }

  97% {
    background-position: -374px -3990px;
  }

  98.5% {
    background-position: -748px -3990px;
  }

  100% {
    background-position: -748px -3990px;
  }
}

@keyframes sprite_z_kadaiguocheng_000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  1.5% {
    background-position: -374px 0;
  }

  3% {
    background-position: -748px 0;
  }

  4.5% {
    background-position: -1122px 0;
  }

  6.1% {
    background-position: -1496px 0;
  }

  7.6% {
    background-position: -1870px 0;
  }

  9.1% {
    background-position: -2244px 0;
  }

  10.6% {
    background-position: -2618px 0;
  }

  12.1% {
    background-position: -2992px 0;
  }

  13.6% {
    background-position: 0 -570px;
  }

  15.2% {
    background-position: -374px -570px;
  }

  16.7% {
    background-position: -748px -570px;
  }

  18.2% {
    background-position: -1122px -570px;
  }

  19.7% {
    background-position: -1496px -570px;
  }

  21.2% {
    background-position: -1870px -570px;
  }

  22.7% {
    background-position: -2244px -570px;
  }

  24.2% {
    background-position: -2618px -570px;
  }

  25.8% {
    background-position: -2992px -570px;
  }

  27.3% {
    background-position: 0 -1140px;
  }

  28.8% {
    background-position: -374px -1140px;
  }

  30.3% {
    background-position: -748px -1140px;
  }

  31.8% {
    background-position: -1122px -1140px;
  }

  33.3% {
    background-position: -1496px -1140px;
  }

  34.8% {
    background-position: -1870px -1140px;
  }

  36.4% {
    background-position: -2244px -1140px;
  }

  37.9% {
    background-position: -2618px -1140px;
  }

  39.4% {
    background-position: -2992px -1140px;
  }

  40.9% {
    background-position: 0 -1710px;
  }

  42.4% {
    background-position: -374px -1710px;
  }

  43.9% {
    background-position: -748px -1710px;
  }

  45.5% {
    background-position: -1122px -1710px;
  }

  47% {
    background-position: -1496px -1710px;
  }

  48.5% {
    background-position: -1870px -1710px;
  }

  50% {
    background-position: -2244px -1710px;
  }

  51.5% {
    background-position: -2618px -1710px;
  }

  53% {
    background-position: -2992px -1710px;
  }

  54.5% {
    background-position: 0 -2280px;
  }

  56.1% {
    background-position: -374px -2280px;
  }

  57.6% {
    background-position: -748px -2280px;
  }

  59.1% {
    background-position: -1122px -2280px;
  }

  60.6% {
    background-position: -1496px -2280px;
  }

  62.1% {
    background-position: -1870px -2280px;
  }

  63.6% {
    background-position: -2244px -2280px;
  }

  65.2% {
    background-position: -2618px -2280px;
  }

  66.7% {
    background-position: -2992px -2280px;
  }

  68.2% {
    background-position: 0 -2850px;
  }

  69.7% {
    background-position: -374px -2850px;
  }

  71.2% {
    background-position: -748px -2850px;
  }

  72.7% {
    background-position: -1122px -2850px;
  }

  74.2% {
    background-position: -1496px -2850px;
  }

  75.8% {
    background-position: -1870px -2850px;
  }

  77.3% {
    background-position: -2244px -2850px;
  }

  78.8% {
    background-position: -2618px -2850px;
  }

  80.3% {
    background-position: -2992px -2850px;
  }

  81.8% {
    background-position: 0 -3420px;
  }

  83.3% {
    background-position: -374px -3420px;
  }

  84.8% {
    background-position: -748px -3420px;
  }

  86.4% {
    background-position: -1122px -3420px;
  }

  87.9% {
    background-position: -1496px -3420px;
  }

  89.4% {
    background-position: -1870px -3420px;
  }

  90.9% {
    background-position: -2244px -3420px;
  }

  92.4% {
    background-position: -2618px -3420px;
  }

  93.9% {
    background-position: -2992px -3420px;
  }

  95.5% {
    background-position: 0 -3990px;
  }

  97% {
    background-position: -374px -3990px;
  }

  98.5% {
    background-position: -748px -3990px;
  }

  100% {
    background-position: -748px -3990px;
  }
}

.open-container-multiple .z_kabaoguocheng__000 {
  position: absolute;
  left: 0.93rem;
  top: 4.16rem;
  height: 5.88rem;
  width: 3.76rem;
  mix-blend-mode: normal;
  -webkit-transform-origin: 50% 33%;
  transform-origin: 50% 33%;
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-animation: z_kabaoguocheng__000_anim 5.875s linear both;
  animation: z_kabaoguocheng__000_anim 5.875s linear both;
  pointer-events: none;
}

.open-container-multiple .z_kabaoguocheng__000-under-svg {
  height: 588px;
  width: 376px;
  font-size: 0;
  -webkit-animation: sprite_z_kabaoguocheng__000 3.04s 0s steps(1) both normal;
  animation: sprite_z_kabaoguocheng__000 3.04s 0s steps(1) both normal;
}

@-webkit-keyframes z_kabaoguocheng__000_anim {
  0% {
    opacity: 1;
  }

  51.76% {
    opacity: 1;
  }

  51.77% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kabaoguocheng__000_anim {
  0% {
    opacity: 1;
  }

  51.76% {
    opacity: 1;
  }

  51.77% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes sprite_z_kabaoguocheng__000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  1.4% {
    background-position: -376px 0;
  }

  2.7% {
    background-position: -752px 0;
  }

  4.1% {
    background-position: -1128px 0;
  }

  5.5% {
    background-position: -1504px 0;
  }

  6.8% {
    background-position: -1880px 0;
  }

  8.2% {
    background-position: -2256px 0;
  }

  9.6% {
    background-position: -2632px 0;
  }

  11% {
    background-position: -3008px 0;
  }

  12.3% {
    background-position: 0 -588px;
  }

  13.7% {
    background-position: -376px -588px;
  }

  15.1% {
    background-position: -752px -588px;
  }

  16.4% {
    background-position: -1128px -588px;
  }

  17.8% {
    background-position: -1504px -588px;
  }

  19.2% {
    background-position: -1880px -588px;
  }

  20.5% {
    background-position: -2256px -588px;
  }

  21.9% {
    background-position: -2632px -588px;
  }

  23.3% {
    background-position: -3008px -588px;
  }

  24.7% {
    background-position: 0 -1176px;
  }

  26% {
    background-position: -376px -1176px;
  }

  27.4% {
    background-position: -752px -1176px;
  }

  28.8% {
    background-position: -1128px -1176px;
  }

  30.1% {
    background-position: -1504px -1176px;
  }

  31.5% {
    background-position: -1880px -1176px;
  }

  32.9% {
    background-position: -2256px -1176px;
  }

  34.2% {
    background-position: -2632px -1176px;
  }

  35.6% {
    background-position: -3008px -1176px;
  }

  37% {
    background-position: 0 -1764px;
  }

  38.4% {
    background-position: -376px -1764px;
  }

  39.7% {
    background-position: -752px -1764px;
  }

  41.1% {
    background-position: -1128px -1764px;
  }

  42.5% {
    background-position: -1504px -1764px;
  }

  43.8% {
    background-position: -1880px -1764px;
  }

  45.2% {
    background-position: -2256px -1764px;
  }

  46.6% {
    background-position: -2632px -1764px;
  }

  47.9% {
    background-position: -3008px -1764px;
  }

  49.3% {
    background-position: 0 -2352px;
  }

  50.7% {
    background-position: -376px -2352px;
  }

  52.1% {
    background-position: -752px -2352px;
  }

  53.4% {
    background-position: -1128px -2352px;
  }

  54.8% {
    background-position: -1504px -2352px;
  }

  56.2% {
    background-position: -1880px -2352px;
  }

  57.5% {
    background-position: -2256px -2352px;
  }

  58.9% {
    background-position: -2632px -2352px;
  }

  60.3% {
    background-position: -3008px -2352px;
  }

  61.6% {
    background-position: 0 -2940px;
  }

  63% {
    background-position: -376px -2940px;
  }

  64.4% {
    background-position: -752px -2940px;
  }

  65.8% {
    background-position: -1128px -2940px;
  }

  67.1% {
    background-position: -1504px -2940px;
  }

  68.5% {
    background-position: -1880px -2940px;
  }

  69.9% {
    background-position: -2256px -2940px;
  }

  71.2% {
    background-position: -2632px -2940px;
  }

  72.6% {
    background-position: -3008px -2940px;
  }

  74% {
    background-position: 0 -3528px;
  }

  75.3% {
    background-position: -376px -3528px;
  }

  76.7% {
    background-position: -752px -3528px;
  }

  78.1% {
    background-position: -1128px -3528px;
  }

  79.5% {
    background-position: -1504px -3528px;
  }

  80.8% {
    background-position: -1880px -3528px;
  }

  82.2% {
    background-position: -2256px -3528px;
  }

  83.6% {
    background-position: -2632px -3528px;
  }

  84.9% {
    background-position: -3008px -3528px;
  }

  86.3% {
    background-position: 0 -4116px;
  }

  87.7% {
    background-position: -376px -4116px;
  }

  89% {
    background-position: -752px -4116px;
  }

  90.4% {
    background-position: -1128px -4116px;
  }

  91.8% {
    background-position: -1504px -4116px;
  }

  93.2% {
    background-position: -1880px -4116px;
  }

  94.5% {
    background-position: -2256px -4116px;
  }

  95.9% {
    background-position: -2632px -4116px;
  }

  97.3% {
    background-position: -3008px -4116px;
  }

  98.6% {
    background-position: 0 -4704px;
  }

  100% {
    background-position: 0 -4704px;
  }
}

@keyframes sprite_z_kabaoguocheng__000 {
  0% {
    background-position: 0 0;
    /* no */
  }

  1.4% {
    background-position: -376px 0;
  }

  2.7% {
    background-position: -752px 0;
  }

  4.1% {
    background-position: -1128px 0;
  }

  5.5% {
    background-position: -1504px 0;
  }

  6.8% {
    background-position: -1880px 0;
  }

  8.2% {
    background-position: -2256px 0;
  }

  9.6% {
    background-position: -2632px 0;
  }

  11% {
    background-position: -3008px 0;
  }

  12.3% {
    background-position: 0 -588px;
  }

  13.7% {
    background-position: -376px -588px;
  }

  15.1% {
    background-position: -752px -588px;
  }

  16.4% {
    background-position: -1128px -588px;
  }

  17.8% {
    background-position: -1504px -588px;
  }

  19.2% {
    background-position: -1880px -588px;
  }

  20.5% {
    background-position: -2256px -588px;
  }

  21.9% {
    background-position: -2632px -588px;
  }

  23.3% {
    background-position: -3008px -588px;
  }

  24.7% {
    background-position: 0 -1176px;
  }

  26% {
    background-position: -376px -1176px;
  }

  27.4% {
    background-position: -752px -1176px;
  }

  28.8% {
    background-position: -1128px -1176px;
  }

  30.1% {
    background-position: -1504px -1176px;
  }

  31.5% {
    background-position: -1880px -1176px;
  }

  32.9% {
    background-position: -2256px -1176px;
  }

  34.2% {
    background-position: -2632px -1176px;
  }

  35.6% {
    background-position: -3008px -1176px;
  }

  37% {
    background-position: 0 -1764px;
  }

  38.4% {
    background-position: -376px -1764px;
  }

  39.7% {
    background-position: -752px -1764px;
  }

  41.1% {
    background-position: -1128px -1764px;
  }

  42.5% {
    background-position: -1504px -1764px;
  }

  43.8% {
    background-position: -1880px -1764px;
  }

  45.2% {
    background-position: -2256px -1764px;
  }

  46.6% {
    background-position: -2632px -1764px;
  }

  47.9% {
    background-position: -3008px -1764px;
  }

  49.3% {
    background-position: 0 -2352px;
  }

  50.7% {
    background-position: -376px -2352px;
  }

  52.1% {
    background-position: -752px -2352px;
  }

  53.4% {
    background-position: -1128px -2352px;
  }

  54.8% {
    background-position: -1504px -2352px;
  }

  56.2% {
    background-position: -1880px -2352px;
  }

  57.5% {
    background-position: -2256px -2352px;
  }

  58.9% {
    background-position: -2632px -2352px;
  }

  60.3% {
    background-position: -3008px -2352px;
  }

  61.6% {
    background-position: 0 -2940px;
  }

  63% {
    background-position: -376px -2940px;
  }

  64.4% {
    background-position: -752px -2940px;
  }

  65.8% {
    background-position: -1128px -2940px;
  }

  67.1% {
    background-position: -1504px -2940px;
  }

  68.5% {
    background-position: -1880px -2940px;
  }

  69.9% {
    background-position: -2256px -2940px;
  }

  71.2% {
    background-position: -2632px -2940px;
  }

  72.6% {
    background-position: -3008px -2940px;
  }

  74% {
    background-position: 0 -3528px;
  }

  75.3% {
    background-position: -376px -3528px;
  }

  76.7% {
    background-position: -752px -3528px;
  }

  78.1% {
    background-position: -1128px -3528px;
  }

  79.5% {
    background-position: -1504px -3528px;
  }

  80.8% {
    background-position: -1880px -3528px;
  }

  82.2% {
    background-position: -2256px -3528px;
  }

  83.6% {
    background-position: -2632px -3528px;
  }

  84.9% {
    background-position: -3008px -3528px;
  }

  86.3% {
    background-position: 0 -4116px;
  }

  87.7% {
    background-position: -376px -4116px;
  }

  89% {
    background-position: -752px -4116px;
  }

  90.4% {
    background-position: -1128px -4116px;
  }

  91.8% {
    background-position: -1504px -4116px;
  }

  93.2% {
    background-position: -1880px -4116px;
  }

  94.5% {
    background-position: -2256px -4116px;
  }

  95.9% {
    background-position: -2632px -4116px;
  }

  97.3% {
    background-position: -3008px -4116px;
  }

  98.6% {
    background-position: 0 -4704px;
  }

  100% {
    background-position: 0 -4704px;
  }
}

.open-container-multiple .kpfz_back {
  position: absolute;
  mix-blend-mode: normal;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  pointer-events: none;
  -webkit-transform: scale(0.24, 0.24, 1);
  transform: scale(0.24, 0.24, 1);
  opacity: 0;
}

.open-container-multiple .kpfz_back_h {
  height: 14.1rem;
  width: 7.94rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/back-h_a9f02929.jpg);
  background-size: 100% 100%;
}

.open-container-multiple .kpfz_back_v {
  height: 14.1rem;
  width: 7.5rem;
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/back_6aa7855d.jpg);
  background-size: 100% 100%;
}

.open-container-multiple .kpfz_face {
  position: absolute;
  mix-blend-mode: normal;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.open-container-multiple .kpfz_face_h {
  height: 2.1rem;
  width: 3.74rem;
  -webkit-transform: scale(0.53, 0.53, 0.53) rotateY(90deg);
  transform: scale(0.53, 0.53, 0.53) rotateY(90deg);
}

.open-container-multiple .kpfz_face_v {
  height: 3.95rem;
  width: 2.1rem;
  -webkit-transform: scale(0.48, 0.48, 0.48) rotateY(90deg);
  transform: scale(0.48, 0.48, 0.48) rotateY(90deg);
}

.open-container-multiple .z_xiewenzhou_ja_1_005 {
  left: 2.12rem;
  top: 5.96rem;
  -webkit-animation: z_xiewenzhou_ja_1_005_anim 5.875s linear both;
  animation: z_xiewenzhou_ja_1_005_anim 5.875s linear both;
}

@-webkit-keyframes z_xiewenzhou_ja_1_005_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

@keyframes z_xiewenzhou_ja_1_005_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

.open-container-multiple .z_xiewenzhou_ja_1_006 {
  left: -0.28rem;
  top: 5.96rem;
  -webkit-animation: z_xiewenzhou_ja_1_006_anim 5.875s linear both;
  animation: z_xiewenzhou_ja_1_006_anim 5.875s linear both;
}

@-webkit-keyframes z_xiewenzhou_ja_1_006_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

@keyframes z_xiewenzhou_ja_1_006_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

.open-container-multiple .z_xiewenzhou_ja_1_007 {
  left: 2.12rem;
  top: 3.95rem;
  -webkit-animation: z_xiewenzhou_ja_1_007_anim 5.875s linear both;
  animation: z_xiewenzhou_ja_1_007_anim 5.875s linear both;
}

@-webkit-keyframes z_xiewenzhou_ja_1_007_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

@keyframes z_xiewenzhou_ja_1_007_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

.open-container-multiple .z_xiewenzhou_ja_1_008 {
  left: -0.28rem;
  top: 3.95rem;
  -webkit-animation: z_xiewenzhou_ja_1_008_anim 5.875s linear both;
  animation: z_xiewenzhou_ja_1_008_anim 5.875s linear both;
}

@-webkit-keyframes z_xiewenzhou_ja_1_008_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

@keyframes z_xiewenzhou_ja_1_008_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

.open-container-multiple .z_xiewenzhou_ja_1_009 {
  left: 2.12rem;
  top: 1.92rem;
  -webkit-animation: z_xiewenzhou_ja_1_009_anim 5.875s linear both;
  animation: z_xiewenzhou_ja_1_009_anim 5.875s linear both;
}

@-webkit-keyframes z_xiewenzhou_ja_1_009_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

@keyframes z_xiewenzhou_ja_1_009_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

.open-container-multiple .z_xiewenzhou_ja_1_010 {
  left: -0.28rem;
  top: 1.92rem;
  -webkit-animation: z_xiewenzhou_ja_1_010_anim 5.875s linear both;
  animation: z_xiewenzhou_ja_1_010_anim 5.875s linear both;
}

@-webkit-keyframes z_xiewenzhou_ja_1_010_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

@keyframes z_xiewenzhou_ja_1_010_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(90deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    transform: rotateY(0deg) scale3d(0.53, 0.53, 0.53);
    opacity: 1;
  }
}

.open-container-multiple .z_kapaifanzhuai_010 {
  left: 0.23rem;
  top: -0.02rem;
  -webkit-animation: z_kapaifanzhuai_010_anim 5.875s linear both;
  animation: z_kapaifanzhuai_010_anim 5.875s linear both;
}

@-webkit-keyframes z_kapaifanzhuai_010_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.16rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.16rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(-1.16rem, 0.47rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(-1.16rem, 0.47rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(-1.16rem, 0.09rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.16rem, 0.09rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 0.09rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(-1.16rem, 0.09rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kapaifanzhuai_010_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.16rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.16rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(-1.16rem, 0.47rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(-1.16rem, 0.47rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(-1.16rem, 0.09rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.16rem, 0.09rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 0.09rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(-1.16rem, 0.09rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .z_kapaifanzhuai_011 {
  left: -2.17rem;
  top: -0.02rem;
  -webkit-animation: z_kapaifanzhuai_011_anim 5.875s linear both;
  animation: z_kapaifanzhuai_011_anim 5.875s linear both;
}

@-webkit-keyframes z_kapaifanzhuai_011_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.23rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.23rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(1.23rem, 0.47rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(1.23rem, 0.47rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(1.23rem, 0.09rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.23rem, 0.09rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(1.23rem, 0.09rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(1.23rem, 0.09rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kapaifanzhuai_011_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.23rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.23rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 1.17rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(1.23rem, 0.47rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(1.23rem, 0.47rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(1.23rem, 0.09rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.23rem, 0.09rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(1.23rem, 0.09rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(1.23rem, 0.09rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .z_kapaifanzhuai_012 {
  left: 0.23rem;
  top: -2.05rem;
  -webkit-animation: z_kapaifanzhuai_012_anim 5.875s linear both;
  animation: z_kapaifanzhuai_012_anim 5.875s linear both;
}

@-webkit-keyframes z_kapaifanzhuai_012_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.16rem, 3.2rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 3.2rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.16rem, 3.2rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 3.2rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(-1.16rem, 2.5rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(-1.16rem, 2.5rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(-1.16rem, 2.12rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.16rem, 2.12rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 2.12rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(-1.16rem, 2.12rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kapaifanzhuai_012_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.16rem, 3.2rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 3.2rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.16rem, 3.2rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 3.2rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(-1.16rem, 2.5rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(-1.16rem, 2.5rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(-1.16rem, 2.12rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.16rem, 2.12rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 2.12rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(-1.16rem, 2.12rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .z_kapaifanzhuai_013 {
  left: -2.17rem;
  top: -2.04rem;
  -webkit-animation: z_kapaifanzhuai_013_anim 5.875s linear both;
  animation: z_kapaifanzhuai_013_anim 5.875s linear both;
}

@-webkit-keyframes z_kapaifanzhuai_013_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.23rem, 3.19rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 3.19rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.23rem, 3.19rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 3.19rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(1.23rem, 2.49rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(1.23rem, 2.49rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(1.23rem, 2.11rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.23rem, 2.11rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(1.23rem, 2.11rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(1.23rem, 2.11rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kapaifanzhuai_013_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.23rem, 3.19rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 3.19rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.23rem, 3.19rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 3.19rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(1.23rem, 2.49rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(1.23rem, 2.49rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(1.23rem, 2.11rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.23rem, 2.11rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(1.23rem, 2.11rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(1.23rem, 2.11rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .z_kapaifanzhuai_014 {
  left: 0.23rem;
  top: -4.06rem;
  -webkit-animation: z_kapaifanzhuai_014_anim 5.875s linear both;
  animation: z_kapaifanzhuai_014_anim 5.875s linear both;
}

@-webkit-keyframes z_kapaifanzhuai_014_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.16rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.16rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(-1.16rem, 4.51rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(-1.16rem, 4.51rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(-1.16rem, 4.13rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.16rem, 4.13rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 4.13rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(-1.16rem, 4.13rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kapaifanzhuai_014_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.16rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.16rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.16rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(-1.16rem, 4.51rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(-1.16rem, 4.51rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(-1.16rem, 4.13rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.16rem, 4.13rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 4.13rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(-1.16rem, 4.13rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .z_kapaifanzhuai_015 {
  left: -2.17rem;
  top: -4.06rem;
  -webkit-animation: z_kapaifanzhuai_015_anim 5.875s linear both;
  animation: z_kapaifanzhuai_015_anim 5.875s linear both;
}

@-webkit-keyframes z_kapaifanzhuai_015_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.23rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.23rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(1.23rem, 4.51rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(1.23rem, 4.51rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(1.23rem, 4.13rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.23rem, 4.13rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(1.23rem, 4.13rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(1.23rem, 4.13rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes z_kapaifanzhuai_015_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.23rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.23rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.23rem, 5.21rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(1.23rem, 4.51rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    transform: translate3d(1.23rem, 4.51rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.2853, 0.2853, 1.1887);
    opacity: 1;
  }

  51.06% {
    -webkit-transform: translate3d(1.23rem, 4.13rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.23rem, 4.13rem, 0) rotateY(0deg) rotateZ(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  52.48% {
    -webkit-transform: translate3d(1.23rem, 4.13rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    transform: translate3d(1.23rem, 4.13rem, 0) rotateY(0deg) rotateZ(-15deg) scale3d(0.2817, 0.2817, 1.2559);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(0deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) rotateZ(-90deg) scale3d(0.14, 0.14, 1.0769);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .z_lishishi_ja_1_005 {
  left: 3.05rem;
  top: 5.06rem;
  -webkit-animation: z_lishishi_ja_1_005_anim 5.875s linear both;
  animation: z_lishishi_ja_1_005_anim 5.875s linear both;
}

@-webkit-keyframes z_lishishi_ja_1_005_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

@keyframes z_lishishi_ja_1_005_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

.open-container-multiple .z_lishishi_ja_1_006 {
  left: 0.38rem;
  top: 5.06rem;
  -webkit-animation: z_lishishi_ja_1_006_anim 5.875s linear both;
  animation: z_lishishi_ja_1_006_anim 5.875s linear both;
}

@-webkit-keyframes z_lishishi_ja_1_006_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

@keyframes z_lishishi_ja_1_006_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

.open-container-multiple .z_lishishi_ja_1_007 {
  left: 3.05rem;
  top: 3.06rem;
  -webkit-animation: z_lishishi_ja_1_007_anim 5.875s linear both;
  animation: z_lishishi_ja_1_007_anim 5.875s linear both;
}

@-webkit-keyframes z_lishishi_ja_1_007_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

@keyframes z_lishishi_ja_1_007_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

.open-container-multiple .z_lishishi_ja_1_008 {
  left: 0.38rem;
  top: 3.06rem;
  -webkit-animation: z_lishishi_ja_1_008_anim 5.875s linear both;
  animation: z_lishishi_ja_1_008_anim 5.875s linear both;
}

@-webkit-keyframes z_lishishi_ja_1_008_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

@keyframes z_lishishi_ja_1_008_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

.open-container-multiple .z_lishishi_ja_1_009 {
  left: 3.05rem;
  top: 1rem;
  -webkit-animation: z_lishishi_ja_1_009_anim 5.875s linear both;
  animation: z_lishishi_ja_1_009_anim 5.875s linear both;
}

@-webkit-keyframes z_lishishi_ja_1_009_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

@keyframes z_lishishi_ja_1_009_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

.open-container-multiple .z_lishishi_ja_1_010 {
  left: 0.38rem;
  top: 1rem;
  -webkit-animation: z_lishishi_ja_1_010_anim 5.875s linear both;
  animation: z_lishishi_ja_1_010_anim 5.875s linear both;
}

@-webkit-keyframes z_lishishi_ja_1_010_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

@keyframes z_lishishi_ja_1_010_anim {
  0% {
    opacity: 0;
  }

  63.11% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 0;
  }

  63.12% {
    -webkit-transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(90deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }

  67.38% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
  }

  100% {
    -webkit-transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    transform: rotateY(0deg) scale3d(0.48, 0.48, 0.48);
    opacity: 1;
  }
}

.open-container-multiple .v_z_kapaifanzhuai_010 {
  left: 0.34rem;
  top: 0;
  -webkit-animation: v_z_kapaifanzhuai_010_anim 5.875s linear both;
  animation: v_z_kapaifanzhuai_010_anim 5.875s linear both;
}

@-webkit-keyframes v_z_kapaifanzhuai_010_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, -0.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(-1.16rem, -0.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes v_z_kapaifanzhuai_010_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.27rem, -0.24rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, -0.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(-1.16rem, -0.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .v_z_kapaifanzhuai_011 {
  left: -2.32rem;
  top: 0;
  -webkit-animation: v_z_kapaifanzhuai_011_anim 5.875s linear both;
  animation: v_z_kapaifanzhuai_011_anim 5.875s linear both;
}

@-webkit-keyframes v_z_kapaifanzhuai_011_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(1.25rem, -0.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(1.25rem, -0.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes v_z_kapaifanzhuai_011_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.38rem, -0.24rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(1.25rem, -0.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(1.25rem, -0.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .v_z_kapaifanzhuai_012 {
  left: 0.34rem;
  top: -2rem;
  -webkit-animation: v_z_kapaifanzhuai_012_anim 5.875s linear both;
  animation: v_z_kapaifanzhuai_012_anim 5.875s linear both;
}

@-webkit-keyframes v_z_kapaifanzhuai_012_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 2.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(-1.16rem, 2.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes v_z_kapaifanzhuai_012_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.27rem, 2.45rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 2.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(-1.16rem, 2.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .v_z_kapaifanzhuai_013 {
  left: -2.32rem;
  top: -2rem;
  -webkit-animation: v_z_kapaifanzhuai_013_anim 5.875s linear both;
  animation: v_z_kapaifanzhuai_013_anim 5.875s linear both;
}

@-webkit-keyframes v_z_kapaifanzhuai_013_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(1.26rem, 2.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(1.26rem, 2.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes v_z_kapaifanzhuai_013_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.39rem, 2.45rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(1.26rem, 2.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(1.26rem, 2.22rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .v_z_kapaifanzhuai_014 {
  left: 0.34rem;
  top: -4.07rem;
  -webkit-animation: v_z_kapaifanzhuai_014_anim 5.875s linear both;
  animation: v_z_kapaifanzhuai_014_anim 5.875s linear both;
}

@-webkit-keyframes v_z_kapaifanzhuai_014_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 4.55rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(-1.16rem, 4.55rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes v_z_kapaifanzhuai_014_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  51.77% {
    -webkit-transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(-1.27rem, 5.01rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 0;
  }

  52.48% {
    -webkit-transform: translate3d(-1.16rem, 4.55rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    transform: translate3d(-1.16rem, 4.55rem, 0) rotateY(0deg) scale3d(0.2936, 0.2936, 1.2652);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-container-multiple .v_z_kapaifanzhuai_015 {
  left: -2.32rem;
  top: -4.07rem;
  -webkit-animation: v_z_kapaifanzhuai_015_anim 5.875s linear both;
  animation: v_z_kapaifanzhuai_015_anim 5.875s linear both;
}

@-webkit-keyframes v_z_kapaifanzhuai_015_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.2828, 0.2828, 1.1782);
    transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.2828, 0.2828, 1.1782);
    opacity: 1;
  }

  51.77% {
    -webkit-transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes v_z_kapaifanzhuai_015_anim {
  0% {
    opacity: 0;
  }

  39% {
    -webkit-transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  39.01% {
    -webkit-transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.24, 0.24, 1);
    opacity: 0;
  }

  46.81% {
    -webkit-transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.2828, 0.2828, 1.1782);
    transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.2828, 0.2828, 1.1782);
    opacity: 1;
  }

  51.77% {
    -webkit-transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    transform: translate3d(1.38rem, 5.01rem, 0) rotateY(0deg) scale3d(0.31, 0.31, 1.2917);
    opacity: 1;
  }

  59.57% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(0deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.11% {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    transform: translate3d(0, 0, 0) rotateY(-81.8deg) scale3d(0.13, 0.13, 1);
    opacity: 1;
  }

  63.12% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.open-animate-pop.jp .open-container-multiple .z_kadaiguocheng_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-2_3a00630e.png);
  background-size: 900% 800%;
}

.open-animate-pop.jp .open-container-multiple .z_kabaoguocheng__000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-3_2829550d.png);
  background-size: 900% 900%;
}

.open-animate-pop.kr .open-container-multiple .z_kadaiguocheng_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-2_e7b10ecf.png);
  background-size: 900% 800%;
}

.open-animate-pop.kr .open-container-multiple .z_kabaoguocheng__000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-3_c38298bd.png);
  background-size: 900% 900%;
}

.open-animate-pop.en .open-container-multiple .z_kadaiguocheng_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-2_be236a0d.png);
  background-size: 900% 800%;
}

.open-animate-pop.en .open-container-multiple .z_kabaoguocheng__000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-3_c0eb75a2.png);
  background-size: 900% 900%;
}

.open-animate-pop.th .open-container-multiple .z_kadaiguocheng_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-2_53c69e4c.png);
  background-size: 900% 800%;
}

.open-animate-pop.th .open-container-multiple .z_kabaoguocheng__000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-3_221cbf59.png);
  background-size: 900% 900%;
}

.open-animate-pop.ind .open-container-multiple .z_kadaiguocheng_000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-2_f35f3564.png);
  background-size: 900% 800%;
}

.open-animate-pop.ind .open-container-multiple .z_kabaoguocheng__000-under-svg {
  background: url(https://www.swordofjustice.com/pc/zt/20251118150909/assets/open-3_53498469.png);
  background-size: 900% 900%;
}