实现雨滴效果

最新推荐文章于 2024-09-22 17:00:00 发布

Ylk_IT

最新推荐文章于 2024-09-22 17:00:00 发布

阅读量132

点赞数

本文链接：https://blog.csdn.net/ylk_manong/article/details/118654705

版权

实现雨滴效果

* {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

html,
body {
  width: 100%;
  height: 100%;
}

.wrap {
  width: 100%;
  height: 100%;
}
.wrap .bg {
  width: 100%;
  height: 100%;
  background: url(../light.jpg) no-repeat;
  background-size: 100% 100%;
  filter: blur(5px);
}

#yudi li {
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.7);
  margin-left: 2px;
  margin-top: 2px;
}

#yudi li:nth-of-type(1) {
  width: 14.099857466px;
  height: 11.9078480542px;
  left: 99.2958666765%;
  top: 88.1290085061%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9576897833s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(1) {
  width: 14.099857466px;
  height: 11.9078480542px;
  left: 99.2958666765%;
  top: 88.1290085061%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 99.2958666765% 88.1290085061%;
  animation: run 2.9576897833s linear infinite;
}

#yudi li:nth-of-type(2) {
  width: 8.702058153px;
  height: 8.0629803106px;
  left: 46.3710238175%;
  top: 19.0286550197%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3257831843s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(2) {
  width: 8.702058153px;
  height: 8.0629803106px;
  left: 46.3710238175%;
  top: 19.0286550197%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 46.3710238175% 19.0286550197%;
  animation: run 2.3257831843s linear infinite;
}

#yudi li:nth-of-type(3) {
  width: 9.4578179734px;
  height: 10.9655357474px;
  left: 59.8579883452%;
  top: 58.9650661496%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.895702564s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(3) {
  width: 9.4578179734px;
  height: 10.9655357474px;
  left: 59.8579883452%;
  top: 58.9650661496%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 59.8579883452% 58.9650661496%;
  animation: run 2.895702564s linear infinite;
}

#yudi li:nth-of-type(4) {
  width: 14.962826731px;
  height: 9.7572667253px;
  left: 0.9867045255%;
  top: 51.9252675554%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2401920399s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(4) {
  width: 14.962826731px;
  height: 9.7572667253px;
  left: 0.9867045255%;
  top: 51.9252675554%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 0.9867045255% 51.9252675554%;
  animation: run 2.2401920399s linear infinite;
}

#yudi li:nth-of-type(5) {
  width: 9.5525259949px;
  height: 6.1536403718px;
  left: 87.4107160094%;
  top: 21.5830551777%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6804481209s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(5) {
  width: 9.5525259949px;
  height: 6.1536403718px;
  left: 87.4107160094%;
  top: 21.5830551777%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 87.4107160094% 21.5830551777%;
  animation: run 2.6804481209s linear infinite;
}

#yudi li:nth-of-type(6) {
  width: 5.8393494224px;
  height: 11.4013969048px;
  left: 95.5080555336%;
  top: 59.2659434239%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6747812943s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(6) {
  width: 5.8393494224px;
  height: 11.4013969048px;
  left: 95.5080555336%;
  top: 59.2659434239%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 95.5080555336% 59.2659434239%;
  animation: run 2.6747812943s linear infinite;
}

#yudi li:nth-of-type(7) {
  width: 5.3760545343px;
  height: 13.9465845194px;
  left: 45.5536173206%;
  top: 96.8836663406%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3926610359s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(7) {
  width: 5.3760545343px;
  height: 13.9465845194px;
  left: 45.5536173206%;
  top: 96.8836663406%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 45.5536173206% 96.8836663406%;
  animation: run 2.3926610359s linear infinite;
}

#yudi li:nth-of-type(8) {
  width: 6.8841757232px;
  height: 6.3054402744px;
  left: 38.2735849525%;
  top: 39.2153649925%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0279170005s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(8) {
  width: 6.8841757232px;
  height: 6.3054402744px;
  left: 38.2735849525%;
  top: 39.2153649925%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 38.2735849525% 39.2153649925%;
  animation: run 2.0279170005s linear infinite;
}

#yudi li:nth-of-type(9) {
  width: 14.1372016956px;
  height: 11.7656596306px;
  left: 83.4402332499%;
  top: 80.2977441432%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2762521057s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(9) {
  width: 14.1372016956px;
  height: 11.7656596306px;
  left: 83.4402332499%;
  top: 80.2977441432%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 83.4402332499% 80.2977441432%;
  animation: run 2.2762521057s linear infinite;
}

#yudi li:nth-of-type(10) {
  width: 10.1118105289px;
  height: 14.4373709734px;
  left: 74.5859054767%;
  top: 38.1391084069%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7492839768s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(10) {
  width: 10.1118105289px;
  height: 14.4373709734px;
  left: 74.5859054767%;
  top: 38.1391084069%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 74.5859054767% 38.1391084069%;
  animation: run 2.7492839768s linear infinite;
}

#yudi li:nth-of-type(11) {
  width: 8.7545956782px;
  height: 11.431831618px;
  left: 94.9888899698%;
  top: 47.4099868258%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1179509033s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(11) {
  width: 8.7545956782px;
  height: 11.431831618px;
  left: 94.9888899698%;
  top: 47.4099868258%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 94.9888899698% 47.4099868258%;
  animation: run 2.1179509033s linear infinite;
}

#yudi li:nth-of-type(12) {
  width: 5.224169629px;
  height: 10.1614583213px;
  left: 84.9204610436%;
  top: 19.1530586198%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0962722751s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(12) {
  width: 5.224169629px;
  height: 10.1614583213px;
  left: 84.9204610436%;
  top: 19.1530586198%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 84.9204610436% 19.1530586198%;
  animation: run 2.0962722751s linear infinite;
}

#yudi li:nth-of-type(13) {
  width: 13.4592681329px;
  height: 5.1669468197px;
  left: 81.9601693411%;
  top: 91.1558495789%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0482520348s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(13) {
  width: 13.4592681329px;
  height: 5.1669468197px;
  left: 81.9601693411%;
  top: 91.1558495789%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 81.9601693411% 91.1558495789%;
  animation: run 2.0482520348s linear infinite;
}

#yudi li:nth-of-type(14) {
  width: 10.7017488962px;
  height: 8.7901661131px;
  left: 44.6704452562%;
  top: 50.4292040928%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5777540121s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(14) {
  width: 10.7017488962px;
  height: 8.7901661131px;
  left: 44.6704452562%;
  top: 50.4292040928%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 44.6704452562% 50.4292040928%;
  animation: run 2.5777540121s linear infinite;
}

#yudi li:nth-of-type(15) {
  width: 6.8040035892px;
  height: 13.6357996465px;
  left: 42.8662338981%;
  top: 27.7079648778%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8572303977s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(15) {
  width: 6.8040035892px;
  height: 13.6357996465px;
  left: 42.8662338981%;
  top: 27.7079648778%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 42.8662338981% 27.7079648778%;
  animation: run 2.8572303977s linear infinite;
}

#yudi li:nth-of-type(16) {
  width: 11.4959342743px;
  height: 9.4178179661px;
  left: 24.120225164%;
  top: 38.1635232354%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8234284866s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(16) {
  width: 11.4959342743px;
  height: 9.4178179661px;
  left: 24.120225164%;
  top: 38.1635232354%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 24.120225164% 38.1635232354%;
  animation: run 2.8234284866s linear infinite;
}

#yudi li:nth-of-type(17) {
  width: 5.376022758px;
  height: 13.9371192286px;
  left: 93.9971515968%;
  top: 42.2723041614%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4504001113s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(17) {
  width: 5.376022758px;
  height: 13.9371192286px;
  left: 93.9971515968%;
  top: 42.2723041614%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 93.9971515968% 42.2723041614%;
  animation: run 2.4504001113s linear infinite;
}

#yudi li:nth-of-type(18) {
  width: 11.0003208396px;
  height: 10.2330553971px;
  left: 22.6028833285%;
  top: 99.4800780265%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.327216s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(18) {
  width: 11.0003208396px;
  height: 10.2330553971px;
  left: 22.6028833285%;
  top: 99.4800780265%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 22.6028833285% 99.4800780265%;
  animation: run 2.327216s linear infinite;
}

#yudi li:nth-of-type(19) {
  width: 13.1833456015px;
  height: 9.5762573634px;
  left: 87.9646980839%;
  top: 73.7510501002%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6510264787s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(19) {
  width: 13.1833456015px;
  height: 9.5762573634px;
  left: 87.9646980839%;
  top: 73.7510501002%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 87.9646980839% 73.7510501002%;
  animation: run 2.6510264787s linear infinite;
}

#yudi li:nth-of-type(20) {
  width: 6.5747598816px;
  height: 14.3562843538px;
  left: 74.7040921907%;
  top: 7.5410419422%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1353608555s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(20) {
  width: 6.5747598816px;
  height: 14.3562843538px;
  left: 74.7040921907%;
  top: 7.5410419422%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 74.7040921907% 7.5410419422%;
  animation: run 2.1353608555s linear infinite;
}

#yudi li:nth-of-type(21) {
  width: 10.850543172px;
  height: 14.7462093762px;
  left: 61.1965663546%;
  top: 64.1298526434%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9884432792s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(21) {
  width: 10.850543172px;
  height: 14.7462093762px;
  left: 61.1965663546%;
  top: 64.1298526434%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 61.1965663546% 64.1298526434%;
  animation: run 2.9884432792s linear infinite;
}

#yudi li:nth-of-type(22) {
  width: 12.5643760048px;
  height: 9.9190676673px;
  left: 63.9461221444%;
  top: 30.1361345286%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2938139787s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(22) {
  width: 12.5643760048px;
  height: 9.9190676673px;
  left: 63.9461221444%;
  top: 30.1361345286%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 63.9461221444% 30.1361345286%;
  animation: run 2.2938139787s linear infinite;
}

#yudi li:nth-of-type(23) {
  width: 5.6010710956px;
  height: 14.410753686px;
  left: 42.9288194684%;
  top: 61.8455324547%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8500764594s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(23) {
  width: 5.6010710956px;
  height: 14.410753686px;
  left: 42.9288194684%;
  top: 61.8455324547%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 42.9288194684% 61.8455324547%;
  animation: run 2.8500764594s linear infinite;
}

#yudi li:nth-of-type(24) {
  width: 6.2858548716px;
  height: 10.8063182362px;
  left: 15.9000223673%;
  top: 69.4298132764%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.278857731s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(24) {
  width: 6.2858548716px;
  height: 10.8063182362px;
  left: 15.9000223673%;
  top: 69.4298132764%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 15.9000223673% 69.4298132764%;
  animation: run 2.278857731s linear infinite;
}

