.oauth {
    margin: 0 auto;
    height: 200px;
    line-height: 200px;
    //background-color: #49b749;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: green;
}

.dotting {
    display: inline-block;
    min-width: 2px;
    min-height: 2px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor; /* for IE9+, ..., 3个点 */
    animation: dot 2s infinite step-start both; /* for IE10+, ... */
    //*zoom: expression(this.innerHTML = '...'); /*  for IE7. 若无需兼容IE7, 此行删除 */
}

.dotting:before {
    content: '...';
}

/* for IE8. 若无需兼容IE8, 此行以及下一行删除*/
.dotting::before {
    content: '';
}

/* for IE9+ 覆盖 IE8 */
:root .dotting {
    margin-right: 8px;
}

/* for IE9+,FF,CH,OP,SF 占据空间*/

@keyframes dot {
    25% {
        box-shadow: none;
    }
    /* 0个点 */
    50% {
        box-shadow: 2px 0 currentColor;
    }
    /* 1个点 */
    75% {
        box-shadow: 2px 0 currentColor, 6px 0 currentColor; /* 2个点 */
    }
}