#float {
  animation: bounce-down 0.7s ease infinite;
}
@keyframes bounce-down {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.page-promotion-income {
  padding: 0.2667rem;
}
.page-promotion-income .income-info {
  width: 9.2533rem;
  background: #ffffff;
  border: 0.0267rem solid #ededed;
  box-shadow: 0.04rem 0.0533rem 0.0267rem 0.0133rem rgba(0, 0, 0, 0.1);
  border-radius: 0.1333rem;
}
.page-promotion-income .income-info .title {
  display: flex;
  align-items: center;
  padding: 0.2667rem;
}
.page-promotion-income .income-info .title .line {
  width: 0.08rem;
  height: 0.4rem;
  background: #e7bb02;
  border-radius: 0.04rem;
}
.page-promotion-income .income-info .title .text {
  margin-left: 0.1333rem;
  font-size: 0.3733rem;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #302c2d;
}
.page-promotion-income .income-info .box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 0.0267rem solid #e5e5e5;
  padding-bottom: 0.2667rem;
}
.page-promotion-income .income-info .box .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-promotion-income .income-info .box .item .top {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.page-promotion-income .income-info .box .item .top .number {
  color: #e7bb02;
}
.page-promotion-income .income-info .box .item .bottom {
  font-size: 0.3467rem;
  color: #302c2d;
}
    .page-promotion-income .income-info .tips {
        width: 100%;
        height: fit-content;
        color: rgb(0, 4, 255);
        font-size: .4rem;
        font-weight: bold;
        padding: .1333rem;
        line-height: .6667rem;
    }
.page-promotion-income .progress-bar {
  width: 100%;
  margin: 0.2667rem 0;
}
.page-promotion-income .progress-bar .line1 {
  width: 100%;
  display: flex;
  align-items: center;
}
.page-promotion-income .progress-bar .line1 .prices {
  width: 25%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #ff0000;
}
.page-promotion-income .progress-bar .line2 {
  margin: 0.4rem 0;
  height: 0.08rem;
  border-radius: 0.04rem;
  background: #e5e5e5;
  position: relative;
}
.page-promotion-income .progress-bar .line2 .active-line {
  height: 0.08rem;
  background: #ffb400;
  position: absolute;
  top: 0;
}
.page-promotion-income .progress-bar .line2 .nodes {
  width: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: -100%;
}
.page-promotion-income .progress-bar .line2 .nodes .node {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-promotion-income .progress-bar .line2 .nodes .node div {
  width: 0.2667rem;
  height: 0.2667rem;
  border-radius: 50%;
  background: #e5e5e5;
}
.page-promotion-income .progress-bar .line2 .reds {
  width: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: -250%;
}
.page-promotion-income .progress-bar .line2 .reds .red {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-promotion-income .progress-bar .line2 .reds img {
  width: 0.5067rem;
  height: 0.5067rem;
  display: none;
}
.page-promotion-income .progress-bar .line3 {
  display: flex;
  align-items: center;
}
.page-promotion-income .progress-bar .line3 .number {
  width: 25%;
  text-align: center;
  font-size: 13px;
  color: #302c2d;
}