| | |
| | | display: grid; |
| | | grid-template-columns: 1fr 1fr 1fr; |
| | | grid-gap: 22rpx; |
| | | padding: 0 32rpx; |
| | | image{ |
| | | width: 100%; |
| | | height: 220rpx; |
| | |
| | | } |
| | | .view-step{ |
| | | padding: 0 24rpx; |
| | | |
| | | .step-content{ |
| | | position: relative; |
| | | padding-left: 64rpx; |
| | | &::after{ |
| | | |
| | | height: 100rpx; |
| | | padding-bottom: 64rpx; |
| | | &::before{ |
| | | content: ''; |
| | | display: block; |
| | | height: 100%; |
| | | width: 4rpx; |
| | | background-color: #E7F8F0; |
| | | position: absolute; |
| | | left: 19rpx; |
| | | } |
| | | .icon{ |
| | | position: absolute; |
| | |
| | | align-items: center; |
| | | .time{ |
| | | margin-left: 32rpx; |
| | | width: 58%; |
| | | } |
| | | .submit-per{ |
| | | width: 42%; |
| | | } |
| | | text{ |
| | | color: #4A4E60; |
| | |
| | | |
| | | } |
| | | } |
| | | .none{ |
| | | &::before{ |
| | | display: none; |
| | | } |
| | | padding-bottom: 0; |
| | | } |
| | | |
| | | } |
| | | } |