.kh_personCenter_header{ width:100%; height:300px; background: rgba(50,134,238,1); position:relative; } .bigCircle{ width: 15.4rem; height:15.4rem; background:rgba(255,255,255,0.07); border-radius:100%; box-shadow:-0.2rem 0.2rem 0.4rem 0rem rgba(2,74,164,0.02); position:absolute; top:-15%; right:-5%; z-index:1; } .bigCircle::after{ content:''; display: block; width: 12.4rem; height: 12.4rem; border-radius: 100%; background-color: rgba(255,255,255,0.07); box-shadow:-0.2rem 0.2rem 0.4rem 0rem rgba(2,74,164,0.02); position: absolute; top: 1.5rem; left: 1.5rem; } .person_tx{ width:6rem; height:6rem; background:rgba(255,255,255,0.15); border-radius:100%; top:4.7rem; left:4.7rem; position:relative; z-index:2; } .person_tx:before{ content:''; display:block; width:9rem; height:9rem; background:rgba(255,255,255,0.15); border-radius:100%; position:absolute; z-index:0; top:-1.5rem; left:-1.5rem; }