.bly { margin: 0 0.34rem; aspect-ratio: 682/338; /* max-height: 6.97rem; */ padding-top: 1.5rem; } .bly .ba-slider .handle:after { position: absolute; top: 50%; /* 1. 缩小宽高:从48px改为32px(可根据需求再调,比如28px/30px) */ width: 0.32rem; height: 0.32rem; /* 2. 同步调整margin:宽高的一半,保证居中(48px对应-24px,32px对应-16px) */ margin: -0.16rem 0 0 -0.16rem; content: ''; display: flex; align-items: center; justify-content: center; background: #fff url('https://dev.ow.f2b211.com/static/index/pc/images/ba-arrow.png') /* 3. 缩小背景箭头:从22px改为16px(匹配整体尺寸) */ center center / 0.16rem 0.16rem no-repeat; border: 1px solid #fff; border-radius: 50%; transition: all 0.3s ease; transform: scale(1); z-index: 5; box-shadow: none; } .bly .ba-slider .handle.ba-draggable:after { transform: scale(0.8); } .bly-t { font-size: 0.48rem; color: #fff; text-align: center; width: 100%; } .bly-p { font-size: 0.20rem; color: #cbcfd8; text-align: center; width: 100%; padding-top: 0.37rem; padding-bottom: 0.56rem; font-family: 'HarmonyOS-Light'; line-height: 1.5; }