.cover{width:215px;height:215px;float:right;border-radius:50%;box-shadow:0px 0px 0px 55px #fff;overflow:hidden}.main-bx{width:220px;height:220px;position:relative;display:inline-block;margin:0 40px 0 0}.dot{width:11px;height:11px;background-color:#e6e7e8;border-radius:100%;position:absolute;left:0;top:0;transition:all ease 600ms;transform-origin:center center}.main-bx .dot:nth-child(2){transform:translate(16px,0)}.main-bx .dot:nth-child(3){transform:translate(32px,0)}.main-bx .dot:nth-child(4){transform:translate(48px,0)}.main-bx .dot:nth-child(5){transform:translate(64px,0)}.main-bx .dot:nth-child(6){transform:translate(80px,0)}.main-bx .dot:nth-child(7){transform:translate(96px,0)}.main-bx .dot:nth-child(8){transform:translate(112px,0)}.main-bx .dot:nth-child(9){transform:translate(128px,0)}.main-bx .dot:nth-child(10){transform:translate(144px,0)}.main-bx .dot:nth-child(11){transform:translate(160px,0)}.main-bx .dot:nth-child(12){transform:translate(176px,0)}.main-bx .dot:nth-child(13){transform:translate(192px,0)}.main-bx .dot:nth-child(14){transform:translate(208px,0)}.main-bx .dot:nth-child(16){transform:translate(0,16px)}.main-bx .dot:nth-child(17){transform:translate(16px,16px)}.main-bx .dot:nth-child(18){transform:translate(32px,16px)}.main-bx .dot:nth-child(19){transform:translate(48px,16px)}.main-bx .dot:nth-child(20){transform:translate(64px,16px)}.main-bx .dot:nth-child(21){transform:translate(80px,16px)}.main-bx .dot:nth-child(22){transform:translate(96px,16px)}.main-bx .dot:nth-child(23){transform:translate(112px,16px)}.main-bx .dot:nth-child(24){transform:translate(128px,16px)}.main-bx .dot:nth-child(25){transform:translate(144px,16px)}.main-bx .dot:nth-child(26){transform:translate(160px,16px)}.main-bx .dot:nth-child(27){transform:translate(176px,16px)}.main-bx .dot:nth-child(28){transform:translate(192px,16px)}.main-bx .dot:nth-child(29){transform:translate(208px,16px)}.main-bx .dot:nth-child(30){transform:translate(0,32px)}.main-bx .dot:nth-child(31){transform:translate(16px,32px)}.main-bx .dot:nth-child(32){transform:translate(32px,32px)}.main-bx .dot:nth-child(33){transform:translate(48px,32px)}.main-bx .dot:nth-child(34){transform:translate(64px,32px)}.main-bx .dot:nth-child(35){transform:translate(80px,32px)}.main-bx .dot:nth-child(36){transform:translate(96px,32px)}.main-bx .dot:nth-child(37){transform:translate(112px,32px)}.main-bx .dot:nth-child(38){transform:translate(128px,32px)}.main-bx .dot:nth-child(39){transform:translate(144px,32px)}.main-bx .dot:nth-child(40){transform:translate(160px,32px)}.main-bx .dot:nth-child(41){transform:translate(176px,32px)}.main-bx .dot:nth-child(42){transform:translate(192px,32px)}.main-bx .dot:nth-child(43){transform:translate(208px,32px)}.main-bx .dot:nth-child(44){transform:translate(0,48px)}.main-bx .dot:nth-child(45){transform:translate(16px,48px)}.main-bx .dot:nth-child(46){transform:translate(32px,48px)}.main-bx .dot:nth-child(47){transform:translate(48px,48px)}.main-bx .dot:nth-child(48){transform:translate(64px,48px)}.main-bx .dot:nth-child(49){transform:translate(80px,48px)}.main-bx .dot:nth-child(50){transform:translate(96px,48px)}.main-bx .dot:nth-child(51){transform:translate(112px,48px)}.main-bx .dot:nth-child(52){transform:translate(128px,48px)}.main-bx .dot:nth-child(53){transform:translate(144px,48px)}.main-bx .dot:nth-child(54){transform:translate(160px,48px)}.main-bx .dot:nth-child(55){transform:translate(176px,48px)}.main-bx .dot:nth-child(56){transform:translate(192px,48px)}.main-bx .dot:nth-child(57){transform:translate(208px,48px)}.main-bx .dot:nth-child(58){transform:translate(0,64px)}.main-bx .dot:nth-child(59){transform:translate(16px,64px)}.main-bx .dot:nth-child(60){transform:translate(32px,64px)}.main-bx .dot:nth-child(61){transform:translate(48px,64px)}.main-bx .dot:nth-child(62){transform:translate(64px,64px)}.main-bx .dot:nth-child(63){transform:translate(80px,64px)}.main-bx .dot:nth-child(64){transform:translate(96px,64px)}.main-bx .dot:nth-child(65){transform:translate(112px,64px)}.main-bx .dot:nth-child(66){transform:translate(128px,64px)}.main-bx .dot:nth-child(67){transform:translate(144px,64px)}.main-bx .dot:nth-child(68){transform:translate(160px,64px)}.main-bx .dot:nth-child(69){transform:translate(176px,64px)}.main-bx .dot:nth-child(70){transform:translate(192px,64px)}.main-bx .dot:nth-child(71){transform:translate(208px,64px)}.main-bx .dot:nth-child(72){transform:translate(0,80px)}.main-bx .dot:nth-child(73){transform:translate(16px,80px)}.main-bx .dot:nth-child(74){transform:translate(32px,80px)}.main-bx .dot:nth-child(75){transform:translate(48px,80px)}.main-bx .dot:nth-child(76){transform:translate(64px,80px)}.main-bx .dot:nth-child(77){transform:translate(80px,80px)}.main-bx .dot:nth-child(78){transform:translate(96px,80px)}.main-bx .dot:nth-child(79){transform:translate(112px,80px)}.main-bx .dot:nth-child(80){transform:translate(128px,80px)}.main-bx .dot:nth-child(81){transform:translate(144px,80px)}.main-bx .dot:nth-child(82){transform:translate(160px,80px)}.main-bx .dot:nth-child(83){transform:translate(176px,80px)}.main-bx .dot:nth-child(84){transform:translate(192px,80px)}.main-bx .dot:nth-child(85){transform:translate(208px,80px)}.main-bx .dot:nth-child(86){transform:translate(0,96px)}.main-bx .dot:nth-child(87){transform:translate(16px,96px)}.main-bx .dot:nth-child(88){transform:translate(32px,96px)}.main-bx .dot:nth-child(89){transform:translate(48px,96px)}.main-bx .dot:nth-child(90){transform:translate(64px,96px)}.main-bx .dot:nth-child(91){transform:translate(80px,96px)}.main-bx .dot:nth-child(92){transform:translate(96px,96px)}.main-bx .dot:nth-child(93){transform:translate(112px,96px)}.main-bx .dot:nth-child(94){transform:translate(128px,96px)}.main-bx .dot:nth-child(95){transform:translate(144px,96px)}.main-bx .dot:nth-child(96){transform:translate(160px,96px)}.main-bx .dot:nth-child(97){transform:translate(176px,96px)}.main-bx .dot:nth-child(98){transform:translate(192px,96px)}.main-bx .dot:nth-child(99){transform:translate(208px,96px)}.main-bx .dot:nth-child(100){transform:translate(0,112px)}.main-bx .dot:nth-child(101){transform:translate(16px,112px)}.main-bx .dot:nth-child(102){transform:translate(32px,112px)}.main-bx .dot:nth-child(103){transform:translate(48px,112px)}.main-bx .dot:nth-child(104){transform:translate(64px,112px)}.main-bx .dot:nth-child(105){transform:translate(80px,112px)}.main-bx .dot:nth-child(106){transform:translate(96px,112px)}.main-bx .dot:nth-child(107){transform:translate(112px,112px)}.main-bx .dot:nth-child(108){transform:translate(128px,112px)}.main-bx .dot:nth-child(109){transform:translate(144px,112px)}.main-bx .dot:nth-child(110){transform:translate(160px,112px)}.main-bx .dot:nth-child(111){transform:translate(176px,112px)}.main-bx .dot:nth-child(112){transform:translate(192px,112px)}.main-bx .dot:nth-child(113){transform:translate(208px,112px)}.main-bx .dot:nth-child(114){transform:translate(0,128px)}.main-bx .dot:nth-child(115){transform:translate(16px,128px)}.main-bx .dot:nth-child(116){transform:translate(32px,128px)}.main-bx .dot:nth-child(117){transform:translate(48px,128px)}.main-bx .dot:nth-child(118){transform:translate(64px,128px)}.main-bx .dot:nth-child(119){transform:translate(80px,128px)}.main-bx .dot:nth-child(120){transform:translate(96px,128px)}.main-bx .dot:nth-child(121){transform:translate(112px,128px)}.main-bx .dot:nth-child(122){transform:translate(128px,128px)}.main-bx .dot:nth-child(123){transform:translate(144px,128px)}.main-bx .dot:nth-child(124){transform:translate(160px,128px)}.main-bx .dot:nth-child(125){transform:translate(176px,128px)}.main-bx .dot:nth-child(126){transform:translate(192px,128px)}.main-bx .dot:nth-child(127){transform:translate(208px,128px)}.main-bx .dot:nth-child(128){transform:translate(0,144px)}.main-bx .dot:nth-child(129){transform:translate(16px,144px)}.main-bx .dot:nth-child(130){transform:translate(32px,144px)}.main-bx .dot:nth-child(131){transform:translate(48px,144px)}.main-bx .dot:nth-child(132){transform:translate(64px,144px)}.main-bx .dot:nth-child(133){transform:translate(80px,144px)}.main-bx .dot:nth-child(134){transform:translate(96px,144px)}.main-bx .dot:nth-child(135){transform:translate(112px,144px)}.main-bx .dot:nth-child(136){transform:translate(128px,144px)}.main-bx .dot:nth-child(137){transform:translate(144px,144px)}.main-bx .dot:nth-child(138){transform:translate(160px,144px)}.main-bx .dot:nth-child(139){transform:translate(176px,144px)}.main-bx .dot:nth-child(140){transform:translate(192px,144px)}.main-bx .dot:nth-child(141){transform:translate(208px,144px)}.main-bx .dot:nth-child(142){transform:translate(0,160px)}.main-bx .dot:nth-child(143){transform:translate(16px,160px)}.main-bx .dot:nth-child(144){transform:translate(32px,160px)}.main-bx .dot:nth-child(145){transform:translate(48px,160px)}.main-bx .dot:nth-child(146){transform:translate(64px,160px)}.main-bx .dot:nth-child(147){transform:translate(80px,160px)}.main-bx .dot:nth-child(148){transform:translate(96px,160px)}.main-bx .dot:nth-child(149){transform:translate(112px,160px)}.main-bx .dot:nth-child(150){transform:translate(128px,160px)}.main-bx .dot:nth-child(151){transform:translate(144px,160px)}.main-bx .dot:nth-child(152){transform:translate(160px,160px)}.main-bx .dot:nth-child(153){transform:translate(176px,160px)}.main-bx .dot:nth-child(154){transform:translate(192px,160px)}.main-bx .dot:nth-child(155){transform:translate(208px,160px)}.main-bx .dot:nth-child(156){transform:translate(0,176px)}.main-bx .dot:nth-child(157){transform:translate(16px,176px)}.main-bx .dot:nth-child(158){transform:translate(32px,176px)}.main-bx .dot:nth-child(159){transform:translate(48px,176px)}.main-bx .dot:nth-child(160){transform:translate(64px,176px)}.main-bx .dot:nth-child(161){transform:translate(80px,176px)}.main-bx .dot:nth-child(162){transform:translate(96px,176px)}.main-bx .dot:nth-child(163){transform:translate(112px,176px)}.main-bx .dot:nth-child(164){transform:translate(128px,176px)}.main-bx .dot:nth-child(165){transform:translate(144px,176px)}.main-bx .dot:nth-child(166){transform:translate(160px,176px)}.main-bx .dot:nth-child(167){transform:translate(176px,176px)}.main-bx .dot:nth-child(168){transform:translate(192px,176px)}.main-bx .dot:nth-child(169){transform:translate(208px,176px)}.main-bx .dot:nth-child(170){transform:translate(0,192px)}.main-bx .dot:nth-child(171){transform:translate(16px,192px)}.main-bx .dot:nth-child(172){transform:translate(32px,192px)}.main-bx .dot:nth-child(173){transform:translate(48px,192px)}.main-bx .dot:nth-child(174){transform:translate(64px,192px)}.main-bx .dot:nth-child(175){transform:translate(80px,192px)}.main-bx .dot:nth-child(176){transform:translate(96px,192px)}.main-bx .dot:nth-child(177){transform:translate(112px,192px)}.main-bx .dot:nth-child(178){transform:translate(128px,192px)}.main-bx .dot:nth-child(179){transform:translate(144px,192px)}.main-bx .dot:nth-child(180){transform:translate(160px,192px)}.main-bx .dot:nth-child(181){transform:translate(176px,192px)}.main-bx .dot:nth-child(182){transform:translate(192px,192px)}.main-bx .dot:nth-child(183){transform:translate(208px,192px)}.main-bx .dot:nth-child(184){transform:translate(0,208px)}.main-bx .dot:nth-child(185){transform:translate(16px,208px)}.main-bx .dot:nth-child(186){transform:translate(32px,208px)}.main-bx .dot:nth-child(187){transform:translate(48px,208px)}.main-bx .dot:nth-child(188){transform:translate(64px,208px)}.main-bx .dot:nth-child(189){transform:translate(80px,208px)}.main-bx .dot:nth-child(190){transform:translate(96px,208px)}.main-bx .dot:nth-child(191){transform:translate(112px,208px)}.main-bx .dot:nth-child(192){transform:translate(128px,208px)}.main-bx .dot:nth-child(193){transform:translate(144px,208px)}.main-bx .dot:nth-child(194){transform:translate(160px,208px)}.main-bx .dot:nth-child(195){transform:translate(176px,208px)}.main-bx .dot:nth-child(196){transform:translate(192px,208px)}.main-bx .dot:nth-child(197){transform:translate(208px,208px)}.main-bx .dot:nth-child(198){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(199){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(200){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(201){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(202){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(203){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(204){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(205){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(206){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx .dot:nth-child(207){transform:translate(96px,96px);background-color:#0069dc;opacity:0}.main-bx.bx-1.anim .dot:nth-child(198){transition-delay:200ms;transform:translate(96px,96px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(199){transition-delay:500ms;transform:translate(48px,112px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(200){transition-delay:800ms;transform:translate(0px,80px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(201){transition-delay:1100ms;transform:translate(64px,64px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(202){transition-delay:1400ms;transform:translate(80px,112px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(203){transition-delay:1700ms;transform:translate(48px,160px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(204){transition-delay:2000ms;transform:translate(96px,32px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(205){transition-delay:2300ms;transform:translate(160px,80px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(206){transition-delay:2600ms;transform:translate(144px,144px);opacity:1}.main-bx.bx-1.anim .dot:nth-child(207){transition-delay:2900ms;transform:translate(192px,128px);opacity:1}