/*
* 活动用 变量
*/
.winning-sign-view[data-v-aaf81d48] {
  position: relative;
  margin: 0.64rem auto 0.533333rem;
  width: 9.066667rem;
  height: 2.933333rem;
  border-radius: 0.213333rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.winning-sign-view .text[data-v-aaf81d48] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
}
.winning-sign-view ul[data-v-aaf81d48] {
  max-width: 90%;
  margin: auto;
  -webkit-animation: startScroll1-data-v-aaf81d48 18s linear infinite;
  animation: startScroll1-data-v-aaf81d48 18s linear infinite;
}
.winning-sign-view ul li[data-v-aaf81d48] {
  color: #fff;
  font-size: 0.32rem;
  text-align: left;
  line-height: 0.586667rem;
  white-space: nowrap;
  word-wrap: none;
  word-break: keep-all;
}
@-webkit-keyframes startScroll1-data-v-aaf81d48 {
0% {
    -webkit-transform: translateY(0.8rem);
    transform: translateY(0.8rem);
}
100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
}
@keyframes startScroll1-data-v-aaf81d48 {
0% {
    -webkit-transform: translateY(0.8rem);
    transform: translateY(0.8rem);
}
100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
}
/*
* 活动用 变量
*/
.roulette-rules-view[data-v-e2e439e2] {
  margin-top: 0.533333rem;
}
.roulette-rules-view h3 img[data-v-e2e439e2] {
  max-width: 2.026667rem;
}
.roulette-rules-view > ul[data-v-e2e439e2] {
  padding: 0 0.533333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.roulette-rules-view > ul > li[data-v-e2e439e2] {
  color: #fff;
  font-size: 0.373333rem;
  line-height: 0.64rem;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.roulette-rules-view > ul > li .order[data-v-e2e439e2] {
  color: #000;
  position: relative;
  text-align: center;
  display: block;
  width: 0.48rem;
  margin-right: 0.213333rem;
}
.roulette-rules-view > ul > li .order i[data-v-e2e439e2] {
  font-style: normal;
  position: relative;
  width: 0.533333rem;
  height: 0.533333rem;
  color: #0c0e42;
  background: -webkit-gradient(linear, left top, left bottom, from(#feeedd), color-stop(98.89%, #f8d2ad));
  background: linear-gradient(180deg, #feeedd 0%, #f8d2ad 98.89%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0.026667rem;
  top: 0.106667rem;
  z-index: 0;
  border-radius: 50%;
}
.roulette-rules-view > ul > li p[data-v-e2e439e2] {
  padding-top: 0.026667rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/*
* 活动用 变量
*/
.scratch-activity-time[data-v-4e753ecd] {
  width: 8.8rem;
  position: relative;
  margin: -6.133333rem auto 0 auto;
}
.scratch-activity-time .activity-info[data-v-4e753ecd] {
  width: 100%;
  height: 2.293333rem;
  background: -webkit-gradient(linear, left top, right top, from(#1b54da), to(#6529e1));
  background: linear-gradient(90deg, #1b54da 0%, #6529e1 100%);
  -webkit-box-shadow: 0 0 0.533333rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0.533333rem rgba(0, 0, 0, 0.4);
  border-radius: 0.213333rem;
  background-size: 100% 100%;
  border-radius: 0.08rem;
  margin: 0.32rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.586667rem 0.32rem 0 0.426667rem;
}
.scratch-activity-time .activity-info .line[data-v-4e753ecd] {
  height: 0.96rem;
  border-right: 0.026667rem solid #20218d;
  margin-top: -0.533333rem;
}
.scratch-activity-time .activity-info .info[data-v-4e753ecd] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f9d5b3;
  font-size: 0.426667rem;
  font-family: PingFangSC-Regular;
}
.scratch-activity-time .activity-info .info .content-container[data-v-4e753ecd] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.32rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #ffffff;
}
.scratch-activity-time .activity-info .info .content-container .content[data-v-4e753ecd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.scratch-activity-time .activity-info .info .content-container .lineText[data-v-4e753ecd] {
  line-height: 0.053333rem;
}
.scratch-activity-time .activity-info .info .content[data-v-4e753ecd] {
  font-size: 0.32rem;
}
/*
* 活动用 变量
*/
.scratch-award .title[data-v-3378d248] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'PingFang SC';
  font-weight: 600;
  font-size: 0.426667rem;
  line-height: 0.586667rem;
  color: #ffffff;
  margin-bottom: 0.266667rem;
}
.scratch-award .title .icon[data-v-3378d248] {
  width: 0.666667rem;
}
.scratch-award .title .text[data-v-3378d248] {
  margin: 0 0.266667rem;
}
.scratch-award .swiper-view .swiper-slide[data-v-3378d248] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.scratch-award .swiper-view .swiper-slide .card[data-v-3378d248] {
  width: 2.666667rem;
  background: -webkit-gradient(linear, right top, left top, from(#feeedd), to(#f8d2ad));
  background: linear-gradient(270deg, #feeedd 0%, #f8d2ad 100%);
  border-radius: 0.053333rem;
  margin-right: 0.186667rem;
  margin-bottom: 0.213333rem;
  padding: 0.026667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.scratch-award .swiper-view .swiper-slide .card[data-v-3378d248]:nth-child(3n) {
  margin-right: 0;
}
.scratch-award .swiper-view .swiper-slide .card-img[data-v-3378d248] {
  width: 2.613333rem;
  height: 2.026667rem;
  background: #fff;
}
.scratch-award .swiper-view .swiper-slide .card-text[data-v-3378d248] {
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 0.32rem;
  text-align: center;
  color: #0c0e42;
}
.scratch-award .swiper-view[data-v-3378d248]  .swiper-pagination-bullets {
  position: static;
}
.scratch-award .swiper-view[data-v-3378d248]  .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 0.266667rem;
  height: 0.266667rem;
  border-radius: 50%;
  background: -webkit-gradient(linear, right top, left top, from(#feeedd), to(#f8d2ad));
  background: linear-gradient(270deg, #feeedd 0%, #f8d2ad 100%);
  opacity: 1;
}
.scratch-award .swiper-view[data-v-3378d248]  .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 0.853333rem;
  border-radius: 0.133333rem;
}
/*
* 活动用 变量
*/
.scratch-qualification[data-v-321c65e7] {
  width: 100%;
}
.scratch-qualification .title[data-v-321c65e7] {
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 0.373333rem;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0.213333rem;
}
.scratch-qualification .container[data-v-321c65e7] {
  width: 100%;
}
.scratch-qualification .container .list[data-v-321c65e7] {
  min-height: 0.746667rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.133333rem;
}
.scratch-qualification .container .list .name[data-v-321c65e7] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3.333333rem;
  flex: 0 0 3.333333rem;
  background: -webkit-gradient(linear, left top, right top, from(#f8d2ad), to(#feeedd));
  background: linear-gradient(90deg, #f8d2ad 0%, #feeedd 100%);
  border-radius: 0.106667rem 0 0 0.106667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.scratch-qualification .container .list .number[data-v-321c65e7] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background: #ffffff;
  border-radius: 0 0.106667rem 0.106667rem 0;
  font-family: 'PingFang SC';
  font-weight: 600;
  font-size: 0.426667rem;
  color: #d21934;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*
* 活动用 变量
*/
.scratch-game[data-v-98a4fd8c] {
  position: relative;
  width: 100%;
  padding: 0.133333rem 0.133333rem 0.24rem;
  background: -webkit-gradient(linear, right top, left top, from(#feeedd), to(#f8d2ad));
  background: linear-gradient(270deg, #feeedd 0%, #f8d2ad 100%);
  margin: 0 auto 0.373333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.scratch-game .top[data-v-98a4fd8c] {
  margin-bottom: 0.133333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.scratch-game .top .text[data-v-98a4fd8c] {
  font-family: 'PingFang SC';
  font-weight: 600;
  font-size: 0.32rem;
  line-height: 0.586667rem;
  letter-spacing: 0.053333rem;
  color: #0c0e42;
}
.scratch-game .top .text[data-v-98a4fd8c]:nth-child(2) {
  margin-left: 0.4rem;
  margin-right: auto;
}
.scratch-game .top .music[data-v-98a4fd8c] {
  width: 0.426667rem;
  cursor: pointer;
}
.scratch-game .bottom[data-v-98a4fd8c] {
  width: 100%;
  height: 5.626667rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/scratch-bg.96f1906c.png);
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  border: 0.213333rem solid #fff;
}
.scratch-game .bottom .text-area[data-v-98a4fd8c] {
  position: absolute;
  font-weight: 600;
  font-size: 0.373333rem;
  font-family: 'PingFang SC';
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 7;
  width: 100%;
}
.scratch-game .bottom .text-area.hide[data-v-98a4fd8c] {
  display: none;
}
.scratch-game .bottom .text-area .text[data-v-98a4fd8c] {
  color: #fff;
  margin-top: 0.08rem;
}
.scratch-game .bottom .text-area .button[data-v-98a4fd8c] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.186667rem 0.906667rem;
  color: #0c0e42;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#c6c6c6));
  background: linear-gradient(180deg, #fbfbfb 0%, #c6c6c6 100%);
  border-radius: 0.106667rem;
  font-size: 0.48rem;
}
.scratch-game .bottom .text-area .button.active[data-v-98a4fd8c] {
  cursor: pointer;
  color: #d21934;
  background: -webkit-gradient(linear, left top, left bottom, from(#feeedd), to(#f8d2ad));
  background: linear-gradient(180deg, #feeedd 0%, #f8d2ad 100%);
}
.scratch-game .bottom .canvas[data-v-98a4fd8c] {
  width: 100%;
  height: 100%;
  z-index: 5;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}
.scratch-game .bottom .prize[data-v-98a4fd8c] {
  position: absolute;
  width: 13.333333rem;
  height: 5.333333rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.scratch-game .bottom .prize-img[data-v-98a4fd8c] {
  width: 2.666667rem;
  height: 2.666667rem;
  margin-bottom: 0.24rem;
}
.scratch-game .bottom .prize-text[data-v-98a4fd8c] {
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 0.426667rem;
  line-height: 0.586667rem;
  text-align: center;
  color: #c50f28;
}
.scratch-game .audioDom-view[data-v-98a4fd8c] {
  display: none;
}
/*
* 活动用 变量
*/
.common-prize-dialog[data-v-472bae9e] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000080;
  z-index: 90;
}
.common-prize-dialog .modal-container[data-v-472bae9e] {
  width: 6.826667rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 99;
  border-radius: 0.213333rem;
}
.common-prize-dialog .modal-container .top[data-v-472bae9e] {
  width: 100%;
  height: 1.066667rem;
  background: -webkit-gradient(linear, right top, left top, from(#feeedd), to(#f8d2ad));
  background: linear-gradient(270deg, #feeedd 0%, #f8d2ad 100%);
  border-radius: 0.266667rem 0.266667rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'PingFang SC';
  font-weight: 600;
  font-size: 0.586667rem;
  color: #a7570d;
  position: relative;
}
.common-prize-dialog .modal-container .top .title[data-v-472bae9e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  font-size: 0.48rem;
  color: #0c0e42;
}
.common-prize-dialog .modal-container .top .title .tip[data-v-472bae9e] {
  width: 1.173333rem;
}
.common-prize-dialog .modal-container .top .close-btn[data-v-472bae9e] {
  position: absolute;
  cursor: pointer;
  right: 0.453333rem;
  color: #ab0e0e;
}
.common-prize-dialog .modal-container .bottom[data-v-472bae9e] {
  min-height: 5.333333rem;
  width: 100%;
  background: #f4ebe9;
  border-bottom-right-radius: 0.213333rem;
  border-bottom-left-radius: 0.213333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.533333rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'PingFang SC';
  font-weight: 400;
  font-size: 0.48rem;
  color: #a7570d;
}
.common-prize-dialog .modal-container .bottom .img-award[data-v-472bae9e] {
  width: 3.2rem;
  height: 2.133333rem;
  margin-bottom: 0.186667rem;
}
.common-prize-dialog .modal-container .button[data-v-472bae9e] {
  min-width: 2.773333rem;
  padding: 0.16rem 0.426667rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: -webkit-gradient(linear, left top, left bottom, from(#feeedd), to(#f8d2ad));
  background: linear-gradient(180deg, #feeedd 0%, #f8d2ad 100%);
  font-family: 'PingFang SC';
  font-weight: 600;
  font-size: 0.373333rem;
  color: #ac0000;
  position: absolute;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -0.346667rem;
  border-radius: 0.533333rem;
  cursor: pointer;
}
/*
* 活动用 变量
*/
.scratch-view-bg[data-v-15ff4e52] {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #132679), color-stop(97%, #03122a));
  background-image: linear-gradient(180deg, #132679 5%, #03122a 97%);
}
.banner[data-v-15ff4e52] {
  width: 100%;
  position: relative;
}
.scratch-view[data-v-15ff4e52] {
  min-height: 100vh;
  background-color: #0b084e;
  padding-bottom: 0.533333rem;
}
.scratch-view .title-img[data-v-15ff4e52] {
  width: 8.053333rem;
  height: 3.093333rem;
  margin: 0.64rem auto 0 auto;
}
.scratch-view .title-scratch[data-v-15ff4e52] {
  width: 2.56rem;
  margin: 0 auto;
}
.scratch-view .container[data-v-15ff4e52] {
  width: 9.066667rem;
  padding: 0.213333rem 0.32rem 0.453333rem;
  background: #1d1c7a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.roulette-popup[data-v-15ff4e52] {
  background-color: #fff;
  border-radius: 0.533333rem;
  padding: 0.48rem;
  -webkit-box-shadow: inset 0 0 0.8rem 0 rgba(36, 119, 244, 0.64);
  box-shadow: inset 0 0 0.8rem 0 rgba(36, 119, 244, 0.64);
}