#clk{position:absolute;top:308px;left:576px;width:319px;height:319px;background-image:url(../gf0/klk.png);z-index:2} 
#sec{position:absolute;top:468px;left:735px;height:1px;width:1px;z-index:5;animation:sec 2s linear infinite} 
#sec:before{position:absolute;content:'';height:130px;width:3px;left:-1px;top:-25px;background:red;border-radius:3px} 
#sec:after{position:absolute;content:'';height:45px;width:7px;left:-3px;top:-55px;background:red;border-radius:3px} 
#min{position:absolute;top:468px;left:735px;height:1px;width:1px;z-index:4;animation:min 60s linear infinite} 
#min:before{position:absolute;content:'';border-bottom:72px solid rgba(0,98,0,.6);left:-10px;top:-120px;width:20px;height:1px} 
#min:after{position:absolute;content:'';border-top:25px solid rgba(0,98,0,.6);left:-10px;top:-47px;width:20px;height:1px} 
#hor{position:absolute;top:468px;left:735px;height:1px;width:1px;z-index:3;animation:hour 720s linear infinite} 
#hor:before{position:absolute;content:'';border-bottom:55px solid rgba(92,0,92,0.6);left:-11px;top:-84px;width:21px;height:1px} 
#hor:after{position:absolute;content:'';border-top:17px solid rgba(92,0,92,0.6);left:-11px;top:-28px;width:21px;height:1px} 
#nut,#net{position:absolute;top:468px;left:735px;transform:translate(-50%, -50%)} 
#nut{position:absolute;top:468px;left:735px;background:url(../gf0/dot.png);height:59px;width:59px;z-index:4} 
#net{position:absolute;top:468px;left:735px;width:9px;height:9px;background:red;border-radius:50%;z-index:8} 
#pnd{transform-origin:50% -40px;animation:oscillation 2s ease-in-out infinite alternate;background:url(../gf0/pend.png) no-repeat;width:94px;height:147px;position:absolute;top:580px;left:692px;z-index:1} 
@keyframes oscillation{from{transform:rotate(-20deg);} to {transform:rotate(20deg)}}