12345678 |
- .scroll{width:100%;white-space:nowrap;text-align:center; height: 280rpx; background:linear-gradient(to bottom, #ffffff 250rpx, #ffffff 250rpx, transparent 250rpx, transparent 250rpx) no-repeat;}
- .personCol{width:160rpx;display:inline-block;text-align:center;margin:0 10rpx;position:relative;}
- .header{display:block;width:136rpx;height:136rpx;border-radius:50%;margin:0 auto;}
- .name{width:100%;text-align:center;font-size:26rpx;margin-top:16rpx;}
- .current .header{width:166rpx;height:166rpx;}
- .current .name{font-size:30rpx; color: #333;}
- .current::after{content: ''; transform: rotate(-45deg) translateX(-50%); font-size: 24rpx;border-left: 2rpx solid #ee3a43; border-bottom: 2rpx solid #ee3a43; width: 15rpx; height: 15rpx; position: absolute; bottom: -30rpx; left: 50%; z-index: 2;}
- .current::before{content:''; background: #fff; border-radius: 100%; width: 50rpx; height: 50rpx; position: absolute; bottom: -50rpx; left: 50%; transform: translateX(-50%); z-index:1;}
|