.wrapper[data-v-605c8201] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wrapper .content[data-v-605c8201] {
  position: relative;
}
.wrapper .content .gift-box[data-v-605c8201] {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1rem;
  margin-top: -1rem;
  z-index: 9999;
  -webkit-animation: gifs-data-v-605c8201 1.5s 1 cubic-bezier(0.65, 0.05, 0.36, 1);
          animation: gifs-data-v-605c8201 1.5s 1 cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  background-size: 100%;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.block[data-v-605c8201] {
  width: 2.55rem;
  height: 3.33rem;
  background: url(../img/hb-bg.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  position: relative;
  opacity: 0;
  -webkit-animation: tamp-data-v-605c8201 1.5s 1 ease-in-out;
          animation: tamp-data-v-605c8201 1.5s 1 ease-in-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.block .ctx[data-v-605c8201] {
  width: 2.55rem;
  position: absolute;
  bottom: 1.2rem;
  left: 0;
}
.block .ctx .b1[data-v-605c8201],
.block .ctx .b2[data-v-605c8201] {
  display: block;
}
.block .ctx .b1[data-v-605c8201] {
  font-size: 0.3rem;
  font-weight: 900;
  color: #FEE8CE;
}
.block .ctx .b2[data-v-605c8201] {
  font-size: 0.2rem;
  font-weight: 600;
  color: #FEE8CE;
  line-height: 0.2rem;
}
.block .ctx .b2 .money[data-v-605c8201] {
  color: #FFDF4A;
}
.footer[data-v-605c8201] {
  margin-top: 0.3rem;
  z-index: 9999;
  opacity: 0;
  -webkit-animation: tamp-data-v-605c8201 1.5s 1 ease-in-out;
          animation: tamp-data-v-605c8201 1.5s 1 ease-in-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.footer .back-btn[data-v-605c8201] {
  width: 2.05rem;
  height: auto;
}
.oakum[data-v-605c8201] {
  position: absolute;
  left: 0;
  top: 1.25rem;
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-animation: samp-data-v-605c8201 1.5s 1 ease-in-out;
          animation: samp-data-v-605c8201 1.5s 1 ease-in-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes flip-data-v-605c8201 {
0% {
    transform: rotateY(0deg);
}
100% {
    transform: rotateY(360deg);
}
}
@keyframes flip-data-v-605c8201 {
0% {
    transform: rotateY(0deg);
}
100% {
    transform: rotateY(360deg);
}
}
@-webkit-keyframes tamp-data-v-605c8201 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes tamp-data-v-605c8201 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes gifs-data-v-605c8201 {
0% {
    background: url(../img/gift-box.png) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}
75% {
    top: 50%;
    background: url(../img/gift-open-b.png) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}
100% {
    top: 18%;
    background: url(../img/gift-open.png) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}
}
@keyframes gifs-data-v-605c8201 {
0% {
    background: url(../img/gift-box.png) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}
75% {
    top: 50%;
    background: url(../img/gift-open-b.png) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}
100% {
    top: 18%;
    background: url(../img/gift-open.png) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}
}
@-webkit-keyframes samp-data-v-605c8201 {
0% {
    top: -2rem;
    opacity: 0;
}
100% {
    top: 1.25rem;
    opacity: 1;
}
}
@keyframes samp-data-v-605c8201 {
0% {
    top: -2rem;
    opacity: 0;
}
100% {
    top: 1.25rem;
    opacity: 1;
}
}
[data-v-605c8201] .van-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.wrapper[data-v-3c86a180] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.block[data-v-3c86a180] {
  width: 2.55rem;
  height: 3.33rem;
  background: url(../img/hb-bg.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  -webkit-animation: flip-data-v-3c86a180 1.5s 1 ease-in-out;
          animation: flip-data-v-3c86a180 1.5s 1 ease-in-out;
  position: relative;
  z-index: 9999;
}
.block .gift-box[data-v-3c86a180] {
  width: 1.7rem;
  height: 1.7rem;
  position: relative;
  top: -0.4rem;
  left: 0;
}
.block .b2[data-v-3c86a180] {
  width: 79%;
  font-size: 0.2rem;
  font-weight: 600;
  color: #FD3F39;
  display: block;
  position: absolute;
  bottom: 0.53rem;
  left: 0.27rem;
}
.s2[data-v-3c86a180] {
  background: url(../img/thanks.png) no-repeat;
  background-size: 100% 100%;
}
.footer[data-v-3c86a180] {
  margin-top: 0.3rem;
  z-index: 9999;
}
.footer .back-btn[data-v-3c86a180] {
  width: 2.05rem;
  height: auto;
}
.oakum[data-v-3c86a180] {
  position: absolute;
  left: 0;
  top: 1.25rem;
  width: 100%;
  height: auto;
  -webkit-animation: samp-data-v-3c86a180 1.5s 1 ease-in-out;
          animation: samp-data-v-3c86a180 1.5s 1 ease-in-out;
}
@-webkit-keyframes flip-data-v-3c86a180 {
0% {
    transform: rotateY(0deg);
}
100% {
    transform: rotateY(360deg);
}
}
@keyframes flip-data-v-3c86a180 {
0% {
    transform: rotateY(0deg);
}
100% {
    transform: rotateY(360deg);
}
}
@-webkit-keyframes samp-data-v-3c86a180 {
0% {
    top: -2rem;
}
100% {
    top: 1.25rem;
}
}
@keyframes samp-data-v-3c86a180 {
0% {
    top: -2rem;
}
100% {
    top: 1.25rem;
}
}
[data-v-3c86a180] .van-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.wrapper[data-v-43341f31] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.wrapper .w_box[data-v-43341f31] {
  position: relative;
}
.wrapper .w_box .bg-card[data-v-43341f31] {
  width: 2.35rem;
  height: 3.1rem;
  margin-top: 0.2rem;
  position: absolute;
  left: calc(50% - 1.175rem);
  -o-object-fit: cover;
     object-fit: cover;
  top: -0.1rem;
  -webkit-animation: flip-data-v-43341f31 1.5s 1 ease-in-out;
          animation: flip-data-v-43341f31 1.5s 1 ease-in-out;
}
.wrapper .w_box .block[data-v-43341f31] {
  width: 2.55rem;
  height: 3.33rem;
  background: url(../img/default-card1.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  -webkit-animation: flip-data-v-43341f31 1.5s 1 ease-in-out;
          animation: flip-data-v-43341f31 1.5s 1 ease-in-out;
  position: relative;
}
.wrapper .w_box .block .ctx[data-v-43341f31] {
  position: absolute;
  bottom: 0.24rem;
  left: calc(50% - 1rem);
}
.wrapper .w_box .block .ctx .b1[data-v-43341f31],
.wrapper .w_box .block .ctx .b2[data-v-43341f31] {
  display: block;
  width: 2rem;
}
.wrapper .w_box .block .ctx .b1[data-v-43341f31] {
  font-size: 0.24rem;
  font-weight: 800;
  color: #FEE8CE;
  line-height: 0.3rem;
  margin-top: 1.29rem;
  background-image: -webkit-linear-gradient(top, #FFF8EC, #FFD4A1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wrapper .w_box .block .b2[data-v-43341f31] {
  font-size: 0.16rem;
  font-weight: 600;
  color: #FEE8CE;
}
.wrapper .w_box .block .b2 .hk[data-v-43341f31] {
  color: #FFDF4A;
}
.footer[data-v-43341f31] {
  margin-top: 0.3rem;
  z-index: 9999;
}
.footer .back-btn[data-v-43341f31] {
  width: 2.05rem;
  height: auto;
}
.oakum[data-v-43341f31] {
  position: absolute;
  left: 0;
  top: 1.25rem;
  width: 100%;
  height: auto;
  -webkit-animation: samp-data-v-43341f31 1.5s 1 ease-in-out;
          animation: samp-data-v-43341f31 1.5s 1 ease-in-out;
}
.s_fixed[data-v-43341f31] {
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -2;
  left: 0;
  top: 0;
}
@-webkit-keyframes flip-data-v-43341f31 {
0% {
    transform: rotateY(360deg);
}
100% {
    transform: rotateY(0deg);
}
}
@keyframes flip-data-v-43341f31 {
0% {
    transform: rotateY(360deg);
}
100% {
    transform: rotateY(0deg);
}
}
@-webkit-keyframes samp-data-v-43341f31 {
0% {
    top: -2rem;
}
100% {
    top: 1.25rem;
}
}
@keyframes samp-data-v-43341f31 {
0% {
    top: -2rem;
}
100% {
    top: 1.25rem;
}
}
[data-v-43341f31] .van-overlay {
  background-color: rgba(0, 0, 0, 0);
}

.gf_container {
  background-color: #d32f2f;
  background-image: url(../img/confetti.jpeg);
  background-size: cover;
  text-align: center;
  position: relative;
  min-height: 100vh;
  overflow-y: hidden;
  color: #FFD700;
  font-size: 0.16rem;
}
.gf_container .gf_header {
  overflow: hidden;
  position: relative;
}
.gf_container .gf_header .rule-sub {
  position: absolute;
  top: 0.11rem;
  right: 0;
}
.gf_container .gf_header .rule-sub span {
  display: block;
  width: 0.77rem;
  height: 0.26rem;
  line-height: 0.26rem;
  background: linear-gradient(180deg, #E52347 0%, #CD193F 100%);
  border-radius: 0.12rem 0 0 0.12rem;
  margin-bottom: 0.08rem;
  font-size: 0.14rem;
  font-weight: 600;
  color: #FFE3C2;
  z-index: 9999;
}
.gf_container .gf_header .dragon-image {
  width: 21%;
  position: relative;
  top: -0.21rem;
  display: block;
}
.gf_container .gf_header .gf_date_image {
  display: block;
  color: #FFF7CC;
  position: absolute;
  width: 73%;
  text-align: center;
  top: 0.31rem;
  left: 13.5%;
}
.gf_container .gf_date_box {
  font-size: 0.13rem;
  margin-bottom: 0.35rem;
}
.gf_container .gf_date_box .d-mi {
  width: 57%;
  margin: 0 auto 0.18rem auto;
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  font-weight: 600;
  background: linear-gradient(270deg, rgba(200, 0, 0, 0) 0%, #CA0000 48%, rgba(151, 0, 0, 0) 100%);
  border: 0.01rem solid;
  -o-border-image: linear-gradient(270deg, rgba(253, 237, 214, 0), #fbe2c1, rgba(250, 215, 173, 0)) 1 1;
     border-image: linear-gradient(270deg, rgba(253, 237, 214, 0), #fbe2c1, rgba(250, 215, 173, 0)) 1 1;
}
.gf_container .gf_date_box .d-ctx {
  width: 62%;
  margin: 0 auto 0.28rem auto;
  padding: 0 0.03rem;
  height: 0.24rem;
  line-height: 0.24rem;
  background: linear-gradient(180deg, #FDEDD6 0%, #FAD7AD 100%);
  border-radius: 0.32rem;
  color: #000;
}
.gf_container .gf_date_box .d-ctx .money-ctx {
  color: #BE1E33;
  font-weight: 600;
}
.gf_container .greeting-text-image,
.gf_container .button-text-image {
  margin-top: 0.47rem;
  width: 73%;
}
.gf_container .gift-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem;
  padding: 0 0.47rem;
}
.gf_container .gift-boxes .gift-box {
  width: 27%;
  transition: transform 0.3s ease;
}
.gf_container .gift-boxes .gift-box:hover {
  transform: translateY(-0.1rem);
}
.gf_container .gf_footer {
  width: 100%;
  position: fixed;
  bottom: 0.6rem;
  left: 0;
}
.gf_container .gf_footer .button-text-image {
  cursor: pointer;
  margin: 0 auto;
}
.gf_container .gf_footer .gf_tip {
  color: #fff;
}
.gf_container .gf_footer .gf_tip .gf_count {
  color: #FFDC09;
}
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.block img {
  width: 100%;
  height: auto;
}