#yudi li:nth-of-type(25) {
  width: 9.44101484px;
  height: 12.0878447597px;
  left: 10.8895529054%;
  top: 95.0482807352%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3049357506s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(25) {
  width: 9.44101484px;
  height: 12.0878447597px;
  left: 10.8895529054%;
  top: 95.0482807352%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 10.8895529054% 95.0482807352%;
  animation: run 2.3049357506s linear infinite;
}

#yudi li:nth-of-type(26) {
  width: 14.673435674px;
  height: 9.0222790839px;
  left: 21.046135948%;
  top: 66.7316429625%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9531344986s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(26) {
  width: 14.673435674px;
  height: 9.0222790839px;
  left: 21.046135948%;
  top: 66.7316429625%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 21.046135948% 66.7316429625%;
  animation: run 2.9531344986s linear infinite;
}

#yudi li:nth-of-type(27) {
  width: 9.7730373971px;
  height: 9.5339706529px;
  left: 8.4551231439%;
  top: 85.1896383692%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5467179211s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(27) {
  width: 9.7730373971px;
  height: 9.5339706529px;
  left: 8.4551231439%;
  top: 85.1896383692%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 8.4551231439% 85.1896383692%;
  animation: run 2.5467179211s linear infinite;
}

#yudi li:nth-of-type(28) {
  width: 10.2938543113px;
  height: 11.4937961721px;
  left: 33.4080084375%;
  top: 12.8171457613%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6715621079s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(28) {
  width: 10.2938543113px;
  height: 11.4937961721px;
  left: 33.4080084375%;
  top: 12.8171457613%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 33.4080084375% 12.8171457613%;
  animation: run 2.6715621079s linear infinite;
}

#yudi li:nth-of-type(29) {
  width: 12.4498988942px;
  height: 10.2913209839px;
  left: 45.5000660284%;
  top: 40.7938098171%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5106056961s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(29) {
  width: 12.4498988942px;
  height: 10.2913209839px;
  left: 45.5000660284%;
  top: 40.7938098171%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 45.5000660284% 40.7938098171%;
  animation: run 2.5106056961s linear infinite;
}

#yudi li:nth-of-type(30) {
  width: 11.371042902px;
  height: 14.5685322734px;
  left: 73.380878506%;
  top: 25.7443050156%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1521205025s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(30) {
  width: 11.371042902px;
  height: 14.5685322734px;
  left: 73.380878506%;
  top: 25.7443050156%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 73.380878506% 25.7443050156%;
  animation: run 2.1521205025s linear infinite;
}

#yudi li:nth-of-type(31) {
  width: 6.5264593478px;
  height: 14.1908463715px;
  left: 37.0589646774%;
  top: 72.5549924289%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6471420483s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(31) {
  width: 6.5264593478px;
  height: 14.1908463715px;
  left: 37.0589646774%;
  top: 72.5549924289%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 37.0589646774% 72.5549924289%;
  animation: run 2.6471420483s linear infinite;
}

#yudi li:nth-of-type(32) {
  width: 14.1660551404px;
  height: 13.7487881533px;
  left: 42.0364187797%;
  top: 51.9133807888%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0227067097s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(32) {
  width: 14.1660551404px;
  height: 13.7487881533px;
  left: 42.0364187797%;
  top: 51.9133807888%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 42.0364187797% 51.9133807888%;
  animation: run 2.0227067097s linear infinite;
}

#yudi li:nth-of-type(33) {
  width: 14.5177263274px;
  height: 14.2566284993px;
  left: 15.1966304599%;
  top: 63.8177285866%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.524194431s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(33) {
  width: 14.5177263274px;
  height: 14.2566284993px;
  left: 15.1966304599%;
  top: 63.8177285866%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 15.1966304599% 63.8177285866%;
  animation: run 2.524194431s linear infinite;
}

#yudi li:nth-of-type(34) {
  width: 7.5787182794px;
  height: 13.9538590934px;
  left: 77.0745720922%;
  top: 62.1338635869%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9373713052s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(34) {
  width: 7.5787182794px;
  height: 13.9538590934px;
  left: 77.0745720922%;
  top: 62.1338635869%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 77.0745720922% 62.1338635869%;
  animation: run 2.9373713052s linear infinite;
}

#yudi li:nth-of-type(35) {
  width: 10.2022119538px;
  height: 10.7741844384px;
  left: 79.7806813873%;
  top: 83.3757373898%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8926228829s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(35) {
  width: 10.2022119538px;
  height: 10.7741844384px;
  left: 79.7806813873%;
  top: 83.3757373898%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 79.7806813873% 83.3757373898%;
  animation: run 2.8926228829s linear infinite;
}

#yudi li:nth-of-type(36) {
  width: 5.1396154497px;
  height: 12.0834187938px;
  left: 97.7560951021%;
  top: 23.0040180771%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4059460835s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(36) {
  width: 5.1396154497px;
  height: 12.0834187938px;
  left: 97.7560951021%;
  top: 23.0040180771%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 97.7560951021% 23.0040180771%;
  animation: run 2.4059460835s linear infinite;
}

#yudi li:nth-of-type(37) {
  width: 7.3032079245px;
  height: 9.503605261px;
  left: 97.9000499079%;
  top: 46.1413361274%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2974984089s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(37) {
  width: 7.3032079245px;
  height: 9.503605261px;
  left: 97.9000499079%;
  top: 46.1413361274%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 97.9000499079% 46.1413361274%;
  animation: run 2.2974984089s linear infinite;
}

#yudi li:nth-of-type(38) {
  width: 6.8571041347px;
  height: 5.5578079039px;
  left: 51.5953344727%;
  top: 89.4935382114%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9096915165s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(38) {
  width: 6.8571041347px;
  height: 5.5578079039px;
  left: 51.5953344727%;
  top: 89.4935382114%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 51.5953344727% 89.4935382114%;
  animation: run 2.9096915165s linear infinite;
}

#yudi li:nth-of-type(39) {
  width: 14.2961760044px;
  height: 11.1631957926px;
  left: 65.8445070876%;
  top: 72.2826586832%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9353997312s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(39) {
  width: 14.2961760044px;
  height: 11.1631957926px;
  left: 65.8445070876%;
  top: 72.2826586832%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 65.8445070876% 72.2826586832%;
  animation: run 2.9353997312s linear infinite;
}

#yudi li:nth-of-type(40) {
  width: 8.5231852776px;
  height: 13.7136205654px;
  left: 27.0174050001%;
  top: 21.9705373653%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8702529383s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(40) {
  width: 8.5231852776px;
  height: 13.7136205654px;
  left: 27.0174050001%;
  top: 21.9705373653%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 27.0174050001% 21.9705373653%;
  animation: run 2.8702529383s linear infinite;
}

#yudi li:nth-of-type(41) {
  width: 6.9736380076px;
  height: 14.8654735157px;
  left: 18.1212671817%;
  top: 22.5797049062%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3939839947s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(41) {
  width: 6.9736380076px;
  height: 14.8654735157px;
  left: 18.1212671817%;
  top: 22.5797049062%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 18.1212671817% 22.5797049062%;
  animation: run 2.3939839947s linear infinite;
}

#yudi li:nth-of-type(42) {
  width: 9.651279986px;
  height: 11.7379238126px;
  left: 32.5499606173%;
  top: 3.7685006738%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6779979267s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(42) {
  width: 9.651279986px;
  height: 11.7379238126px;
  left: 32.5499606173%;
  top: 3.7685006738%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 32.5499606173% 3.7685006738%;
  animation: run 2.6779979267s linear infinite;
}

#yudi li:nth-of-type(43) {
  width: 14.7128334175px;
  height: 5.7765457168px;
  left: 92.0572065279%;
  top: 56.4531519871%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4556856132s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(43) {
  width: 14.7128334175px;
  height: 5.7765457168px;
  left: 92.0572065279%;
  top: 56.4531519871%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 92.0572065279% 56.4531519871%;
  animation: run 2.4556856132s linear infinite;
}

#yudi li:nth-of-type(44) {
  width: 12.113989688px;
  height: 12.7069095383px;
  left: 26.9642682785%;
  top: 31.5409743607%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0689536001s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(44) {
  width: 12.113989688px;
  height: 12.7069095383px;
  left: 26.9642682785%;
  top: 31.5409743607%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 26.9642682785% 31.5409743607%;
  animation: run 2.0689536001s linear infinite;
}

#yudi li:nth-of-type(45) {
  width: 13.4681562324px;
  height: 8.8685733349px;
  left: 23.1773236753%;
  top: 24.7102984661%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4927659989s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(45) {
  width: 13.4681562324px;
  height: 8.8685733349px;
  left: 23.1773236753%;
  top: 24.7102984661%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 23.1773236753% 24.7102984661%;
  animation: run 2.4927659989s linear infinite;
}

#yudi li:nth-of-type(46) {
  width: 7.4313535522px;
  height: 14.0250403013px;
  left: 55.064751498%;
  top: 77.2635146247%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1380758048s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(46) {
  width: 7.4313535522px;
  height: 14.0250403013px;
  left: 55.064751498%;
  top: 77.2635146247%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 55.064751498% 77.2635146247%;
  animation: run 2.1380758048s linear infinite;
}

#yudi li:nth-of-type(47) {
  width: 6.588164749px;
  height: 6.9560966336px;
  left: 80.4994486925%;
  top: 49.3644905189%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5471410153s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(47) {
  width: 6.588164749px;
  height: 6.9560966336px;
  left: 80.4994486925%;
  top: 49.3644905189%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 80.4994486925% 49.3644905189%;
  animation: run 2.5471410153s linear infinite;
}

#yudi li:nth-of-type(48) {
  width: 13.1532451782px;
  height: 5.8832922446px;
  left: 39.0904277983%;
  top: 96.1521735135%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8677031905s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(48) {
  width: 13.1532451782px;
  height: 5.8832922446px;
  left: 39.0904277983%;
  top: 96.1521735135%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 39.0904277983% 96.1521735135%;
  animation: run 2.8677031905s linear infinite;
}

#yudi li:nth-of-type(49) {
  width: 11.1486300825px;
  height: 14.0399285543px;
  left: 39.4677177159%;
  top: 41.8425848015%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7289361598s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(49) {
  width: 11.1486300825px;
  height: 14.0399285543px;
  left: 39.4677177159%;
  top: 41.8425848015%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 39.4677177159% 41.8425848015%;
  animation: run 2.7289361598s linear infinite;
}

