.VerificationCode {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #efefef;
    margin: 10px 0;
    font-size: 14px;
    text-align: center;
}

.checkCode {
    margin: 10px 0 0 0;
    height: 48px;
    input {
        height: 100%;
        width: 50%;
        border: 1px solid #a0a0a0;
        padding: 0 18px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 3px;
        outline: none;
    }
    input:focus:not(.error) {
        border: 1px solid #3f85ff;
    }
    button {
        width: 45%;
        height: 100%;
        margin: 0 0 0 5% ;
        font-size: 14px;
        vertical-align: top;
        border-radius: 3px;
    }
}


.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个点 */
    }
}