.flex{
    display: flex
}
.j_c{ justify-content: center}
.a_c{ align-items: center}

.loading4{
    width:150px;
    margin:10px auto;
    text-align: center;
}
.loading4 text{
    width: 24rpx;
    height: 24rpx;
    border-radius: 100%;
    display:inline-block;
    /*background-color: #67CF22;*/
    background-color: #999;
    -webkit-animation: three 1.4s infinite ease-in-out;
    animation: three 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.loading4 .three1{
    -webkit-animation-delay: -0.30s;
    animation-delay: -0.30s;
}
.loading4 .three2{
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
@-webkit-keyframes three {
    0%, 80%, 100% {-webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes three {
    0%, 80%, 100% {-webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}