/* 弹层样式 */
.default-dialog {
  position: absolute;
  display: none;
}

.activity-page {
  position: relative;
  width: 100%;
  max-width: 19.2rem;
  min-width: 12.5rem;
  overflow: hidden;
}

.activity-page * {
  box-sizing: border-box;
}

/* ------------------- 通用性的 ------------------- */
/* 到时候确认是否需要重新上传一份 */
@font-face {
  font-family: "hyjkj";
  /* src: url("https://game.gtimg.cn/images/wuxia/act/a20240606fxqy/font/hyjkj.eot");
  src: url("https://game.gtimg.cn/images/wuxia/act/a20240606fxqy/font/hyjkj.eot?#font-spider")
      format("embedded-opentype"),
    url("https://game.gtimg.cn/images/wuxia/act/a20240606fxqy/font/hyjkj.woff")
      format("woff"),
    url("https://game.gtimg.cn/images/wuxia/act/a20240606fxqy/font/hyjkj.ttf")
      format("truetype"); */
  src: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//font/HYJINKAIJ.TTF');
  font-weight: normal;
  font-style: normal;
}

.tiny-font {
  position: absolute;
  transform: scale(.8);
  transform-origin: center;
}

.section-container {
  position: relative;
  width: 14rem;
  height: 100%;
  margin: 0 auto;
}

