灯笼闪烁偏移了？

Question

#page1 > .p1_lantern{ position: absolute; top: -3.4%; right: 0; left: 0; margin: auto; background: url("images/p1_lantern.png") no-repeat center bottom; background-size: 100%; width: 45vw; height: 71.2vh; font-size: 3.506rem; padding-top: 31vh; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #page1 > .p1_lantern:before { position: absolute; top: 0; right: 0: left:0; bottom: 0; z-index: -1; content:" "; margin: auto; width: 30vw;height: 30vw;background: #d60b3b; opacity: 0.5; -webkit-box-shadow: 0 0 10vw 10vw #d60b3b;    -moz-box-shadow: 0 0 10vw 10vw #d60b3b; -ms-box-shadow: 0 0 10vw 10vw #d60b3b;  -o-box-shadow: 0 0 10vw 10vw #d60b3b;      box-shadow: 0 0 10vw 10vw #d60b3b;    border-radius: 50%; -webkit-animation:p1_lantern .5s infinite alternate; animation:p1_lantern .5s infinite alternate; }

Answer 1

我的也偏移了，不过是往下偏移，何解？

Answer 2

可以调整一下#page1 > .p1_lantern:before的left值