| | |
| | | margin-right: 12px; |
| | | } |
| | | |
| | | &-edit { |
| | | position: absolute; |
| | | right: 25px; |
| | | top: 45px; |
| | | width: 18px; |
| | | } |
| | | |
| | | &-remark { |
| | | border: 1px solid #FFD591; |
| | | padding: 0px 8px; |
| | |
| | | height: 8px; |
| | | background-color: #F2F3F5; |
| | | margin: 16px -18px 0px -16px; |
| | | } |
| | | |
| | | .reviewProgress { |
| | | .reviewCircle { |
| | | width: 14px; |
| | | height: 14px; |
| | | border: 2px solid #3491fa; |
| | | border-radius: 50%; |
| | | margin-top: 4px; |
| | | } |
| | | |
| | | .reviewLine { |
| | | height: calc(100% - 19px); |
| | | width: 14px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | |
| | | &::before { |
| | | content: ''; |
| | | height: 100%; |
| | | width: 1px; |
| | | background-color: #e5e6eb; |
| | | position: absolute; |
| | | left: 50%; |
| | | transform: translateX(-50%); |
| | | } |
| | | } |
| | | |
| | | .deepTitle { |
| | | font-size: 14px; |
| | | font-family: PingFang SC, PingFang SC-400; |
| | | font-weight: 400; |
| | | text-align: LEFT; |
| | | color: #1d2129; |
| | | line-height: 22px; |
| | | } |
| | | |
| | | .shallowTitle { |
| | | font-size: 14px; |
| | | font-family: PingFang SC, PingFang SC-400; |
| | | font-weight: 400; |
| | | text-align: LEFT; |
| | | color: #86909c; |
| | | line-height: 22px; |
| | | } |
| | | } |
| | | |
| | | .Supervising { |
| | | background: #ffffff; |
| | | border: 1px solid #e5e6eb; |
| | | border-radius: 8px; |
| | | margin: 12px 16px 0px 16px; |
| | | padding: 12px 16px; |
| | | |
| | | &-item { |
| | | display: flex; |
| | | margin-bottom: 4px; |
| | | |
| | | &-title { |
| | | color: #86909C; |
| | | } |
| | | |
| | | } |
| | | |
| | | &-btn { |
| | | margin-top: 12px; |
| | | color: rgb(26, 111, 184); |
| | | border: 1px solid rgb(26, 111, 184); |
| | | background-color: rgb(255, 255, 255); |
| | | } |
| | | |
| | | } |