模拟led灯管显示倒计时和图标效果

代码语言:html

所属分类:动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<title>CodePen - Countdown to love</title>
<style>
body {
 background-color: #e6e6e6;
 overflow: hidden;
 text-align:center;
  display: flex;
  align-items: center;
  justify-content: center; 
}

body,
html {
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
}

svg {
 width: 100%;
 height: 100%;
 visibility: hidden;
 
}
</style>

</head>
<body translate="no">
<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
<defs>
<g class="heart" fill='#FFF'>
<circle cx="580.5" cy="385.5" r="6.5" />
<circle cx="561.5" cy="385.5" r="6.5" />
<circle cx="542.5" cy="385.5" r="6.5" />
<circle cx="523.5" cy="385.5" r="6.5" />
<circle cx="504.5" cy="385.5" r="6.5" />
<circle cx="485.5" cy="385.5" r="6.5" />
<circle cx="466.5" cy="385.5" r="6.5" />
<circle cx="447.5" cy="385.5" r="6.5" />
<circle cx="428.5" cy="385.5" r="6.5" />
<circle cx="409.5" cy="385.5" r="6.5" />
<circle cx="390.5" cy="385.5" r="6.5" />
<circle cx="371.5" cy="385.5" r="6.5" />
<circle cx="352.5" cy="385.5" r="6.5" />
<circle cx="333.5" cy="385.5" r="6.5" />
<circle cx="314.5" cy="385.5" r="6.5" />
<circle cx="295.5" cy="385.5" r="6.5" />
<circle cx="276.5" cy="385.5" r="6.5" />
<circle cx="257.5" cy="385.5" r="6.5" />
<circle cx="238.5" cy="385.5" r="6.5" />
<circle cx="219.5" cy="385.5" r="6.5" />
<circle cx="580.5" cy="366.5" r="6.5" />
<circle cx="561.5" cy="366.5" r="6.5" />
<circle cx="542.5" cy="366.5" r="6.5" />
<circle cx="523.5" cy="366.5" r="6.5" />
<circle cx="504.5" cy="366.5" r="6.5" />
<circle cx="485.5" cy="366.5" r="6.5" />
<circle cx="466.5" cy="366.5" r="6.5" />
<circle cx="447.5" cy="366.5" r="6.5" />
<circle cx="428.5" cy="366.5" r="6.5" />
<circle cx="409.5" cy="366.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="366.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="366.5" r="6.5" />
<circle cx="352.5" cy="366.5" r="6.5" />
<circle cx="333.5" cy="366.5" r="6.5" />
<circle cx="314.5" cy="366.5" r="6.5" />
<circle cx="295.5" cy="366.5" r="6.5" />
<circle cx="276.5" cy="366.5" r="6.5" />
<circle cx="257.5" cy="366.5" r="6.5" />
<circle cx="238.5" cy="366.5" r="6.5" />
<circle cx="219.5" cy="366.5" r="6.5" />
<circle cx="580.5" cy="347.5" r="6.5" />
<circle cx="561.5" cy="347.5" r="6.5" />
<circle cx="542.5" cy="347.5" r="6.5" />
<circle cx="523.5" cy="347.5" r="6.5" />
<circle cx="504.5" cy="347.5" r="6.5" />
<circle cx="485.5" cy="347.5" r="6.5" />
<circle cx="466.5" cy="347.5" r="6.5" />
<circle cx="447.5" cy="347.5" r="6.5" />
<circle cx="428.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="347.5" r="6.5" />
<circle cx="333.5" cy="347.5" r="6.5" />
<circle cx="314.5" cy="347.5" r="6.5" />
 <circle cx="295.5" cy="347.5" r="6.5" />
<circle cx="276.5" cy="347.5" r="6.5" />
<circle cx="257.5" cy="347.5" r="6.5" />
<circle cx="238.5" cy="347.5" r="6.5" />
<circle cx="219.5" cy="347.5" r="6.5" />
<circle cx="580.5" cy="328.5" r="6.5" />
<circle cx="561.5" cy="328.5" r="6.5" />
<circle cx="542.5" cy="328.5" r="6.5" />
<circle cx="523.5" cy="328.5" r="6.5" />
<circle cx="504.5" cy="328.5" r="6.5" />
<circle cx="485.5" cy="328.5" r="6.5" />
<circle cx="466.5" cy="328.5" r="6.5" />
<circle cx="447.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="328.5" r="6.5" />
<circle cx="314.5" cy="328.5" r="6.5" />
<circle cx="295.5" cy="328.5" r="6.5" />
<circle cx="276.5" cy="328.5" r="6.5" />
<circle cx="257.5" cy="328.5" r="6.5" />
<circle cx="238.5" cy="328.5" r="6.5" />
<circle cx="219.5" cy="328.5" r="6.5" />
<circle cx="580.5" cy="309.5" r="6.5" />
<circle cx="561.5" cy="309.5" r="6.5" />
<circle cx="542.5" cy="309.5" r="6.5" />
<circle cx="523.5" cy="309.5" r="6.5" />
<circle cx="504.5" cy="309.5" r="6.5" />
<circle cx="485.5" cy="309.5" r="6.5" />
<circle cx="466.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="309.5" r="6.5" />
<circle cx="295.5" cy="309.5" r="6.5" />
<circle cx="276.5" cy="309.5" r="6.5" />
<circle cx="257.5" cy="309.5" r="6.5" />
<circle cx="238.5" cy="309.5" r="6.5" />
<circle cx="219.5" cy="309.5" r="6.5" />
<circle cx="580.5" cy="290.5" r="6.5" />
<circle cx="561.5" cy="290.5" r="6.5" />
<circle cx="542.5" cy="290.5" r="6.5" />
<circle cx="523.5" cy="290.5" r="6.5" />
<circle cx="504.5" cy="290.5" r="6.5" />
<circle cx="485.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="466.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="295.5" cy="290.5" r="6.5" />
<circle cx="276.5" cy="290.5" r="6.5" />
<circle cx="257.5" cy="290.5" r="6.5" />
<circle cx="238.5" cy="290.5" r="6.5" />
<circle cx="219.5" cy="290.5" r="6.5" />
<circle cx="580.5" cy="271.5" r="6.5" />
<circle cx="561.5" cy="271.5" r="6.5" />
<circle cx="542.5" cy="271.5" r="6.5" />
<circle cx="523.5" cy="271.5" r="6.5" />
<circle cx="504.5" cy="271.5" r="6.5" />
<circle cx="485.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="466.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="271.5" r="6.5" fill="#F14141" />
 <circle cx="371.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="295.5" cy="271.5" r="6.5" />