#yudi li:nth-of-type(50) {
  width: 11.3461570813px;
  height: 13.614118715px;
  left: 2.2770785304%;
  top: 44.6825283932%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4899222084s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(50) {
  width: 11.3461570813px;
  height: 13.614118715px;
  left: 2.2770785304%;
  top: 44.6825283932%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 2.2770785304% 44.6825283932%;
  animation: run 2.4899222084s linear infinite;
}

#yudi li:nth-of-type(51) {
  width: 14.0716868371px;
  height: 12.1287851735px;
  left: 78.839771885%;
  top: 76.9639590167%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5082590217s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(51) {
  width: 14.0716868371px;
  height: 12.1287851735px;
  left: 78.839771885%;
  top: 76.9639590167%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 78.839771885% 76.9639590167%;
  animation: run 2.5082590217s linear infinite;
}

#yudi li:nth-of-type(52) {
  width: 5.3709236321px;
  height: 11.934638228px;
  left: 61.618043664%;
  top: 20.7948021951%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0726911789s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(52) {
  width: 5.3709236321px;
  height: 11.934638228px;
  left: 61.618043664%;
  top: 20.7948021951%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 61.618043664% 20.7948021951%;
  animation: run 2.0726911789s linear infinite;
}

#yudi li:nth-of-type(53) {
  width: 12.2293064717px;
  height: 12.2607467377px;
  left: 67.1124675638%;
  top: 68.1735206756%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8383579596s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(53) {
  width: 12.2293064717px;
  height: 12.2607467377px;
  left: 67.1124675638%;
  top: 68.1735206756%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 67.1124675638% 68.1735206756%;
  animation: run 2.8383579596s linear infinite;
}

#yudi li:nth-of-type(54) {
  width: 7.9814436049px;
  height: 13.8991551742px;
  left: 38.0522368468%;
  top: 24.7928453104%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2491953796s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(54) {
  width: 7.9814436049px;
  height: 13.8991551742px;
  left: 38.0522368468%;
  top: 24.7928453104%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 38.0522368468% 24.7928453104%;
  animation: run 2.2491953796s linear infinite;
}

#yudi li:nth-of-type(55) {
  width: 11.1057801503px;
  height: 7.2064419539px;
  left: 61.7128062595%;
  top: 25.1513954965%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8433106882s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(55) {
  width: 11.1057801503px;
  height: 7.2064419539px;
  left: 61.7128062595%;
  top: 25.1513954965%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 61.7128062595% 25.1513954965%;
  animation: run 2.8433106882s linear infinite;
}

#yudi li:nth-of-type(56) {
  width: 11.5052508913px;
  height: 6.7653156304px;
  left: 65.2419048249%;
  top: 62.4344879953%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6422693361s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(56) {
  width: 11.5052508913px;
  height: 6.7653156304px;
  left: 65.2419048249%;
  top: 62.4344879953%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 65.2419048249% 62.4344879953%;
  animation: run 2.6422693361s linear infinite;
}

#yudi li:nth-of-type(57) {
  width: 11.9759316865px;
  height: 13.4403497291px;
  left: 92.8069176985%;
  top: 33.9051113206%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1143377244s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(57) {
  width: 11.9759316865px;
  height: 13.4403497291px;
  left: 92.8069176985%;
  top: 33.9051113206%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 92.8069176985% 33.9051113206%;
  animation: run 2.1143377244s linear infinite;
}

#yudi li:nth-of-type(58) {
  width: 13.755628385px;
  height: 13.7875020612px;
  left: 67.2646947277%;
  top: 48.3515592942%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7877742304s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(58) {
  width: 13.755628385px;
  height: 13.7875020612px;
  left: 67.2646947277%;
  top: 48.3515592942%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 67.2646947277% 48.3515592942%;
  animation: run 2.7877742304s linear infinite;
}

#yudi li:nth-of-type(59) {
  width: 11.6227561124px;
  height: 6.3385425449px;
  left: 88.537618309%;
  top: 53.0390456717%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.264149454s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(59) {
  width: 11.6227561124px;
  height: 6.3385425449px;
  left: 88.537618309%;
  top: 53.0390456717%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 88.537618309% 53.0390456717%;
  animation: run 2.264149454s linear infinite;
}

#yudi li:nth-of-type(60) {
  width: 12.5258983141px;
  height: 10.7486623643px;
  left: 72.6545890188%;
  top: 74.9978401011%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1423744874s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(60) {
  width: 12.5258983141px;
  height: 10.7486623643px;
  left: 72.6545890188%;
  top: 74.9978401011%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 72.6545890188% 74.9978401011%;
  animation: run 2.1423744874s linear infinite;
}

#yudi li:nth-of-type(61) {
  width: 9.222513659px;
  height: 10.3941679001px;
  left: 57.98499879%;
  top: 38.7392632882%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4919760131s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(61) {
  width: 9.222513659px;
  height: 10.3941679001px;
  left: 57.98499879%;
  top: 38.7392632882%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 57.98499879% 38.7392632882%;
  animation: run 2.4919760131s linear infinite;
}

#yudi li:nth-of-type(62) {
  width: 12.2239373423px;
  height: 7.9574273562px;
  left: 42.7679221528%;
  top: 27.0947634221%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5213249274s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(62) {
  width: 12.2239373423px;
  height: 7.9574273562px;
  left: 42.7679221528%;
  top: 27.0947634221%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 42.7679221528% 27.0947634221%;
  animation: run 2.5213249274s linear infinite;
}

#yudi li:nth-of-type(63) {
  width: 7.8488887897px;
  height: 9.856660522px;
  left: 74.4811076332%;
  top: 23.7953096232%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1616394596s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(63) {
  width: 7.8488887897px;
  height: 9.856660522px;
  left: 74.4811076332%;
  top: 23.7953096232%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 74.4811076332% 23.7953096232%;
  animation: run 2.1616394596s linear infinite;
}

#yudi li:nth-of-type(64) {
  width: 9.8989265194px;
  height: 9.3549780175px;
  left: 72.6410482934%;
  top: 50.9016318799%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.708000579s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(64) {
  width: 9.8989265194px;
  height: 9.3549780175px;
  left: 72.6410482934%;
  top: 50.9016318799%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 72.6410482934% 50.9016318799%;
  animation: run 2.708000579s linear infinite;
}

#yudi li:nth-of-type(65) {
  width: 6.9996180068px;
  height: 14.0796722862px;
  left: 57.2031634867%;
  top: 54.9914786351%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0520378745s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(65) {
  width: 6.9996180068px;
  height: 14.0796722862px;
  left: 57.2031634867%;
  top: 54.9914786351%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 57.2031634867% 54.9914786351%;
  animation: run 2.0520378745s linear infinite;
}

#yudi li:nth-of-type(66) {
  width: 12.1118521084px;
  height: 7.2526417831px;
  left: 29.9119979342%;
  top: 70.0760447325%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3569968342s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(66) {
  width: 12.1118521084px;
  height: 7.2526417831px;
  left: 29.9119979342%;
  top: 70.0760447325%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 29.9119979342% 70.0760447325%;
  animation: run 2.3569968342s linear infinite;
}

#yudi li:nth-of-type(67) {
  width: 8.5605466632px;
  height: 13.0432150857px;
  left: 71.9800811302%;
  top: 0.4938711243%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7113369657s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(67) {
  width: 8.5605466632px;
  height: 13.0432150857px;
  left: 71.9800811302%;
  top: 0.4938711243%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 71.9800811302% 0.4938711243%;
  animation: run 2.7113369657s linear infinite;
}

#yudi li:nth-of-type(68) {
  width: 10.6682065393px;
  height: 10.2468397683px;
  left: 8.0151996359%;
  top: 61.7780331503%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1004506186s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(68) {
  width: 10.6682065393px;
  height: 10.2468397683px;
  left: 8.0151996359%;
  top: 61.7780331503%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 8.0151996359% 61.7780331503%;
  animation: run 2.1004506186s linear infinite;
}

#yudi li:nth-of-type(69) {
  width: 7.2870157582px;
  height: 14.6497377623px;
  left: 21.1382442127%;
  top: 71.1608758686%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.609274222s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(69) {
  width: 7.2870157582px;
  height: 14.6497377623px;
  left: 21.1382442127%;
  top: 71.1608758686%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 21.1382442127% 71.1608758686%;
  animation: run 2.609274222s linear infinite;
}

#yudi li:nth-of-type(70) {
  width: 11.3268496002px;
  height: 12.2701179139px;
  left: 57.4105132326%;
  top: 87.5600890116%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7433162456s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(70) {
  width: 11.3268496002px;
  height: 12.2701179139px;
  left: 57.4105132326%;
  top: 87.5600890116%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 57.4105132326% 87.5600890116%;
  animation: run 2.7433162456s linear infinite;
}

#yudi li:nth-of-type(71) {
  width: 11.1085483116px;
  height: 14.7450517499px;
  left: 30.5863440835%;
  top: 22.2299997185%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1873810029s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(71) {
  width: 11.1085483116px;
  height: 14.7450517499px;
  left: 30.5863440835%;
  top: 22.2299997185%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 30.5863440835% 22.2299997185%;
  animation: run 2.1873810029s linear infinite;
}

#yudi li:nth-of-type(72) {
  width: 6.2343538394px;
  height: 14.2813069881px;
  left: 9.7925798516%;
  top: 39.9060227686%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6249875881s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(72) {
  width: 6.2343538394px;
  height: 14.2813069881px;
  left: 9.7925798516%;
  top: 39.9060227686%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 9.7925798516% 39.9060227686%;
  animation: run 2.6249875881s linear infinite;
}

#yudi li:nth-of-type(73) {
  width: 8.3498242946px;
  height: 7.5840016675px;
  left: 48.4222888369%;
  top: 89.0425659583%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1701251262s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(73) {
  width: 8.3498242946px;
  height: 7.5840016675px;
  left: 48.4222888369%;
  top: 89.0425659583%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 48.4222888369% 89.0425659583%;
  animation: run 2.1701251262s linear infinite;
}

#yudi li:nth-of-type(74) {
  width: 9.6829035845px;
  height: 10.9378328854px;
  left: 45.3076743746%;
  top: 71.7618357822%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1778656294s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(74) {
  width: 9.6829035845px;
  height: 10.9378328854px;
  left: 45.3076743746%;
  top: 71.7618357822%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 45.3076743746% 71.7618357822%;
  animation: run 2.1778656294s linear infinite;
}

#yudi li:nth-of-type(75) {
  width: 10.9299535012px;
  height: 5.729857982px;
  left: 87.9875746861%;
  top: 37.1135212052%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5586887969s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(75) {
  width: 10.9299535012px;
  height: 5.729857982px;
  left: 87.9875746861%;
  top: 37.1135212052%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 87.9875746861% 37.1135212052%;
  animation: run 2.5586887969s linear infinite;
}

