.loadding-box {
        display: -webkit-box;      /* 老版本语法: Safari, iOS, Android */
        display: -moz-box;         /* 老版本Firefox */
        display: -ms-flexbox;      /* IE10 */
        display: -webkit-flex;     /* Chrome <21, Safari 6.1+, iOS Safari 7+ */
        display: flex;
    }
    .dot1,
    .dot2,
    .dot3 {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-left: 6px;
    }

    .dot1 {
        animation: dotAni 1.2s -0.4s linear infinite;
        background: #757575;
    }

    .dot2 {
        animation: dotAni 1.2s -0.2s linear infinite;
        background: #757575;
    }

    .dot3 {
        animation: dotAni 1.2s linear infinite;
        background: #757575;
    }
    @-webkit-keyframes dotAni {

        0%,
        80%,
        100% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            filter: alpha(opacity=100);
            opacity: 1.0;
        }

        40% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            filter: alpha(opacity=50);
            opacity: 0.5;
        }
    }
    @keyframes dotAni {

        0%,
        80%,
        100% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            filter: alpha(opacity=100);
            opacity: 1.0;
        }

        40% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            filter: alpha(opacity=50);
            opacity: 0.5;
        }
    }