<circle cx="276.5" cy="271.5" r="6.5" />
<circle cx="257.5" cy="271.5" r="6.5" />
<circle cx="238.5" cy="271.5" r="6.5" />
<circle cx="219.5" cy="271.5" r="6.5" />
<circle cx="580.5" cy="252.5" r="6.5" />
<circle cx="561.5" cy="252.5" r="6.5" />
<circle cx="542.5" cy="252.5" r="6.5" />
<circle cx="523.5" cy="252.5" r="6.5" />
<circle cx="504.5" cy="252.5" r="6.5" />
<circle cx="485.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="466.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="295.5" cy="252.5" r="6.5" />
<circle cx="276.5" cy="252.5" r="6.5" />
<circle cx="257.5" cy="252.5" r="6.5" />
<circle cx="238.5" cy="252.5" r="6.5" />
<circle cx="219.5" cy="252.5" r="6.5" />
<circle cx="580.5" cy="233.5" r="6.5" />
<circle cx="561.5" cy="233.5" r="6.5" />
<circle cx="542.5" cy="233.5" r="6.5" />
<circle cx="523.5" cy="233.5" r="6.5" />
<circle cx="504.5" cy="233.5" r="6.5" />
<circle cx="485.5" cy="233.5" r="6.5" />
<circle cx="466.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="233.5" r="6.5" />
<circle cx="390.5" cy="233.5" r="6.5" />
<circle cx="371.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="233.5" r="6.5" />
<circle cx="295.5" cy="233.5" r="6.5" />
<circle cx="276.5" cy="233.5" r="6.5" />
<circle cx="257.5" cy="233.5" r="6.5" />
<circle cx="238.5" cy="233.5" r="6.5" />
<circle cx="219.5" cy="233.5" r="6.5" />
<circle cx="580.5" cy="214.5" r="6.5" />
<circle cx="561.5" cy="214.5" r="6.5" />
<circle cx="542.5" cy="214.5" r="6.5" />
<circle cx="523.5" cy="214.5" r="6.5" />
<circle cx="504.5" cy="214.5" r="6.5" />
<circle cx="485.5" cy="214.5" r="6.5" />
<circle cx="466.5" cy="214.5" r="6.5" />
<circle cx="447.5" cy="214.5" r="6.5" />
<circle cx="428.5" cy="214.5" r="6.5" />
<circle cx="409.5" cy="214.5" r="6.5" />
<circle cx="390.5" cy="214.5" r="6.5" />
<circle cx="371.5" cy="214.5" r="6.5" />
<circle cx="352.5" cy="214.5" r="6.5" />
<circle cx="333.5" cy="214.5" r="6.5" />
<circle cx="314.5" cy="214.5" r="6.5" />
<circle cx="295.5" cy="214.5" r="6.5" />
<circle cx="276.5" cy="214.5" r="6.5" />
<circle cx="257.5" cy="214.5" r="6.5" />
<circle cx="238.5" cy="214.5" r="6.5" />
<circle cx="219.5" cy="214.5" r="6.5" />
</g>
<g class="house">
<circle cx="580.5" cy="385.5" r="6.5" />
<circle cx="561.5" cy="385.5" r="6.5" />
<circle cx="542.5" cy="385.5" r="6.5" />
<circle cx="523.5" cy="385.5" r="6.5" />
<circle cx="504.5" cy="385.5" r="6.5" />
<circle cx="485.5" cy="385.5" r="6.5" />
<circle cx="466.5" cy="385.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="385.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="385.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="385.5" r="6.5" />
<circle cx="390.5" cy="385.5" r="6.5" />
<circle cx="371.5" cy="385.5" r="6.5" />
<circle cx="352.5" cy="385.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="385.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="385.5" r="6.5" fill="#F14141" />
<circle cx="295.5" cy="385.5" r="6.5" />
<circle cx="276.5" cy="385.5" r="6.5" />
<circle cx="257.5" cy="385.5" r="6.5" />
<circle cx="238.5" cy="385.5" r="6.5" />
<circle cx="219.5" cy="385.5" r="6.5" />
<circle cx="580.5" cy="366.5" r="6.5" />
<circle cx="561.5" cy="366.5" r="6.5" />
<circle cx="542.5" cy="366.5" r="6.5" />
<circle cx="523.5" cy="366.5" r="6.5" />
<circle cx="504.5" cy="366.5" r="6.5" />
<circle cx="485.5" cy="366.5" r="6.5" />
<circle cx="466.5" cy="366.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="366.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="366.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="366.5" r="6.5" />
<circle cx="390.5" cy="366.5" r="6.5" />
<circle cx="371.5" cy="366.5" r="6.5" />
<circle cx="352.5" cy="366.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="366.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="366.5" r="6.5" fill="#F14141" />
<circle cx="295.5" cy="366.5" r="6.5" />
<circle cx="276.5" cy="366.5" r="6.5" />
<circle cx="257.5" cy="366.5" r="6.5" />
<circle cx="238.5" cy="366.5" r="6.5" />
<circle cx="219.5" cy="366.5" r="6.5" />
<circle cx="580.5" cy="347.5" r="6.5" />
<circle cx="561.5" cy="347.5" r="6.5" />
<circle cx="542.5" cy="347.5" r="6.5" />
<circle cx="523.5" cy="347.5" r="6.5" />
<circle cx="504.5" cy="347.5" r="6.5" />
<circle cx="485.5" cy="347.5" r="6.5" />
<circle cx="466.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="347.5" r="6.5" />
<circle cx="390.5" cy="347.5" r="6.5" />
<circle cx="371.5" cy="347.5" r="6.5" />
<circle cx="352.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="347.5" r="6.5" fill="#F14141" />
<circle cx="295.5" cy="347.5" r="6.5" />
<circle cx="276.5" cy="347.5" r="6.5" />
<circle cx="257.5" cy="347.5" r="6.5" />
<circle cx="238.5" cy="347.5" r="6.5" />
<circle cx="219.5" cy="347.5" r="6.5" />
<circle cx="580.5" cy="328.5" r="6.5" />
<circle cx="561.5" cy="328.5" r="6.5" />
<circle cx="542.5" cy="328.5" r="6.5" />
<circle cx="523.5" cy="328.5" r="6.5" />
<circle cx="504.5" cy="328.5" r="6.5" />
<circle cx="485.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="466.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="295.5" cy="328.5" r="6.5" fill="#F14141" />
<circle cx="276.5" cy="328.5" r="6.5" />
<circle cx="257.5" cy="328.5" r="6.5" />
<circle cx="238.5" cy="328.5" r="6.5" />
<circle cx="219.5" cy="328.5" r="6.5" />
<circle cx="580.5" cy="309.5" r="6.5" />
<circle cx="561.5" cy="309.5" r="6.5" />
<circle cx="542.5" cy="309.5" r="6.5" />
<circle cx="523.5" cy="309.5" r="6.5" />
<circle cx="504.5" cy="309.5" r="6.5" />
<circle cx="485.5" cy="309.5" r="6.5" />
<circle cx="466.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="447.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="309.5" r="6.5" fill="#F14141" />
<circle cx="295.5" cy="309.5" r="6.5" />
<circle cx="276.5" cy="309.5" r="6.5" />
<circle cx="257.5" cy="309.5" r="6.5" />
<circle cx="238.5" cy="309.5" r="6.5" />
<circle cx="219.5" cy="309.5" r="6.5" />
<circle cx="580.5" cy="290.5" r="6.5" />
<circle cx="561.5" cy="290.5" r="6.5" />
<circle cx="542.5" cy="290.5" r="6.5" />
<circle cx="523.5" cy="290.5" r="6.5" />
<circle cx="504.5" cy="290.5" r="6.5" />
<circle cx="485.5" cy="290.5" r="6.5" />
<circle cx="466.5" cy="290.5" r="6.5" />
<circle cx="447.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="290.5" r="6.5" fill="#F14141" />
<circle cx="314.5" cy="290.5" r="6.5" />
<circle cx="295.5" cy="290.5" r="6.5" />
<circle cx="276.5" cy="290.5" r="6.5" />
<circle cx="257.5" cy="290.5" r="6.5" />
<circle cx="238.5" cy="290.5" r="6.5" />
<circle cx="219.5" cy="290.5" r="6.5" />
<circle cx="580.5" cy="271.5" r="6.5" />
<circle cx="561.5" cy="271.5" r="6.5" />
<circle cx="542.5" cy="271.5" r="6.5" />
<circle cx="523.5" cy="271.5" r="6.5" />
<circle cx="504.5" cy="271.5" r="6.5" />
<circle cx="485.5" cy="271.5" r="6.5" />
<circle cx="466.5" cy="271.5" r="6.5" />
<circle cx="447.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="271.5" r="6.5" fill="#F14141" />
<circle cx="333.5" cy="271.5" r="6.5" />
<circle cx="314.5" cy="271.5" r="6.5" />
<circle cx="295.5" cy="271.5" r="6.5" />
<circle cx="276.5" cy="271.5" r="6.5" />
<circle cx="257.5" cy="271.5" r="6.5" />
 <circle cx="238.5" cy="271.5" r="6.5" />