#yudi li:nth-of-type(76) {
  width: 12.5806163286px;
  height: 14.858403821px;
  left: 69.5730152161%;
  top: 69.9998575358%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7911133671s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(76) {
  width: 12.5806163286px;
  height: 14.858403821px;
  left: 69.5730152161%;
  top: 69.9998575358%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 69.5730152161% 69.9998575358%;
  animation: run 2.7911133671s linear infinite;
}

#yudi li:nth-of-type(77) {
  width: 9.0366679354px;
  height: 11.6740744987px;
  left: 2.7011795196%;
  top: 20.7196926861%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.197234756s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(77) {
  width: 9.0366679354px;
  height: 11.6740744987px;
  left: 2.7011795196%;
  top: 20.7196926861%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 2.7011795196% 20.7196926861%;
  animation: run 2.197234756s linear infinite;
}

#yudi li:nth-of-type(78) {
  width: 12.092007648px;
  height: 9.3089876739px;
  left: 57.1923226369%;
  top: 2.9661824869%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4694952151s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(78) {
  width: 12.092007648px;
  height: 9.3089876739px;
  left: 57.1923226369%;
  top: 2.9661824869%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 57.1923226369% 2.9661824869%;
  animation: run 2.4694952151s linear infinite;
}

#yudi li:nth-of-type(79) {
  width: 6.1036176624px;
  height: 10.6450315407px;
  left: 25.266702657%;
  top: 67.673217118%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5631659611s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(79) {
  width: 6.1036176624px;
  height: 10.6450315407px;
  left: 25.266702657%;
  top: 67.673217118%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 25.266702657% 67.673217118%;
  animation: run 2.5631659611s linear infinite;
}

#yudi li:nth-of-type(80) {
  width: 14.4188543988px;
  height: 13.4072962636px;
  left: 0.2837425212%;
  top: 30.7658476309%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3407390134s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(80) {
  width: 14.4188543988px;
  height: 13.4072962636px;
  left: 0.2837425212%;
  top: 30.7658476309%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 0.2837425212% 30.7658476309%;
  animation: run 2.3407390134s linear infinite;
}

#yudi li:nth-of-type(81) {
  width: 13.4660912595px;
  height: 13.4296507849px;
  left: 19.6307633231%;
  top: 0.0715076617%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2057603114s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(81) {
  width: 13.4660912595px;
  height: 13.4296507849px;
  left: 19.6307633231%;
  top: 0.0715076617%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 19.6307633231% 0.0715076617%;
  animation: run 2.2057603114s linear infinite;
}

#yudi li:nth-of-type(82) {
  width: 9.6693447216px;
  height: 9.7628601809px;
  left: 30.0666253254%;
  top: 40.6542114504%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.57917011s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(82) {
  width: 9.6693447216px;
  height: 9.7628601809px;
  left: 30.0666253254%;
  top: 40.6542114504%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 30.0666253254% 40.6542114504%;
  animation: run 2.57917011s linear infinite;
}

#yudi li:nth-of-type(83) {
  width: 5.6881161077px;
  height: 9.9201050332px;
  left: 25.7595872178%;
  top: 77.7194234737%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8283668572s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(83) {
  width: 5.6881161077px;
  height: 9.9201050332px;
  left: 25.7595872178%;
  top: 77.7194234737%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 25.7595872178% 77.7194234737%;
  animation: run 2.8283668572s linear infinite;
}

#yudi li:nth-of-type(84) {
  width: 9.1146578282px;
  height: 14.2220106922px;
  left: 16.1950770793%;
  top: 66.6746205271%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7656384134s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(84) {
  width: 9.1146578282px;
  height: 14.2220106922px;
  left: 16.1950770793%;
  top: 66.6746205271%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 16.1950770793% 66.6746205271%;
  animation: run 2.7656384134s linear infinite;
}

#yudi li:nth-of-type(85) {
  width: 9.3271985391px;
  height: 9.1243781607px;
  left: 28.6369356552%;
  top: 29.4368122123%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0111164416s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(85) {
  width: 9.3271985391px;
  height: 9.1243781607px;
  left: 28.6369356552%;
  top: 29.4368122123%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 28.6369356552% 29.4368122123%;
  animation: run 2.0111164416s linear infinite;
}

#yudi li:nth-of-type(86) {
  width: 5.3666812101px;
  height: 14.2081041006px;
  left: 18.0961246932%;
  top: 54.4590112004%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0715884865s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(86) {
  width: 5.3666812101px;
  height: 14.2081041006px;
  left: 18.0961246932%;
  top: 54.4590112004%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 18.0961246932% 54.4590112004%;
  animation: run 2.0715884865s linear infinite;
}

#yudi li:nth-of-type(87) {
  width: 12.4936537096px;
  height: 11.562666292px;
  left: 67.4117803957%;
  top: 45.9983128719%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1673788956s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(87) {
  width: 12.4936537096px;
  height: 11.562666292px;
  left: 67.4117803957%;
  top: 45.9983128719%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 67.4117803957% 45.9983128719%;
  animation: run 2.1673788956s linear infinite;
}

#yudi li:nth-of-type(88) {
  width: 14.6331804406px;
  height: 5.6798589919px;
  left: 87.5644815616%;
  top: 20.7156395777%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9802678029s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(88) {
  width: 14.6331804406px;
  height: 5.6798589919px;
  left: 87.5644815616%;
  top: 20.7156395777%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 87.5644815616% 20.7156395777%;
  animation: run 2.9802678029s linear infinite;
}

#yudi li:nth-of-type(89) {
  width: 8.133076613px;
  height: 10.3800944909px;
  left: 55.1119648648%;
  top: 73.3973573966%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8960300883s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(89) {
  width: 8.133076613px;
  height: 10.3800944909px;
  left: 55.1119648648%;
  top: 73.3973573966%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 55.1119648648% 73.3973573966%;
  animation: run 2.8960300883s linear infinite;
}

#yudi li:nth-of-type(90) {
  width: 10.2599407617px;
  height: 13.4426419873px;
  left: 92.5397851127%;
  top: 71.4643634483%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1270817698s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(90) {
  width: 10.2599407617px;
  height: 13.4426419873px;
  left: 92.5397851127%;
  top: 71.4643634483%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 92.5397851127% 71.4643634483%;
  animation: run 2.1270817698s linear infinite;
}

#yudi li:nth-of-type(91) {
  width: 9.3958542844px;
  height: 5.823285805px;
  left: 36.4265555417%;
  top: 54.2445498303%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3211272763s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(91) {
  width: 9.3958542844px;
  height: 5.823285805px;
  left: 36.4265555417%;
  top: 54.2445498303%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 36.4265555417% 54.2445498303%;
  animation: run 2.3211272763s linear infinite;
}

#yudi li:nth-of-type(92) {
  width: 6.7423742205px;
  height: 7.5825294727px;
  left: 67.3194521328%;
  top: 19.3953718453%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5384434805s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(92) {
  width: 6.7423742205px;
  height: 7.5825294727px;
  left: 67.3194521328%;
  top: 19.3953718453%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 67.3194521328% 19.3953718453%;
  animation: run 2.5384434805s linear infinite;
}

#yudi li:nth-of-type(93) {
  width: 14.4551865863px;
  height: 6.3128490287px;
  left: 11.8455689875%;
  top: 22.8398986994%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6004853385s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(93) {
  width: 14.4551865863px;
  height: 6.3128490287px;
  left: 11.8455689875%;
  top: 22.8398986994%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 11.8455689875% 22.8398986994%;
  animation: run 2.6004853385s linear infinite;
}

#yudi li:nth-of-type(94) {
  width: 13.9724797579px;
  height: 6.2291656468px;
  left: 16.0139914713%;
  top: 14.9417596364%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8027219937s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(94) {
  width: 13.9724797579px;
  height: 6.2291656468px;
  left: 16.0139914713%;
  top: 14.9417596364%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 16.0139914713% 14.9417596364%;
  animation: run 2.8027219937s linear infinite;
}

#yudi li:nth-of-type(95) {
  width: 13.2000699679px;
  height: 5.7429409774px;
  left: 34.7359229563%;
  top: 53.0668655414%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.211173355s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(95) {
  width: 13.2000699679px;
  height: 5.7429409774px;
  left: 34.7359229563%;
  top: 53.0668655414%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 34.7359229563% 53.0668655414%;
  animation: run 2.211173355s linear infinite;
}

#yudi li:nth-of-type(96) {
  width: 8.0132150721px;
  height: 9.0104817513px;
  left: 10.1021089472%;
  top: 60.7188842738%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2633707286s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(96) {
  width: 8.0132150721px;
  height: 9.0104817513px;
  left: 10.1021089472%;
  top: 60.7188842738%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 10.1021089472% 60.7188842738%;
  animation: run 2.2633707286s linear infinite;
}

#yudi li:nth-of-type(97) {
  width: 14.5173808728px;
  height: 9.5713623827px;
  left: 34.1575241898%;
  top: 83.9537709794%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0516880619s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(97) {
  width: 14.5173808728px;
  height: 9.5713623827px;
  left: 34.1575241898%;
  top: 83.9537709794%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 34.1575241898% 83.9537709794%;
  animation: run 2.0516880619s linear infinite;
}

#yudi li:nth-of-type(98) {
  width: 6.2271423097px;
  height: 12.7811558635px;
  left: 41.5830948855%;
  top: 48.7179528511%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8477891052s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(98) {
  width: 6.2271423097px;
  height: 12.7811558635px;
  left: 41.5830948855%;
  top: 48.7179528511%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 41.5830948855% 48.7179528511%;
  animation: run 2.8477891052s linear infinite;
}

#yudi li:nth-of-type(99) {
  width: 12.650934714px;
  height: 10.6648392262px;
  left: 52.2982908895%;
  top: 27.9595628723%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4664516908s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(99) {
  width: 12.650934714px;
  height: 10.6648392262px;
  left: 52.2982908895%;
  top: 27.9595628723%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 52.2982908895% 27.9595628723%;
  animation: run 2.4664516908s linear infinite;
}

#yudi li:nth-of-type(100) {
  width: 14.0083239567px;
  height: 10.0540776281px;
  left: 98.8322066712%;
  top: 55.5548738398%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1028255159s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(100) {
  width: 14.0083239567px;
  height: 10.0540776281px;
  left: 98.8322066712%;
  top: 55.5548738398%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 98.8322066712% 55.5548738398%;
  animation: run 2.1028255159s linear infinite;
}

