@keyframes animtrans {
    from {
        transform: rotateZ(360deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}

@-webkit-keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes animtrans {
    from {
        transform: rotateZ(360deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}


.tik-tok-l .tik-con3 .ball-a1{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    animation: animtrans 6s linear infinite;
    -webkit-animation: animtrans 6s linear infinite;
}
.tik-tok-l .tik-con3 .ball-a2{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -10px;
    left: 175px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    animation: animtrans 6s linear infinite;
    -webkit-animation: animtrans 6s linear infinite;
}
.tik-tok-l .tik-con3 .ball-a3{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 190px;
    left: 175px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    animation: animtrans 6s linear infinite;
    -webkit-animation: animtrans 6s linear infinite;
}
.tik-tok-l .tik-con3 .ball-a4{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 190px;
    left: 0px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    animation: animtrans 6s linear infinite;
    -webkit-animation: animtrans 6s linear infinite;
}
.tik-tok-l .tik-con3 .ball-b1{
    border-radius: 100%;
    width: 20px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 100px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    animation: animtran 6s linear infinite;
    -webkit-animation: animtran 6s linear infinite;

}
.tik-tok-l .tik-con3 .ball-b2{
    border-radius: 100%;
    width: 38px;
    height: 50px;
    position: absolute;
    top: 100px;
    left: 160px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    animation: animtran 6s linear infinite;
    -webkit-animation: animtran 6s linear infinite;

}
.tik-tok-l .tik-con3 .ball-b3{
    border-radius: 100%;
    width: 20px;
    height: 50px;
    position: absolute;
    top: 160px;
    left:100px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    animation: animtran 6s linear infinite;
    -webkit-animation: animtran 6s linear infinite;

}
.tik-tok-l .tik-con3 .ball-b4{
    border-radius: 100%;
    width: 38px;
    height: 50px;
    position: absolute;
    top: 100px;
    left: 20px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    animation: animtran 6s linear infinite;
    -webkit-animation: animtran 6s linear infinite;

}