system.wxss 994 B

123456789
  1. .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; padding-top: 20rpx;}
  2. .personCol{width:160rpx;display:inline-block;text-align:center;margin:0 10rpx;position:relative;}
  3. .header{display:block;width:120rpx;height:120rpx;border-radius:24rpx;margin:0 auto;}
  4. .name{width:100%;text-align:center;font-size:26rpx;margin-top:16rpx;}
  5. .current .header{width:140rpx;height:140rpx;}
  6. .current .name{font-size:30rpx; color: #ee3a43}
  7. .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;}
  8. .current::before{content:''; background: #fff; border-radius: 100%; width: 50rpx; height: 50rpx; position: absolute; bottom: -50rpx; left: 50%; transform: translateX(-50%); z-index:1;}