#yudi li:nth-of-type(101) {
  width: 8.980336573px;
  height: 11.7094074217px;
  left: 85.2499681241%;
  top: 46.0516860301%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0060664211s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(101) {
  width: 8.980336573px;
  height: 11.7094074217px;
  left: 85.2499681241%;
  top: 46.0516860301%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 85.2499681241% 46.0516860301%;
  animation: run 2.0060664211s linear infinite;
}

#yudi li:nth-of-type(102) {
  width: 13.8746869816px;
  height: 7.5629896789px;
  left: 83.1836898794%;
  top: 69.8657684248%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6693572636s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(102) {
  width: 13.8746869816px;
  height: 7.5629896789px;
  left: 83.1836898794%;
  top: 69.8657684248%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 83.1836898794% 69.8657684248%;
  animation: run 2.6693572636s linear infinite;
}

#yudi li:nth-of-type(103) {
  width: 7.2322466917px;
  height: 6.4170127757px;
  left: 39.865033011%;
  top: 51.724004336%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7888551577s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(103) {
  width: 7.2322466917px;
  height: 6.4170127757px;
  left: 39.865033011%;
  top: 51.724004336%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 39.865033011% 51.724004336%;
  animation: run 2.7888551577s linear infinite;
}

#yudi li:nth-of-type(104) {
  width: 14.2145508462px;
  height: 5.1198263718px;
  left: 86.4715940447%;
  top: 87.3822630075%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1025367095s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(104) {
  width: 14.2145508462px;
  height: 5.1198263718px;
  left: 86.4715940447%;
  top: 87.3822630075%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 86.4715940447% 87.3822630075%;
  animation: run 2.1025367095s linear infinite;
}

#yudi li:nth-of-type(105) {
  width: 13.8465567583px;
  height: 7.3411551182px;
  left: 85.6079266864%;
  top: 9.9007176323%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2425352696s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(105) {
  width: 13.8465567583px;
  height: 7.3411551182px;
  left: 85.6079266864%;
  top: 9.9007176323%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 85.6079266864% 9.9007176323%;
  animation: run 2.2425352696s linear infinite;
}

#yudi li:nth-of-type(106) {
  width: 12.6184995519px;
  height: 13.0895562601px;
  left: 29.3879646229%;
  top: 93.2978849929%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5972960135s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(106) {
  width: 12.6184995519px;
  height: 13.0895562601px;
  left: 29.3879646229%;
  top: 93.2978849929%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 29.3879646229% 93.2978849929%;
  animation: run 2.5972960135s linear infinite;
}

#yudi li:nth-of-type(107) {
  width: 13.6981561668px;
  height: 10.7999527396px;
  left: 95.3481051618%;
  top: 0.6913531097%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9279192159s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(107) {
  width: 13.6981561668px;
  height: 10.7999527396px;
  left: 95.3481051618%;
  top: 0.6913531097%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 95.3481051618% 0.6913531097%;
  animation: run 2.9279192159s linear infinite;
}

#yudi li:nth-of-type(108) {
  width: 5.7101303838px;
  height: 9.8923477039px;
  left: 51.2861712612%;
  top: 44.4572215489%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.659472195s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(108) {
  width: 5.7101303838px;
  height: 9.8923477039px;
  left: 51.2861712612%;
  top: 44.4572215489%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 51.2861712612% 44.4572215489%;
  animation: run 2.659472195s linear infinite;
}

#yudi li:nth-of-type(109) {
  width: 9.1432047549px;
  height: 9.5780949596px;
  left: 9.4816315615%;
  top: 99.4507617714%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1935546747s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(109) {
  width: 9.1432047549px;
  height: 9.5780949596px;
  left: 9.4816315615%;
  top: 99.4507617714%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 9.4816315615% 99.4507617714%;
  animation: run 2.1935546747s linear infinite;
}

#yudi li:nth-of-type(110) {
  width: 8.0221027131px;
  height: 12.5189694667px;
  left: 33.8596827709%;
  top: 75.8753929109%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8299917018s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(110) {
  width: 8.0221027131px;
  height: 12.5189694667px;
  left: 33.8596827709%;
  top: 75.8753929109%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 33.8596827709% 75.8753929109%;
  animation: run 2.8299917018s linear infinite;
}

#yudi li:nth-of-type(111) {
  width: 5.3764147949px;
  height: 9.2411825861px;
  left: 90.6856367456%;
  top: 13.3716108168%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4110518684s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(111) {
  width: 5.3764147949px;
  height: 9.2411825861px;
  left: 90.6856367456%;
  top: 13.3716108168%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 90.6856367456% 13.3716108168%;
  animation: run 2.4110518684s linear infinite;
}

#yudi li:nth-of-type(112) {
  width: 8.8319804238px;
  height: 7.8116171205px;
  left: 7.5640027635%;
  top: 80.9337365399%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9868499923s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(112) {
  width: 8.8319804238px;
  height: 7.8116171205px;
  left: 7.5640027635%;
  top: 80.9337365399%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 7.5640027635% 80.9337365399%;
  animation: run 2.9868499923s linear infinite;
}

#yudi li:nth-of-type(113) {
  width: 11.3006236205px;
  height: 14.9577328466px;
  left: 94.9898565311%;
  top: 17.0373065277%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0667861466s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(113) {
  width: 11.3006236205px;
  height: 14.9577328466px;
  left: 94.9898565311%;
  top: 17.0373065277%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 94.9898565311% 17.0373065277%;
  animation: run 2.0667861466s linear infinite;
}

#yudi li:nth-of-type(114) {
  width: 7.1643778702px;
  height: 7.5158731152px;
  left: 28.6920047076%;
  top: 97.1248999698%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8249780913s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(114) {
  width: 7.1643778702px;
  height: 7.5158731152px;
  left: 28.6920047076%;
  top: 97.1248999698%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 28.6920047076% 97.1248999698%;
  animation: run 2.8249780913s linear infinite;
}

#yudi li:nth-of-type(115) {
  width: 13.6289755892px;
  height: 13.3018065993px;
  left: 36.5290218499%;
  top: 38.3047258514%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4374411411s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(115) {
  width: 13.6289755892px;
  height: 13.3018065993px;
  left: 36.5290218499%;
  top: 38.3047258514%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 36.5290218499% 38.3047258514%;
  animation: run 2.4374411411s linear infinite;
}

#yudi li:nth-of-type(116) {
  width: 9.4933948428px;
  height: 12.6749802505px;
  left: 86.4551365637%;
  top: 17.1494735885%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3780838529s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(116) {
  width: 9.4933948428px;
  height: 12.6749802505px;
  left: 86.4551365637%;
  top: 17.1494735885%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 86.4551365637% 17.1494735885%;
  animation: run 2.3780838529s linear infinite;
}

#yudi li:nth-of-type(117) {
  width: 9.6596542281px;
  height: 10.4130807818px;
  left: 94.7180667078%;
  top: 86.7025431674%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5167503959s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(117) {
  width: 9.6596542281px;
  height: 10.4130807818px;
  left: 94.7180667078%;
  top: 86.7025431674%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 94.7180667078% 86.7025431674%;
  animation: run 2.5167503959s linear infinite;
}

#yudi li:nth-of-type(118) {
  width: 14.6459771746px;
  height: 9.7664723723px;
  left: 62.4985868333%;
  top: 8.2036909778%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0413955183s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(118) {
  width: 14.6459771746px;
  height: 9.7664723723px;
  left: 62.4985868333%;
  top: 8.2036909778%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 62.4985868333% 8.2036909778%;
  animation: run 2.0413955183s linear infinite;
}

#yudi li:nth-of-type(119) {
  width: 14.5544269335px;
  height: 8.5765507683px;
  left: 82.8757060315%;
  top: 68.2224189129%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0542591213s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(119) {
  width: 14.5544269335px;
  height: 8.5765507683px;
  left: 82.8757060315%;
  top: 68.2224189129%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 82.8757060315% 68.2224189129%;
  animation: run 2.0542591213s linear infinite;
}

#yudi li:nth-of-type(120) {
  width: 8.6941571547px;
  height: 14.3166765261px;
  left: 56.6319232435%;
  top: 59.0639265276%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0924008839s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(120) {
  width: 8.6941571547px;
  height: 14.3166765261px;
  left: 56.6319232435%;
  top: 59.0639265276%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 56.6319232435% 59.0639265276%;
  animation: run 2.0924008839s linear infinite;
}

#yudi li:nth-of-type(121) {
  width: 7.9183977482px;
  height: 6.2738009595px;
  left: 63.8707016353%;
  top: 17.730923189%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8212862597s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(121) {
  width: 7.9183977482px;
  height: 6.2738009595px;
  left: 63.8707016353%;
  top: 17.730923189%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 63.8707016353% 17.730923189%;
  animation: run 2.8212862597s linear infinite;
}

#yudi li:nth-of-type(122) {
  width: 9.3251258409px;
  height: 10.8402446951px;
  left: 97.1360562924%;
  top: 5.1893743811%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2529146283s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(122) {
  width: 9.3251258409px;
  height: 10.8402446951px;
  left: 97.1360562924%;
  top: 5.1893743811%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 97.1360562924% 5.1893743811%;
  animation: run 2.2529146283s linear infinite;
}

#yudi li:nth-of-type(123) {
  width: 8.3958876807px;
  height: 8.928557977px;
  left: 31.4320504333%;
  top: 2.1438091268%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1909418221s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(123) {
  width: 8.3958876807px;
  height: 8.928557977px;
  left: 31.4320504333%;
  top: 2.1438091268%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 31.4320504333% 2.1438091268%;
  animation: run 2.1909418221s linear infinite;
}

#yudi li:nth-of-type(124) {
  width: 6.0936320994px;
  height: 6.2810457374px;
  left: 78.0122331714%;
  top: 77.4498856408%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7497806797s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(124) {
  width: 6.0936320994px;
  height: 6.2810457374px;
  left: 78.0122331714%;
  top: 77.4498856408%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 78.0122331714% 77.4498856408%;
  animation: run 2.7497806797s linear infinite;
}

#yudi li:nth-of-type(125) {
  width: 13.0021146326px;
  height: 11.2213544615px;
  left: 61.089096834%;
  top: 67.4127859543%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2082054846s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(125) {
  width: 13.0021146326px;
  height: 11.2213544615px;
  left: 61.089096834%;
  top: 67.4127859543%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 61.089096834% 67.4127859543%;
  animation: run 2.2082054846s linear infinite;
}

#yudi li:nth-of-type(126) {
  width: 7.5455941532px;
  height: 7.6380901881px;
  left: 4.6470992947%;
  top: 86.6046485162%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0220110661s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(126) {
  width: 7.5455941532px;
  height: 7.6380901881px;
  left: 4.6470992947%;
  top: 86.6046485162%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 4.6470992947% 86.6046485162%;
  animation: run 2.0220110661s linear infinite;
}

