::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .alphabet-list .section-item .section-item-header { display: flex; align-items: center; font-size: 30rpx; color: #a8a8a8; background-color:#f1f1f1; padding: 15rpx 35rpx; } .alphabet-list .section-item .section-item-cells { padding-left: 35rpx; background: #fff; } .alphabet-list .section-item .section-item-cells .section-item-cell{ font-size: 28rpx; line-height: 1.0; color: #333333; padding: 20rpx 0; display: flex; align-items: center; } .alphabet-list .section-item .section-item-cells .section-item-cell text{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .border-bottom { position: relative; border:none; } .border-bottom:after{ content: ''; position: absolute; bottom: 0; background: rgb(237, 237, 237); width: 100%; height: 1px; right: 0; transform: scaleY(0.5); transform-origin: 0 0; } .alphanet-selector { position: absolute; top: 50%; right: 20rpx; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; z-index: 100; box-sizing: border-box; } .bg{background-color: rgba(0,0,0, 0.2); color: #fff; border-radius: 10rpx;} .alphanet-selector .selector-one { font-size:28rpx; text-align: center; width: 48rpx; height: 48rpx; } .alphanet-selector .active{color: #ee3a43} .show-alpha{ width: 150rpx; height: 150rpx; background-color: rgba(0,0,0, 0.4); font-size: 50px; color: #fff; text-align: center; line-height: 150rpx; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 20rpx; } .icon-address{font-size: 40rpx; vertical-align: middle; margin-right: 10rpx;}