点状世界地图-html代码-BFW代码库

代码语言：html
所属分类：粒子
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title> - Dots World Map</title>
    <style>
        body {
            margin: 0;
            display: grid;
            height: 100vh;
            place-items: center;
            background-color: #000;
            font-size: 12px;
        }

        .container {
            display: grid;
            grid-template-columns: repeat(55, 1fr);
            grid-template-rows: repeat(35, 1fr);
        }

        .cell {
            width: 1em;
            height: 1em;
        }

        .cell:nth-child(19) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -993ms;
        }

        .cell:nth-child(20) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1197ms;
        }

        .cell:nth-child(21) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3715ms;
        }

        .cell:nth-child(73) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -31ms;
        }

        .cell:nth-child(74) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3400ms;
        }

        .cell:nth-child(75) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1716ms;
        }

        .cell:nth-child(76) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -702ms;
        }

        .cell:nth-child(77) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -674ms;
        }

        .cell:nth-child(123) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3840ms;
        }

        .cell:nth-child(124) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2066ms;
        }

        .cell:nth-child(127) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3552ms;
        }

        .cell:nth-child(128) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -904ms;
        }

        .cell:nth-child(129) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1075ms;
        }

        .cell:nth-child(130) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2301ms;
        }

        .cell:nth-child(131) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3481ms;
        }

        .cell:nth-child(132) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -727ms;
        }

        .cell:nth-child(177) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3589ms;
        }

        .cell:nth-child(178) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2428ms;
        }

        .cell:nth-child(179) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -62ms;
        }

        .cell:nth-child(181) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -93ms;
        }

        .cell:nth-child(182) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3844ms;
        }

        .cell:nth-child(183) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2587ms;
        }

        .cell:nth-child(184) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1273ms;
        }

        .cell:nth-child(185) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3625ms;
        }

        .cell:nth-child(186) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2450ms;
        }

        .cell:nth-child(187) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3210ms;
        }

        .cell:nth-child(188) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -407ms;
        }

        .cell:nth-child(228) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -508ms;
        }

        .cell:nth-child(229) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2021ms;
        }

        .cell:nth-child(230) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -847ms;
        }

        .cell:nth-child(231) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -106ms;
        }

        .cell:nth-child(232) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2533ms;
        }

        .cell:nth-child(233) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1207ms;
        }

        .cell:nth-child(234) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1481ms;
        }

        .cell:nth-child(237) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3572ms;
        }

        .cell:nth-child(238) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1463ms;
        }

        .cell:nth-child(239) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -738ms;
        }

        .cell:nth-child(240) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -933ms;
        }

        .cell:nth-child(241) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1418ms;
        }

        .cell:nth-child(242) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3973ms;
        }

        .cell:nth-child(243) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1470ms;
        }

        .cell:nth-child(283) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1718ms;
        }

        .cell:nth-child(284) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -147ms;
        }

        .cell:nth-child(285) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3913ms;
        }

        .cell:nth-child(286) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2920ms;
        }

        .cell:nth-child(287) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1728ms;
        }

        .cell:nth-child(288) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1608ms;
        }

        .cell:nth-child(289) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1848ms;
        }

        .cell:nth-child(293) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2496ms;
        }

        .cell:nth-child(294) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2140ms;
        }

        .cell:nth-child(295) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -897ms;
        }

        .cell:nth-child(296) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1160ms;
        }

        .cell:nth-child(297) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -390ms;
        }

        .cell:nth-child(332) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3177ms;
        }

        .cell:nth-child(333) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2907ms;
        }

        .cell:nth-child(334) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -563ms;
        }

        .cell:nth-child(337) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1867ms;
        }

        .cell:nth-child(339) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -317ms;
        }

        .cell:nth-child(340) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1062ms;
        }

        .cell:nth-child(341) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2222ms;
        }

        .cell:nth-child(342) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2970ms;
        }

        .cell:nth-child(343) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -412ms;
        }

        .cell:nth-child(348) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1792ms;
        }

        .cell:nth-child(349) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1878ms;
        }

        .cell:nth-child(350) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -503ms;
        }

        .cell:nth-child(351) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1284ms;
        }

        .cell:nth-child(352) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -32ms;
        }

        .cell:nth-child(387) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2577ms;
        }

        .cell:nth-child(388) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1630ms;
        }

        .cell:nth-child(389) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2371ms;
        }

        .cell:nth-child(390) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -340ms;
        }

        .cell:nth-child(391) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3937ms;
        }

        .cell:nth-child(392) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -189ms;
        }

        .cell:nth-child(393) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -466ms;
        }

        .cell:nth-child(394) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2761ms;
        }

        .cell:nth-child(395) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3304ms;
        }

        .cell:nth-child(396) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3506ms;
        }

        .cell:nth-child(397) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3271ms;
        }

        .cell:nth-child(398) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -676ms;
        }

        .cell:nth-child(399) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2138ms;
        }

        .cell:nth-child(404) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -938ms;
        }

        .cell:nth-child(405) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3820ms;
        }

        .cell:nth-child(406) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3248ms;
        }

        .cell:nth-child(407) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1740ms;
        }

        .cell:nth-child(441) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -973ms;
        }

        .cell:nth-child(442) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1346ms;
        }

        .cell:nth-child(443) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1349ms;
        }

        .cell:nth-child(444) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3381ms;
        }

        .cell:nth-child(445) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1841ms;
        }

        .cell:nth-child(446) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1391ms;
        }

        .cell:nth-child(447) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2382ms;
        }

        .cell:nth-child(448) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1125ms;
        }

        .cell:nth-child(449) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1525ms;
        }

        .cell:nth-child(450) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1067ms;
        }

        .cell:nth-child(451) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3518ms;
        }

        .cell:nth-child(452) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2391ms;
        }

        .cell:nth-child(453) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2742ms;
        }

        .cell:nth-child(454) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1933ms;
        }

        .cell:nth-child(455) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1815ms;
        }

        .cell:nth-child(459) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2010ms;
        }

        .cell:nth-child(460) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3635ms;
        }

        .cell:nth-child(497) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -88ms;
        }

        .cell:nth-child(498) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1124ms;
        }

        .cell:nth-child(499) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3013ms;
        }

        .cell:nth-child(500) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1732ms;
        }

        .cell:nth-child(501) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -712ms;
        }

        .cell:nth-child(502) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1886ms;
        }

        .cell:nth-child(503) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -78ms;
        }

        .cell:nth-child(504) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1406ms;
        }

        .cell:nth-child(505) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3421ms;
        }

        .cell:nth-child(506) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1221ms;
        }

        .cell:nth-child(507) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1954ms;
        }

        .cell:nth-child(509) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3732ms;
        }

        .cell:nth-child(510) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -715ms;
        }

        .cell:nth-child(511) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -515ms;
        }

        .cell:nth-child(514) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3754ms;
        }

        .cell:nth-child(552) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1765ms;
        }

        .cell:nth-child(553) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -989ms;
        }

        .cell:nth-child(554) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2708ms;
        }

        .cell:nth-child(555) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1015ms;
        }

        .cell:nth-child(556) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1427ms;
        }

        .cell:nth-child(557) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2296ms;
        }

        .cell:nth-child(558) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3141ms;
        }

        .cell:nth-child(559) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2415ms;
        }

        .cell:nth-child(560) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1347ms;
        }

        .cell:nth-child(561) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1101ms;
        }

        .cell:nth-child(562) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2850ms;
        }

        .cell:nth-child(564) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1577ms;
        }

        .cell:nth-child(565) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -537ms;
        }

        .cell:nth-child(566) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2654ms;
        }

        .cell:nth-child(607) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1433ms;
        }

        .cell:nth-child(610) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2012ms;
        }

        .cell:nth-child(611) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1395ms;
        }

        .cell:nth-child(612) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2523ms;
        }

        .cell:nth-child(613) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -396ms;
        }

        .cell:nth-child(614) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1624ms;
        }

        .cell:nth-child(615) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -353ms;
        }

        .cell:nth-child(616) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3095ms;
        }

        .cell:nth-child(619) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -707ms;
        }

        .cell:nth-child(620) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -341ms;
        }

        .cell:nth-child(621) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2003ms;
        }

        .cell:nth-child(622) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3742ms;
        }

        .cell:nth-child(666) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -988ms;
        }

        .cell:nth-child(667) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1258ms;
        }

        .cell:nth-child(668) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3ms;
        }

        .cell:nth-child(669) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -565ms;
        }

        .cell:nth-child(670) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1294ms;
        }

        .cell:nth-child(671) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1422ms;
        }

        .cell:nth-child(672) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2042ms;
        }

        .cell:nth-child(674) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2813ms;
        }

        .cell:nth-child(675) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1331ms;
        }

        .cell:nth-child(676) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2563ms;
        }

        .cell:nth-child(722) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2975ms;
        }

        .cell:nth-child(723) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1808ms;
        }

        .cell:nth-child(724) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3065ms;
        }

        .cell:nth-child(725) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3131ms;
        }

        .cell:nth-child(726) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3750ms;
        }

        .cell:nth-child(727) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1570ms;
        }

        .cell:nth-child(728) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3901ms;
        }

        .cell:nth-child(729) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -173ms;
        }

        .cell:nth-child(730) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1214ms;
        }

        .cell:nth-child(731) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1085ms;
        }

        .cell:nth-child(778) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3214ms;
        }

        .cell:nth-child(779) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2224ms;
        }

        .cell:nth-child(780) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3539ms;
        }

        .cell:nth-child(781) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2831ms;
        }

        .cell:nth-child(782) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2088ms;
        }

        .cell:nth-child(783) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -268ms;
        }

        .cell:nth-child(784) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3297ms;
        }

        .cell:nth-child(785) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -243ms;
        }

        .cell:nth-child(786) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3023ms;
        }

        .cell:nth-child(834) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3054ms;
        }

        .cell:nth-child(835) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -169ms;
        }

        .cell:nth-child(836) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2120ms;
        }

        .cell:nth-child(837) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2506ms;
        }

        .cell:nth-child(838) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3084ms;
        }

        .cell:nth-child(839) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3430ms;
        }

        .cell:nth-child(889) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3922ms;
        }

        .cell:nth-child(890) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3030ms;
        }

        .cell:nth-child(891) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3145ms;
        }

        .cell:nth-child(892) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1436ms;
        }

        .cell:nth-child(893) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -788ms;
        }

        .cell:nth-child(894) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3305ms;
        }

        .cell:nth-child(944) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3528ms;
        }

        .cell:nth-child(945) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -3338ms;
        }

        .cell:nth-child(946) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -2909ms;
        }

        .cell:nth-child(947) {
            background-color: #222;
            font-size: 0.5em;
            border-radius: 50%;
            animation: north-america 4s linear infinite;
            animation-delay: -1330ms;
        }

        .cell:nth-child(9.........完整代码请登录后点击上方下载按钮下载查看