#yudi li:nth-of-type(127) {
  width: 6.6854310197px;
  height: 13.2750573663px;
  left: 35.3339223089%;
  top: 11.158133%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4673161849s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(127) {
  width: 6.6854310197px;
  height: 13.2750573663px;
  left: 35.3339223089%;
  top: 11.158133%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 35.3339223089% 11.158133%;
  animation: run 2.4673161849s linear infinite;
}

#yudi li:nth-of-type(128) {
  width: 13.7149708262px;
  height: 11.4561281135px;
  left: 54.195729484%;
  top: 90.2310733871%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8044688048s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(128) {
  width: 13.7149708262px;
  height: 11.4561281135px;
  left: 54.195729484%;
  top: 90.2310733871%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 54.195729484% 90.2310733871%;
  animation: run 2.8044688048s linear infinite;
}

#yudi li:nth-of-type(129) {
  width: 13.3681672087px;
  height: 7.1255211352px;
  left: 13.2767608584%;
  top: 60.7464470028%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3761064538s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(129) {
  width: 13.3681672087px;
  height: 7.1255211352px;
  left: 13.2767608584%;
  top: 60.7464470028%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 13.2767608584% 60.7464470028%;
  animation: run 2.3761064538s linear infinite;
}

#yudi li:nth-of-type(130) {
  width: 8.3438188131px;
  height: 11.9283419725px;
  left: 12.8949675876%;
  top: 44.0107686295%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9455489712s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(130) {
  width: 8.3438188131px;
  height: 11.9283419725px;
  left: 12.8949675876%;
  top: 44.0107686295%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 12.8949675876% 44.0107686295%;
  animation: run 2.9455489712s linear infinite;
}

#yudi li:nth-of-type(131) {
  width: 8.5742902746px;
  height: 7.1807382444px;
  left: 96.969451719%;
  top: 62.2433859238%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6162606705s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(131) {
  width: 8.5742902746px;
  height: 7.1807382444px;
  left: 96.969451719%;
  top: 62.2433859238%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 96.969451719% 62.2433859238%;
  animation: run 2.6162606705s linear infinite;
}

#yudi li:nth-of-type(132) {
  width: 5.0803234177px;
  height: 11.0230760495px;
  left: 78.7767836155%;
  top: 1.4345971469%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7651237767s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(132) {
  width: 5.0803234177px;
  height: 11.0230760495px;
  left: 78.7767836155%;
  top: 1.4345971469%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 78.7767836155% 1.4345971469%;
  animation: run 2.7651237767s linear infinite;
}

#yudi li:nth-of-type(133) {
  width: 9.0173076947px;
  height: 14.3874562919px;
  left: 98.7471278479%;
  top: 70.3923436565%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.446699226s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(133) {
  width: 9.0173076947px;
  height: 14.3874562919px;
  left: 98.7471278479%;
  top: 70.3923436565%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 98.7471278479% 70.3923436565%;
  animation: run 2.446699226s linear infinite;
}

#yudi li:nth-of-type(134) {
  width: 7.7693522789px;
  height: 6.1747864866px;
  left: 25.7276976591%;
  top: 73.4640070293%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7355313366s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(134) {
  width: 7.7693522789px;
  height: 6.1747864866px;
  left: 25.7276976591%;
  top: 73.4640070293%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 25.7276976591% 73.4640070293%;
  animation: run 2.7355313366s linear infinite;
}

#yudi li:nth-of-type(135) {
  width: 6.4026977657px;
  height: 6.8515332295px;
  left: 0.4653367061%;
  top: 36.6997086173%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4920769848s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(135) {
  width: 6.4026977657px;
  height: 6.8515332295px;
  left: 0.4653367061%;
  top: 36.6997086173%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 0.4653367061% 36.6997086173%;
  animation: run 2.4920769848s linear infinite;
}

#yudi li:nth-of-type(136) {
  width: 6.3343348849px;
  height: 10.9628112486px;
  left: 79.0840777956%;
  top: 7.4977404228%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4127091804s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(136) {
  width: 6.3343348849px;
  height: 10.9628112486px;
  left: 79.0840777956%;
  top: 7.4977404228%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 79.0840777956% 7.4977404228%;
  animation: run 2.4127091804s linear infinite;
}

#yudi li:nth-of-type(137) {
  width: 6.4072490832px;
  height: 7.4602062601px;
  left: 92.2228161905%;
  top: 25.9657770499%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6707064845s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(137) {
  width: 6.4072490832px;
  height: 7.4602062601px;
  left: 92.2228161905%;
  top: 25.9657770499%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 92.2228161905% 25.9657770499%;
  animation: run 2.6707064845s linear infinite;
}

#yudi li:nth-of-type(138) {
  width: 6.5650439857px;
  height: 5.834960579px;
  left: 99.1014193369%;
  top: 87.8283679469%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2452944078s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(138) {
  width: 6.5650439857px;
  height: 5.834960579px;
  left: 99.1014193369%;
  top: 87.8283679469%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 99.1014193369% 87.8283679469%;
  animation: run 2.2452944078s linear infinite;
}

#yudi li:nth-of-type(139) {
  width: 8.2939249285px;
  height: 7.5512417504px;
  left: 26.1563216581%;
  top: 75.4344447041%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8925927814s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(139) {
  width: 8.2939249285px;
  height: 7.5512417504px;
  left: 26.1563216581%;
  top: 75.4344447041%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 26.1563216581% 75.4344447041%;
  animation: run 2.8925927814s linear infinite;
}

#yudi li:nth-of-type(140) {
  width: 6.5471320565px;
  height: 13.8593339087px;
  left: 3.0895903589%;
  top: 55.7219343492%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8800931124s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(140) {
  width: 6.5471320565px;
  height: 13.8593339087px;
  left: 3.0895903589%;
  top: 55.7219343492%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 3.0895903589% 55.7219343492%;
  animation: run 2.8800931124s linear infinite;
}

#yudi li:nth-of-type(141) {
  width: 5.8223467018px;
  height: 12.4967871967px;
  left: 80.7648122595%;
  top: 54.9147092494%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0557146631s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(141) {
  width: 5.8223467018px;
  height: 12.4967871967px;
  left: 80.7648122595%;
  top: 54.9147092494%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 80.7648122595% 54.9147092494%;
  animation: run 2.0557146631s linear infinite;
}

#yudi li:nth-of-type(142) {
  width: 14.5045191631px;
  height: 13.904277896px;
  left: 17.8737495209%;
  top: 65.8529847946%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8628023513s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(142) {
  width: 14.5045191631px;
  height: 13.904277896px;
  left: 17.8737495209%;
  top: 65.8529847946%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 17.8737495209% 65.8529847946%;
  animation: run 2.8628023513s linear infinite;
}

#yudi li:nth-of-type(143) {
  width: 13.1329962757px;
  height: 8.6245984165px;
  left: 34.4481228001%;
  top: 74.8624631577%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6817162266s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(143) {
  width: 13.1329962757px;
  height: 8.6245984165px;
  left: 34.4481228001%;
  top: 74.8624631577%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 34.4481228001% 74.8624631577%;
  animation: run 2.6817162266s linear infinite;
}

#yudi li:nth-of-type(144) {
  width: 8.8616415445px;
  height: 13.257961618px;
  left: 45.7049436794%;
  top: 61.4957411174%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8279210753s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(144) {
  width: 8.8616415445px;
  height: 13.257961618px;
  left: 45.7049436794%;
  top: 61.4957411174%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 45.7049436794% 61.4957411174%;
  animation: run 2.8279210753s linear infinite;
}

#yudi li:nth-of-type(145) {
  width: 14.9410946973px;
  height: 8.9815087487px;
  left: 19.7995948979%;
  top: 60.7816805729%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3918020265s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(145) {
  width: 14.9410946973px;
  height: 8.9815087487px;
  left: 19.7995948979%;
  top: 60.7816805729%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 19.7995948979% 60.7816805729%;
  animation: run 2.3918020265s linear infinite;
}

#yudi li:nth-of-type(146) {
  width: 11.4016802207px;
  height: 9.9717128792px;
  left: 89.6867193786%;
  top: 5.7632568917%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5095913211s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(146) {
  width: 11.4016802207px;
  height: 9.9717128792px;
  left: 89.6867193786%;
  top: 5.7632568917%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 89.6867193786% 5.7632568917%;
  animation: run 2.5095913211s linear infinite;
}

#yudi li:nth-of-type(147) {
  width: 8.4491105233px;
  height: 11.5306847482px;
  left: 95.1948549243%;
  top: 70.5942912884%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4014110897s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(147) {
  width: 8.4491105233px;
  height: 11.5306847482px;
  left: 95.1948549243%;
  top: 70.5942912884%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 95.1948549243% 70.5942912884%;
  animation: run 2.4014110897s linear infinite;
}

#yudi li:nth-of-type(148) {
  width: 10.1243305787px;
  height: 10.3451822645px;
  left: 53.8667572443%;
  top: 12.6933411419%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0192703257s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(148) {
  width: 10.1243305787px;
  height: 10.3451822645px;
  left: 53.8667572443%;
  top: 12.6933411419%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 53.8667572443% 12.6933411419%;
  animation: run 2.0192703257s linear infinite;
}

#yudi li:nth-of-type(149) {
  width: 8.0246987405px;
  height: 12.4810973605px;
  left: 68.0907726488%;
  top: 94.4058971817%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0058453997s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(149) {
  width: 8.0246987405px;
  height: 12.4810973605px;
  left: 68.0907726488%;
  top: 94.4058971817%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 68.0907726488% 94.4058971817%;
  animation: run 2.0058453997s linear infinite;
}

#yudi li:nth-of-type(150) {
  width: 11.185673203px;
  height: 13.6879538197px;
  left: 13.5653818816%;
  top: 49.1062401307%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5375414969s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(150) {
  width: 11.185673203px;
  height: 13.6879538197px;
  left: 13.5653818816%;
  top: 49.1062401307%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 13.5653818816% 49.1062401307%;
  animation: run 2.5375414969s linear infinite;
}

#yudi li:nth-of-type(151) {
  width: 13.0588538934px;
  height: 13.7583048535px;
  left: 58.0493058838%;
  top: 94.6221853182%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3090834302s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(151) {
  width: 13.0588538934px;
  height: 13.7583048535px;
  left: 58.0493058838%;
  top: 94.6221853182%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 58.0493058838% 94.6221853182%;
  animation: run 2.3090834302s linear infinite;
}

