.comp-spill-benefit-second[data-v-223b2c2e] {
  position: fixed;
  width: 610px;
  height: 470px;
  left: 50%;
  bottom: 80px;
  margin-left: -305px;
  z-index: 99;
}
.comp-spill-benefit-second .bg[data-v-223b2c2e] {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.comp-spill-benefit-second .light[data-v-223b2c2e] {
  width: 490px;
  height: 400px;
  left: 60px;
  bottom: 20px;
  opacity: 0;
  -webkit-animation: 0.133s 0.266s catOpacity-data-v-223b2c2e linear forwards;
  animation: 0.133s 0.266s catOpacity-data-v-223b2c2e linear forwards;
}
.comp-spill-benefit-second .red-box[data-v-223b2c2e] {
  position: absolute;
  width: 500px;
  height: 430px;
  left: 55px;
  bottom: 20px;
}
.comp-spill-benefit-second .red[data-v-223b2c2e] {
  position: absolute;
  opacity: 0;
  background-repeat: no-repeat;
}
.comp-spill-benefit-second .red1[data-v-223b2c2e] {
  left: 125px;
  bottom: 0px;
  width: 79px;
  height: 90px;
  -webkit-animation: 1.167s catRed1-data-v-223b2c2e linear infinite;
  animation: 1.167s catRed1-data-v-223b2c2e linear infinite;
}
.comp-spill-benefit-second .red2[data-v-223b2c2e] {
  left: 170px;
  bottom: 28px;
  width: 54px;
  height: 71px;
  -webkit-animation: 1.167s catRed2-data-v-223b2c2e linear infinite;
  animation: 1.167s catRed2-data-v-223b2c2e linear infinite;
}
.comp-spill-benefit-second .red3[data-v-223b2c2e] {
  left: 219px;
  bottom: 86px;
  width: 57px;
  height: 82px;
  -webkit-animation: 1.167s catRed3-data-v-223b2c2e linear infinite;
  animation: 1.167s catRed3-data-v-223b2c2e linear infinite;
}
.comp-spill-benefit-second .red4[data-v-223b2c2e] {
  left: 253px;
  bottom: 37px;
  width: 63px;
  height: 90px;
  -webkit-animation: 1.167s catRed4-data-v-223b2c2e linear infinite;
  animation: 1.167s catRed4-data-v-223b2c2e linear infinite;
}
.comp-spill-benefit-second .red5[data-v-223b2c2e] {
  left: 312px;
  bottom: 18px;
  width: 55px;
  height: 75px;
  -webkit-animation: 1.167s catRed5-data-v-223b2c2e linear infinite;
  animation: 1.167s catRed5-data-v-223b2c2e linear infinite;
}
.comp-spill-benefit-second .red6[data-v-223b2c2e] {
  left: 354px;
  bottom: 50px;
  width: 39px;
  height: 52px;
  -webkit-animation: 1.167s catRed6-data-v-223b2c2e linear infinite;
  animation: 1.167s catRed6-data-v-223b2c2e linear infinite;
}
.comp-spill-benefit-second .cat[data-v-223b2c2e] {
  width: 284px;
  height: 230px;
  left: 163px;
  bottom: 20px;
  -webkit-transform-origin: 142px 240px;
  transform-origin: 142px 240px;
  -webkit-animation: 0.433s catIn-data-v-223b2c2e linear forwards;
  animation: 0.433s catIn-data-v-223b2c2e linear forwards;
}
.comp-spill-benefit-second .banner[data-v-223b2c2e] {
  width: 450px;
  height: 80px;
  left: 80px;
  bottom: 8px;
  opacity: 0;
  -webkit-animation: 0.133s 0.3s catOpacity-data-v-223b2c2e linear forwards,1s 0.433s catScale-data-v-223b2c2e linear infinite;
  animation: 0.133s 0.3s catOpacity-data-v-223b2c2e linear forwards,1s 0.433s catScale-data-v-223b2c2e linear infinite;
}
.comp-spill-benefit-second .trig[data-v-223b2c2e] {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 104%;
}
.comp-spill-benefit-second .close-box[data-v-223b2c2e] {
  position: absolute;
  left: 620px;
  bottom: 420px;
  width: 90px;
  height: 46px;
  cursor: pointer;
}
.comp-spill-benefit-second .time-box[data-v-223b2c2e] {
  position: absolute;
  top: 3px;
  right: 0;
  height: 24px;
  line-height: 24px;
  width: 51px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  font-family: Microsoft YaHei;
  border: 1px solid #f9c5c5;
  padding: 0 5px 0 21px;
  font-weight: bold;
  color: #f94b53;
}
.comp-spill-benefit-second .close-btn[data-v-223b2c2e] {
  position: relative;
  height: 30px;
  width: 30px;
  border: 1px solid #f9c5c5;
  line-height: 30px;
  background-color: #f94b53;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  color: #FFF;
  font-family: 'Times New Roman';
}
@-webkit-keyframes catOpacity-data-v-223b2c2e {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes catOpacity-data-v-223b2c2e {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes catScale-data-v-223b2c2e {
0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
}
@keyframes catScale-data-v-223b2c2e {
0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
}
@-webkit-keyframes catIn-data-v-223b2c2e {
0% {
    opacity: 0;
    -webkit-transform: scale(0.1834);
    transform: scale(0.1834);
}
69.23% {
    opacity: 1;
    -webkit-transform: scale(1.067);
    transform: scale(1.067);
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes catIn-data-v-223b2c2e {
0% {
    opacity: 0;
    -webkit-transform: scale(0.1834);
    transform: scale(0.1834);
}
69.23% {
    opacity: 1;
    -webkit-transform: scale(1.067);
    transform: scale(1.067);
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@-webkit-keyframes catRed1-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
71.43% {
    opacity: 1;
    -webkit-transform: translate(-103px, -240px);
    transform: translate(-103px, -240px);
}
82.86%,
  100% {
    opacity: 0;
    -webkit-transform: translate(-128px, -300px);
    transform: translate(-128px, -300px);
}
}
@keyframes catRed1-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
71.43% {
    opacity: 1;
    -webkit-transform: translate(-103px, -240px);
    transform: translate(-103px, -240px);
}
82.86%,
  100% {
    opacity: 0;
    -webkit-transform: translate(-128px, -300px);
    transform: translate(-128px, -300px);
}
}
@-webkit-keyframes catRed2-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57%,
  37.14% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
77.14% {
    opacity: 1;
    -webkit-transform: translate(-43px, -224px);
    transform: translate(-43px, -224px);
}
91.43%,
  100% {
    opacity: 0;
    -webkit-transform: translate(-59px, -277px);
    transform: translate(-59px, -277px);
}
}
@keyframes catRed2-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57%,
  37.14% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
77.14% {
    opacity: 1;
    -webkit-transform: translate(-43px, -224px);
    transform: translate(-43px, -224px);
}
91.43%,
  100% {
    opacity: 0;
    -webkit-transform: translate(-59px, -277px);
    transform: translate(-59px, -277px);
}
}
@-webkit-keyframes catRed3-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57%,
  31.43% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
62.86% {
    opacity: 1;
    -webkit-transform: translate(-3px, -210px);
    transform: translate(-3px, -210px);
}
74.286%,
  100% {
    opacity: 0;
    -webkit-transform: translate(-4px, -265px);
    transform: translate(-4px, -265px);
}
}
@keyframes catRed3-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57%,
  31.43% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
62.86% {
    opacity: 1;
    -webkit-transform: translate(-3px, -210px);
    transform: translate(-3px, -210px);
}
74.286%,
  100% {
    opacity: 0;
    -webkit-transform: translate(-4px, -265px);
    transform: translate(-4px, -265px);
}
}
@-webkit-keyframes catRed4-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
57.14% {
    opacity: 1;
    -webkit-transform: translate(42px, -190px);
    transform: translate(42px, -190px);
}
68.57%,
  100% {
    opacity: 0;
    -webkit-transform: translate(52px, -250px);
    transform: translate(52px, -250px);
}
}
@keyframes catRed4-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
57.14% {
    opacity: 1;
    -webkit-transform: translate(42px, -190px);
    transform: translate(42px, -190px);
}
68.57%,
  100% {
    opacity: 0;
    -webkit-transform: translate(52px, -250px);
    transform: translate(52px, -250px);
}
}
@-webkit-keyframes catRed5-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57%,
  42.86% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
74.28% {
    opacity: 1;
    -webkit-transform: translate(45px, -176px);
    transform: translate(45px, -176px);
}
85.71%,
  100% {
    opacity: 0;
    -webkit-transform: translate(70px, -262px);
    transform: translate(70px, -262px);
}
}
@keyframes catRed5-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
28.57%,
  42.86% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
74.28% {
    opacity: 1;
    -webkit-transform: translate(45px, -176px);
    transform: translate(45px, -176px);
}
85.71%,
  100% {
    opacity: 0;
    -webkit-transform: translate(70px, -262px);
    transform: translate(70px, -262px);
}
}
@-webkit-keyframes catRed6-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
30% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
84% {
    opacity: 1;
    -webkit-transform: translate(80px, -200px);
    transform: translate(80px, -200px);
}
100% {
    opacity: 0;
    -webkit-transform: translate(100px, -250px);
    transform: translate(100px, -250px);
}
}
@keyframes catRed6-data-v-223b2c2e {
0%,
  22.86% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
30% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
84% {
    opacity: 1;
    -webkit-transform: translate(80px, -200px);
    transform: translate(80px, -200px);
}
100% {
    opacity: 0;
    -webkit-transform: translate(100px, -250px);
    transform: translate(100px, -250px);
}
}