<circle cx="219.5" cy="271.5" r="6.5" />
<circle cx="580.5" cy="252.5" r="6.5" />
<circle cx="561.5" cy="252.5" r="6.5" />
<circle cx="542.5" cy="252.5" r="6.5" />
<circle cx="523.5" cy="252.5" r="6.5" />
<circle cx="504.5" cy="252.5" r="6.5" />
<circle cx="485.5" cy="252.5" r="6.5" />
<circle cx="466.5" cy="252.5" r="6.5" />
<circle cx="447.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="390.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="252.5" r="6.5" fill="#F14141" />
<circle cx="352.5" cy="252.5" r="6.5" />
<circle cx="333.5" cy="252.5" r="6.5" />
<circle cx="314.5" cy="252.5" r="6.5" />
<circle cx="295.5" cy="252.5" r="6.5" />
<circle cx="276.5" cy="252.5" r="6.5" />
<circle cx="257.5" cy="252.5" r="6.5" />
<circle cx="238.5" cy="252.5" r="6.5" />
<circle cx="219.5" cy="252.5" r="6.5" />
<circle cx="580.5" cy="233.5" r="6.5" />
<circle cx="561.5" cy="233.5" r="6.5" />
<circle cx="542.5" cy="233.5" r="6.5" />
<circle cx="523.5" cy="233.5" r="6.5" />
<circle cx="504.5" cy="233.5" r="6.5" />
<circle cx="485.5" cy="233.5" r="6.5" />
<circle cx="466.5" cy="233.5" r="6.5" />
<circle cx="447.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="428.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="409.5" cy="233.5" r="6.5" />
<circle cx="390.5" cy="233.5" r="6.5" fill="#F14141" />
<circle cx="371.5" cy="233.5" r="6.5" />
<circle cx="352.5" cy="233.5" r="6.5" />
<circle cx="333.5" cy="233.5" r="6.5" />
<circle cx="314.5" cy="233.5" r="6.5" />
<circle cx="295.5" cy="233.5" r="6.5" />
<circle cx="276.5" cy="233.5" r="6.5" />
<circle cx="257.5" cy="233.5" r="6.5" />
<circle cx="238.5" cy="233.5" r="6.5" />
<circle cx="219.5" cy="233.5" r="6.5" />
<circle cx="580.5" cy="214.5" r="6.5" />
<circle cx="561.5" cy="214.5" r="6.5" />
<circle cx="542.5" cy="214.5" r="6.5" />
<circle cx="523.5" cy="214.5" r="6.5" />
<circle cx="504.5" cy="214.5" r="6.5" />
<circle cx="485.5" cy="214.5" r="6.5" />
<circle cx="466.5" cy="214.5" r="6.5" />
<circle cx="447.5" cy="214.5" r="6.5" />
<circle cx="428.5" cy="214.5" r="6.5" />
<circle cx="409.5" cy="214.5" r="6.5" />
<circle cx="390.5" cy="214.5" r="6.5" />
<circle cx="371.5" cy="214.5" r="6.5" />
<circle cx="352.5" cy="214.5" r="6.5" />
<circle cx="333.5" cy="214.5" r="6.5" />
<circle cx="314.5" cy="214.5" r="6.5" />
<circle cx="295.5" cy="214.5" r="6.5" />
<circle cx="276.5" cy="214.5" r="6.5" />
<circle cx="257.5" cy="214.5" r="6.5" />
<circle cx="238.5" cy="214.5" r="6.5" />
<circle cx="219.5" cy="214.5" r="6.5" />
</g>
<g class="one">
<circle cx="580.5" cy="385.5" r="6.5" />
<circle cx="561.5" cy="385.5" r="6.5" />
<circle cx="542.5" cy="385.5" r="6.5" />
<circle cx="523.5" cy="385.5" r="6.5" />
<circle cx="504.5" cy="385.5" r="6.5" />
<circle cx="485.5" cy="385.5" r="6.5" />
<circle cx="466.5" cy="385.5" r="6.5" />
<circle cx="447.5" cy="385.5" r="6.5" />
<circle cx="428.5" cy="385.5" r="6.5" />
<circle cx="409.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="385.5" r="6.5" />
<circle cx="352.5" cy="385.5" r="6.5" />
<circle cx="333.5" cy="385.5" r="6.5" />
<circle cx="314.5" cy="385.5" r="6.5" />
<circle cx="295.5" cy="385.5" r="6.5" />
<circle cx="276.5" cy="385.5" r="6.5" />
<circle cx="257.5" cy="385.5" r="6.5" />
<circle cx="238.5" cy="385.5" r="6.5" />
<circle cx="219.5" cy="385.5" r="6.5" />
<circle cx="580.5" cy="366.5" r="6.5" />
<circle cx="561.5" cy="366.5" r="6.5" />
<circle cx="542.5" cy="366.5" r="6.5" />
<circle cx="523.5" cy="366.5" r="6.5" />
<circle cx="504.5" cy="366.5" r="6.5" />
<circle cx="485.5" cy="366.5" r="6.5" />
<circle cx="466.5" cy="366.5" r="6.5" />
<circle cx="447.5" cy="366.5" r="6.5" />
<circle cx="428.5" cy="366.5" r="6.5" />
<circle cx="409.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="366.5" r="6.5" />
<circle cx="352.5" cy="366.5" r="6.5" />
<circle cx="333.5" cy="366.5" r="6.5" />
<circle cx="314.5" cy="366.5" r="6.5" />
<circle cx="295.5" cy="366.5" r="6.5" />
<circle cx="276.5" cy="366.5" r="6.5" />
<circle cx="257.5" cy="366.5" r="6.5" />
<circle cx="238.5" cy="366.5" r="6.5" />
<circle cx="219.5" cy="366.5" r="6.5" />
<circle cx="580.5" cy="347.5" r="6.5" />
<circle cx="561.5" cy="347.5" r="6.5" />
<circle cx="542.5" cy="347.5" r="6.5" />
<circle cx="523.5" cy="347.5" r="6.5" />
<circle cx="504.5" cy="347.5" r="6.5" />
<circle cx="485.5" cy="347.5" r="6.5" />
<circle cx="466.5" cy="347.5" r="6.5" />
<circle cx="447.5" cy="347.5" r="6.5" />
<circle cx="428.5" cy="347.5" r="6.5" />
<circle cx="409.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="347.5" r="6.5" />
<circle cx="352.5" cy="347.5" r="6.5" />
<circle cx="333.5" cy="347.5" r="6.5" />
<circle cx="314.5" cy="347.5" r="6.5" />
<circle cx="295.5" cy="347.5" r="6.5" />
<circle cx="276.5" cy="347.5" r="6.5" />
<circle cx="257.5" cy="347.5" r="6.5" />
<circle cx="238.5" cy="347.5" r="6.5" />
<circle cx="219.5" cy="347.5" r="6.5" />
<circle cx="580.5" cy="328.5" r="6.5" />
<circle cx="561.5" cy="328.5" r="6.5" />
<circle cx="542.5" cy="328.5" r="6.5" />
<circle cx="523.5" cy="328.5" r="6.5" />
<circle cx="504.5" cy="328.5" r="6.5" />
<circle cx="485.5" cy="328.5" r="6.5" />
<circle cx="466.5" cy="328.5" r="6.5" />
<circle cx="447.5" cy="328.5" r="6.5" />
<circle cx="428.5" cy="328.5" r="6.5" />
<circle cx="409.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="328.5" r="6.5" />
<circle cx="352.5" cy="328.5" r="6.5" />
<circle cx="333.5" cy="328.5" r="6.5" />
<circle cx="314.5" cy="328.5" r="6.5" />
<circle cx="295.5" cy="328.5" r="6.5" />
<circle cx="276.5" cy="328.5" r="6.5" />
<circle cx="257.5" cy="328.5" r="6.5" />
<circle cx="238.5" cy="328.5" r="6.5" />
<circle cx="219.5" cy="328.5" r="6.5" />
<circle cx="580.5" cy="309.5" r="6.5" />
<circle cx="561.5" cy="309.5" r="6.5" />
<circle cx="542.5" cy="309.5" r="6.5" />
<circle cx="523.5" cy="309.5" r="6.5" />
<circle cx="504.5" cy="309.5" r="6.5" />
<circle cx="485.5" cy="309.5" r="6.5" />
<circle cx="466.5" cy="309.5" r="6.5" />
<circle cx="447.5" cy="309.5" r="6.5" />
<circle cx="428.5" cy="309.5" r="6.5" />
<circle cx="409.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="309.5" r="6.5" />
<circle cx="352.5" cy="309.5" r="6.5" />
<circle cx="333.5" cy="309.5" r="6.5" />
<circle cx="314.5" cy="309.5" r="6.5" />
<circle cx="295.5" cy="309.5" r="6.5" />
<circle cx="276.5" cy="309.5" r="6.5" />
<circle cx="257.5" cy="309.5" r="6.5" />
<circle cx="238.5" cy="309.5" r="6.5" />
<circle cx="219.5" cy="309.5" r="6.5" />
<circle cx="580.5" cy="290.5" r="6.5" />
<circle cx="561.5" cy="290.5" r="6.5" />
<circle cx="542.5" cy="290.5" r="6.5" />
<circle cx="523.5" cy="290.5" r="6.5" />
<circle cx="504.5" cy="290.5" r="6.5" />
<circle cx="485.5" cy="290.5" r="6.5" />
<circle cx="466.5" cy="290.5" r="6.5" />
<circle cx="447.5" cy="290.5" r="6.5" />
<circle cx="428.5" cy="290.5" r="6.5" />
<circle cx="409.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="290.5" r="6.5" />
<circle cx="352.5" cy="290.5" r="6.5" />
<circle cx="333.5" cy="290.5" r="6.5" />
<circle cx="314.5" cy="290.5" r="6.5" />
<circle cx="295.5" cy="290.5" r="6.5" />
<circle cx="276.5" cy="290.5" r="6.5" />
<circle cx="257.5" cy="290.5" r="6.5" />
<circle cx="238.5" cy="290.5" r="6.5" />
<circle cx="219.5" cy="290.5" r="6.5" />
<circle cx="580.5" cy="271.5" r="6.5" />
<circle cx="561.5" cy="271.5" r="6.5" />
<circle cx="542.5" cy="271.5" r="6.5" />
<circle cx="523.5" cy="271.5" r="6.5" />
<circle cx="504.5" cy="271.5" r="6.5" />
<circle cx="485.5" cy="271.5" r="6.5" />
<circle cx="466.5" cy="271.5" r="6.5" />
<circle cx="447.5" cy="271.5" r="6.5" />
<circle cx="428.5" cy="271.5" r="6.5" />
<circle cx="409.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="271.5" r="6.5" />
<circle cx="352.5" cy="271.5" r="6.5" />
<circle cx="333.5" cy="271.5" r="6.5" />
<circle cx="314.5" cy="271.5" r="6.5" />
<circle cx="295.5" cy="271.5" r="6.5" />
<circle cx="276.5" cy="271.5" r="6.5" />
<circle cx="257.5" cy="271.5" r="6.5" />
<circle cx="238.5" cy="271.5" r="6.5" />
<circle cx="219.5" cy="271.5" r="6.5" />
<circle cx="580.5" cy="252.5" r="6.5" />
<circle cx="561.5" cy="252.5" r="6.5" />
<circle cx="542.5" cy="252.5" r="6.5" />
<circle cx="523.5" cy="252.5" r="6.5" />
<circle cx="504.5" cy="252.5" r="6.5" />
<circle cx="485.5" cy="252.5" r="6.5" />
<circle cx="466.5" cy="252.5" r="6.5" />
<circle cx="447.5" cy="252.5" r="6.5" />
<circle cx="428.5" cy="252.5" r="6.5" />
<circle cx="409.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="252.5" r="6.5" />
<circle cx="352.5" cy="252.5" r="6.5" />
<circle cx="333.5" cy="252.5" r="6.5" />
<circle cx="314.5" cy="252.5" r="6.5" />
<circle cx="295.5" cy="252.5" r="6.5" />
<circle cx="276.5" cy="252.5" r="6.5" />
<circle cx="257.5" cy="252.5" r="6.5" />
<circle cx="238.5" cy="252.5" r="6.5" />
<circle cx="219.5" cy="252.5" r="6.5" />
<circle cx="580.5" cy="233.5" r="6.5" />
<circle cx="561.5" cy="233.5" r="6.5" />
<circle cx="542.5" cy="233.5" r="6.5" />
<circle cx="523.5" cy="233.5" r="6.5" />
<circle cx="504.5" cy="233.5" r="6.5" />
<circle cx="485.5" cy="233.5" r="6.5" />
<circle cx="466.5" cy="233.5" r="6.5" />
<circle cx="447.5" cy="233.5" r="6.5" />
<circle cx="428.5" cy="233.5" r="6.5" />
<circle cx="409.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="233.5" r="6.5" />
<circle cx="333.5" cy="233.5" r="6.5" />
<circle cx="314.5" cy="233.5" r="6.5" />
<circle cx="295.5" cy="233.5" r="6.5" />
<circle cx="276.5" cy="233.5" r="6.5" />
<circle cx="257.5" cy="233.5" r="6.5" />
<circle cx="238.5" cy="233.5" r="6.5" />
<circle cx="219.5" cy="233.5" r="6.5" />
<circle cx="580.5" cy="214.5" r="6.5" />
<circle cx="561.5" cy="214.5" r="6.5" />
<circle cx="542.5" cy="214.5" r="6.5" />
<circle cx="523.5" cy="214.5" r="6.5" />
<circle cx="504.5" cy="214.5" r="6.5" />
<circle cx="485.5" cy="214.5" r="6.5" />
<circle cx="466.5" cy="214.5" r="6.5" />
<circle cx="447.5" cy="214.5" r="6.5" />
<circle cx="428.5" cy="214.5" r="6.5" />
<circle cx="409.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="214.5" r="6.5" />
<circle cx="352.5" cy="214.5" r="6.5" />
<circle cx="333.5" cy="214.5" r="6.5" />
<circle cx="314.5" cy="214.5" r="6.5" />
<circle cx="295.5" cy="214.5" r="6.5" />
<circle cx="276.5" cy="214.5" r="6.5" />
<circle cx="257.5" cy="214.5" r="6.5" />
<circle cx="238.5" cy="214.5" r="6.5" />
<circle cx="219.5" cy="214.5" r="6.5" />
</g>
<g class="two">
<circle cx="580.5" cy="385.5" r="6.5" />
<circle cx="561.5" cy="385.5" r="6.5" />
<circle cx="542.5" cy="385.5" r="6.5" />
<circle cx="523.5" cy="385.5" r="6.5" />
<circle cx="504.5" cy="385.5" r="6.5" />
<circle cx="485.5" cy="385.5" r="6.5" />
<circle cx="466.5" cy="385.5" r="6.5" />
<circle cx="447.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="385.5" r="6.5" />
<circle cx="314.5" cy="385.5" r="6.5" />
<circle cx="295.5" cy="385.5" r="6.5" />
<circle cx="276.5" cy="385.5" r="6.5" />
<circle cx="257.5" cy="385.5" r="6.5" />
<circle cx="238.5" cy="385.5" r="6.5" />
<circle cx="219.5" cy="385.5" r="6.5" />
<circle cx="580.5" cy="366.5" r="6.5" />
<circle cx="561.5" cy="366.5" r="6.5" />
<circle cx="542.5" cy="366.5" r="6.5" />
<circle cx="523.5" cy="366.5" r="6.5" />
<circle cx="504.5" cy="366.5" r="6.5" />
<circle cx="485.5" cy="366.5" r="6.5" />
<circle cx="466.5" cy="366.5" r="6.5" />
<circle cx="447.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="366.5" r="6.5" />
<circle cx="314.5" cy="366.5" r="6.5" />
<circle cx="295.5" cy="366.5" r="6.5" />
<circle cx="276.5" cy="366.5" r="6.5" />
<circle cx="257.5" cy="366.5" r="6.5" />
<circle cx="238.5" cy="366.5" r="6.5" />
<circle cx="219.5" cy="366.5" r="6.5" />
<circle cx="580.5" cy="347.5" r="6.5" />
<circle cx="561.5" cy="347.5" r="6.5" />
<circle cx="542.5" cy="347.5" r="6.5" />
<circle cx="523.5" cy="347.5" r="6.5" />
<circle cx="504.5" cy="347.5" r="6.5" />
<circle cx="485.5" cy="347.5" r="6.5" />
<circle cx="466.5" cy="347.5" r="6.5" />
<circle cx="447.5" cy="347.5" r="6.5" />
<circle cx="428.5" cy="347.5" r="6.5" />
<circle cx="409.5" cy="347.5" r="6.5" />
<circle cx="390.5" cy="347.5" r="6.5" />
<circle cx="371.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="347.5" r="6.5" />
<circle cx="314.5" cy="347.5" r="6.5" />
<circle cx="295.5" cy="347.5" r="6.5" />
<circle cx="276.5" cy="347.5" r="6.5" />
<circle cx="257.5" cy="347.5" r="6.5" />
<circle cx="238.5" cy="347.5" r="6.5" />
<circle cx="219.5" cy="347.5" r="6.5" />
<circle cx="580.5" cy="328.5" r="6.5" />
<circle cx="561.5" cy="328.5" r="6.5" />
<circle cx="542.5" cy="328.5" r="6.5" />
<circle cx="523.5" cy="328.5" r="6.5" />
<circle cx="504.5" cy="328.5" r="6.5" />
<circle cx="485.5" cy="328.5" r="6.5" />
<circle cx="466.5" cy="328.5" r="6.5" />
<circle cx="447.5" cy="328.5" r="6.5" />
<circle cx="428.5" cy="328.5" r="6.5" />
<circle cx="409.5" cy="328.5" r="6.5" />
<circle cx="390.5" cy="328.5" r="6.5" />
<circle cx="371.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="328.5" r="6.5" />
<circle cx="314.5" cy="328.5" r="6.5" />
<circle cx="295.5" cy="328.5" r="6.5" />
<circle cx="276.5" cy="328.5" r="6.5" />
<circle cx="257.5" cy="328.5" r="6.5" />
<circle cx="238.5" cy="328.5" r="6.5" />
<circle cx="219.5" cy="328.5" r="6.5" />
<circle cx="580.5" cy="309.5" r="6.5" />
<circle cx="561.5" cy="309.5" r="6.5" />
<circle cx="542.5" cy="309.5" r="6.5" />
<circle cx="523.5" cy="309.5" r="6.5" />
<circle cx="504.5" cy="309.5" r="6.5" />
<circle cx="485.5" cy="309.5" r="6.5" />
<circle cx="466.5" cy="309.5" r="6.5" />
<circle cx="447.5" cy="309.5" r="6.5" />
<circle cx="428.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="309.5" r="6.5" />
<circle cx="314.5" cy="309.5" r="6.5" />
<circle cx="295.5" cy="309.5" r="6.5" />
<circle cx="276.5" cy="309.5" r="6.5" />
<circle cx="257.5" cy="309.5" r="6.5" />
<circle cx="238.5" cy="309.5" r="6.5" />
<circle cx="219.5" cy="309.5" r="6.5" />
<circle cx="580.5" cy="290.5" r="6.5" />
<circle cx="561.5" cy="290.5" r="6.5" />
<circle cx="542.5" cy="290.5" r="6.5" />
<circle cx="523.5" cy="290.5" r="6.5" />
<circle cx="504.5" cy="290.5" r="6.5" />
<circle cx="485.5" cy="290.5" r="6.5" />
<circle cx="466.5" cy="290.5" r="6.5" />
<circle cx="447.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="290.5" r="6.5" />
<circle cx="333.5" cy="290.5" r="6.5" />
<circle cx="314.5" cy="290.5" r="6.5" />
<circle cx="295.5" cy="290.5" r="6.5" />
<circle cx="276.5" cy="290.5" r="6.5" />
<circle cx="257.5" cy="290.5" r="6.5" />
<circle cx="238.5" cy="290.5" r="6.5" />
<circle cx="219.5" cy="290.5" r="6.5" />
<circle cx="580.5" cy="271.5" r="6.5" />
<circle cx="561.5" cy="271.5" r="6.5" />
<circle cx="542.5" cy="271.5" r="6.5" />
<circle cx="523.5" cy="271.5" r="6.5" />
<circle cx="504.5" cy="271.5" r="6.5" />
<circle cx="485.5" cy="271.5" r="6.5" />
<circle cx="466.5" cy="271.5" r="6.5" />
<circle cx="447.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="271.5" r="6.5" />
<circle cx="390.5" cy="271.5" r="6.5" />
<circle cx="371.5" cy="271.5" r="6.5" />
<circle cx="352.5" cy="271.5" r="6.5" />
<circle cx="333.5" cy="271.5" r="6.5" />
<circle cx="314.5" cy="271.5" r="6.5" />
<circle cx="295.5" cy="271.5" r="6.5" />
<circle cx="276.5" cy="271.5" r="6.5" />
<circle cx="257.5" cy="271.5" r="6.5" />
<circle cx="238.5" cy="271.5" r="6.5" />
<circle cx="219.5" cy="271.5" r="6.5" />
<circle cx="580.5" cy="252.5" r="6.5" />
<circle cx="561.5" cy="252.5" r="6.5" />
<circle cx="542.5" cy="252.5" r="6.5" />
<circle cx="523.5" cy="252.5" r="6.5" />
<circle cx="504.5" cy="252.5" r="6.5" />
<circle cx="485.5" cy="252.5" r="6.5" />
<circle cx="466.5" cy="252.5" r="6.5" />
<circle cx="447.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="252.5" r="6.5" />
<circle cx="390.5" cy="252.5" r="6.5" />
<circle cx="371.5" cy="252.5" r="6.5" />
<circle cx="352.5" cy="252.5" r="6.5" />
<circle cx="333.5" cy="252.5" r="6.5" />
<circle cx="314.5" cy="252.5" r="6.5" />
<circle cx="295.5" cy="252.5" r="6.5" />
<circle cx="276.5" cy="252.5" r="6.5" />
<circle cx="257.5" cy="252.5" r="6.5" />
<circle cx="238.5" cy="252.5" r="6.5" />
<circle cx="219.5" cy="252.5" r="6.5" />
<circle cx="580.5" cy="233.5" r="6.5" />
<circle cx="561.5" cy="233.5" r="6.5" />
<circle cx="542.5" cy="233.5" r="6.5" />
<circle cx="523.5" cy="233.5" r="6.5" />
<circle cx="504.5" cy="233.5" r="6.5" />
<circle cx="485.5" cy="233.5" r="6.5" />
<circle cx="466.5" cy="233.5" r="6.5" />
<circle cx="447.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="233.5" r="6.5" />
<circle cx="314.5" cy="233.5" r="6.5" />
<circle cx="295.5" cy="233.5" r="6.5" />
<circle cx="276.5" cy="233.5" r="6.5" />
<circle cx="257.5" cy="233.5" r="6.5" />
<circle cx="238.5" cy="233.5" r="6.5" />
<circle cx="219.5" cy="233.5" r="6.5" />
<circle cx="580.5" cy="214.5" r="6.5" />
<circle cx="561.5" cy="214.5" r="6.5" />
<circle cx="542.5" cy="214.5" r="6.5" />
<circle cx="523.5" cy="214.5" r="6.5" />
<circle cx="504.5" cy="214.5" r="6.5" />
<circle cx="485.5" cy="214.5" r="6.5" />
<circle cx="466.5" cy="214.5" r="6.5" />
<circle cx="447.5" cy="214.5" r="6.5" />
<circle cx="428.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="214.5" r="6.5" />
<circle cx="314.5" cy="214.5" r="6.5" />
<circle cx="295.5" cy="214.5" r="6.5" />
<circle cx="276.5" cy="214.5" r="6.5" />
<circle cx="257.5" cy="214.5" r="6.5" />
<circle cx="238.5" cy="214.5" r="6.5" />
<circle cx="219.5" cy="214.5" r="6.5" />
</g>
<g class="three" fill="green">
<circle cx="580.5" cy="385.5" r="6.5" />
<circle cx="561.5" cy="385.5" r="6.5" />
<circle cx="542.5" cy="385.5" r="6.5" />
<circle cx="523.5" cy="385.5" r="6.5" />
<circle cx="504.5" cy="385.5" r="6.5" />
<circle cx="485.5" cy="385.5" r="6.5" />
<circle cx="466.5" cy="385.5" r="6.5" />
<circle cx="447.5" cy="385.5" r="6.5" />
<circle cx="428.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="385.5" r="6.5" />
<circle cx="314.5" cy="385.5" r="6.5" />
<circle cx="295.5" cy="385.5" r="6.5" />
<circle cx="276.5" cy="385.5" r="6.5" />
<circle cx="257.5" cy="385.5" r="6.5" />
<circle cx="238.5" cy="385.5" r="6.5" />
<circle cx="219.5" cy="385.5" r="6.5" />
<circle cx="580.5" cy="366.5" r="6.5" />
<circle cx="561.5" cy="366.5" r="6.5" />
<circle cx="542.5" cy="366.5" r="6.5" />
<circle cx="523.5" cy="366.5" r="6.5" />
<circle cx="504.5" cy="366.5" r="6.5" />
<circle cx="485.5" cy="366.5" r="6.5" />
<circle cx="466.5" cy="366.5" r="6.5" />
<circle cx="447.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="366.5" r="6.5" />
<circle cx="314.5" cy="366.5" r="6.5" />
<circle cx="295.5" cy="366.5" r="6.5" />
<circle cx="276.5" cy="366.5" r="6.5" />
<circle cx="257.5" cy="366.5" r="6.5" />
<circle cx="238.5" cy="366.5" r="6.5" />
<circle cx="219.5" cy="366.5" r="6.5" />
<circle cx="580.5" cy="347.5" r="6.5" />
<circle cx="561.5" cy="347.5" r="6.5" />
<circle cx="542.5" cy="347.5" r="6.5" />
<circle cx="523.5" cy="347.5" r="6.5" />
<circle cx="504.5" cy="347.5" r="6.5" />
<circle cx="485.5" cy="347.5" r="6.5" />
<circle cx="466.5" cy="347.5" r="6.5" />
<circle cx="447.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="347.5" r="6.5" />
<circle cx="390.5" cy="347.5" r="6.5" />
<circle cx="371.5" cy="347.5" r="6.5" />
<circle cx="352.5" cy="347.5" r="6.5" />
<circle cx="333.5" cy="347.5" r="6.5" />
<circle cx="314.5" cy="347.5" r="6.5" />
<circle cx="295.5" cy="347.5" r="6.5" />
<circle cx="276.5" cy="347.5" r="6.5" />
<circle cx="257.5" cy="347.5" r="6.5" />
<circle cx="238.5" cy="347.5" r="6.5" />
<circle cx="219.5" cy="347.5" r="6.5" />
<circle cx="580.5" cy="328.5" r="6.5" />
<circle cx="561.5" cy="328.5" r="6.5" />
<circle cx="542.5" cy="328.5" r="6.5" />
<circle cx="523.5" cy="328.5" r="6.5" />
<circle cx="504.5" cy="328.5" r="6.5" />
<circle cx="485.5" cy="328.5" r="6.5" />
<circle cx="466.5" cy="328.5" r="6.5" />
<circle cx="447.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="328.5" r="6.5" />
<circle cx="390.5" cy="328.5" r="6.5" />
<circle cx="371.5" cy="328.5" r="6.5" />
<circle cx="352.5" cy="328.5" r="6.5" />
<circle cx="333.5" cy="328.5" r="6.5" />
<circle cx="314.5" cy="328.5" r="6.5" />
<circle cx="295.5" cy="328.5" r="6.5" />
<circle cx="276.5" cy="328.5" r="6.5" />
<circle cx="257.5" cy="328.5" r="6.5" />
<circle cx="238.5" cy="328.5" r="6.5" />
<circle cx="219.5" cy="328.5" r="6.5" />
<circle cx="580.5" cy="309.5" r="6.5" />
<circle cx="561.5" cy="309.5" r="6.5" />
<circle cx="542.5" cy="309.5" r="6.5" />
<circle cx="523.5" cy="309.5" r="6.5" />
<circle cx="504.5" cy="309.5" r="6.5" />
<circle cx="485.5" cy="309.5" r="6.5" />
<circle cx="466.5" cy="309.5" r="6.5" />
<circle cx="447.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="309.5" r="6.5" />
<circle cx="314.5" cy="309.5" r="6.5" />
<circle cx="295.5" cy="309.5" r="6.5" />
<circle cx="276.5" cy="309.5" r="6.5" />
<circle cx="257.5" cy="309.5" r="6.5" />
<circle cx="238.5" cy="309.5" r="6.5" />
<circle cx="219.5" cy="309.5" r="6.5" />
<circle cx="580.5" cy="290.5" r="6.5" />
<circle cx="561.5" cy="290.5" r="6.5" />
<circle cx="542.5" cy="290.5" r="6.5" />
<circle cx="523.5" cy="290.5" r="6.5" />
<circle cx="504.5" cy="290.5" r="6.5" />
<circle cx="485.5" cy="290.5" r="6.5" />
<circle cx="466.5" cy="290.5" r="6.5" />
<circle cx="447.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="290.5" r="6.5" />
<circle cx="314.5" cy="290.5" r="6.5" />
<circle cx="295.5" cy="290.5" r="6.5" />
<circle cx="276.5" cy="290.5" r="6.5" />
<circle cx="257.5" cy="290.5" r="6.5" />
<circle cx="238.5" cy="290.5" r="6.5" />
<circle cx="219.5" cy="290.5" r="6.5" />
<circle cx="580.5" cy="271.5" r="6.5" />
<circle cx="561.5" cy="271.5" r="6.5" />
<circle cx="542.5" cy="271.5" r="6.5" />
<circle cx="523.5" cy="271.5" r="6.5" />
<circle cx="504.5" cy="271.5" r="6.5" />
<circle cx="485.5" cy="271.5" r="6.5" />
<circle cx="466.5" cy="271.5" r="6.5" />
<circle cx="447.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="271.5" r="6.5" />
<circle cx="390.5" cy="271.5" r="6.5" />
<circle cx="371.5" cy="271.5" r="6.5" />
<circle cx="352.5" cy="271.5" r="6.5" />
<circle cx="333.5" cy="271.5" r="6.5" />
<circle cx="314.5" cy="271.5" r="6.5" />
<circle cx="295.5" cy="271.5" r="6.5" />
<circle cx="276.5" cy="271.5" r="6.5" />
<circle cx="257.5" cy="271.5" r="6.5" />
<circle cx="238.5" cy="271.5" r="6.5" />
<circle cx="219.5" cy="271.5" r="6.5" />
<circle cx="580.5" cy="252.5" r="6.5" />
<circle cx="561.5" cy="252.5" r="6.5" />
<circle cx="542.5" cy="252.5" r="6.5" />
<circle cx="523.5" cy="252.5" r="6.5" />
<circle cx="504.5" cy="252.5" r="6.5" />
<circle cx="485.5" cy="252.5" r="6.5" />
<circle cx="466.5" cy="252.5" r="6.5" />
<circle cx="447.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="252.5" r="6.5" />
<circle cx="390.5" cy="252.5" r="6.5" />
<circle cx="371.5" cy="252.5" r="6.5" />
<circle cx="352.5" cy="252.5" r="6.5" />
<circle cx="333.5" cy="252.5" r="6.5" />
<circle cx="314.5" cy="252.5" r="6.5" />
<circle cx="295.5" cy="252.5" r="6.5" />
<circle cx="276.5" cy="252.5" r="6.5" />
<circle cx="257.5" cy="252.5" r="6.5" />
<circle cx="238.5" cy="252.5" r="6.5" />
<circle cx="219.5" cy="252.5" r="6.5" />
<circle cx="580.5" cy="233.5" r="6.5" />
 <circle cx="561.5" cy="233.5" r="6.5" />