#yudi li:nth-of-type(152) {
  width: 12.9426829588px;
  height: 9.4671480807px;
  left: 7.7521345143%;
  top: 20.4849351362%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2121202812s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(152) {
  width: 12.9426829588px;
  height: 9.4671480807px;
  left: 7.7521345143%;
  top: 20.4849351362%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 7.7521345143% 20.4849351362%;
  animation: run 2.2121202812s linear infinite;
}

#yudi li:nth-of-type(153) {
  width: 14.5170086703px;
  height: 7.8890382832px;
  left: 26.7069902149%;
  top: 69.9209383127%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0502525055s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(153) {
  width: 14.5170086703px;
  height: 7.8890382832px;
  left: 26.7069902149%;
  top: 69.9209383127%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 26.7069902149% 69.9209383127%;
  animation: run 2.0502525055s linear infinite;
}

#yudi li:nth-of-type(154) {
  width: 13.4688804923px;
  height: 5.7311887398px;
  left: 55.9868671662%;
  top: 17.7547538399%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9813691991s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(154) {
  width: 13.4688804923px;
  height: 5.7311887398px;
  left: 55.9868671662%;
  top: 17.7547538399%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 55.9868671662% 17.7547538399%;
  animation: run 2.9813691991s linear infinite;
}

#yudi li:nth-of-type(155) {
  width: 11.7936683025px;
  height: 10.6349995561px;
  left: 5.5242708971%;
  top: 13.1932036186%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3457158514s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(155) {
  width: 11.7936683025px;
  height: 10.6349995561px;
  left: 5.5242708971%;
  top: 13.1932036186%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 5.5242708971% 13.1932036186%;
  animation: run 2.3457158514s linear infinite;
}

#yudi li:nth-of-type(156) {
  width: 5.7905817903px;
  height: 13.7037864334px;
  left: 9.8405128684%;
  top: 40.787042792%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4427765586s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(156) {
  width: 5.7905817903px;
  height: 13.7037864334px;
  left: 9.8405128684%;
  top: 40.787042792%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 9.8405128684% 40.787042792%;
  animation: run 2.4427765586s linear infinite;
}

#yudi li:nth-of-type(157) {
  width: 12.4600598148px;
  height: 5.8272554682px;
  left: 34.733673886%;
  top: 17.766148772%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1234587023s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(157) {
  width: 12.4600598148px;
  height: 5.8272554682px;
  left: 34.733673886%;
  top: 17.766148772%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 34.733673886% 17.766148772%;
  animation: run 2.1234587023s linear infinite;
}

#yudi li:nth-of-type(158) {
  width: 7.4582035153px;
  height: 14.8901480964px;
  left: 62.5025166271%;
  top: 27.8174389972%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0682926695s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(158) {
  width: 7.4582035153px;
  height: 14.8901480964px;
  left: 62.5025166271%;
  top: 27.8174389972%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 62.5025166271% 27.8174389972%;
  animation: run 2.0682926695s linear infinite;
}

#yudi li:nth-of-type(159) {
  width: 11.4955923729px;
  height: 6.1735344996px;
  left: 7.4540576273%;
  top: 25.4415196902%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9099362551s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(159) {
  width: 11.4955923729px;
  height: 6.1735344996px;
  left: 7.4540576273%;
  top: 25.4415196902%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 7.4540576273% 25.4415196902%;
  animation: run 2.9099362551s linear infinite;
}

#yudi li:nth-of-type(160) {
  width: 11.5821604897px;
  height: 6.1831940555px;
  left: 13.3809940291%;
  top: 48.7134948129%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2971617907s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(160) {
  width: 11.5821604897px;
  height: 6.1831940555px;
  left: 13.3809940291%;
  top: 48.7134948129%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 13.3809940291% 48.7134948129%;
  animation: run 2.2971617907s linear infinite;
}

#yudi li:nth-of-type(161) {
  width: 5.7708198031px;
  height: 9.0178730699px;
  left: 99.8097565556%;
  top: 75.1507809828%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9501924521s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(161) {
  width: 5.7708198031px;
  height: 9.0178730699px;
  left: 99.8097565556%;
  top: 75.1507809828%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 99.8097565556% 75.1507809828%;
  animation: run 2.9501924521s linear infinite;
}

#yudi li:nth-of-type(162) {
  width: 6.7262635992px;
  height: 12.470889585px;
  left: 16.922676048%;
  top: 73.2930939022%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4549620904s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(162) {
  width: 6.7262635992px;
  height: 12.470889585px;
  left: 16.922676048%;
  top: 73.2930939022%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 16.922676048% 73.2930939022%;
  animation: run 2.4549620904s linear infinite;
}

#yudi li:nth-of-type(163) {
  width: 7.8855342697px;
  height: 6.6945622052px;
  left: 93.215607011%;
  top: 62.0925571266%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2406495958s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(163) {
  width: 7.8855342697px;
  height: 6.6945622052px;
  left: 93.215607011%;
  top: 62.0925571266%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 93.215607011% 62.0925571266%;
  animation: run 2.2406495958s linear infinite;
}

#yudi li:nth-of-type(164) {
  width: 12.9451878148px;
  height: 7.6365999608px;
  left: 16.3010822089%;
  top: 69.5771182825%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8854221469s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(164) {
  width: 12.9451878148px;
  height: 7.6365999608px;
  left: 16.3010822089%;
  top: 69.5771182825%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 16.3010822089% 69.5771182825%;
  animation: run 2.8854221469s linear infinite;
}

#yudi li:nth-of-type(165) {
  width: 7.8973109676px;
  height: 8.8680454042px;
  left: 98.3391755168%;
  top: 54.3832720238%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3130218533s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(165) {
  width: 7.8973109676px;
  height: 8.8680454042px;
  left: 98.3391755168%;
  top: 54.3832720238%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 98.3391755168% 54.3832720238%;
  animation: run 2.3130218533s linear infinite;
}

#yudi li:nth-of-type(166) {
  width: 14.7065017296px;
  height: 14.2688923666px;
  left: 55.8233939531%;
  top: 73.2402019418%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.735994704s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(166) {
  width: 14.7065017296px;
  height: 14.2688923666px;
  left: 55.8233939531%;
  top: 73.2402019418%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 55.8233939531% 73.2402019418%;
  animation: run 2.735994704s linear infinite;
}

#yudi li:nth-of-type(167) {
  width: 12.4808355099px;
  height: 12.6741995575px;
  left: 85.9071009208%;
  top: 11.7917024411%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3047203911s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(167) {
  width: 12.4808355099px;
  height: 12.6741995575px;
  left: 85.9071009208%;
  top: 11.7917024411%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 85.9071009208% 11.7917024411%;
  animation: run 2.3047203911s linear infinite;
}

#yudi li:nth-of-type(168) {
  width: 7.695522075px;
  height: 8.9497428738px;
  left: 88.6082191515%;
  top: 32.2848844304%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5582768739s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(168) {
  width: 7.695522075px;
  height: 8.9497428738px;
  left: 88.6082191515%;
  top: 32.2848844304%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 88.6082191515% 32.2848844304%;
  animation: run 2.5582768739s linear infinite;
}

#yudi li:nth-of-type(169) {
  width: 11.5262023117px;
  height: 5.4920553683px;
  left: 80.5594504224%;
  top: 42.2170527874%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3440124876s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(169) {
  width: 11.5262023117px;
  height: 5.4920553683px;
  left: 80.5594504224%;
  top: 42.2170527874%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 80.5594504224% 42.2170527874%;
  animation: run 2.3440124876s linear infinite;
}

#yudi li:nth-of-type(170) {
  width: 14.0777334211px;
  height: 11.1786170553px;
  left: 84.6260508568%;
  top: 29.3436965466%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8637008104s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(170) {
  width: 14.0777334211px;
  height: 11.1786170553px;
  left: 84.6260508568%;
  top: 29.3436965466%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 84.6260508568% 29.3436965466%;
  animation: run 2.8637008104s linear infinite;
}

#yudi li:nth-of-type(171) {
  width: 6.1801293957px;
  height: 12.5451074245px;
  left: 88.5528834159%;
  top: 84.6821772307%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1718181327s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(171) {
  width: 6.1801293957px;
  height: 12.5451074245px;
  left: 88.5528834159%;
  top: 84.6821772307%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 88.5528834159% 84.6821772307%;
  animation: run 2.1718181327s linear infinite;
}

#yudi li:nth-of-type(172) {
  width: 7.9345324254px;
  height: 10.751348306px;
  left: 55.3826350895%;
  top: 32.1652378376%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7473704404s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(172) {
  width: 7.9345324254px;
  height: 10.751348306px;
  left: 55.3826350895%;
  top: 32.1652378376%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 55.3826350895% 32.1652378376%;
  animation: run 2.7473704404s linear infinite;
}

#yudi li:nth-of-type(173) {
  width: 13.1328491211px;
  height: 13.3278914729px;
  left: 90.4995532021%;
  top: 88.1925444111%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.712706636s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(173) {
  width: 13.1328491211px;
  height: 13.3278914729px;
  left: 90.4995532021%;
  top: 88.1925444111%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 90.4995532021% 88.1925444111%;
  animation: run 2.712706636s linear infinite;
}

#yudi li:nth-of-type(174) {
  width: 8.9454794008px;
  height: 7.446615152px;
  left: 97.0656498074%;
  top: 30.9228456682%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8507641512s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(174) {
  width: 8.9454794008px;
  height: 7.446615152px;
  left: 97.0656498074%;
  top: 30.9228456682%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 97.0656498074% 30.9228456682%;
  animation: run 2.8507641512s linear infinite;
}

#yudi li:nth-of-type(175) {
  width: 5.6814390694px;
  height: 12.7966185035px;
  left: 66.8271354843%;
  top: 1.9733086692%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8412037078s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(175) {
  width: 5.6814390694px;
  height: 12.7966185035px;
  left: 66.8271354843%;
  top: 1.9733086692%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 66.8271354843% 1.9733086692%;
  animation: run 2.8412037078s linear infinite;
}

#yudi li:nth-of-type(176) {
  width: 13.2001502311px;
  height: 5.5904889043px;
  left: 35.4982494125%;
  top: 47.5628869001%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5813828352s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(176) {
  width: 13.2001502311px;
  height: 5.5904889043px;
  left: 35.4982494125%;
  top: 47.5628869001%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 35.4982494125% 47.5628869001%;
  animation: run 2.5813828352s linear infinite;
}

