src/page/home/components/suppug/sup.scss
$color_bright: #443230;
// 点赞
.supBox{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  img{
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
  }
}
.addSupNum{
    position:  absolute;
    top: 50%;
    left:  50%;
    width: 500px;
    height: 150px;
    background-color: #ff6d8e;
    transform: translate(-50%,-50%);
    border: 4px solid #ffffff;
    h1{
        line-height: 100px;
        font-size: 36px;
        font-weight:  bold;
        color: #ffffff;
        text-align:  center;
    }
    .numSpan{
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 1.4rem;
        letter-spacing:6px
    }
    .bright{
        animation: bright  1s steps(1) forwards;
    }
}

@keyframes bright{
    0%{
        color:#fff
    }
    17%{
        color:$color_bright
    }
    34%{
        color:#fff
    }
    50%{
        color:$color_bright
    }
    67%{
        color:#fff
    }
    84%{
        color:$color_bright
    }
    100%{
        color:#fff
    }
}