<circle cx="542.5" cy="233.5" r="6.5" />
<circle cx="523.5" cy="233.5" r="6.5" />
<circle cx="504.5" cy="233.5" r="6.5" />
<circle cx="485.5" cy="233.5" r="6.5" />
<circle cx="466.5" cy="233.5" r="6.5" />
<circle cx="447.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="233.5" r="6.5" />
<circle cx="314.5" cy="233.5" r="6.5" />
<circle cx="295.5" cy="233.5" r="6.5" />
<circle cx="276.5" cy="233.5" r="6.5" />
<circle cx="257.5" cy="233.5" r="6.5" />
<circle cx="238.5" cy="233.5" r="6.5" />
<circle cx="219.5" cy="233.5" r="6.5" />
<circle cx="580.5" cy="214.5" r="6.5" />
<circle cx="561.5" cy="214.5" r="6.5" />
<circle cx="542.5" cy="214.5" r="6.5" />
<circle cx="523.5" cy="214.5" r="6.5" />
<circle cx="504.5" cy="214.5" r="6.5" />
<circle cx="485.5" cy="214.5" r="6.5" />
<circle cx="466.5" cy="214.5" r="6.5" />
<circle cx="447.5" cy="214.5" r="6.5" />
<circle cx="428.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="214.5" r="6.5" />
<circle cx="314.5" cy="214.5" r="6.5" />
<circle cx="295.5" cy="214.5" r="6.5" />
<circle cx="276.5" cy="214.5" r="6.5" />
<circle cx="257.5" cy="214.5" r="6.5" />
<circle cx="238.5" cy="214.5" r="6.5" />
<circle cx="219.5" cy="214.5" r="6.5" />
</g>
<g class="four">
<circle cx="580.5" cy="385.5" r="6.5" />
<circle cx="561.5" cy="385.5" r="6.5" />
<circle cx="542.5" cy="385.5" r="6.5" />
<circle cx="523.5" cy="385.5" r="6.5" />
<circle cx="504.5" cy="385.5" r="6.5" />
<circle cx="485.5" cy="385.5" r="6.5" />
<circle cx="466.5" cy="385.5" r="6.5" />
<circle cx="447.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="385.5" r="6.5" />
<circle cx="390.5" cy="385.5" r="6.5" />
<circle cx="371.5" cy="385.5" r="6.5" />
<circle cx="352.5" cy="385.5" r="6.5" />
<circle cx="333.5" cy="385.5" r="6.5" />
<circle cx="314.5" cy="385.5" r="6.5" />
<circle cx="295.5" cy="385.5" r="6.5" />
<circle cx="276.5" cy="385.5" r="6.5" />
<circle cx="257.5" cy="385.5" r="6.5" />
<circle cx="238.5" cy="385.5" r="6.5" />
<circle cx="219.5" cy="385.5" r="6.5" />
<circle cx="580.5" cy="366.5" r="6.5" />
<circle cx="561.5" cy="366.5" r="6.5" />
<circle cx="542.5" cy="366.5" r="6.5" />
<circle cx="523.5" cy="366.5" r="6.5" />
<circle cx="504.5" cy="366.5" r="6.5" />
<circle cx="485.5" cy="366.5" r="6.5" />
<circle cx="466.5" cy="366.5" r="6.5" />
<circle cx="447.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="366.5" r="6.5" />
<circle cx="390.5" cy="366.5" r="6.5" />
<circle cx="371.5" cy="366.5" r="6.5" />
<circle cx="352.5" cy="366.5" r="6.5" />
<circle cx="333.5" cy="366.5" r="6.5" />
<circle cx="314.5" cy="366.5" r="6.5" />
<circle cx="295.5" cy="366.5" r="6.5" />
<circle cx="276.5" cy="366.5" r="6.5" />
<circle cx="257.5" cy="366.5" r="6.5" />
<circle cx="238.5" cy="366.5" r="6.5" />
<circle cx="219.5" cy="366.5" r="6.5" />
<circle cx="580.5" cy="347.5" r="6.5" />
<circle cx="561.5" cy="347.5" r="6.5" />
<circle cx="542.5" cy="347.5" r="6.5" />
<circle cx="523.5" cy="347.5" r="6.5" />
<circle cx="504.5" cy="347.5" r="6.5" />
<circle cx="485.5" cy="347.5" r="6.5" />
<circle cx="466.5" cy="347.5" r="6.5" />
<circle cx="447.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="347.5" r="6.5" />
<circle cx="390.5" cy="347.5" r="6.5" />
<circle cx="371.5" cy="347.5" r="6.5" />
<circle cx="352.5" cy="347.5" r="6.5" />
<circle cx="333.5" cy="347.5" r="6.5" />
<circle cx="314.5" cy="347.5" r="6.5" />
<circle cx="295.5" cy="347.5" r="6.5" />
<circle cx="276.5" cy="347.5" r="6.5" />
<circle cx="257.5" cy="347.5" r="6.5" />
<circle cx="238.5" cy="347.5" r="6.5" />
<circle cx="219.5" cy="347.5" r="6.5" />
<circle cx="580.5" cy="328.5" r="6.5" />
<circle cx="561.5" cy="328.5" r="6.5" />
<circle cx="542.5" cy="328.5" r="6.5" />
<circle cx="523.5" cy="328.5" r="6.5" />
<circle cx="504.5" cy="328.5" r="6.5" />
<circle cx="485.5" cy="328.5" r="6.5" />
<circle cx="466.5" cy="328.5" r="6.5" />
<circle cx="447.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="328.5" r="6.5" />
<circle cx="390.5" cy="328.5" r="6.5" />
<circle cx="371.5" cy="328.5" r="6.5" />
<circle cx="352.5" cy="328.5" r="6.5" />
<circle cx="333.5" cy="328.5" r="6.5" />
<circle cx="314.5" cy="328.5" r="6.5" />
<circle cx="295.5" cy="328.5" r="6.5" />
<circle cx="276.5" cy="328.5" r="6.5" />
<circle cx="257.5" cy="328.5" r="6.5" />
<circle cx="238.5" cy="328.5" r="6.5" />
<circle cx="219.5" cy="328.5" r="6.5" />
<circle cx="580.5" cy="309.5" r="6.5" />
<circle cx="561.5" cy="309.5" r="6.5" />
<circle cx="542.5" cy="309.5" r="6.5" />
<circle cx="523.5" cy="309.5" r="6.5" />
<circle cx="504.5" cy="309.5" r="6.5" />
<circle cx="485.5" cy="309.5" r="6.5" />
<circle cx="466.5" cy="309.5" r="6.5" />
<circle cx="447.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="309.5" r="6.5" />
<circle cx="314.5" cy="309.5" r="6.5" />
<circle cx="295.5" cy="309.5" r="6.5" />
<circle cx="276.5" cy="309.5" r="6.5" />
<circle cx="257.5" cy="309.5" r="6.5" />
<circle cx="238.5" cy="309.5" r="6.5" />
<circle cx="219.5" cy="309.5" r="6.5" />
<circle cx="580.5" cy="290.5" r="6.5" />
<circle cx="561.5" cy="290.5" r="6.5" />
<circle cx="542.5" cy="290.5" r="6.5" />
<circle cx="523.5" cy="290.5" r="6.5" />
<circle cx="504.5" cy="290.5" r="6.5" />
<circle cx="485.5" cy="290.5" r="6.5" />
<circle cx="466.5" cy="290.5" r="6.5" />
<circle cx="447.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="290.5" r="6.5" />
<circle cx="314.5" cy="290.5" r="6.5" />
<circle cx="295.5" cy="290.5" r="6.5" />
<circle cx="276.5" cy="290.5" r="6.5" />
<circle cx="257.5" cy="290.5" r="6.5" />
<circle cx="238.5" cy="290.5" r="6.5" />
<circle cx="219.5" cy="290.5" r="6.5" />
<circle cx="580.5" cy="271.5" r="6.5" />
<circle cx="561.5" cy="271.5" r="6.5" />
<circle cx="542.5" cy="271.5" r="6.5" />
<circle cx="523.5" cy="271.5" r="6.5" />
<circle cx="504.5" cy="271.5" r="6.5" />
<circle cx="485.5" cy="271.5" r="6.5" />
<circle cx="466.5" cy="271.5" r="6.5" />
<circle cx="447.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="271.5" r="6.5" />
<circle cx="390.5" cy="271.5" r="6.5" />
<circle cx="371.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="271.5" r="6.5" />
<circle cx="314.5" cy="271.5" r="6.5" />
<circle cx="295.5" cy="271.5" r="6.5" />
<circle cx="276.5" cy="271.5" r="6.5" />
<circle cx="257.5" cy="271.5" r="6.5" />
<circle cx="238.5" cy="271.5" r="6.5" />
<circle cx="219.5" cy="271.5" r="6.5" />
<circle cx="580.5" cy="252.5" r="6.5" />
<circle cx="561.5" cy="252.5" r="6.5" />
<circle cx="542.5" cy="252.5" r="6.5" />
<circle cx="523.5" cy="252.5" r="6.5" />
<circle cx="504.5" cy="252.5" r="6.5" />
<circle cx="485.5" cy="252.5" r="6.5" />
<circle cx="466.5" cy="252.5" r="6.5" />
<circle cx="447.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="252.5" r="6.5" />
<circle cx="390.5" cy="252.5" r="6.5" />
<circle cx="371.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="252.5" r="6.5" />
<circle cx="314.5" cy="252.5" r="6.5" />
<circle cx="295.5" cy="252.5" r="6.5" />
<circle cx="276.5" cy="252.5" r="6.5" />
<circle cx="257.5" cy="252.5" r="6.5" />
<circle cx="238.5" cy="252.5" r="6.5" />
<circle cx="219.5" cy="252.5" r="6.5" />
<circle cx="580.5" cy="233.5" r="6.5" />
<circle cx="561.5" cy="233.5" r="6.5" />
<circle cx="542.5" cy="233.5" r="6.5" />
<circle cx="523.5" cy="233.5" r="6.5" />
<circle cx="504.5" cy="233.5" r="6.5" />
<circle cx="485.5" cy="233.5" r="6.5" />
<circle cx="466.5" cy="233.5" r="6.5" />
<circle cx="447.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="233.5" r="6.5" />
<circle cx="390.5" cy="233.5" r="6.5" />
<circle cx="371.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="233.5" r="6.5" />
<circle cx="314.5" cy="233.5" r="6.5" />
<circle cx="295.5" cy="233.5" r="6.5" />
<circle cx="276.5" cy="233.5" r="6.5" />
<circle cx="257.5" cy="233.5" r="6.5" />
<circle cx="238.5" cy="233.5" r="6.5" />
<circle cx="219.5" cy="233.5" r="6.5" />
<circle cx="580.5" cy="214.5" r="6.5" />
<circle cx="561.5" cy="214.5" r="6.5" />
<circle cx="542.5" cy="214.5" r="6.5" />
<circle cx="523.5" cy="214.5" r="6.5" />
<circle cx="504.5" cy="214.5" r="6.5" />
<circle cx="485.5" cy="214.5" r="6.5" />
<circle cx="466.5" cy="214.5" r="6.5" />
<circle cx="447.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="214.5" r="6.5" />
<circle cx="390.5" cy="214.5" r="6.5" />
<circle cx="371.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="214.5" r="6.5" />
<circle cx="314.5" cy="214.5" r="6.5" />
<circle cx="295.5" cy="214.5" r="6.5" />
<circle cx="276.5" cy="214.5" r="6.5" />
<circle cx="257.5" cy="214.5" r="6.5" />
<circle cx="238.5" cy="214.5" r="6.5" />
<circle cx="219.5" cy="214.5" r="6.5" />
</g>
<g class="five">
<circle cx="580.5" cy="385.5" r="6.5" />
<circle cx="561.5" cy="385.5" r="6.5" />
<circle cx="542.5" cy="385.5" r="6.5" />
<circle cx="523.5" cy="385.5" r="6.5" />
<circle cx="504.5" cy="385.5" r="6.5" />
<circle cx="485.5" cy="385.5" r="6.5" />
<circle cx="466.5" cy="385.5" r="6.5" />
<circle cx="447.5" cy="385.5" r="6.5" />
<circle cx="428.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="385.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="385.5" r="6.5" />
<circle cx="314.5" cy="385.5" r="6.5" />
<circle cx="295.5" cy="385.5" r="6.5" />
<circle cx="276.5" cy="385.5" r="6.5" />
<circle cx="257.5" cy="385.5" r="6.5" />
<circle cx="238.5" cy="385.5" r="6.5" />
<circle cx="219.5" cy="385.5" r="6.5" />
<circle cx="580.5" cy="366.5" r="6.5" />
<circle cx="561.5" cy="366.5" r="6.5" />
<circle cx="542.5" cy="366.5" r="6.5" />
<circle cx="523.5" cy="366.5" r="6.5" />
<circle cx="504.5" cy="366.5" r="6.5" />
<circle cx="485.5" cy="366.5" r="6.5" />
<circle cx="466.5" cy="366.5" r="6.5" />
<circle cx="447.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="366.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="366.5" r="6.5" />
<circle cx="314.5" cy="366.5" r="6.5" />
<circle cx="295.5" cy="366.5" r="6.5" />
<circle cx="276.5" cy="366.5" r="6.5" />
<circle cx="257.5" cy="366.5" r="6.5" />
<circle cx="238.5" cy="366.5" r="6.5" />
<circle cx="219.5" cy="366.5" r="6.5" />
<circle cx="580.5" cy="347.5" r="6.5" />
<circle cx="561.5" cy="347.5" r="6.5" />
<circle cx="542.5" cy="347.5" r="6.5" />
<circle cx="523.5" cy="347.5" r="6.5" />
<circle cx="504.5" cy="347.5" r="6.5" />
<circle cx="485.5" cy="347.5" r="6.5" />
<circle cx="466.5" cy="347.5" r="6.5" />
<circle cx="447.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="347.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="347.5" r="6.5" />
<circle cx="390.5" cy="347.5" r="6.5" />
<circle cx="371.5" cy="347.5" r="6.5" />
<circle cx="352.5" cy="347.5" r="6.5" />
<circle cx="333.5" cy="347.5" r="6.5" />
<circle cx="314.5" cy="347.5" r="6.5" />
<circle cx="295.5" cy="347.5" r="6.5" />
<circle cx="276.5" cy="347.5" r="6.5" />
<circle cx="257.5" cy="347.5" r="6.5" />
<circle cx="238.5" cy="347.5" r="6.5" />
<circle cx="219.5" cy="347.5" r="6.5" />
<circle cx="580.5" cy="328.5" r="6.5" />
<circle cx="561.5" cy="328.5" r="6.5" />
<circle cx="542.5" cy="328.5" r="6.5" />
<circle cx="523.5" cy="328.5" r="6.5" />
<circle cx="504.5" cy="328.5" r="6.5" />
<circle cx="485.5" cy="328.5" r="6.5" />
<circle cx="466.5" cy="328.5" r="6.5" />
<circle cx="447.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="328.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="328.5" r="6.5" />
<circle cx="390.5" cy="328.5" r="6.5" />
<circle cx="371.5" cy="328.5" r="6.5" />
<circle cx="352.5" cy="328.5" r="6.5" />
<circle cx="333.5" cy="328.5" r="6.5" />
<circle cx="314.5" cy="328.5" r="6.5" />
<circle cx="295.5" cy="328.5" r="6.5" />
<circle cx="276.5" cy="328.5" r="6.5" />
<circle cx="257.5" cy="328.5" r="6.5" />
<circle cx="238.5" cy="328.5" r="6.5" />
<circle cx="219.5" cy="328.5" r="6.5" />
<circle cx="580.5" cy="309.5" r="6.5" />
<circle cx="561.5" cy="309.5" r="6.5" />
<circle cx="542.5" cy="309.5" r="6.5" />
<circle cx="523.5" cy="309.5" r="6.5" />
<circle cx="504.5" cy="309.5" r="6.5" />
<circle cx="485.5" cy="309.5" r="6.5" />
<circle cx="466.5" cy="309.5" r="6.5" />
<circle cx="447.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="309.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="309.5" r="6.5" />
<circle cx="314.5" cy="309.5" r="6.5" />
<circle cx="295.5" cy="309.5" r="6.5" />
<circle cx="276.5" cy="309.5" r="6.5" />
<circle cx="257.5" cy="309.5" r="6.5" />
<circle cx="238.5" cy="309.5" r="6.5" />
<circle cx="219.5" cy="309.5" r="6.5" />
<circle cx="580.5" cy="290.5" r="6.5" />
<circle cx="561.5" cy="290.5" r="6.5" />
<circle cx="542.5" cy="290.5" r="6.5" />
<circle cx="523.5" cy="290.5" r="6.5" />
<circle cx="504.5" cy="290.5" r="6.5" />
<circle cx="485.5" cy="290.5" r="6.5" />
<circle cx="466.5" cy="290.5" r="6.5" />
<circle cx="447.5" cy="290.5" r="6.5" />
<circle cx="428.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="290.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="290.5" r="6.5" />
<circle cx="314.5" cy="290.5" r="6.5" />
<circle cx="295.5" cy="290.5" r="6.5" />
<circle cx="276.5" cy="290.5" r="6.5" />
<circle cx="257.5" cy="290.5" r="6.5" />
<circle cx="238.5" cy="290.5" r="6.5" />
<circle cx="219.5" cy="290.5" r="6.5" />
<circle cx="580.5" cy="271.5" r="6.5" />
<circle cx="561.5" cy="271.5" r="6.5" />
<circle cx="542.5" cy="271.5" r="6.5" />
<circle cx="523.5" cy="271.5" r="6.5" />
<circle cx="504.5" cy="271.5" r="6.5" />
<circle cx="485.5" cy="271.5" r="6.5" />
<circle cx="466.5" cy="271.5" r="6.5" />
<circle cx="447.5" cy="271.5" r="6.5" />
<circle cx="428.5" cy="271.5" r="6.5" />
<circle cx="409.5" cy="271.5" r="6.5" />
<circle cx="390.5" cy="271.5" r="6.5" />
<circle cx="371.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="271.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="271.5" r="6.5" />
<circle cx="314.5" cy="271.5" r="6.5" />
<circle cx="295.5" cy="271.5" r="6.5" />
<circle cx="276.5" cy="271.5" r="6.5" />
<circle cx="257.5" cy="271.5" r="6.5" />
<circle cx="238.5" cy="271.5" r="6.5" />
<circle cx="219.5" cy="271.5" r="6.5" />
<circle cx="580.5" cy="252.5" r="6.5" />
<circle cx="561.5" cy="252.5" r="6.5" />
<circle cx="542.5" cy="252.5" r="6.5" />
<circle cx="523.5" cy="252.5" r="6.5" />
<circle cx="504.5" cy="252.5" r="6.5" />
<circle cx="485.5" cy="252.5" r="6.5" />
<circle cx="466.5" cy="252.5" r="6.5" />
<circle cx="447.5" cy="252.5" r="6.5" />
<circle cx="428.5" cy="252.5" r="6.5" />
<circle cx="409.5" cy="252.5" r="6.5" />
<circle cx="390.5" cy="252.5" r="6.5" />
<circle cx="371.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="252.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="252.5" r="6.5" />
<circle cx="314.5" cy="252.5" r="6.5" />
<circle cx="295.5" cy="252.5" r="6.5" />
<circle cx="276.5" cy="252.5" r="6.5" />
<circle cx="257.5" cy="252.5" r="6.5" />
<circle cx="238.5" cy="252.5" r="6.5" />
<circle cx="219.5" cy="252.5" r="6.5" />
<circle cx="580.5" cy="233.5" r="6.5" />
<circle cx="561.5" cy="233.5" r="6.5" />
<circle cx="542.5" cy="233.5" r="6.5" />
<circle cx="523.5" cy="233.5" r="6.5" />
<circle cx="504.5" cy="233.5" r="6.5" />
<circle cx="485.5" cy="233.5" r="6.5" />
<circle cx="466.5" cy="233.5" r="6.5" />
<circle cx="447.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="233.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="233.5" r="6.5" fill="gray" />
 <circle cx="333.5" cy="233.5" r="6.5" />