#yudi li:nth-of-type(177) {
  width: 5.031418919px;
  height: 13.3222727288px;
  left: 69.2035576118%;
  top: 50.670911357%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6392054519s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(177) {
  width: 5.031418919px;
  height: 13.3222727288px;
  left: 69.2035576118%;
  top: 50.670911357%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 69.2035576118% 50.670911357%;
  animation: run 2.6392054519s linear infinite;
}

#yudi li:nth-of-type(178) {
  width: 10.6333480916px;
  height: 5.3748424097px;
  left: 87.1625262709%;
  top: 21.9968489163%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9150367135s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(178) {
  width: 10.6333480916px;
  height: 5.3748424097px;
  left: 87.1625262709%;
  top: 21.9968489163%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 87.1625262709% 21.9968489163%;
  animation: run 2.9150367135s linear infinite;
}

#yudi li:nth-of-type(179) {
  width: 6.6150400009px;
  height: 11.450665364px;
  left: 77.3434698256%;
  top: 25.6004236647%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.9389917426s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(179) {
  width: 6.6150400009px;
  height: 11.450665364px;
  left: 77.3434698256%;
  top: 25.6004236647%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 77.3434698256% 25.6004236647%;
  animation: run 2.9389917426s linear infinite;
}

#yudi li:nth-of-type(180) {
  width: 10.1040752731px;
  height: 6.0951864228px;
  left: 30.9878857668%;
  top: 15.5011484829%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7215433226s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(180) {
  width: 10.1040752731px;
  height: 6.0951864228px;
  left: 30.9878857668%;
  top: 15.5011484829%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 30.9878857668% 15.5011484829%;
  animation: run 2.7215433226s linear infinite;
}

#yudi li:nth-of-type(181) {
  width: 9.113217621px;
  height: 6.7081208157px;
  left: 33.920423689%;
  top: 49.7914671763%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3563396888s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(181) {
  width: 9.113217621px;
  height: 6.7081208157px;
  left: 33.920423689%;
  top: 49.7914671763%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 33.920423689% 49.7914671763%;
  animation: run 2.3563396888s linear infinite;
}

#yudi li:nth-of-type(182) {
  width: 9.5611761576px;
  height: 8.6985446549px;
  left: 21.6352456322%;
  top: 47.9691227234%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.1211111713s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(182) {
  width: 9.5611761576px;
  height: 8.6985446549px;
  left: 21.6352456322%;
  top: 47.9691227234%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 21.6352456322% 47.9691227234%;
  animation: run 2.1211111713s linear infinite;
}

#yudi li:nth-of-type(183) {
  width: 12.4684899586px;
  height: 14.1265197045px;
  left: 60.1904425128%;
  top: 42.9071331787%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4677528429s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(183) {
  width: 12.4684899586px;
  height: 14.1265197045px;
  left: 60.1904425128%;
  top: 42.9071331787%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 60.1904425128% 42.9071331787%;
  animation: run 2.4677528429s linear infinite;
}

#yudi li:nth-of-type(184) {
  width: 10.6738867784px;
  height: 7.7281119617px;
  left: 24.756659194%;
  top: 29.6312582455%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8712306679s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(184) {
  width: 10.6738867784px;
  height: 7.7281119617px;
  left: 24.756659194%;
  top: 29.6312582455%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 24.756659194% 29.6312582455%;
  animation: run 2.8712306679s linear infinite;
}

#yudi li:nth-of-type(185) {
  width: 8.2965045323px;
  height: 8.5809147079px;
  left: 11.0773844609%;
  top: 0.7725182749%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.961657527s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(185) {
  width: 8.2965045323px;
  height: 8.5809147079px;
  left: 11.0773844609%;
  top: 0.7725182749%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 11.0773844609% 0.7725182749%;
  animation: run 2.961657527s linear infinite;
}

#yudi li:nth-of-type(186) {
  width: 14.5642294255px;
  height: 10.4986982538px;
  left: 1.0060473415%;
  top: 74.6053619344%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6660643045s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(186) {
  width: 14.5642294255px;
  height: 10.4986982538px;
  left: 1.0060473415%;
  top: 74.6053619344%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 1.0060473415% 74.6053619344%;
  animation: run 2.6660643045s linear infinite;
}

#yudi li:nth-of-type(187) {
  width: 14.9333828996px;
  height: 12.3683260159px;
  left: 5.6164300056%;
  top: 67.6004170313%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.5128398163s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(187) {
  width: 14.9333828996px;
  height: 12.3683260159px;
  left: 5.6164300056%;
  top: 67.6004170313%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 5.6164300056% 67.6004170313%;
  animation: run 2.5128398163s linear infinite;
}

#yudi li:nth-of-type(188) {
  width: 6.3222412173px;
  height: 7.3033109479px;
  left: 9.2449375735%;
  top: 2.9968587433%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4464914094s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(188) {
  width: 6.3222412173px;
  height: 7.3033109479px;
  left: 9.2449375735%;
  top: 2.9968587433%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 9.2449375735% 2.9968587433%;
  animation: run 2.4464914094s linear infinite;
}

#yudi li:nth-of-type(189) {
  width: 5.3604007831px;
  height: 12.8329906036px;
  left: 13.1883457484%;
  top: 14.6795943571%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.8333123406s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(189) {
  width: 5.3604007831px;
  height: 12.8329906036px;
  left: 13.1883457484%;
  top: 14.6795943571%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 13.1883457484% 14.6795943571%;
  animation: run 2.8333123406s linear infinite;
}

#yudi li:nth-of-type(190) {
  width: 10.4209738257px;
  height: 11.7304806048px;
  left: 91.7349170717%;
  top: 56.672668836%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4996204381s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(190) {
  width: 10.4209738257px;
  height: 11.7304806048px;
  left: 91.7349170717%;
  top: 56.672668836%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 91.7349170717% 56.672668836%;
  animation: run 2.4996204381s linear infinite;
}

#yudi li:nth-of-type(191) {
  width: 13.4802550931px;
  height: 7.6099345926px;
  left: 15.3521368044%;
  top: 35.8640637542%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2374211117s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(191) {
  width: 13.4802550931px;
  height: 7.6099345926px;
  left: 15.3521368044%;
  top: 35.8640637542%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 15.3521368044% 35.8640637542%;
  animation: run 2.2374211117s linear infinite;
}

#yudi li:nth-of-type(192) {
  width: 13.9259133636px;
  height: 8.8568883055px;
  left: 19.6339531153%;
  top: 92.516207919%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3101002839s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(192) {
  width: 13.9259133636px;
  height: 8.8568883055px;
  left: 19.6339531153%;
  top: 92.516207919%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 19.6339531153% 92.516207919%;
  animation: run 2.3101002839s linear infinite;
}

#yudi li:nth-of-type(193) {
  width: 14.4139593626px;
  height: 7.8398653403px;
  left: 93.9614440571%;
  top: 38.9020809846%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.7864949672s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(193) {
  width: 14.4139593626px;
  height: 7.8398653403px;
  left: 93.9614440571%;
  top: 38.9020809846%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 93.9614440571% 38.9020809846%;
  animation: run 2.7864949672s linear infinite;
}

#yudi li:nth-of-type(194) {
  width: 14.9341686422px;
  height: 9.7514855201px;
  left: 90.8303374005%;
  top: 35.1323962031%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.6580259136s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(194) {
  width: 14.9341686422px;
  height: 9.7514855201px;
  left: 90.8303374005%;
  top: 35.1323962031%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 90.8303374005% 35.1323962031%;
  animation: run 2.6580259136s linear infinite;
}

#yudi li:nth-of-type(195) {
  width: 5.5755327835px;
  height: 13.4287612577px;
  left: 26.689460823%;
  top: 0.4648155855%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3193800021s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(195) {
  width: 5.5755327835px;
  height: 13.4287612577px;
  left: 26.689460823%;
  top: 0.4648155855%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 26.689460823% 0.4648155855%;
  animation: run 2.3193800021s linear infinite;
}

#yudi li:nth-of-type(196) {
  width: 7.9679608588px;
  height: 10.0289859197px;
  left: 25.018514414%;
  top: 92.7931909764%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.3214859422s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(196) {
  width: 7.9679608588px;
  height: 10.0289859197px;
  left: 25.018514414%;
  top: 92.7931909764%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 25.018514414% 92.7931909764%;
  animation: run 2.3214859422s linear infinite;
}

#yudi li:nth-of-type(197) {
  width: 8.6541461533px;
  height: 14.7453833689px;
  left: 96.7521442023%;
  top: 11.1991253273%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.0420231839s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(197) {
  width: 8.6541461533px;
  height: 14.7453833689px;
  left: 96.7521442023%;
  top: 11.1991253273%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 96.7521442023% 11.1991253273%;
  animation: run 2.0420231839s linear infinite;
}

#yudi li:nth-of-type(198) {
  width: 10.0015558503px;
  height: 12.8915955874px;
  left: 40.3149923825%;
  top: 50.3895534704%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.2418882692s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(198) {
  width: 10.0015558503px;
  height: 12.8915955874px;
  left: 40.3149923825%;
  top: 50.3895534704%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 40.3149923825% 50.3895534704%;
  animation: run 2.2418882692s linear infinite;
}

#yudi li:nth-of-type(199) {
  width: 14.0669291974px;
  height: 11.4492417163px;
  left: 75.997206197%;
  top: 95.1511021451%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4778441453s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(199) {
  width: 14.0669291974px;
  height: 11.4492417163px;
  left: 75.997206197%;
  top: 95.1511021451%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 75.997206197% 95.1511021451%;
  animation: run 2.4778441453s linear infinite;
}

#yudi li:nth-of-type(200) {
  width: 8.261138619px;
  height: 13.8434934688px;
  left: 85.4034387557%;
  top: 53.7929571594%;
  margin-left: 2px;
  margin-top: 2px;
  animation: run 2.4033275094s linear infinite;
}

#yudi_bg li {
  position: absolute;
  border-radius: 50%;
}
#yudi_bg li:nth-of-type(200) {
  width: 8.261138619px;
  height: 13.8434934688px;
  left: 85.4034387557%;
  top: 53.7929571594%;
  background: url(../light.jpg);
  background-size: 60px 50px;
  background-position: 85.4034387557% 53.7929571594%;
  animation: run 2.4033275094s linear infinite;
}

@keyframes run {
  100% {
    transform: translateY(400px);
  }
}

/*# sourceMappingURL=yudi.css.map */

body部分


    <div class="wrap">
        <div class="bg"></div>
        <ul id="yudi"></ul>
        <ul id="yudi_bg"></ul>
    </div>

js部分

<script>
        for(var i=0;i<200;i++){
            var newLi=document.createElement("li");
            yudi.appendChild(newLi);
            var newLi2=document.createElement("li");
            yudi_bg.appendChild(newLi2);
        }
    </script>