| | |
| | | .myStep { |
| | | &-item { |
| | | position: relative; |
| | | padding-bottom: 32px; |
| | | padding-bottom: 34px; |
| | | |
| | | &-success { |
| | | background-color: @main-color; |
| | |
| | | border-color: #bfbfbf; |
| | | } |
| | | } |
| | | |
| | | &-success1 { |
| | | background-color: @main-color; |
| | | |
| | |
| | | } |
| | | |
| | | &-noStarted1 { |
| | | background-color: rgba(185,99,211,1); |
| | | background-color: rgba(185, 99, 211, 1); |
| | | |
| | | &::after { |
| | | border-color: rgba(185,99,211,1); |
| | | border-color: rgba(185, 99, 211, 1); |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | &-divider { |
| | | position: absolute; |
| | | top: 0; |
| | | top: 56px;//52+4 |
| | | left: 24px; |
| | | width: 3px; |
| | | height: 32px+52px; |
| | | padding-top: 22px; |
| | | width: 2px; |
| | | bottom: 4px; |
| | | |
| | | &::after { |
| | | content: ''; |
| | | display: inline-block; |
| | | height: 32px+52px; |
| | | height: 100%; |
| | | border-left: 2px solid; |
| | | border-color: @divider-color; |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | &-divider2 { |
| | | &-divider2 { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 24px; |
| | |
| | | margin-top: 4px; |
| | | display: flex; |
| | | align-items: flex-start; |
| | | |
| | | &-flex { |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | align-items: center; |
| | | margin-top: 8px; |
| | | |
| | | &-title { |
| | | font-size: 12px; |
| | | line-height: 20px; |
| | | color: @text-color-secondary; |
| | | } |
| | | } |
| | | |
| | | &-yy { |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | border-radius: 5px; |
| | | padding: 4px 8px; |
| | | color: rgba(0, 0, 0, 0.5); |
| | | |
| | | &-l { |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .tabBtn { |
| | | display: flex; |
| | | margin-bottom: 12px; |
| | | |
| | | &-btn { |
| | | height: 32px; |
| | | background: #ffffff; |
| | | border: 1px solid #e5e6eb; |
| | | border-radius: 4px; |
| | | color: #e5e6eb; |
| | | padding: 3px 8px 4px 8px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | &-active { |
| | | color: #1a6fb8; |
| | | border-color: #1a6fb8; |
| | | } |
| | | |
| | | &-unit { |
| | | height: 32px; |
| | | border-radius: 21px; |
| | | color: #1D2129; |
| | | padding: 3px 12px 4px 12px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | &-unitActive { |
| | | background: #f3f2f7; |
| | | color: #1a6fb8; |
| | | } |
| | | } |