/* 通用的渐变和发光字体样式，使用时需要投影则在html里搭配data-text使用，不需要则不设置，很方便~ */
.gradient-shadow-font {
  position: relative;
  display: inline-block;
  font-family: "hyjkj";
  text-align: center;
  background: linear-gradient(0deg, #da581a, #a54419);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.gradient-shadow-font::after {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  color: #fff; 
  text-shadow: .3px .2px .5px #fff; 
  visibility: visible;
}

.disable {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  pointer-events: none;
}

.hover-effect:hover {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  transition: all 0.1s linear;
}


/* ------------------- section-1 ------------------- */
.page-section-1 {
  width: 100%;
  height: 10.44rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/section-1.jpg') no-repeat 50% 0/19.2rem 10.45rem;
}

.logo {
  position: absolute;
  z-index: 899;
  left: .2rem;
  top: 0.5rem;
  width: 3.68rem;
  height: 0.63rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/logo.png') no-repeat center / cover;
}

.logo-item {
  display: block;
  float: left;
  width: 50%;
  height: 100%;
}

.ygx .sales-channel-list,
.shunwang .sales-channel-list {
  transform: translateY(1rem);
}

.start-game {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 2.74rem;
  height: .76rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/btn.png') no-repeat 0 0 / 2.74rem .76rem;
  left: 5.5rem;
  top: 4.7rem;
  font-size: .35rem;
  -webkit-animation: scaleInf infinite 1s !important;
  animation: scaleInf infinite 1s !important;
  z-index: 888;
}

@-webkit-keyframes scaleInf {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleInf {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.sales-channel-list {
  position: absolute;
  left: 50%;
  top: 5rem;
  margin-left: -6.6rem;
  text-align: center;
  animation: bounceIn 1s 0.6s ease both;
  -webkit-animation: bounceIn 1s 0.6s ease both;
  -moz-animation: bounceIn 1s 0.6s ease both;
}

.channel-item {
  position: relative;
  float: left;
  width: 3.08rem;
  height: 4.18rem;
  padding-top: .3rem;
  margin-right: .22rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/sales-channel.png') no-repeat 0 0/3.08rem 4.18rem;
  -webkit-animation: fadeInUp 1s ease both;
  animation: fadeInUp 1s ease both;
}

.channel-item:nth-child(2n) {
  margin-top: .2rem;
}

.channel-item.part-1 {
  animation-delay: .6s;
  -webkit-animation-delay: .6s;
}

.channel-item.part-2 {
  animation-delay: .9s;
  -webkit-animation-delay: .9s;
}

.channel-item.part-3 {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

.channel-item.part-4 {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.item-title {
  margin-bottom: 0.2rem;
  font-size: 0.36rem;
  line-height: 0.54rem;
}

.item-desc {
  margin-bottom: 0.1rem;
  font-family: normal;
  font-size: 0.2rem;
  color: #946726;
  line-height: 0.28rem;
}

.channel-item .item-icon {
  width: 1.4rem;
  text-align: center;
  margin: 0 auto .05rem;
  position: relative;
}

.channel-item .item-icon img {
  width: 1.4rem;
  height: auto;
}

.channel-item .item-icon .tip {
  display: none;
  position: absolute;
  left: -0.25rem;
  top: -0.2rem;
  padding: 0.05rem 0.15rem;
  border-radius: 0.1rem;
  font-size: 0.18rem;
  font-style: normal;
  color: #fff;
  white-space: nowrap;
  line-height: 0.32rem;
  background: rgba(0, 0, 0, 0.7);
}

.channel-item .item-icon:hover .tip {
  display: block;
}


.channel-item
.operate-button {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.96rem;
  height: 0.54rem;
  margin: auto;
  font-size: .26rem;
  font-weight: 600;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/btn.png') no-repeat 0 0/1.96rem 0.54rem;
}


@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0.2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(0.2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ------------------- section-2 ------------------- */
.page-section-2 {
  width: 100%;
  height: 13.65rem;
  padding-top: 2.8rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/section-2.jpg') no-repeat 50% 0/19.2rem 13.66rem;
}

.wish-info {
  position: relative;
  padding-right: 2.2rem;
}

.wish-desc {
  font-size: .2rem;
  line-height: .34rem;
  color: #734e34;
}

.wish-desc .highlight {
  color: #cc3106;
}

.wish-operation {
  position: absolute;
  top: 0;
  right: 0;
}

.wish-start-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  width: 5.56rem;
  height: .57rem;
  font-family: "hyjkj";
  font-size: .3rem;
  color: #fce4bd;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/wish-count.png') no-repeat 0 0/5.56rem .57rem;
  transform: translate(-50%, .1rem);
}

.wish-start-count .count-text {
  display: inline-block;
  margin-right: .2rem;
  font-size: .38rem;
  color: #fdef51;
}

.wish-list {
  display: block;
  width: 1.7rem;
  height: 0.5rem;
  margin-bottom: .15rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//btn/wish-list.png') no-repeat 0 0/1.7rem 0.5rem;
}

.wish-record {
  display: block;
  width: 1.7rem;
  height: 0.5rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//btn/wish-record.png') no-repeat 0 0/1.7rem 0.5rem;
}

.wish-container {
  display: flex;
  padding: .5rem 0  0 .75rem;
  position: relative;
  width: 14.1rem;
  height: 7.73rem;
  margin-top: .45rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/wish.png')no-repeat 0 0/14.1rem 7.73rem;
}

.wish-windbell-list {
  display: flex;
  width: 10.4rem;
  height: 6.6rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/windbell.png')no-repeat 0 0/10.4rem 6.2rem;
}

.windbell-item {
  position: relative;
  flex: 1;
}

.fortune-progress {
  position: absolute;
  width: .82rem;
  height: .82rem;
}

.progress-bg {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-size: 0.82rem 0.82rem;
  transition: 1s;
}

/* 背景图方位不固定---单独调整位置 */
.part-1 .fortune-progress {
  top: 1rem;
  left: .87rem;
}
.part-2 .fortune-progress {
  top: 1rem;
  left: .8rem;
}
.part-3 .fortune-progress {
  top: .96rem;
  left: .7rem;
}
.part-4 .fortune-progress {
  top: .96rem;
  left: .56rem;
}
.part-5 .fortune-progress {
  top: .96rem;
  left: .54rem;
}

/* 背景图是否需要重新上传待确认 */
.part-1 .progress-bg {
  background-image: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/fortune-progress-1.png');
}
.part-2 .progress-bg {
  background-image: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/fortune-progress-2.png');
}
.part-3 .progress-bg {
  background-image: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/fortune-progress-3.png');
}
.part-4 .progress-bg {
  background-image: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/fortune-progress-4.png');
}
.part-5 .progress-bg {
  background-image: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/fortune-progress-5.png');
}

.fortune-value {
  display: none;
  justify-content: center;
  position: absolute;
  width: 1rem;
  font-size: .25rem;
  font-weight: 600;
  color: #5b5b5b;
}

.fortune-value .highlight {
  color: #b28c0c;
}

.part-1 .fortune-value {
  top: 3.1rem;
  left: .7rem;
}
.part-2 .fortune-value {
  top: 3rem;
  left: .75rem;
}
.part-3 .fortune-value {
  top: 3.1rem;
  left: .7rem;
}
.part-4 .fortune-value {
  top: 3.08rem;
  left: .55rem;
}
.part-5 .fortune-value {
  top: 3.02rem;
  left: .5rem;
}

.count-tip {
  display: none;
  position: absolute;
  bottom: .8rem;
  width: 0.81rem;
  height: 0.82rem;
  padding-top: 0.18rem;
  font-family: "hyjkj";
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.18rem;
  color: #966a24;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/count-tip.png') no-repeat 0 0/0.81rem 0.82rem;
  transform: rotate(10deg);
}

.count-tip::after {
  position: absolute;
  right: -0.02rem;
  top: 0.18rem;
  content: "";
  width: 0.19rem;
  height: 0.2rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/red-point.png') no-repeat 0 0/0.19rem 0.2rem;
}

.count-tip .highlight {
  display: block;
  color: #b18308;
  font-size: 0.24rem;
  font-weight: 600;
  line-height: 0.24rem;
}

.windbell-item .get-button {
  position: absolute;
  z-index: 0;
  bottom: .15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.73rem;
  height: 0.48rem;
  font-size: .24rem;
  font-weight: 600;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/btn.png') no-repeat 0 0/1.73rem 0.48rem;
}


/* 奖池样式 */
.prize-pool-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .12rem;
  width: 2.1rem;
  height: 5.4rem;
  margin: 1.05rem 0 0 0.52rem;
}

.pool-item {
  position: relative;
  width: .97rem;
  height: .97rem;
}

.pool-item:first-child::after {
  content: "";
  width: 0.25rem;
  height: 0.56rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/prize-pool-icon.png') no-repeat 0 0/0.25rem 0.56rem;
  position: absolute;
  left: -0.12rem;
  top: -0.12rem;
  z-index: 88;
}

.pool-img {
  width: 100%;
  height: 100%;
}

.pool-item:hover .pool-tip {
  display: block;
}

.pool-tip {
  display: none;
  position: absolute;
  z-index: 100;
  right: 0.1rem;
  top: -0.1rem;
  border-radius: 0.1rem;
  padding: 0 0.15rem;
  font-size: 0.18rem;
  font-style: normal;
  line-height: 0.32rem;
  color: #fff;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.7);
}

.wish-btn {
  position: absolute;
  bottom: -0.8rem;
  left: 2.2rem;
  display: flex;

  
}


.wish-one {
  display: block;
  width: 3.3rem;
  height: .98rem;
  margin-right: .5rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//btn/wish-one.png') no-repeat 0 0 / 3.3rem .98rem;
}

.wish-ten {
  display: block;
  width: 3.3rem;
  height: .98rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//btn/wish-ten.png') no-repeat 0 0 / 3.3rem .98rem;
}

/* ------------------- section-3 ------------------- */
.page-section-3 {
  width: 100%;
  height: 12.3rem;
  padding-top: 2.4rem;
  margin: -1px 0;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/section-3.jpg') no-repeat 50% 0/19.2rem 12.3rem;
}

.wish-milestone-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.milestone-desc {
  align-self: normal;
  padding-left: 2.2rem;
  font-size: .2rem;
  line-height: .34rem;
  color: #734e34;
}

.wish-count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .2rem;
  width: 5.56rem;
  height: .57rem;
  font-family: "hyjkj";
  font-size: .3rem;
  color: #fce4bd;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/wish-count.png') no-repeat 0 0/5.56rem .57rem;
}

.wish-count .count-text {
  display: inline-block;
  margin-right: .2rem;
  font-size: .38rem;
  color: #fdef51;
}

.milestone-reward-list {
  display: flex;
  justify-content: center;
  width: 14rem;
  height: 6.51rem;
  padding: 0 .1rem;
  margin-top: .2rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/milestone-reward.png') no-repeat 0 0/14rem 6.51rem;
}

.reward-item {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
}

.reward-item .tip-wrap {
  position: absolute;
  top: 1.5rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
}

.tip-wrap:hover .tip {
  display: block;
}

.tip-wrap .tip {
  display: none;
  position: absolute;
  left: -1rem;
  top: -0.8rem;
  padding: 0.05rem 0.15rem;
  border-radius: 0.1rem;
  font-size: 0.18rem;
  font-style: normal;
  color: #fff;
  white-space: nowrap;
  line-height: 0.32rem;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}

.reward-item .reward-desc {
  position: absolute;
  z-index: 0;
  bottom: 2.68rem;
  font-size: .2rem;
  line-height: .24rem;
  color: #946726;
}

.reward-item .get-button {
  position: absolute;
  z-index: 0;
  bottom: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 0.42rem;
  margin: auto;
  font-size: .24rem;
  font-weight: 600;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/btn.png') no-repeat 0 0/1.5rem 0.42rem;
}

.reward-item:nth-child(2n) .tip-wrap {
  top: 1.95rem;
}

.reward-item:nth-child(2n) .reward-desc {
  bottom: 2.2rem;
}

.reward-item:nth-child(2n) .get-button {
  bottom: 1.7rem;
}


/* ------------------- section-4------------------- */
.page-section-4 {
  width: 100%;
  height: 21.7rem;
  padding-top: 2.5rem;
  margin: -1px 0;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/section-4.jpg') no-repeat 50% 0/19.2rem 21.7rem;
}

.fortune-bag-info {
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: .4rem;
}

.fortune-bag-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.56rem;
  height: .57rem;
  padding: 0 .8rem;
  font-size: .3rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/fortune-bag-count.png') no-repeat 0 0/5.56rem 0.57rem;
}

.fortune-bag-count .gradient-shadow-font {
  margin-right: -0.1rem;
}

.fortune-bag-count .count-text {
  margin-right: .1rem;
  font-size: .38rem;
  color: #cf0101;
}

.fortune-bag-count .update-btn {
  width: 1.33rem;
  height: .4rem;
  margin-left: .1rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//btn/update.png') no-repeat 0 0/1.33rem .4rem;
}

.view-exchange {
  position: absolute;
  right: 0;
  width: 2.64rem;
  height: .48rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//btn/view-exchange.png') no-repeat 0 0/2.64rem .48rem;
}

.normal-exchange-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.exchange-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.07rem;
  height: 5.34rem;
  padding-top: .5rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/exchange-flag.png') no-repeat 0 0/2.07rem 5.34rem;
}

.exchange-item:nth-child(2n) {
  top: .4rem;
}

.exchange-limit {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 0 .1rem;
  margin-bottom: .1rem;
  font-size: .22rem;
}

.exchange-count {
  font-size: .2rem;
}

.exchange-item .item-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.39rem;
  height: 1.37rem;
  margin-bottom: .1rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/show-item-2.png') no-repeat 0 0/1.39rem 1.37rem;
}

