| | |
| | | .custom-card-box { |
| | | background: #ffffff; |
| | | min-height: 100px; |
| | | display: flex; |
| | | position: relative; |
| | | |
| | | .card-item { |
| | | .prev-page { |
| | | width: 20px; |
| | | div { |
| | | height: 100%; |
| | | display: table; |
| | | div { |
| | | display: table-cell; |
| | | vertical-align: middle; |
| | | } |
| | | } |
| | | img { |
| | | width: 15px; |
| | | height: 100px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .prev-page.disabled { |
| | | img { |
| | | cursor: not-allowed; |
| | | } |
| | | } |
| | | .card-row-list::after { |
| | | content: ' '; |
| | | display: block; |
| | | clear: both; |
| | | } |
| | | .card-row-list { |
| | | flex: 10; |
| | | } |
| | | .card-item-box { |
| | | border-style: solid; |
| | | .card-cell-list::after { |
| | | content: ' '; |
| | | display: block; |
| | | clear: both; |
| | | } |
| | | } |
| | | |
| | | .card-cell-list { |
| | | position: relative; |
| | | |
| | | .ant-mk-slider { |
| | | box-sizing: border-box; |
| | | margin: 0; |
| | | color: rgba(0, 0, 0, 0.65); |
| | | font-size: 14px; |
| | | font-variant: tabular-nums; |
| | | line-height: 1.5; |
| | | list-style: none; |
| | | font-feature-settings: 'tnum', "tnum"; |
| | | position: relative; |
| | | height: 12px; |
| | | padding: 3px 0; |
| | | cursor: pointer; |
| | | touch-action: none; |
| | | |
| | | .ant-mk-slider-track { |
| | | height: 7px; |
| | | position: absolute; |
| | | background-color: #91d5ff; |
| | | border-radius: 4px; |
| | | transition: background-color 0.3s; |
| | | } |
| | | .ant-mk-slider-rail { |
| | | height: 7px; |
| | | position: absolute; |
| | | width: 100%; |
| | | background-color: #f5f5f5; |
| | | border-radius: 2px; |
| | | transition: background-color 0.3s; |
| | | } |
| | | .ant-mk-slider-handle { |
| | | position: absolute; |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-top: -4px; |
| | | margin-left: -7px; |
| | | background-color: #fff; |
| | | border: solid 2px #91d5ff; |
| | | border-radius: 50%; |
| | | cursor: pointer; |
| | | transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); |
| | | } |
| | | } |
| | | .ant-mk-splitline { |
| | | height: 1px; |
| | | } |
| | | .ant-slider { |
| | | margin: 0px; |
| | | } |
| | | } |
| | | |
| | | .ant-empty { |
| | |
| | | } |
| | | .loading-mask { |
| | | position: absolute; |
| | | left: 20px; |
| | | left: 40px; |
| | | top: 0; |
| | | right: 20px; |
| | | bottom: 30px; |
| | | right: 40px; |
| | | bottom: 0px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .custom-card-box::after { |
| | | content: ' '; |
| | | display: block; |
| | | clear: both; |
| | | } |