left: 0.8rem; | left: 0.8rem; | ||||
} | } | ||||
.click1{ | .click1{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 3.45rem; | top: 3.45rem; | ||||
left: 1.6rem; | |||||
left: 1.55rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
.click2{ | .click2{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 7.35rem; | top: 7.35rem; | ||||
left: 1.6rem; | |||||
left: 1.55rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
@keyframes dotTwinkle { | @keyframes dotTwinkle { |
right: 0.6rem; | right: 0.6rem; | ||||
} | } | ||||
.click1{ | .click1{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 3.2rem; | |||||
left: 2rem; | |||||
top: 3.15rem; | |||||
left: 1.95rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
.click2{ | .click2{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 2.3rem; | |||||
right: 1.3rem; | |||||
top: 2.25rem; | |||||
right: 1.25rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
@keyframes dotTwinkle { | @keyframes dotTwinkle { |
right: 2.5rem; | right: 2.5rem; | ||||
} | } | ||||
.click1{ | .click1{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 1.6rem; | |||||
left: 5.8rem; | |||||
top: 1.5rem; | |||||
left: 5.75rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
.click2{ | .click2{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 4rem; | top: 4rem; | ||||
right: 4.45rem; | right: 4.45rem; | ||||
100%{opacity:0.2} | 100%{opacity:0.2} | ||||
} | } | ||||
.click3{ | .click3{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 4.5rem; | |||||
right: 2.9rem; | |||||
top: 4.55rem; | |||||
right: 2.8rem; | |||||
} | } | ||||
.mask1_1{ | .mask1_1{ | ||||
width: 100%; | width: 100%; |
right: 1.4rem; | right: 1.4rem; | ||||
} | } | ||||
.click1{ | .click1{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 1.15rem; | |||||
left: 4.55rem; | |||||
top: 1rem; | |||||
left: 4.5rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
.click2{ | .click2{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 6rem; | |||||
right: 1.4rem; | |||||
top: 5.95rem; | |||||
right: 1.35rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
@keyframes dotTwinkle { | @keyframes dotTwinkle { |
} | } | ||||
.click1{ | .click1{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 3.3rem; | |||||
left: 4.05rem; | |||||
top: 3.2rem; | |||||
left: 4rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
right: 0.4rem; | right: 0.4rem; | ||||
} | } | ||||
.click1{ | .click1{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 1.2rem; | |||||
left: 6.3rem; | |||||
top: 1rem; | |||||
left: 6.15rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
.click2{ | .click2{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 4.7rem; | top: 4.7rem; | ||||
left: 1rem; | |||||
left: 0.95rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
.click3{ | .click3{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 4.7rem; | |||||
right: 0.4rem; | |||||
top: 4.8rem; | |||||
right: 0.35rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
@keyframes dotTwinkle { | @keyframes dotTwinkle { |
right: 1.9rem; | right: 1.9rem; | ||||
} | } | ||||
.click1{ | .click1{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 1rem; | |||||
top: 0.9rem; | |||||
left: 1.5rem; | left: 1.5rem; | ||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
.click2{ | .click2{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 2.8rem; | |||||
top: 2.7rem; | |||||
right: 1.1rem; | right: 1.1rem; | ||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
.click3{ | .click3{ | ||||
width: 0.29rem; | |||||
height: 0.29rem; | |||||
width: 0.37rem; | |||||
height: 0.37rem; | |||||
position: absolute; | position: absolute; | ||||
top: 5.6rem; | |||||
right: 2.1rem; | |||||
top: 5.5rem; | |||||
right: 2rem; | |||||
animation: dotTwinkle 3s linear infinite; | animation: dotTwinkle 3s linear infinite; | ||||
} | } | ||||
@keyframes dotTwinkle { | @keyframes dotTwinkle { |