.exchange-item .item-icon img {
  width: 100%;
  height: 100%;
}

.exchange-item .item-icon .tip {
  display: none;
  position: absolute;
  z-index: 100;
  left: -50%;
  padding: 0.15rem 0.15rem;
  bottom: 60%;
  border-radius: 0.1rem;
  font-style: normal;
  font-size: 0.25rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  line-height: 0.38rem;
  background: rgba(0, 0, 0, 0.8);
}

.exchange-item .item-icon:hover .tip{
  display: block;
}

.exchange-item .item-desc {
  margin-bottom: .1rem;
  font-size: .2rem;
  text-align: center;
  line-height: .2rem;
}

.exchange-btn {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.7rem;
  height: 0.48rem;
  font-size: .24rem;
  font-weight: 600;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/btn.png') no-repeat 0 0/1.7rem 0.48rem;
}

.special-exchange-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 14rem;
  height: 8.88rem;
  padding: .8rem .3rem .3rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/special-exchange.png') no-repeat 0 0/14rem 8.88rem;
}

.special-exchange-list .exchange-item {
  top: 0;
}

.special-exchange-list .exchange-item {
  width: 1.83rem;
  height: 3.69rem;
  padding-top: .4rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//bg/special-exchange-flag.png') no-repeat 0 0/1.83rem 3.69rem;
}

