#Statistic {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    color: #2362A6;
    //background-color: rgba(0, 0, 0, .3);
    border-radius: .6vw;

    .echartsImg {
        animation: run 4s linear 0s infinite;
        width: 4vw;
        height: 4vw;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        font-size: 1.5vw;

        &:hover {
            color: #00d8ff;

        }
    }

    p {
        text-align: center;
        margin: 0;
        font-family: 'CustomFont';
        font-size: .8vw;
        margin-top: .5vw;
    }

    .rotate {
        animation: run1 4s linear 0s infinite;
    }

    .statistic1_icon {
        background: url('../../Monitoring/images/UI/statistic1.png') no-repeat;
        background-size: 100%;
    }

    .statistic2_icon {
        background: url('../../Monitoring/images/UI/statistic2.png') no-repeat;
        background-size: 100%;
    }

    @keyframes run {
        0% {
            -webkit-transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn)
        }
    }

    @keyframes run1 {
        0% {
            -webkit-transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(-1turn)
        }
    }

}