<circle cx="314.5" cy="233.5" r="6.5" />
<circle cx="295.5" cy="233.5" r="6.5" />
<circle cx="276.5" cy="233.5" r="6.5" />
<circle cx="257.5" cy="233.5" r="6.5" />
<circle cx="238.5" cy="233.5" r="6.5" />
<circle cx="219.5" cy="233.5" r="6.5" />
<circle cx="580.5" cy="214.5" r="6.5" />
<circle cx="561.5" cy="214.5" r="6.5" />
<circle cx="542.5" cy="214.5" r="6.5" />
<circle cx="523.5" cy="214.5" r="6.5" />
<circle cx="504.5" cy="214.5" r="6.5" />
<circle cx="485.5" cy="214.5" r="6.5" />
<circle cx="466.5" cy="214.5" r="6.5" />
<circle cx="447.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="428.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="409.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="390.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="371.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="352.5" cy="214.5" r="6.5" fill="gray" />
<circle cx="333.5" cy="214.5" r="6.5" />
<circle cx="314.5" cy="214.5" r="6.5" />
<circle cx="295.5" cy="214.5" r="6.5" />
<circle cx="276.5" cy="214.5" r="6.5" />
<circle cx="257.5" cy="214.5" r="6.5" />
<circle cx="238.5" cy="214.5" r="6.5" />
<circle cx="219.5" cy="214.5" r="6.5" />
</g>
<g class="six">
<circle cx="580.5" cy="385.5" r="6.5" />
<circle cx="561.5" cy="385.5" r="6.5" />
<circle cx="542.5" cy="385.5" r="6.5" />
<circle cx="523.5" cy="385.5" r="6.5" />
<circle cx="504.5" cy="385.5" r="6.5" />
<circle cx="485.5" cy="385.5" r="6.5" />
<circle cx="466.5" cy="385.5" r="6.5" />
<circle cx="447.5" cy="385.5" r="6.5" />
<circle cx="428.5" cy="385.5" r="6.5" fill="gray" />
<circle c.........完整代码请登录后点击上方下载按钮下载查看

网友评论0