| 12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- page{background-color: #F5F5F5;}
- .offline-content{min-height: 500rpx;box-sizing: border-box;padding: 32rpx 24rpx;margin: 32rpx 40rpx;background-color: #fff;box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.04);border-radius: 16rpx;}
- .step-wrap{padding: 43rpx 86rpx 12rpx 74rpx;margin-bottom: 12rpx;display: flex;}
- .step-item{position: relative;flex: 1;height: 2rpx}
- .step-item::before{content: '';width: 16rpx;height: 16rpx;background-color: #E5E5E5;border-radius: 50%;position: absolute;left: 0;top: -8rpx;}
- .step-item.active::before{background-color: #26D18B;}
- .step-item::after{content: '';position: absolute;height: 1px;left: 22rpx;right: 6rpx;background-color: #E5E5E5;top: 0;}
- .step-wrap .step-item:last-of-type{flex: unset;width: 0;}
- .step-wrap .step-item:last-of-type::after{height: 0;}
- .step-text{margin:0 -30rpx 49rpx;display: flex;justify-content: space-between;}
- .step-text-item{flex: 1;text-align: center;}
- .step-text-item-cn{font-size: 28rpx;color: #333;line-height: 40rpx;}
- .step-text-item-en{font-size: 24rpx;color: #999;line-height: 33rpx;}
- .til{display: flex;align-items: center;font-size: 32rpx;color: #333;line-height: 45rpx;letter-spacing: 2rpx;margin-bottom: 28rpx;}
- .til-img{width: 36rpx;height: 36rpx;margin-right: 10rpx;}
- .con{font-size: 28rpx;color: #333;line-height: 40rpx;}
|