.special-exchange-list .item-icon {
  width: 1.2rem;
  height: 1.18rem;
  background-size: 1.2rem 1.18rem;
}

.special-exchange-list .item-desc {
  margin-bottom: .1rem;
  font-size: .18rem;
}

.special-exchange-list .exchange-btn {
  width: 1.56rem;
  height: .43rem;
  background-size: 1.56rem .43rem;
}

.normal-exchange-list .exchange-btn span,
.special-exchange-list .exchange-btn span {
  display: flex;
  align-items: center;
}

.normal-exchange-list .exchange-btn i,
.special-exchange-list .exchange-btn i {
  display: inline-block;
  width: .4rem;
  height: .4rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//wish/id-5617931.png') no-repeat 0 0 / .4rem .4rem;
}


/* ------------------- section-5------------------- */
.page-section-5 {
  width: 100%;
  height: 10.28rem;
  padding-top: 2.7rem;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy/bg/section-5.jpg') no-repeat 50% 0/19.2rem 10.28rem;
}

.page-section-5 .section-container {
  padding: 0 。95rem;
}

.activity-rule {
  font-size: .22rem;
  line-height: .46rem;
  color: #734e34;
  text-indent: -1.8em;      /* 首行负缩进 */
  padding-left: 1.8em;      /* 整体向右移动，使第二行及之后的行缩进 */
}

.rule-icon {
  display: inline-block;
  width: .27rem;
  height: .25rem;
  margin-right: 0.1rem;
  vertical-align: middle;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//element/maple.png') no-repeat 0 0/.27rem .25rem;
}

.view-rule {
  display: inline-block;
  width: 1.33rem;
  height: .4rem;
  vertical-align: top;
  background: url('https://game.gtimg.cn/images/wuxia/cp/a20240910fxqy//btn/view-rule.png') no-repeat 0 0/1.33rem .4rem;
}