.screen-2__point:before和after的定位

.screen-2__point:after{

    content: ' ';

    display: block;

    width: 20px;

    height: 20px;

    position: absolute;

    /*top:2px;

    left:0px;*/

    background-color: rgba(255,0,0,0.4);

    animation: bounce 2s infinite;

    border-radius: 50%;

}

这是我把top和left去掉之后的after的位置，.screen-2__point的after元素应该是相对于  .screen-2__point（也就是它本身）来定位的吧？