html,
body {
  width: 100%;
  height: 100%;
}

[v-cloak] {
  display: none;
}

.btn-com {
  width: 1.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.25rem;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

.empty-data {
  color: gray;
  margin: 0.3rem auto;
  text-align: center;
}

.bg-com {
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
}

.bg-cover {
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
     background-size: cover;
}

.bg-contain {
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: contain;
     background-size: contain;
}

.vuetpl {
  width: 7.2rem;
  margin: 0 auto;
  height: auto;
  min-height: 100vh;
  font-family: "SourceHanSansSC-Bold, SourceHanSansSC" !important;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  overflow-y: auto;
  padding-bottom: 0.76rem;
}

.vuetpl-content {
  position: relative;
  width: 100%;
  height: 5.2rem;
}
.vuetpl-content .head-time {
  width: 4.4rem;
  height: 0.28rem;
  background: rgba(36, 92, 219, 0.5);
  text-align: center;
  line-height: 0.28rem;
  color: #fff;
  font-size: 0.2rem;
  position: absolute;
  font-weight: 500;
  bottom: 0.56rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}

.summer-icon {
  width: 1.2rem;
  height: 1.2rem;
  top: 4.3rem;
  position: fixed;
  right: 0.16rem;
  z-index: 9;
}

.rule-bg {
  color: #fff;
  position: absolute;
  width: 0.64rem;
  height: 0.64rem;
  line-height: 0.6rem;
  text-align: center;
  right: 0.16rem;
  top: 0.64rem;
  z-index: 100;
  background-image: url("/h5/activity/images/game-tools/sign_series/rule.png");
}

.share-bg {
  color: #fff;
  position: absolute;
  line-height: 0.5rem;
  text-align: center;
  width: 0.64rem;
  height: 0.64rem;
  right: 0.16rem;
  top: 1.6rem;
  z-index: 100;
  background-image: url("/h5/activity/images/game-tools/sign_series/share.png");
}

.all-content {
  padding: 0.32rem 0.32rem;
}
.all-content .game-content {
  background: #F3F4F5;
  border-radius: 0.24rem;
}
.all-content .game-content .top {
  background: #ffffff;
  border-radius: 0.24rem;
  height: 1.52rem;
  padding: 0 0.32rem;
  overflow: hidden;
  overflow-x: auto;
}
.all-content .game-content .top .no-checked {
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.96rem;
  height: 0.96rem;
}
.all-content .game-content .top .no-checked .game-item {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 0.24rem;
  position: relative;
}
.all-content .game-content .top .no-checked.checked {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.3rem;
  border: 0.04rem solid #0089FF;
}
.all-content .game-content .top .no-checked.checked .game-item {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.04rem;
  height: 1.04rem;
  border-radius: 0.24rem;
  position: relative;
}
.all-content .game-content .top .no-checked .marker {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-background-size: cover;
     background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.all-content .game-content .top .line {
  width: 0.02rem;
  height: 0.48rem;
  background: #EEEEEE;
  margin: 0 0.16rem;
}
.all-content .game-content .bottom {
  padding: 0.16rem 0.32rem;
}
.all-content .game-content .bottom .name {
  font-weight: 600;
  color: #323232;
  margin-bottom: 0.06rem;
}
.all-content .game-content .bottom .suffix {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0.2rem;
  color: #FF9800;
  margin-right: 0.16rem;
}
.all-content .game-content .bottom .tags {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #909090;
  font-size: 0.2rem;
  margin-right: 0.16rem;
}
.all-content .game-content .bottom .size {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0.2rem;
  color: #909090;
}
.all-content .game-content .bottom .downloadNum {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0.2rem;
  color: #909090;
  margin-right: 0.16rem;
}
.all-content .game-content .bottom .look-btn {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.56rem;
  height: 0.54rem;
  background: #0089FF;
  border-radius: 0.27rem;
  text-align: center;
  line-height: 0.54rem;
  font-size: 0.28rem;
  color: #FFFFFF;
}
.all-content .game-content2 {
  height: 1.68rem;
  background: #FFFFFF;
  border-radius: 0.24rem;
  padding: 0.24rem 0.32rem;
}
.all-content .game-content2 .game {
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.all-content .game-content2 .icon {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.24rem;
  margin-right: 0.16rem;
  position: relative;
}
.all-content .game-content2 .icon .marker {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-background-size: cover;
     background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.all-content .game-content2 .name {
  font-weight: 600;
  color: #323232;
  margin-bottom: 0.06rem;
}
.all-content .game-content2 .suffix {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0.2rem;
  color: #FF9800;
  margin-right: 0.16rem;
}
.all-content .game-content2 .tags {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #909090;
  font-size: 0.2rem;
  margin-right: 0.16rem;
}
.all-content .game-content2 .size {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0.2rem;
  color: #909090;
}
.all-content .game-content2 .downloadNum {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0.2rem;
  color: #909090;
  margin-right: 0.16rem;
}
.all-content .game-content2 .look-btn {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.56rem;
  height: 0.54rem;
  background: #0089FF;
  border-radius: 0.27rem;
  text-align: center;
  line-height: 0.54rem;
  font-size: 0.28rem;
  color: #FFFFFF;
}
.all-content .sign-content {
  margin-top: 0.56rem;
}
.all-content .sign-content .top {
  height: 0.96rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/sign_top.png");
  position: relative;
}
.all-content .sign-content .top .look-sign {
  position: absolute;
  top: 0.24rem;
  right: 0.32rem;
  font-size: 0.24rem;
  color: #FFFFFF;
}
.all-content .sign-content .top .look-sign .dot {
  position: absolute;
  top: -0.03rem;
  right: -0.1rem;
  width: 0.1rem;
  border-radius: 100%;
  height: 0.1rem;
  background: #FF0000;
}
.all-content .sign-content .sign-content2 {
  position: relative;
  background-color: #fff;
  padding-top: 0.24rem;
  border-radius: 0 0 0.24rem 0.24rem;
}
.all-content .sign-content .sign-content2 .sign-detail {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow: hidden;
  overflow-x: auto;
  padding-left: 0.32rem;
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 0.16rem;
  min-width: 1.76rem;
  height: 2.02rem;
  background: #F3F4F5;
  border-radius: 0.12rem;
  text-align: center;
  padding: 0 0.08rem;
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item.checked {
  background: #EEF6FF;
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item .name {
  font-weight: 400;
  font-size: 0.2rem;
  color: #909090;
  position: relative;
  z-index: 2;
  -webkit-transform: translateY(0.12rem);
     -moz-transform: translateY(0.12rem);
      -ms-transform: translateY(0.12rem);
       -o-transform: translateY(0.12rem);
          transform: translateY(0.12rem);
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item .three-award {
  border-radius: 0.08rem;
  height: 1.2rem;
  margin-top: 0.04rem;
  position: relative;
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item .three-award .award-img1 {
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  background-image: url("/h5/activity/images/festival_2025/0715/bmd.png");
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item .three-award .award-img1 .received {
  position: absolute;
  width: 0.86rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/h5/activity/images/game-tools/sign_series/received.png");
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item .award1 {
  width: 1.2rem;
  text-align: center;
  padding: 0 0.1rem;
  font-weight: 400;
  font-size: 0.2rem;
  color: #505050;
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item .award-img {
  margin-top: 0.04rem;
  width: 1.6rem;
  height: 1.2rem;
  border-radius: 0.08rem;
  position: relative;
  background-image: url("/h5/activity/images/festival_2025/0715/bmd.png");
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item .award-img .received {
  position: absolute;
  width: 0.86rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/h5/activity/images/game-tools/sign_series/received.png");
}
.all-content .sign-content .sign-content2 .sign-detail .sign-item .award {
  margin-top: 0.08rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #505050;
  width: 100%;
}
.all-content .sign-content .sign-content2 .sign-btn {
  width: 4.48rem;
  height: 0.88rem;
  margin: 0.4rem auto 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.32rem;
  background: #0089FF;
  border-radius: 0.44rem;
  color: #FFFFFF;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.all-content .sign-content .sign-content2 .sign-btn span {
  font-weight: 400;
  font-size: 0.2rem;
}
.all-content .sign-content .sign-content2 .sign-btn.sign-btn2 {
  background: #909090;
}
.all-content .sign-content .sign-content2 .tips {
  font-size: 0.2rem;
  color: #909090;
  text-align: center;
  margin-top: 0.16rem;
}
.all-content .sign-content .sign-content2 .my-gift {
  margin: 0.16rem auto 0;
  width: 1.76rem;
  height: 0.46rem;
  text-align: center;
  font-size: 0.22rem;
  color: #0089FF;
  line-height: 0.46rem;
  -moz-text-decoration-line: underline;
       text-decoration-line: underline;
  background-image: url("/h5/activity/images/game-tools/sign_series/my_gift_bg.png");
}
.all-content .sign-content .sign-content2 .complement {
  position: absolute;
  right: 0;
  bottom: 1.34rem;
  width: 0.88rem;
  height: 0.4rem;
  background: #E6F4FF;
  border-radius: 1rem 0px 0px 1rem;
  font-weight: 600;
  font-size: 0.2rem;
  color: #0089FF;
}
.all-content .sign-content .sign-content2 .complement .complement-icon {
  margin: 0 0.04rem 0 0.08rem;
  width: 0.28rem;
  height: 0.28rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/complement_icon.png");
}
.all-content .recommend-content {
  margin: 0.56rem auto 0;
}
.all-content .recommend-content .top {
  height: 0.96rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/recommend_top.png");
  position: relative;
}
.all-content .recommend-content .recommend {
  background: #FFFFFF;
  border-radius: 0px 0px 0.24rem 0.24rem;
  position: relative;
  padding: 0.24rem 0.32rem 0.32rem;
}
.all-content .recommend-content .recommend .recommend-item {
  margin-bottom: 0.24rem;
}
.all-content .recommend-content .recommend .recommend-item .tips {
  width: 0.48rem;
  height: 0.28rem;
  background: #0089FF;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.28rem;
  font-weight: 600;
  font-size: 0.18rem;
  color: #FFFFFF;
  margin-right: 0.08rem;
  margin-top: 0.02rem;
}
.all-content .recommend-content .recommend .recommend-item .tips.tips2 {
  background: #FF9800;
}
.all-content .recommend-content .recommend .recommend-item .center {
  width: 3.84rem;
  font-size: 0.28rem;
  color: #323232;
}
.all-content .recommend-content .recommend .recommend-item .center.center2 {
  width: 4.64rem;
}
.all-content .recommend-content .recommend .recommend-item .comment {
  font-size: 0.24rem;
  color: #C4C4C4;
}
.all-content .recommend-content .recommend .recommend-item .comment .num-img {
  margin-left: 0.04rem;
  width: 0.24rem;
  height: 0.24rem;
  background-image: url("/h5/activity/images/festival_2024/anniversary/comment1.png");
}
.all-content .recommend-content .recommend .recommend-item .comment .num-img2 {
  background-image: url("/h5/activity/images/festival_2024/anniversary/comment2.png");
}
.all-content .recommend-content .recommend .recommend-item .recommend-img {
  width: 1.44rem;
  height: 1.04rem;
  border-radius: 0.16rem;
}
.all-content .recommend-content .recommend .isImg {
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.all-content .recommend-content .recommend .recommend-btn {
  margin: 0.4rem auto 0;
  width: 4.48rem;
  height: 0.88rem;
  background: #0089FF;
  border-radius: 0.44rem;
  font-weight: 600;
  font-size: 0.32rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.88rem;
}
.all-content .recommend-content .recommend .text2 {
  font-size: 0.2rem;
  text-align: center;
  margin-top: 0.16rem;
  color: #909090;
}

.dialog-rule-box {
  position: relative;
}
.dialog-rule-box .top {
  width: 100%;
  height: 1.12rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/rule_bg.png");
  text-align: center;
  padding-top: 0.16rem;
  font-weight: 800;
  font-size: 0.44rem;
  color: #000000;
}
.dialog-rule-box .top span {
  color: #0089FF;
}
.dialog-rule-box .dialog-rule {
  min-height: 3rem;
  max-height: 5.98rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  position: relative;
  padding: 0.24rem 0.4rem 0.4rem;
  background: #FFFFFF;
  border-radius: 0px 0px 0.24rem 0.24rem;
  margin-top: -0.02rem;
}
.dialog-rule-box .dialog-rule .dialog-rule-text {
  width: 100%;
  font-size: 0.28rem;
  line-height: 0.4rem;
  border-radius: 0.2rem;
}
.dialog-rule-box .dialog-rule .dialog-rule-text div {
  color: #505050;
  text-align: justify;
}
.dialog-rule-box .dialog-rule .dialog-rule-text div span {
  color: #F98B3F;
  text-decoration: underline;
}
.dialog-rule-box .dialog-rule-close {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0.48rem auto 0;
  background-image: url("/h5/activity/images/game-tools/sign_series/close_sz.png");
}

.grand-sign {
  width: 6.24rem;
  position: relative;
}
.grand-sign .top {
  width: 100%;
  height: 1.12rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/sign_top2.png");
  text-align: center;
  padding: 0rem 0 0 3.53rem;
  font-size: 0.24rem;
  color: #909090;
}
.grand-sign .top .complement {
  width: 0.96rem;
  height: 0.4rem;
  background: #E6F4FF;
  border-radius: 1rem;
  font-weight: 600;
  font-size: 0.2rem;
  color: #0089FF;
  margin-left: 0.16rem;
}
.grand-sign .top .complement .complement-icon {
  margin: 0 0.04rem 0 0.08rem;
  width: 0.28rem;
  height: 0.28rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/complement_icon.png");
}
.grand-sign .close {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0.48rem auto 0;
  background-image: url("/h5/activity/images/game-tools/sign_series/close_sz.png");
}
.grand-sign .sign-detail {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background: #FFFFFF;
  margin-top: -0.02rem;
  border-radius: 0px 0px 0.24rem 0.24rem;
  padding: 0.16rem 0.32rem 0.32rem;
  gap: 0.16rem;
  max-height: 7.3rem;
  overflow: hidden;
  overflow-y: auto;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.grand-sign .sign-detail .sign-item {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  min-width: 1.76rem;
  height: 2.04rem;
  background: #F3F4F5;
  border-radius: 0.12rem;
  text-align: center;
  position: relative;
}
.grand-sign .sign-detail .sign-item .red {
  width: 0.16rem;
  height: 0.16rem;
  background: #FF0000;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
.grand-sign .sign-detail .sign-item .name {
  font-weight: 400;
  font-size: 0.2rem;
  color: #909090;
  position: relative;
  z-index: 2;
  -webkit-transform: translateY(0.12rem);
     -moz-transform: translateY(0.12rem);
      -ms-transform: translateY(0.12rem);
       -o-transform: translateY(0.12rem);
          transform: translateY(0.12rem);
}
.grand-sign .sign-detail .sign-item .three-award {
  border-radius: 0.08rem;
  height: 1.2rem;
  margin-top: 0.04rem;
  position: relative;
}
.grand-sign .sign-detail .sign-item .three-award .award-img1 {
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  background-image: url("/h5/activity/images/festival_2025/0715/bmd.png");
}
.grand-sign .sign-detail .sign-item .three-award .award-img1 .received {
  position: absolute;
  width: 0.86rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/h5/activity/images/game-tools/sign_series/received.png");
}
.grand-sign .sign-detail .sign-item .award1 {
  width: 1.2rem;
  text-align: center;
  padding: 0 0.06rem;
  font-weight: 400;
  font-size: 0.2rem;
  color: #505050;
}
.grand-sign .sign-detail .sign-item .award-img {
  margin-top: 0.04rem;
  width: 1.6rem;
  height: 1.2rem;
  border-radius: 0.08rem;
  position: relative;
  background-image: url("/h5/activity/images/festival_2025/0715/bmd.png");
}
.grand-sign .sign-detail .sign-item .award-img .received {
  position: absolute;
  width: 0.86rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/h5/activity/images/game-tools/sign_series/received.png");
}
.grand-sign .sign-detail .sign-item .award {
  margin-top: 0.08rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #505050;
  width: 100%;
}
.grand-sign .sign-detail .sign-item .award-gift2 {
  position: relative;
  z-index: 1;
  font-size: 0.2rem;
  color: #505050;
  width: 1.2rem;
  text-align: center;
  padding: 0 0.06rem;
  margin-top: -0.2rem;
}
.grand-sign .sign-detail .sign-item .award-gift2 .look {
  color: #FF0000;
  -moz-text-decoration-line: underline;
       text-decoration-line: underline;
}
.grand-sign .sign-detail .sign-item .award-gift2 .need {
  color: #0089FF;
}
.grand-sign .sign-detail .sign-item .award-gift {
  position: relative;
  z-index: 1;
  font-size: 0.2rem;
  color: #505050;
  text-align: center;
  padding: 0 0.06rem;
  margin-top: -0.14rem;
}
.grand-sign .sign-detail .sign-item .award-gift .look {
  color: #FF0000;
  -moz-text-decoration-line: underline;
       text-decoration-line: underline;
}
.grand-sign .sign-detail .sign-item .award-gift .need {
  color: #0089FF;
}

.game-change-box .top {
  width: 100%;
  height: 1.12rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/rule_bg.png");
  text-align: center;
  padding-top: 0.16rem;
  font-weight: 800;
  font-size: 0.44rem;
  color: #000000;
}
.game-change-box .top span {
  color: #0089FF;
}
.game-change-box .bottom-game {
  padding: 0.16rem 0.32rem 0.56rem;
  background: #FFFFFF;
  margin-top: -0.02rem;
  border-radius: 0px 0px 0.24rem 0.24rem;
}
.game-change-box .bottom-game .tips {
  font-size: 0.24rem;
  color: #909090;
  text-align: center;
  margin-bottom: 0.24rem;
}
.game-change-box .bottom-game .bottom-game-item {
  width: 1.76rem;
  height: 2.44rem;
  background: #F3F4F5;
  border-radius: 0.12rem;
  padding: 0.24rem 0.16rem;
  text-align: center;
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.game-change-box .bottom-game .bottom-game-item .game-item {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.12rem;
  height: 1.12rem;
  border-radius: 0.24rem;
  position: relative;
  margin: 0 auto;
}
.game-change-box .bottom-game .bottom-game-item .marker {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-background-size: cover;
     background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.game-change-box .bottom-game .bottom-game-item .name {
  font-weight: 400;
  font-size: 0.24rem;
  color: #323232;
  margin-top: 0.16rem;
}
.game-change-box .bottom-game .bottom-game-item .name2 {
  font-weight: 400;
  font-size: 0.2rem;
  color: #FF9800;
  margin-top: 0.16rem;
}

.general-sign-box .top {
  width: 100%;
  height: 1.12rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/rule_bg.png");
  text-align: center;
  padding-top: 0.16rem;
  font-weight: 800;
  font-size: 0.44rem;
  color: #000000;
}
.general-sign-box .top span {
  color: #0089FF;
}
.general-sign-box .bottom {
  background: #FFFFFF;
  margin-top: -0.02rem;
  border-radius: 0px 0px 0.24rem 0.24rem;
  padding: 0.4rem 0.32rem 0.56rem;
}
.general-sign-box .bottom .item-box {
  max-height: 6.5rem;
  gap: 0.24rem 0.16rem;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: hidden;
  overflow-y: auto;
}
.general-sign-box .bottom .item-box .item {
  width: 1.76rem;
  height: 1.76rem;
  background: #F3F4F5;
  border-radius: 0.12rem;
  padding: 0.1rem 0.08rem 0;
  font-size: 0.22rem;
  color: #505050;
  text-align: center;
}
.general-sign-box .bottom .item-box .item .icon {
  width: 1.6rem;
  height: 1.2rem;
}
.general-sign-box .bottom .bottom-btn {
  margin: 0.56rem auto 0;
  width: 3.2rem;
  height: 0.8rem;
  background: #0089FF;
  border-radius: 0.4rem;
  text-align: center;
  line-height: 0.8rem;
  font-weight: 600;
  font-size: 0.32rem;
  color: #FFFFFF;
}
.general-sign-box .bottom .iosOrSdk {
  margin-top: 0.16rem;
  text-align: center;
  font-size: 0.28rem;
  color: #FF3B30;
}
.general-sign-box .bottom .iosOrSdk .other {
  font-size: 0.24rem;
  color: #909090;
  margin-top: 0.32rem;
}
.general-sign-box .bottom2 {
  background: #FFFFFF;
  margin-top: -0.02rem;
  border-radius: 0px 0px 0.24rem 0.24rem;
  padding: 0.16rem 0.32rem 0.4rem;
}
.general-sign-box .bottom2 .text {
  font-size: 0.24rem;
  color: #909090;
  margin-bottom: 0.16rem;
}
.general-sign-box .bottom2 .tips {
  margin-top: 0.32rem;
  font-size: 0.24rem;
  color: #909090;
}
.general-sign-box .bottom2 .gift-box {
  max-height: 6rem;
  gap: 0.16rem;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  overflow: hidden;
  overflow-y: auto;
}
.general-sign-box .bottom2 .gift-box .gift-item {
  width: 100%;
  background: #F3F4F5;
  border-radius: 0.12rem;
  padding: 0.16rem 0.24rem;
}
.general-sign-box .bottom2 .gift-box .gift-item .icon {
  width: 0.88rem;
  height: 0.88rem;
  margin-right: 0.16rem;
  border-radius: 0.24rem;
  position: relative;
}
.general-sign-box .bottom2 .gift-box .gift-item .icon .marker {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-background-size: cover;
     background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.general-sign-box .bottom2 .gift-box .gift-item .name1 {
  font-size: 0.28rem;
  color: #323232;
  margin-bottom: 0.08rem;
}
.general-sign-box .bottom2 .gift-box .gift-item .name2 {
  font-size: 0.2rem;
  color: #FF9800;
  height: 0.26rem;
}
.general-sign-box .bottom2 .gift-box .gift-item .get-cdk {
  -webkit-flex: 0 0 auto;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.12rem;
  height: 0.54rem;
  background: #0089FF;
  border-radius: 0.27rem;
  text-align: center;
  line-height: 0.54rem;
  font-size: 0.28rem;
  color: #FFFFFF;
}
.general-sign-box .bottom2 .gift-box .gift-item .cdk {
  font-size: 0.24rem;
  color: #323232;
  margin-top: 0.16rem;
}
.general-sign-box .bottom2 .gift-box .gift-item .cdk span {
  font-size: 0.24rem;
  color: #0089FF;
  margin-left: 0.24rem;
}
.general-sign-box .close {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0.48rem auto 0;
  background-image: url("/h5/activity/images/game-tools/sign_series/close_sz.png");
}

.complement-sign-box .top {
  width: 100%;
  height: 1.12rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/rule_bg.png");
  text-align: center;
  padding-top: 0.16rem;
  font-weight: 800;
  font-size: 0.44rem;
  color: #000000;
}
.complement-sign-box .top span {
  color: #0089FF;
}
.complement-sign-box .bottom {
  background: #FFFFFF;
  margin-top: -0.02rem;
  border-radius: 0px 0px 0.24rem 0.24rem;
  padding: 0.4rem 0.32rem 0.56rem;
}
.complement-sign-box .bottom .item-box {
  max-height: 6.5rem;
  gap: 0.24rem 0.16rem;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: hidden;
  overflow-y: auto;
}
.complement-sign-box .bottom .gift {
  margin-top: -0.16rem;
}
.complement-sign-box .bottom .gift .look {
  font-size: 0.2rem;
  color: #FF0000;
  -moz-text-decoration-line: underline;
       text-decoration-line: underline;
}
.complement-sign-box .bottom .item {
  width: 1.76rem;
  height: 1.76rem;
  background: #F3F4F5;
  border-radius: 0.12rem;
  padding: 0.1rem 0.08rem 0;
  font-size: 0.22rem;
  color: #505050;
  text-align: center;
}
.complement-sign-box .bottom .item .icon {
  width: 1.6rem;
  height: 1.2rem;
}
.complement-sign-box .bottom .bottom-btn {
  margin: 0.56rem auto 0;
  width: 3.2rem;
  height: 0.8rem;
  background: #0089FF;
  border-radius: 0.4rem;
  text-align: center;
  line-height: 0.8rem;
  font-weight: 600;
  font-size: 0.32rem;
  color: #FFFFFF;
}
.complement-sign-box .bottom .iosOrSdk {
  margin-top: 0.32rem;
  font-size: 0.28rem;
}
.complement-sign-box .bottom .iosOrSdk .other {
  font-size: 0.24rem;
  color: #909090;
}
.complement-sign-box .bottom .androidApp {
  margin-top: 0.32rem;
  text-align: center;
  font-size: 0.24rem;
  color: #909090;
}

.complement-sign-box2 .top {
  width: 100%;
  height: 1.12rem;
  background-image: url("/h5/activity/images/game-tools/sign_series/sign_top3.png");
  font-size: 0.24rem;
  color: #909090;
  padding: 0.36rem 0 0 3.37rem;
}
.complement-sign-box2 .top span {
  color: #0089FF;
}
.complement-sign-box2 .bottom {
  background: #FFFFFF;
  margin-top: -0.02rem;
  border-radius: 0px 0px 0.24rem 0.24rem;
  padding: 0.32rem 0.32rem 0.5rem;
}
.complement-sign-box2 .bottom .title1 {
  font-size: 0.32rem;
  color: #323232;
}
.complement-sign-box2 .bottom .title2 {
  font-size: 0.24rem;
  color: #909090;
  margin-top: 0.04rem;
}
.complement-sign-box2 .bottom .content {
  gap: 0.09rem;
  margin-top: 0.24rem;
}
.complement-sign-box2 .bottom .content .item {
  width: 0.72rem;
  height: 0.96rem;
  border-radius: 0.16rem;
  font-size: 0.4rem;
  color: #505050;
  text-align: center;
  line-height: 0.96rem;
  background-color: #f3f4f5;
}
.complement-sign-box2 .bottom .content .item.checked {
  background-color: #EEF6FF;
  color: #0089FF;
}
.complement-sign-box2 .bottom .content .item2 {
  width: 0.72rem;
  height: 0.96rem;
  border-radius: 0.16rem;
  font-size: 0.4rem;
  color: #EEF6FF;
  text-align: center;
  line-height: 0.96rem;
  background-color: #909090;
}
.complement-sign-box2 .bottom .detail {
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 0.56rem;
}
.complement-sign-box2 .bottom .detail .left .text1 {
  font-size: 0.24rem;
  color: #323232;
}
.complement-sign-box2 .bottom .detail .left .text1 span {
  font-weight: 600;
  font-size: 0.5rem;
  color: #0089FF;
}
.complement-sign-box2 .bottom .detail .left .text2 {
  padding: 0.02rem 0.08rem;
  display: inline-block;
  background: #F3F4F5;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  color: #505050;
}
.complement-sign-box2 .bottom .detail .btn {
  width: 2.4rem;
  height: 0.8rem;
  background: #0089FF;
  border-radius: 0.4rem;
  font-weight: 600;
  font-size: 0.32rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.8rem;
}