#before_after_img{ text-align:center; }
#before_after_img dl {position:relative; background:#FAFAFA; padding-bottom:5rem;}
#before_after_img dl:before{position:absolute; top:50%; left:50%; width:2em; height:2em; margin-top:-1em; margin-left:-1em; line-height:2em;  background:var(--primary); border-radius:50%; content:"\ee60c"; font-size:2em; color:#FFF; font-family:'iconfont'; z-index:2;}
#before_after_img dt{width:50%; }
#before_after_img dd{width:50%; }
#before_after_img dl img{width:100%; height: 100%; object-fit: cover;}
#before_after_img dl h6{font-size:1.1em; color:#FFF;  line-height:5rem; position:absolute; left:0; bottom:-5rem; right:0;}
#before_after_img dl dt h6{background:#444}
#before_after_img dl dd h6{background:var(--primary)}

#bo_v_title{text-align: center; text-align: center; margin-top: 1em; font-size: 2em;}



 
@media (max-width:750px){
#before_after_img dl:before{ font-size:1em;}
#bo_v_title{ font-size: 1.5em; }
#before_after_img dl h6{font-size:1em; line-height:4rem; bottom:-4rem; }
#before_after_img dl:before{margin-top:-2.5em;  }

}