@keyframes spin1a{
    from{
        transform: translate(50%, 157px)
        rotate(-30deg)
        translate(-50%, -157px)
        translate(50%,50%)
        rotate(330deg)
        translate(-50%,-50%)
    }
    to{
        transform: translate(50%, 157px)
        rotate(330deg)
        translate(-50%, -157px)
        translate(50%,50%)
        rotate(-30deg)
        translate(-50%,-50%)
    }
}
@keyframes spin1b{
    from{
        transform: translate(50%, 157px)
        rotate(-310deg)
        translate(-50%, -157px)
        translate(50%,50%)
        rotate(50deg)
        translate(-50%,-50%)
    }
    to{
        transform: translate(50%, 157px)
        rotate(50deg)
        translate(-50%, -157px)
        translate(50%,50%)
        rotate(-310deg)
        translate(-50%,-50%)
    }
}
@keyframes spin1c{
    from{
        transform: translate(50%, 157px)
        rotate(-220deg)
        translate(-50%, -157px)
        translate(50%,50%)
        rotate(140deg)
        translate(-50%,-50%)
    }
    to{
        transform: translate(50%, 157px)
        rotate(140deg)
        translate(-50%, -157px)
        translate(50%,50%)
        rotate(-220deg)
        translate(-50%,-50%)
    }
}
@keyframes spin1d{
    from{
        transform: translate(50%, 157px)
        rotate(-130deg)
        translate(-50%, -157px)
        translate(50%,50%)
        rotate(230deg)
        translate(-50%,-50%)
    }
    to{
        transform: translate(50%, 157px)
        rotate(230deg)
        translate(-50%, -157px)
        translate(50%,50%)
        rotate(-130deg)
        translate(-50%,-50%)
    }
}
@keyframes spin2a{
    to{
        transform: translate(50%, 100px)
        rotate(0turn)
        translate(-50%, -100px)
        translate(50%,50%)
        rotate(1turn)
        translate(-50%,-50%)
    }
    from{
        transform: translate(50%, 100px)
        rotate(1turn)
        translate(-50%, -100px)
        translate(50%,50%)
        rotate(0turn)
        translate(-50%,-50%)
    }
}
@keyframes spin2b{
    to{
        transform: translate(50%, 100px)
        rotate(-270deg)
        translate(-50%, -100px)
        translate(50%,50%)
        rotate(90deg)
        translate(-50%,-50%)
    }
    from{
        transform: translate(50%, 100px)
        rotate(90deg)
        translate(-50%, -100px)
        translate(50%,50%)
        rotate(-270deg)
        translate(-50%,-50%)
    }
}
@keyframes spin2c{
    to{
        transform: translate(50%, 100px)
        rotate(-180deg)
        translate(-50%, -100px)
        translate(50%,50%)
        rotate(180deg)
        translate(-50%,-50%)
    }
    from{
        transform: translate(50%, 100px)
        rotate(180deg)
        translate(-50%, -100px)
        translate(50%,50%)
        rotate(-180deg)
        translate(-50%,-50%)
    }
}
@keyframes spin2d{
    to{
        transform: translate(50%, 100px)
        rotate(-90deg)
        translate(-50%, -100px)
        translate(50%,50%)
        rotate(270deg)
        translate(-50%,-50%)
    }
    from{
        transform: translate(50%, 100px)
        rotate(270deg)
        translate(-50%, -100px)
        translate(50%,50%)
        rotate(-90deg)
        translate(-50%,-50%)
    }
}
.tik-tok-l .tik-con3 .ball-a1{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -80px;
    left: 102.5px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    
}
.tik-tok-l .tik-con3 .ball-a2{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -50px;
    left: 22.5px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    
}
.tik-tok-l .tik-con3 .ball-a3{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -90px;
    left: 102.5px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    
}
.tik-tok-l .tik-con3 .ball-a4{
    border-radius: 100%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -50px;
    left: 12.5px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    
}
.tik-tok-l .tik-con3 .ball-b1{
    border-radius: 100%;
    width: 20px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 102.5px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    
}
.tik-tok-l .tik-con3 .ball-b2{
    border-radius: 100%;
    width: 20px;
    height: 50px;
    position: absolute;
    top: -50px;
    left: 77.5px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    
}
.tik-tok-l .tik-con3 .ball-b3{
    border-radius: 100%;
    width: 20px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 97.5px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    
}
.tik-tok-l .tik-con3 .ball-b4{
    border-radius: 100%;
    width: 20px;
    height: 50px;
    position: absolute;
    top: -45px;
    left: 77.5px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    
}