| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .result-wrapper { |
|---|
| | | margin-top: 32px; |
|---|
| | | |
|---|
| | | .result-content { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | flex-direction: column; |
|---|
| | | padding: 64px 0; |
|---|
| | | background-color: #ffffff; |
|---|
| | | border-radius: 20px; |
|---|
| | | margin-bottom: 32px; |
|---|
| | | |
|---|
| | | .result-content-icon { |
|---|
| | | width: 128px; |
|---|
| | | height: 128px; |
|---|
| | | margin-bottom: 50px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .result-content-title { |
|---|
| | | font-size: 36px; |
|---|
| | | color: boleGetCssVar('text-color', 'primary'); |
|---|
| | | font-weight: 600; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | line-height: 52px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .result-content-remark { |
|---|
| | | font-size: 24px; |
|---|
| | | line-height: 38px; |
|---|
| | | color: boleGetCssVar('text-color', 'regular'); |
|---|
| | | font-weight: 400; |
|---|
| | | text-align: center; |
|---|
| | | padding: 0 100px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .result-order-number { |
|---|
| | | background-color: #ffffff; |
|---|
| | | border-radius: 20px; |
|---|
| | | padding: 24px 32px; |
|---|
| | | display: flex; |
|---|
| | | margin-bottom: 32px; |
|---|
| | | |
|---|
| | | .result-order-number-label { |
|---|
| | | font-size: 26px; |
|---|
| | | color: boleGetCssVar('text-color', 'primary'); |
|---|
| | | font-weight: 400; |
|---|
| | | line-height: 42px; |
|---|
| | | display: inline-flex; |
|---|
| | | align-items: center; |
|---|
| | | |
|---|
| | | &::before { |
|---|
| | | content: ''; |
|---|
| | | display: inline-block; |
|---|
| | | width: 8px; |
|---|
| | | height: 22px; |
|---|
| | | border-radius: 20px; |
|---|
| | | background-color: boleGetCssVar('color', 'primary'); |
|---|
| | | margin-right: 12px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .result-order-number-value { |
|---|
| | | font-size: 26px; |
|---|
| | | color: boleGetCssVar('text-color', 'primary'); |
|---|
| | | font-weight: 400; |
|---|
| | | line-height: 42px; |
|---|
| | | text-align: right; |
|---|
| | | flex: 1; |
|---|
| | | min-width: 0; |
|---|
| | | @include ellipsis(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .result-wrapper-tips { |
|---|
| | | .result-wrapper-tips-item { |
|---|
| | | margin-bottom: 16px; |
|---|
| | | font-size: 28px; |
|---|
| | | color: boleGetCssVar('text-color', 'regular'); |
|---|
| | | font-weight: 400; |
|---|
| | | line-height: 44px; |
|---|
| | | |
|---|
| | | &.title { |
|---|
| | | margin-bottom: 12px; |
|---|
| | | font-size: 30px; |
|---|
| | | color: boleGetCssVar('text-color', 'primary'); |
|---|
| | | font-weight: 400; |
|---|
| | | } |
|---|
| | | |
|---|
| | | &.danger { |
|---|
| | | color: boleGetCssVar('color', 'danger'); |
|---|
| | | } |
|---|
| | | &.warning { |
|---|
| | | color: boleGetCssVar('color', 'warning'); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .result-wrapper-actions { |
|---|
| | | .recharge-button-text { |
|---|
| | | font-size: 32px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
