/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-card { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; background: #fff; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-card-hoverable { cursor: pointer; } .ant-card-hoverable:hover { border-color: rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); } .ant-card-bordered { border: 1px solid #e8e8e8; } .ant-card-head { min-height: 48px; margin-bottom: -1px; padding: 0 24px; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; background: transparent; border-bottom: 1px solid #e8e8e8; border-radius: 2px 2px 0 0; zoom: 1; } .ant-card-head::before, .ant-card-head::after { display: table; content: ''; } .ant-card-head::after { clear: both; } .ant-card-head-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-card-head-title { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head .ant-tabs { clear: both; margin-bottom: -17px; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; } .ant-card-head .ant-tabs-bar { border-bottom: 1px solid #e8e8e8; } .ant-card-extra { float: right; margin-left: auto; padding: 16px 0; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; } .ant-card-body { padding: 24px; zoom: 1; } .ant-card-body::before, .ant-card-body::after { display: table; content: ''; } .ant-card-body::after { clear: both; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -1px 0 0 -1px; padding: 0; } .ant-card-grid { float: left; width: 33.33%; padding: 24px; border: 0; border-radius: 0; -webkit-box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset; box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-card-contain-tabs > .ant-card-head .ant-card-head-title { min-height: 32px; padding-bottom: 0; } .ant-card-contain-tabs > .ant-card-head .ant-card-extra { padding-bottom: 0; } .ant-card-cover > * { display: block; width: 100%; } .ant-card-cover img { border-radius: 2px 2px 0 0; } .ant-card-actions { margin: 0; padding: 0; list-style: none; background: #fafafa; border-top: 1px solid #e8e8e8; zoom: 1; } .ant-card-actions::before, .ant-card-actions::after { display: table; content: ''; } .ant-card-actions::after { clear: both; } .ant-card-actions > li { float: left; margin: 12px 0; color: rgba(0, 0, 0, 0.45); text-align: center; } .ant-card-actions > li > span { position: relative; display: block; min-width: 32px; font-size: 14px; line-height: 22px; cursor: pointer; } .ant-card-actions > li > span:hover { color: #1890ff; -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn), .ant-card-actions > li > span > .anticon { display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.45); line-height: 22px; -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn):hover, .ant-card-actions > li > span > .anticon:hover { color: #1890ff; } .ant-card-actions > li > span > .anticon { font-size: 16px; line-height: 22px; } .ant-card-actions > li:not(:last-child) { border-right: 1px solid #e8e8e8; } .ant-card-type-inner .ant-card-head { padding: 0 24px; background: #fafafa; } .ant-card-type-inner .ant-card-head-title { padding: 12px 0; font-size: 14px; } .ant-card-type-inner .ant-card-body { padding: 16px 24px; } .ant-card-type-inner .ant-card-extra { padding: 13.5px 0; } .ant-card-meta { margin: -4px 0; zoom: 1; } .ant-card-meta::before, .ant-card-meta::after { display: table; content: ''; } .ant-card-meta::after { clear: both; } .ant-card-meta-avatar { float: left; padding-right: 16px; } .ant-card-meta-detail { overflow: hidden; } .ant-card-meta-detail > div:not(:last-child) { margin-bottom: 8px; } .ant-card-meta-title { overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0, 0, 0, 0.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-card-loading-content p { margin: 0; } .ant-card-loading-block { height: 14px; margin: 4px 0; background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2))); background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2)); background-size: 600% 600%; border-radius: 2px; -webkit-animation: card-loading 1.4s ease infinite; animation: card-loading 1.4s ease infinite; } @-webkit-keyframes card-loading { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } @keyframes card-loading { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } .ant-card-small > .ant-card-head { min-height: 36px; padding: 0 12px; font-size: 14px; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { padding: 8px 0; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { padding: 8px 0; font-size: 14px; } .ant-card-small > .ant-card-body { padding: 12px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container { height: 40px; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { height: 40px; margin: 0; margin-right: 2px; padding: 0 16px; line-height: 38px; background: #fafafa; border: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { height: 40px; color: #1890ff; background: #fff; border-color: #e8e8e8; border-bottom: 1px solid #fff; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before { border-top: 2px solid transparent; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled { color: #1890ff; color: rgba(0, 0, 0, 0.25); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive { padding: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x { width: 16px; height: 16px; height: 14px; margin-right: -5px; margin-left: 3px; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-size: 12px; vertical-align: middle; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane { -webkit-transition: none !important; transition: none !important; } .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive { overflow: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close { opacity: 1; } .ant-tabs-extra-content { line-height: 45px; } .ant-tabs-extra-content .ant-tabs-new-tab { position: relative; width: 20px; height: 20px; color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 20px; text-align: center; border: 1px solid #e8e8e8; border-radius: 2px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tabs-extra-content .ant-tabs-new-tab:hover { color: #1890ff; border-color: #1890ff; } .ant-tabs-extra-content .ant-tabs-new-tab svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-tabs.ant-tabs-large .ant-tabs-extra-content { line-height: 56px; } .ant-tabs.ant-tabs-small .ant-tabs-extra-content { line-height: 37px; } .ant-tabs.ant-tabs-card .ant-tabs-extra-content { line-height: 40px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container { height: 100%; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { padding-bottom: 4px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 8px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab { width: 90%; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab { margin-right: 1px; border-right: 0; border-radius: 4px 0 0 4px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active { margin-right: -1px; padding-right: 18px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-left: 1px; border-left: 0; border-radius: 0 4px 4px 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { margin-left: -1px; padding-left: 18px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab { height: auto; border-top: 0; border-bottom: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active { padding-top: 1px; padding-bottom: 0; color: #1890ff; } .ant-tabs { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; overflow: hidden; zoom: 1; } .ant-tabs::before, .ant-tabs::after { display: table; content: ''; } .ant-tabs::after { clear: both; } .ant-tabs-ink-bar { position: absolute; bottom: 1px; left: 0; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 2px; background-color: #1890ff; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .ant-tabs-bar { margin: 0 0 16px 0; border-bottom: 1px solid #e8e8e8; outline: none; -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav-container { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: -1px; overflow: hidden; font-size: 14px; line-height: 1.5; white-space: nowrap; -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); zoom: 1; } .ant-tabs-nav-container::before, .ant-tabs-nav-container::after { display: table; content: ''; } .ant-tabs-nav-container::after { clear: both; } .ant-tabs-nav-container-scrolling { padding-right: 32px; padding-left: 32px; } .ant-tabs-bottom .ant-tabs-bottom-bar { margin-top: 16px; margin-bottom: 0; border-top: 1px solid #e8e8e8; border-bottom: none; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar { top: 1px; bottom: auto; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container { margin-top: -1px; margin-bottom: 0; } .ant-tabs-tab-prev, .ant-tabs-tab-next { position: absolute; z-index: 2; width: 0; height: 100%; color: rgba(0, 0, 0, 0.45); text-align: center; background-color: transparent; border: 0; cursor: pointer; opacity: 0; -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .ant-tabs-tab-prev.ant-tabs-tab-arrow-show, .ant-tabs-tab-next.ant-tabs-tab-arrow-show { width: 32px; height: 100%; opacity: 1; pointer-events: auto; } .ant-tabs-tab-prev:hover, .ant-tabs-tab-next:hover { color: rgba(0, 0, 0, 0.65); } .ant-tabs-tab-prev-icon, .ant-tabs-tab-next-icon { position: absolute; top: 50%; left: 50%; font-weight: bold; font-style: normal; font-variant: normal; line-height: inherit; text-align: center; text-transform: none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ant-tabs-tab-prev-icon-target, .ant-tabs-tab-next-icon-target { display: block; display: inline-block; font-size: 12px; font-size: 10px \9; -webkit-transform: scale(0.83333333) rotate(0deg); -ms-transform: scale(0.83333333) rotate(0deg); transform: scale(0.83333333) rotate(0deg); } :root .ant-tabs-tab-prev-icon-target, :root .ant-tabs-tab-next-icon-target { font-size: 12px; } .ant-tabs-tab-btn-disabled { cursor: not-allowed; } .ant-tabs-tab-btn-disabled, .ant-tabs-tab-btn-disabled:hover { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab-next { right: 2px; } .ant-tabs-tab-prev { left: 0; } :root .ant-tabs-tab-prev { -webkit-filter: none; filter: none; } .ant-tabs-nav-wrap { margin-bottom: -1px; overflow: hidden; } .ant-tabs-nav-scroll { overflow: hidden; white-space: nowrap; } .ant-tabs-nav { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding-left: 0; list-style: none; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav::before, .ant-tabs-nav::after { display: table; content: ' '; } .ant-tabs-nav::after { clear: both; } .ant-tabs-nav .ant-tabs-tab { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0 32px 0 0; padding: 12px 16px; text-decoration: none; cursor: pointer; -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav .ant-tabs-tab::before { position: absolute; top: -1px; left: 0; width: 100%; border-top: 2px solid transparent; border-radius: 4px 4px 0 0; -webkit-transition: all 0.3s; transition: all 0.3s; content: ''; pointer-events: none; } .ant-tabs-nav .ant-tabs-tab:last-child { margin-right: 0; } .ant-tabs-nav .ant-tabs-tab:hover { color: #40a9ff; } .ant-tabs-nav .ant-tabs-tab:active { color: #096dd9; } .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 8px; } .ant-tabs-nav .ant-tabs-tab-active { color: #1890ff; font-weight: 500; } .ant-tabs-nav .ant-tabs-tab-disabled, .ant-tabs-nav .ant-tabs-tab-disabled:hover { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container { font-size: 16px; } .ant-tabs .ant-tabs-large-bar .ant-tabs-tab { padding: 16px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container { font-size: 14px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-tab { padding: 8px 16px; } .ant-tabs-content::before { display: block; overflow: hidden; content: ''; } .ant-tabs .ant-tabs-top-content, .ant-tabs .ant-tabs-bottom-content { width: 100%; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; -webkit-backface-visibility: hidden; opacity: 1; -webkit-transition: opacity 0.45s; transition: opacity 0.45s; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs .ant-tabs-top-content.ant-tabs-content-animated, .ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); will-change: margin-left; } .ant-tabs .ant-tabs-left-bar, .ant-tabs .ant-tabs-right-bar { height: 100%; border-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show { width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab { display: block; float: none; margin: 0 0 16px 0; padding: 8px 24px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content, .ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content { text-align: center; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll { width: auto; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { height: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling { padding: 32px 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav { width: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar, .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { top: 0; bottom: auto; left: auto; width: 2px; height: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next { right: 0; bottom: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev { top: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-content, .ant-tabs .ant-tabs-right-content { width: auto; margin-top: 0 !important; overflow: hidden; } .ant-tabs .ant-tabs-left-bar { float: left; margin-right: -1px; margin-bottom: 0; border-right: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab { text-align: right; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar { right: 1px; } .ant-tabs .ant-tabs-left-content { padding-left: 24px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar { float: right; margin-bottom: 0; margin-left: -1px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { left: 1px; } .ant-tabs .ant-tabs-right-content { padding-right: 24px; border-right: 1px solid #e8e8e8; } .ant-tabs-top .ant-tabs-ink-bar-animated, .ant-tabs-bottom .ant-tabs-ink-bar-animated { -webkit-transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-left .ant-tabs-ink-bar-animated, .ant-tabs-right .ant-tabs-ink-bar-animated { -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .no-flex > .ant-tabs-content > .ant-tabs-content-animated, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated { margin-left: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs-left-content > .ant-tabs-content-animated, .ant-tabs-right-content > .ant-tabs-content-animated { margin-left: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .ant-tabs-left-content > .ant-tabs-tabpane-inactive, .ant-tabs-right-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs-left-content > .ant-tabs-tabpane-inactive input, .ant-tabs-right-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-row { position: relative; height: auto; margin-right: 0; margin-left: 0; zoom: 1; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .ant-row::before, .ant-row::after { display: table; content: ''; } .ant-row::after { clear: both; } .ant-row + .ant-row::before { clear: both; } .ant-row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .ant-row-flex::before, .ant-row-flex::after { display: -webkit-box; display: -ms-flexbox; display: flex; } .ant-row-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ant-row-flex-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ant-row-flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ant-row-flex-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ant-row-flex-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .ant-row-flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ant-row-flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-row-flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ant-col { position: relative; min-height: 1px; } .ant-col-1, .ant-col-xs-1, .ant-col-sm-1, .ant-col-md-1, .ant-col-lg-1, .ant-col-2, .ant-col-xs-2, .ant-col-sm-2, .ant-col-md-2, .ant-col-lg-2, .ant-col-3, .ant-col-xs-3, .ant-col-sm-3, .ant-col-md-3, .ant-col-lg-3, .ant-col-4, .ant-col-xs-4, .ant-col-sm-4, .ant-col-md-4, .ant-col-lg-4, .ant-col-5, .ant-col-xs-5, .ant-col-sm-5, .ant-col-md-5, .ant-col-lg-5, .ant-col-6, .ant-col-xs-6, .ant-col-sm-6, .ant-col-md-6, .ant-col-lg-6, .ant-col-7, .ant-col-xs-7, .ant-col-sm-7, .ant-col-md-7, .ant-col-lg-7, .ant-col-8, .ant-col-xs-8, .ant-col-sm-8, .ant-col-md-8, .ant-col-lg-8, .ant-col-9, .ant-col-xs-9, .ant-col-sm-9, .ant-col-md-9, .ant-col-lg-9, .ant-col-10, .ant-col-xs-10, .ant-col-sm-10, .ant-col-md-10, .ant-col-lg-10, .ant-col-11, .ant-col-xs-11, .ant-col-sm-11, .ant-col-md-11, .ant-col-lg-11, .ant-col-12, .ant-col-xs-12, .ant-col-sm-12, .ant-col-md-12, .ant-col-lg-12, .ant-col-13, .ant-col-xs-13, .ant-col-sm-13, .ant-col-md-13, .ant-col-lg-13, .ant-col-14, .ant-col-xs-14, .ant-col-sm-14, .ant-col-md-14, .ant-col-lg-14, .ant-col-15, .ant-col-xs-15, .ant-col-sm-15, .ant-col-md-15, .ant-col-lg-15, .ant-col-16, .ant-col-xs-16, .ant-col-sm-16, .ant-col-md-16, .ant-col-lg-16, .ant-col-17, .ant-col-xs-17, .ant-col-sm-17, .ant-col-md-17, .ant-col-lg-17, .ant-col-18, .ant-col-xs-18, .ant-col-sm-18, .ant-col-md-18, .ant-col-lg-18, .ant-col-19, .ant-col-xs-19, .ant-col-sm-19, .ant-col-md-19, .ant-col-lg-19, .ant-col-20, .ant-col-xs-20, .ant-col-sm-20, .ant-col-md-20, .ant-col-lg-20, .ant-col-21, .ant-col-xs-21, .ant-col-sm-21, .ant-col-md-21, .ant-col-lg-21, .ant-col-22, .ant-col-xs-22, .ant-col-sm-22, .ant-col-md-22, .ant-col-lg-22, .ant-col-23, .ant-col-xs-23, .ant-col-sm-23, .ant-col-md-23, .ant-col-lg-23, .ant-col-24, .ant-col-xs-24, .ant-col-sm-24, .ant-col-md-24, .ant-col-lg-24 { position: relative; padding-right: 0; padding-left: 0; } .ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-push-24 { left: 100%; } .ant-col-pull-24 { right: 100%; } .ant-col-offset-24 { margin-left: 100%; } .ant-col-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-push-23 { left: 95.83333333%; } .ant-col-pull-23 { right: 95.83333333%; } .ant-col-offset-23 { margin-left: 95.83333333%; } .ant-col-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-push-22 { left: 91.66666667%; } .ant-col-pull-22 { right: 91.66666667%; } .ant-col-offset-22 { margin-left: 91.66666667%; } .ant-col-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-push-21 { left: 87.5%; } .ant-col-pull-21 { right: 87.5%; } .ant-col-offset-21 { margin-left: 87.5%; } .ant-col-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-push-20 { left: 83.33333333%; } .ant-col-pull-20 { right: 83.33333333%; } .ant-col-offset-20 { margin-left: 83.33333333%; } .ant-col-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-push-19 { left: 79.16666667%; } .ant-col-pull-19 { right: 79.16666667%; } .ant-col-offset-19 { margin-left: 79.16666667%; } .ant-col-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-push-18 { left: 75%; } .ant-col-pull-18 { right: 75%; } .ant-col-offset-18 { margin-left: 75%; } .ant-col-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-push-17 { left: 70.83333333%; } .ant-col-pull-17 { right: 70.83333333%; } .ant-col-offset-17 { margin-left: 70.83333333%; } .ant-col-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-push-16 { left: 66.66666667%; } .ant-col-pull-16 { right: 66.66666667%; } .ant-col-offset-16 { margin-left: 66.66666667%; } .ant-col-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-push-15 { left: 62.5%; } .ant-col-pull-15 { right: 62.5%; } .ant-col-offset-15 { margin-left: 62.5%; } .ant-col-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-push-14 { left: 58.33333333%; } .ant-col-pull-14 { right: 58.33333333%; } .ant-col-offset-14 { margin-left: 58.33333333%; } .ant-col-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-push-13 { left: 54.16666667%; } .ant-col-pull-13 { right: 54.16666667%; } .ant-col-offset-13 { margin-left: 54.16666667%; } .ant-col-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-push-12 { left: 50%; } .ant-col-pull-12 { right: 50%; } .ant-col-offset-12 { margin-left: 50%; } .ant-col-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-push-11 { left: 45.83333333%; } .ant-col-pull-11 { right: 45.83333333%; } .ant-col-offset-11 { margin-left: 45.83333333%; } .ant-col-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-push-10 { left: 41.66666667%; } .ant-col-pull-10 { right: 41.66666667%; } .ant-col-offset-10 { margin-left: 41.66666667%; } .ant-col-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-push-9 { left: 37.5%; } .ant-col-pull-9 { right: 37.5%; } .ant-col-offset-9 { margin-left: 37.5%; } .ant-col-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-push-8 { left: 33.33333333%; } .ant-col-pull-8 { right: 33.33333333%; } .ant-col-offset-8 { margin-left: 33.33333333%; } .ant-col-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-push-7 { left: 29.16666667%; } .ant-col-pull-7 { right: 29.16666667%; } .ant-col-offset-7 { margin-left: 29.16666667%; } .ant-col-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-push-6 { left: 25%; } .ant-col-pull-6 { right: 25%; } .ant-col-offset-6 { margin-left: 25%; } .ant-col-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-push-5 { left: 20.83333333%; } .ant-col-pull-5 { right: 20.83333333%; } .ant-col-offset-5 { margin-left: 20.83333333%; } .ant-col-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-push-4 { left: 16.66666667%; } .ant-col-pull-4 { right: 16.66666667%; } .ant-col-offset-4 { margin-left: 16.66666667%; } .ant-col-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-push-3 { left: 12.5%; } .ant-col-pull-3 { right: 12.5%; } .ant-col-offset-3 { margin-left: 12.5%; } .ant-col-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-push-2 { left: 8.33333333%; } .ant-col-pull-2 { right: 8.33333333%; } .ant-col-offset-2 { margin-left: 8.33333333%; } .ant-col-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-push-1 { left: 4.16666667%; } .ant-col-pull-1 { right: 4.16666667%; } .ant-col-offset-1 { margin-left: 4.16666667%; } .ant-col-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-offset-0 { margin-left: 0; } .ant-col-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .ant-col-xs-1, .ant-col-xs-2, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xs-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xs-push-24 { left: 100%; } .ant-col-xs-pull-24 { right: 100%; } .ant-col-xs-offset-24 { margin-left: 100%; } .ant-col-xs-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xs-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xs-push-23 { left: 95.83333333%; } .ant-col-xs-pull-23 { right: 95.83333333%; } .ant-col-xs-offset-23 { margin-left: 95.83333333%; } .ant-col-xs-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xs-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xs-push-22 { left: 91.66666667%; } .ant-col-xs-pull-22 { right: 91.66666667%; } .ant-col-xs-offset-22 { margin-left: 91.66666667%; } .ant-col-xs-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xs-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xs-push-21 { left: 87.5%; } .ant-col-xs-pull-21 { right: 87.5%; } .ant-col-xs-offset-21 { margin-left: 87.5%; } .ant-col-xs-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xs-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xs-push-20 { left: 83.33333333%; } .ant-col-xs-pull-20 { right: 83.33333333%; } .ant-col-xs-offset-20 { margin-left: 83.33333333%; } .ant-col-xs-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xs-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xs-push-19 { left: 79.16666667%; } .ant-col-xs-pull-19 { right: 79.16666667%; } .ant-col-xs-offset-19 { margin-left: 79.16666667%; } .ant-col-xs-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xs-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xs-push-18 { left: 75%; } .ant-col-xs-pull-18 { right: 75%; } .ant-col-xs-offset-18 { margin-left: 75%; } .ant-col-xs-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xs-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xs-push-17 { left: 70.83333333%; } .ant-col-xs-pull-17 { right: 70.83333333%; } .ant-col-xs-offset-17 { margin-left: 70.83333333%; } .ant-col-xs-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xs-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xs-push-16 { left: 66.66666667%; } .ant-col-xs-pull-16 { right: 66.66666667%; } .ant-col-xs-offset-16 { margin-left: 66.66666667%; } .ant-col-xs-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xs-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xs-push-15 { left: 62.5%; } .ant-col-xs-pull-15 { right: 62.5%; } .ant-col-xs-offset-15 { margin-left: 62.5%; } .ant-col-xs-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xs-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xs-push-14 { left: 58.33333333%; } .ant-col-xs-pull-14 { right: 58.33333333%; } .ant-col-xs-offset-14 { margin-left: 58.33333333%; } .ant-col-xs-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xs-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xs-push-13 { left: 54.16666667%; } .ant-col-xs-pull-13 { right: 54.16666667%; } .ant-col-xs-offset-13 { margin-left: 54.16666667%; } .ant-col-xs-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xs-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xs-push-12 { left: 50%; } .ant-col-xs-pull-12 { right: 50%; } .ant-col-xs-offset-12 { margin-left: 50%; } .ant-col-xs-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xs-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xs-push-11 { left: 45.83333333%; } .ant-col-xs-pull-11 { right: 45.83333333%; } .ant-col-xs-offset-11 { margin-left: 45.83333333%; } .ant-col-xs-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xs-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xs-push-10 { left: 41.66666667%; } .ant-col-xs-pull-10 { right: 41.66666667%; } .ant-col-xs-offset-10 { margin-left: 41.66666667%; } .ant-col-xs-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xs-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xs-push-9 { left: 37.5%; } .ant-col-xs-pull-9 { right: 37.5%; } .ant-col-xs-offset-9 { margin-left: 37.5%; } .ant-col-xs-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xs-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xs-push-8 { left: 33.33333333%; } .ant-col-xs-pull-8 { right: 33.33333333%; } .ant-col-xs-offset-8 { margin-left: 33.33333333%; } .ant-col-xs-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xs-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xs-push-7 { left: 29.16666667%; } .ant-col-xs-pull-7 { right: 29.16666667%; } .ant-col-xs-offset-7 { margin-left: 29.16666667%; } .ant-col-xs-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xs-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xs-push-6 { left: 25%; } .ant-col-xs-pull-6 { right: 25%; } .ant-col-xs-offset-6 { margin-left: 25%; } .ant-col-xs-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xs-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xs-push-5 { left: 20.83333333%; } .ant-col-xs-pull-5 { right: 20.83333333%; } .ant-col-xs-offset-5 { margin-left: 20.83333333%; } .ant-col-xs-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xs-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xs-push-4 { left: 16.66666667%; } .ant-col-xs-pull-4 { right: 16.66666667%; } .ant-col-xs-offset-4 { margin-left: 16.66666667%; } .ant-col-xs-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xs-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xs-push-3 { left: 12.5%; } .ant-col-xs-pull-3 { right: 12.5%; } .ant-col-xs-offset-3 { margin-left: 12.5%; } .ant-col-xs-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xs-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xs-push-2 { left: 8.33333333%; } .ant-col-xs-pull-2 { right: 8.33333333%; } .ant-col-xs-offset-2 { margin-left: 8.33333333%; } .ant-col-xs-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xs-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xs-push-1 { left: 4.16666667%; } .ant-col-xs-pull-1 { right: 4.16666667%; } .ant-col-xs-offset-1 { margin-left: 4.16666667%; } .ant-col-xs-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xs-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xs-push-0 { left: auto; } .ant-col-xs-pull-0 { right: auto; } .ant-col-xs-offset-0 { margin-left: 0; } .ant-col-xs-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media (min-width: 576px) { .ant-col-sm-1, .ant-col-sm-2, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-sm-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-sm-push-24 { left: 100%; } .ant-col-sm-pull-24 { right: 100%; } .ant-col-sm-offset-24 { margin-left: 100%; } .ant-col-sm-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-sm-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-sm-push-23 { left: 95.83333333%; } .ant-col-sm-pull-23 { right: 95.83333333%; } .ant-col-sm-offset-23 { margin-left: 95.83333333%; } .ant-col-sm-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-sm-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-sm-push-22 { left: 91.66666667%; } .ant-col-sm-pull-22 { right: 91.66666667%; } .ant-col-sm-offset-22 { margin-left: 91.66666667%; } .ant-col-sm-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-sm-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-sm-push-21 { left: 87.5%; } .ant-col-sm-pull-21 { right: 87.5%; } .ant-col-sm-offset-21 { margin-left: 87.5%; } .ant-col-sm-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-sm-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-sm-push-20 { left: 83.33333333%; } .ant-col-sm-pull-20 { right: 83.33333333%; } .ant-col-sm-offset-20 { margin-left: 83.33333333%; } .ant-col-sm-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-sm-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-sm-push-19 { left: 79.16666667%; } .ant-col-sm-pull-19 { right: 79.16666667%; } .ant-col-sm-offset-19 { margin-left: 79.16666667%; } .ant-col-sm-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-sm-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-sm-push-18 { left: 75%; } .ant-col-sm-pull-18 { right: 75%; } .ant-col-sm-offset-18 { margin-left: 75%; } .ant-col-sm-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-sm-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-sm-push-17 { left: 70.83333333%; } .ant-col-sm-pull-17 { right: 70.83333333%; } .ant-col-sm-offset-17 { margin-left: 70.83333333%; } .ant-col-sm-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-sm-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-sm-push-16 { left: 66.66666667%; } .ant-col-sm-pull-16 { right: 66.66666667%; } .ant-col-sm-offset-16 { margin-left: 66.66666667%; } .ant-col-sm-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-sm-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-sm-push-15 { left: 62.5%; } .ant-col-sm-pull-15 { right: 62.5%; } .ant-col-sm-offset-15 { margin-left: 62.5%; } .ant-col-sm-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-sm-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-sm-push-14 { left: 58.33333333%; } .ant-col-sm-pull-14 { right: 58.33333333%; } .ant-col-sm-offset-14 { margin-left: 58.33333333%; } .ant-col-sm-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-sm-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-sm-push-13 { left: 54.16666667%; } .ant-col-sm-pull-13 { right: 54.16666667%; } .ant-col-sm-offset-13 { margin-left: 54.16666667%; } .ant-col-sm-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-sm-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-sm-push-12 { left: 50%; } .ant-col-sm-pull-12 { right: 50%; } .ant-col-sm-offset-12 { margin-left: 50%; } .ant-col-sm-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-sm-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-sm-push-11 { left: 45.83333333%; } .ant-col-sm-pull-11 { right: 45.83333333%; } .ant-col-sm-offset-11 { margin-left: 45.83333333%; } .ant-col-sm-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-sm-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-sm-push-10 { left: 41.66666667%; } .ant-col-sm-pull-10 { right: 41.66666667%; } .ant-col-sm-offset-10 { margin-left: 41.66666667%; } .ant-col-sm-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-sm-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-sm-push-9 { left: 37.5%; } .ant-col-sm-pull-9 { right: 37.5%; } .ant-col-sm-offset-9 { margin-left: 37.5%; } .ant-col-sm-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-sm-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-sm-push-8 { left: 33.33333333%; } .ant-col-sm-pull-8 { right: 33.33333333%; } .ant-col-sm-offset-8 { margin-left: 33.33333333%; } .ant-col-sm-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-sm-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-sm-push-7 { left: 29.16666667%; } .ant-col-sm-pull-7 { right: 29.16666667%; } .ant-col-sm-offset-7 { margin-left: 29.16666667%; } .ant-col-sm-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-sm-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-sm-push-6 { left: 25%; } .ant-col-sm-pull-6 { right: 25%; } .ant-col-sm-offset-6 { margin-left: 25%; } .ant-col-sm-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-sm-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-sm-push-5 { left: 20.83333333%; } .ant-col-sm-pull-5 { right: 20.83333333%; } .ant-col-sm-offset-5 { margin-left: 20.83333333%; } .ant-col-sm-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-sm-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-sm-push-4 { left: 16.66666667%; } .ant-col-sm-pull-4 { right: 16.66666667%; } .ant-col-sm-offset-4 { margin-left: 16.66666667%; } .ant-col-sm-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-sm-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-sm-push-3 { left: 12.5%; } .ant-col-sm-pull-3 { right: 12.5%; } .ant-col-sm-offset-3 { margin-left: 12.5%; } .ant-col-sm-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-sm-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-sm-push-2 { left: 8.33333333%; } .ant-col-sm-pull-2 { right: 8.33333333%; } .ant-col-sm-offset-2 { margin-left: 8.33333333%; } .ant-col-sm-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-sm-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-sm-push-1 { left: 4.16666667%; } .ant-col-sm-pull-1 { right: 4.16666667%; } .ant-col-sm-offset-1 { margin-left: 4.16666667%; } .ant-col-sm-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-sm-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-sm-push-0 { left: auto; } .ant-col-sm-pull-0 { right: auto; } .ant-col-sm-offset-0 { margin-left: 0; } .ant-col-sm-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 768px) { .ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-md-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-md-push-24 { left: 100%; } .ant-col-md-pull-24 { right: 100%; } .ant-col-md-offset-24 { margin-left: 100%; } .ant-col-md-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-md-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-md-push-23 { left: 95.83333333%; } .ant-col-md-pull-23 { right: 95.83333333%; } .ant-col-md-offset-23 { margin-left: 95.83333333%; } .ant-col-md-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-md-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-md-push-22 { left: 91.66666667%; } .ant-col-md-pull-22 { right: 91.66666667%; } .ant-col-md-offset-22 { margin-left: 91.66666667%; } .ant-col-md-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-md-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-md-push-21 { left: 87.5%; } .ant-col-md-pull-21 { right: 87.5%; } .ant-col-md-offset-21 { margin-left: 87.5%; } .ant-col-md-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-md-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-md-push-20 { left: 83.33333333%; } .ant-col-md-pull-20 { right: 83.33333333%; } .ant-col-md-offset-20 { margin-left: 83.33333333%; } .ant-col-md-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-md-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-md-push-19 { left: 79.16666667%; } .ant-col-md-pull-19 { right: 79.16666667%; } .ant-col-md-offset-19 { margin-left: 79.16666667%; } .ant-col-md-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-md-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-md-push-18 { left: 75%; } .ant-col-md-pull-18 { right: 75%; } .ant-col-md-offset-18 { margin-left: 75%; } .ant-col-md-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-md-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-md-push-17 { left: 70.83333333%; } .ant-col-md-pull-17 { right: 70.83333333%; } .ant-col-md-offset-17 { margin-left: 70.83333333%; } .ant-col-md-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-md-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-md-push-16 { left: 66.66666667%; } .ant-col-md-pull-16 { right: 66.66666667%; } .ant-col-md-offset-16 { margin-left: 66.66666667%; } .ant-col-md-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-md-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-md-push-15 { left: 62.5%; } .ant-col-md-pull-15 { right: 62.5%; } .ant-col-md-offset-15 { margin-left: 62.5%; } .ant-col-md-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-md-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-md-push-14 { left: 58.33333333%; } .ant-col-md-pull-14 { right: 58.33333333%; } .ant-col-md-offset-14 { margin-left: 58.33333333%; } .ant-col-md-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-md-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-md-push-13 { left: 54.16666667%; } .ant-col-md-pull-13 { right: 54.16666667%; } .ant-col-md-offset-13 { margin-left: 54.16666667%; } .ant-col-md-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-md-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-md-push-12 { left: 50%; } .ant-col-md-pull-12 { right: 50%; } .ant-col-md-offset-12 { margin-left: 50%; } .ant-col-md-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-md-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-md-push-11 { left: 45.83333333%; } .ant-col-md-pull-11 { right: 45.83333333%; } .ant-col-md-offset-11 { margin-left: 45.83333333%; } .ant-col-md-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-md-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-md-push-10 { left: 41.66666667%; } .ant-col-md-pull-10 { right: 41.66666667%; } .ant-col-md-offset-10 { margin-left: 41.66666667%; } .ant-col-md-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-md-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-md-push-9 { left: 37.5%; } .ant-col-md-pull-9 { right: 37.5%; } .ant-col-md-offset-9 { margin-left: 37.5%; } .ant-col-md-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-md-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-md-push-8 { left: 33.33333333%; } .ant-col-md-pull-8 { right: 33.33333333%; } .ant-col-md-offset-8 { margin-left: 33.33333333%; } .ant-col-md-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-md-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-md-push-7 { left: 29.16666667%; } .ant-col-md-pull-7 { right: 29.16666667%; } .ant-col-md-offset-7 { margin-left: 29.16666667%; } .ant-col-md-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-md-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-md-push-6 { left: 25%; } .ant-col-md-pull-6 { right: 25%; } .ant-col-md-offset-6 { margin-left: 25%; } .ant-col-md-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-md-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-md-push-5 { left: 20.83333333%; } .ant-col-md-pull-5 { right: 20.83333333%; } .ant-col-md-offset-5 { margin-left: 20.83333333%; } .ant-col-md-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-md-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-md-push-4 { left: 16.66666667%; } .ant-col-md-pull-4 { right: 16.66666667%; } .ant-col-md-offset-4 { margin-left: 16.66666667%; } .ant-col-md-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-md-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-md-push-3 { left: 12.5%; } .ant-col-md-pull-3 { right: 12.5%; } .ant-col-md-offset-3 { margin-left: 12.5%; } .ant-col-md-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-md-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-md-push-2 { left: 8.33333333%; } .ant-col-md-pull-2 { right: 8.33333333%; } .ant-col-md-offset-2 { margin-left: 8.33333333%; } .ant-col-md-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-md-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-md-push-1 { left: 4.16666667%; } .ant-col-md-pull-1 { right: 4.16666667%; } .ant-col-md-offset-1 { margin-left: 4.16666667%; } .ant-col-md-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-md-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-md-push-0 { left: auto; } .ant-col-md-pull-0 { right: auto; } .ant-col-md-offset-0 { margin-left: 0; } .ant-col-md-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 992px) { .ant-col-lg-1, .ant-col-lg-2, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-lg-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-lg-push-24 { left: 100%; } .ant-col-lg-pull-24 { right: 100%; } .ant-col-lg-offset-24 { margin-left: 100%; } .ant-col-lg-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-lg-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-lg-push-23 { left: 95.83333333%; } .ant-col-lg-pull-23 { right: 95.83333333%; } .ant-col-lg-offset-23 { margin-left: 95.83333333%; } .ant-col-lg-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-lg-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-lg-push-22 { left: 91.66666667%; } .ant-col-lg-pull-22 { right: 91.66666667%; } .ant-col-lg-offset-22 { margin-left: 91.66666667%; } .ant-col-lg-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-lg-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-lg-push-21 { left: 87.5%; } .ant-col-lg-pull-21 { right: 87.5%; } .ant-col-lg-offset-21 { margin-left: 87.5%; } .ant-col-lg-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-lg-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-lg-push-20 { left: 83.33333333%; } .ant-col-lg-pull-20 { right: 83.33333333%; } .ant-col-lg-offset-20 { margin-left: 83.33333333%; } .ant-col-lg-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-lg-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-lg-push-19 { left: 79.16666667%; } .ant-col-lg-pull-19 { right: 79.16666667%; } .ant-col-lg-offset-19 { margin-left: 79.16666667%; } .ant-col-lg-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-lg-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-lg-push-18 { left: 75%; } .ant-col-lg-pull-18 { right: 75%; } .ant-col-lg-offset-18 { margin-left: 75%; } .ant-col-lg-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-lg-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-lg-push-17 { left: 70.83333333%; } .ant-col-lg-pull-17 { right: 70.83333333%; } .ant-col-lg-offset-17 { margin-left: 70.83333333%; } .ant-col-lg-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-lg-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-lg-push-16 { left: 66.66666667%; } .ant-col-lg-pull-16 { right: 66.66666667%; } .ant-col-lg-offset-16 { margin-left: 66.66666667%; } .ant-col-lg-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-lg-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-lg-push-15 { left: 62.5%; } .ant-col-lg-pull-15 { right: 62.5%; } .ant-col-lg-offset-15 { margin-left: 62.5%; } .ant-col-lg-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-lg-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-lg-push-14 { left: 58.33333333%; } .ant-col-lg-pull-14 { right: 58.33333333%; } .ant-col-lg-offset-14 { margin-left: 58.33333333%; } .ant-col-lg-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-lg-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-lg-push-13 { left: 54.16666667%; } .ant-col-lg-pull-13 { right: 54.16666667%; } .ant-col-lg-offset-13 { margin-left: 54.16666667%; } .ant-col-lg-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-lg-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-lg-push-12 { left: 50%; } .ant-col-lg-pull-12 { right: 50%; } .ant-col-lg-offset-12 { margin-left: 50%; } .ant-col-lg-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-lg-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-lg-push-11 { left: 45.83333333%; } .ant-col-lg-pull-11 { right: 45.83333333%; } .ant-col-lg-offset-11 { margin-left: 45.83333333%; } .ant-col-lg-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-lg-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-lg-push-10 { left: 41.66666667%; } .ant-col-lg-pull-10 { right: 41.66666667%; } .ant-col-lg-offset-10 { margin-left: 41.66666667%; } .ant-col-lg-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-lg-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-lg-push-9 { left: 37.5%; } .ant-col-lg-pull-9 { right: 37.5%; } .ant-col-lg-offset-9 { margin-left: 37.5%; } .ant-col-lg-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-lg-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-lg-push-8 { left: 33.33333333%; } .ant-col-lg-pull-8 { right: 33.33333333%; } .ant-col-lg-offset-8 { margin-left: 33.33333333%; } .ant-col-lg-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-lg-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-lg-push-7 { left: 29.16666667%; } .ant-col-lg-pull-7 { right: 29.16666667%; } .ant-col-lg-offset-7 { margin-left: 29.16666667%; } .ant-col-lg-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-lg-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-lg-push-6 { left: 25%; } .ant-col-lg-pull-6 { right: 25%; } .ant-col-lg-offset-6 { margin-left: 25%; } .ant-col-lg-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-lg-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-lg-push-5 { left: 20.83333333%; } .ant-col-lg-pull-5 { right: 20.83333333%; } .ant-col-lg-offset-5 { margin-left: 20.83333333%; } .ant-col-lg-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-lg-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-lg-push-4 { left: 16.66666667%; } .ant-col-lg-pull-4 { right: 16.66666667%; } .ant-col-lg-offset-4 { margin-left: 16.66666667%; } .ant-col-lg-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-lg-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-lg-push-3 { left: 12.5%; } .ant-col-lg-pull-3 { right: 12.5%; } .ant-col-lg-offset-3 { margin-left: 12.5%; } .ant-col-lg-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-lg-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-lg-push-2 { left: 8.33333333%; } .ant-col-lg-pull-2 { right: 8.33333333%; } .ant-col-lg-offset-2 { margin-left: 8.33333333%; } .ant-col-lg-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-lg-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-lg-push-1 { left: 4.16666667%; } .ant-col-lg-pull-1 { right: 4.16666667%; } .ant-col-lg-offset-1 { margin-left: 4.16666667%; } .ant-col-lg-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-lg-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-lg-push-0 { left: auto; } .ant-col-lg-pull-0 { right: auto; } .ant-col-lg-offset-0 { margin-left: 0; } .ant-col-lg-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 1200px) { .ant-col-xl-1, .ant-col-xl-2, .ant-col-xl-3, .ant-col-xl-4, .ant-col-xl-5, .ant-col-xl-6, .ant-col-xl-7, .ant-col-xl-8, .ant-col-xl-9, .ant-col-xl-10, .ant-col-xl-11, .ant-col-xl-12, .ant-col-xl-13, .ant-col-xl-14, .ant-col-xl-15, .ant-col-xl-16, .ant-col-xl-17, .ant-col-xl-18, .ant-col-xl-19, .ant-col-xl-20, .ant-col-xl-21, .ant-col-xl-22, .ant-col-xl-23, .ant-col-xl-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xl-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xl-push-24 { left: 100%; } .ant-col-xl-pull-24 { right: 100%; } .ant-col-xl-offset-24 { margin-left: 100%; } .ant-col-xl-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xl-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xl-push-23 { left: 95.83333333%; } .ant-col-xl-pull-23 { right: 95.83333333%; } .ant-col-xl-offset-23 { margin-left: 95.83333333%; } .ant-col-xl-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xl-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xl-push-22 { left: 91.66666667%; } .ant-col-xl-pull-22 { right: 91.66666667%; } .ant-col-xl-offset-22 { margin-left: 91.66666667%; } .ant-col-xl-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xl-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xl-push-21 { left: 87.5%; } .ant-col-xl-pull-21 { right: 87.5%; } .ant-col-xl-offset-21 { margin-left: 87.5%; } .ant-col-xl-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xl-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xl-push-20 { left: 83.33333333%; } .ant-col-xl-pull-20 { right: 83.33333333%; } .ant-col-xl-offset-20 { margin-left: 83.33333333%; } .ant-col-xl-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xl-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xl-push-19 { left: 79.16666667%; } .ant-col-xl-pull-19 { right: 79.16666667%; } .ant-col-xl-offset-19 { margin-left: 79.16666667%; } .ant-col-xl-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xl-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xl-push-18 { left: 75%; } .ant-col-xl-pull-18 { right: 75%; } .ant-col-xl-offset-18 { margin-left: 75%; } .ant-col-xl-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xl-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xl-push-17 { left: 70.83333333%; } .ant-col-xl-pull-17 { right: 70.83333333%; } .ant-col-xl-offset-17 { margin-left: 70.83333333%; } .ant-col-xl-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xl-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xl-push-16 { left: 66.66666667%; } .ant-col-xl-pull-16 { right: 66.66666667%; } .ant-col-xl-offset-16 { margin-left: 66.66666667%; } .ant-col-xl-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xl-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xl-push-15 { left: 62.5%; } .ant-col-xl-pull-15 { right: 62.5%; } .ant-col-xl-offset-15 { margin-left: 62.5%; } .ant-col-xl-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xl-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xl-push-14 { left: 58.33333333%; } .ant-col-xl-pull-14 { right: 58.33333333%; } .ant-col-xl-offset-14 { margin-left: 58.33333333%; } .ant-col-xl-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xl-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xl-push-13 { left: 54.16666667%; } .ant-col-xl-pull-13 { right: 54.16666667%; } .ant-col-xl-offset-13 { margin-left: 54.16666667%; } .ant-col-xl-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xl-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xl-push-12 { left: 50%; } .ant-col-xl-pull-12 { right: 50%; } .ant-col-xl-offset-12 { margin-left: 50%; } .ant-col-xl-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xl-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xl-push-11 { left: 45.83333333%; } .ant-col-xl-pull-11 { right: 45.83333333%; } .ant-col-xl-offset-11 { margin-left: 45.83333333%; } .ant-col-xl-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xl-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xl-push-10 { left: 41.66666667%; } .ant-col-xl-pull-10 { right: 41.66666667%; } .ant-col-xl-offset-10 { margin-left: 41.66666667%; } .ant-col-xl-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xl-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xl-push-9 { left: 37.5%; } .ant-col-xl-pull-9 { right: 37.5%; } .ant-col-xl-offset-9 { margin-left: 37.5%; } .ant-col-xl-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xl-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xl-push-8 { left: 33.33333333%; } .ant-col-xl-pull-8 { right: 33.33333333%; } .ant-col-xl-offset-8 { margin-left: 33.33333333%; } .ant-col-xl-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xl-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xl-push-7 { left: 29.16666667%; } .ant-col-xl-pull-7 { right: 29.16666667%; } .ant-col-xl-offset-7 { margin-left: 29.16666667%; } .ant-col-xl-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xl-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xl-push-6 { left: 25%; } .ant-col-xl-pull-6 { right: 25%; } .ant-col-xl-offset-6 { margin-left: 25%; } .ant-col-xl-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xl-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xl-push-5 { left: 20.83333333%; } .ant-col-xl-pull-5 { right: 20.83333333%; } .ant-col-xl-offset-5 { margin-left: 20.83333333%; } .ant-col-xl-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xl-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xl-push-4 { left: 16.66666667%; } .ant-col-xl-pull-4 { right: 16.66666667%; } .ant-col-xl-offset-4 { margin-left: 16.66666667%; } .ant-col-xl-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xl-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xl-push-3 { left: 12.5%; } .ant-col-xl-pull-3 { right: 12.5%; } .ant-col-xl-offset-3 { margin-left: 12.5%; } .ant-col-xl-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xl-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xl-push-2 { left: 8.33333333%; } .ant-col-xl-pull-2 { right: 8.33333333%; } .ant-col-xl-offset-2 { margin-left: 8.33333333%; } .ant-col-xl-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xl-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xl-push-1 { left: 4.16666667%; } .ant-col-xl-pull-1 { right: 4.16666667%; } .ant-col-xl-offset-1 { margin-left: 4.16666667%; } .ant-col-xl-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xl-push-0 { left: auto; } .ant-col-xl-pull-0 { right: auto; } .ant-col-xl-offset-0 { margin-left: 0; } .ant-col-xl-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 1600px) { .ant-col-xxl-1, .ant-col-xxl-2, .ant-col-xxl-3, .ant-col-xxl-4, .ant-col-xxl-5, .ant-col-xxl-6, .ant-col-xxl-7, .ant-col-xxl-8, .ant-col-xxl-9, .ant-col-xxl-10, .ant-col-xxl-11, .ant-col-xxl-12, .ant-col-xxl-13, .ant-col-xxl-14, .ant-col-xxl-15, .ant-col-xxl-16, .ant-col-xxl-17, .ant-col-xxl-18, .ant-col-xxl-19, .ant-col-xxl-20, .ant-col-xxl-21, .ant-col-xxl-22, .ant-col-xxl-23, .ant-col-xxl-24 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; float: left; } .ant-col-xxl-24 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ant-col-xxl-push-24 { left: 100%; } .ant-col-xxl-pull-24 { right: 100%; } .ant-col-xxl-offset-24 { margin-left: 100%; } .ant-col-xxl-order-24 { -webkit-box-ordinal-group: 25; -ms-flex-order: 24; order: 24; } .ant-col-xxl-23 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 95.83333333%; } .ant-col-xxl-push-23 { left: 95.83333333%; } .ant-col-xxl-pull-23 { right: 95.83333333%; } .ant-col-xxl-offset-23 { margin-left: 95.83333333%; } .ant-col-xxl-order-23 { -webkit-box-ordinal-group: 24; -ms-flex-order: 23; order: 23; } .ant-col-xxl-22 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 91.66666667%; } .ant-col-xxl-push-22 { left: 91.66666667%; } .ant-col-xxl-pull-22 { right: 91.66666667%; } .ant-col-xxl-offset-22 { margin-left: 91.66666667%; } .ant-col-xxl-order-22 { -webkit-box-ordinal-group: 23; -ms-flex-order: 22; order: 22; } .ant-col-xxl-21 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 87.5%; } .ant-col-xxl-push-21 { left: 87.5%; } .ant-col-xxl-pull-21 { right: 87.5%; } .ant-col-xxl-offset-21 { margin-left: 87.5%; } .ant-col-xxl-order-21 { -webkit-box-ordinal-group: 22; -ms-flex-order: 21; order: 21; } .ant-col-xxl-20 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 83.33333333%; } .ant-col-xxl-push-20 { left: 83.33333333%; } .ant-col-xxl-pull-20 { right: 83.33333333%; } .ant-col-xxl-offset-20 { margin-left: 83.33333333%; } .ant-col-xxl-order-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } .ant-col-xxl-19 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 79.16666667%; } .ant-col-xxl-push-19 { left: 79.16666667%; } .ant-col-xxl-pull-19 { right: 79.16666667%; } .ant-col-xxl-offset-19 { margin-left: 79.16666667%; } .ant-col-xxl-order-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .ant-col-xxl-18 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; } .ant-col-xxl-push-18 { left: 75%; } .ant-col-xxl-pull-18 { right: 75%; } .ant-col-xxl-offset-18 { margin-left: 75%; } .ant-col-xxl-order-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .ant-col-xxl-17 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70.83333333%; } .ant-col-xxl-push-17 { left: 70.83333333%; } .ant-col-xxl-pull-17 { right: 70.83333333%; } .ant-col-xxl-offset-17 { margin-left: 70.83333333%; } .ant-col-xxl-order-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .ant-col-xxl-16 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 66.66666667%; } .ant-col-xxl-push-16 { left: 66.66666667%; } .ant-col-xxl-pull-16 { right: 66.66666667%; } .ant-col-xxl-offset-16 { margin-left: 66.66666667%; } .ant-col-xxl-order-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .ant-col-xxl-15 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.5%; } .ant-col-xxl-push-15 { left: 62.5%; } .ant-col-xxl-pull-15 { right: 62.5%; } .ant-col-xxl-offset-15 { margin-left: 62.5%; } .ant-col-xxl-order-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .ant-col-xxl-14 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 58.33333333%; } .ant-col-xxl-push-14 { left: 58.33333333%; } .ant-col-xxl-pull-14 { right: 58.33333333%; } .ant-col-xxl-offset-14 { margin-left: 58.33333333%; } .ant-col-xxl-order-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .ant-col-xxl-13 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.16666667%; } .ant-col-xxl-push-13 { left: 54.16666667%; } .ant-col-xxl-pull-13 { right: 54.16666667%; } .ant-col-xxl-offset-13 { margin-left: 54.16666667%; } .ant-col-xxl-order-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .ant-col-xxl-12 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .ant-col-xxl-push-12 { left: 50%; } .ant-col-xxl-pull-12 { right: 50%; } .ant-col-xxl-offset-12 { margin-left: 50%; } .ant-col-xxl-order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .ant-col-xxl-11 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.83333333%; } .ant-col-xxl-push-11 { left: 45.83333333%; } .ant-col-xxl-pull-11 { right: 45.83333333%; } .ant-col-xxl-offset-11 { margin-left: 45.83333333%; } .ant-col-xxl-order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .ant-col-xxl-10 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 41.66666667%; } .ant-col-xxl-push-10 { left: 41.66666667%; } .ant-col-xxl-pull-10 { right: 41.66666667%; } .ant-col-xxl-offset-10 { margin-left: 41.66666667%; } .ant-col-xxl-order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .ant-col-xxl-9 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 37.5%; } .ant-col-xxl-push-9 { left: 37.5%; } .ant-col-xxl-pull-9 { right: 37.5%; } .ant-col-xxl-offset-9 { margin-left: 37.5%; } .ant-col-xxl-order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .ant-col-xxl-8 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33333333%; } .ant-col-xxl-push-8 { left: 33.33333333%; } .ant-col-xxl-pull-8 { right: 33.33333333%; } .ant-col-xxl-offset-8 { margin-left: 33.33333333%; } .ant-col-xxl-order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .ant-col-xxl-7 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 29.16666667%; } .ant-col-xxl-push-7 { left: 29.16666667%; } .ant-col-xxl-pull-7 { right: 29.16666667%; } .ant-col-xxl-offset-7 { margin-left: 29.16666667%; } .ant-col-xxl-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .ant-col-xxl-6 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; } .ant-col-xxl-push-6 { left: 25%; } .ant-col-xxl-pull-6 { right: 25%; } .ant-col-xxl-offset-6 { margin-left: 25%; } .ant-col-xxl-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .ant-col-xxl-5 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20.83333333%; } .ant-col-xxl-push-5 { left: 20.83333333%; } .ant-col-xxl-pull-5 { right: 20.83333333%; } .ant-col-xxl-offset-5 { margin-left: 20.83333333%; } .ant-col-xxl-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .ant-col-xxl-4 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16.66666667%; } .ant-col-xxl-push-4 { left: 16.66666667%; } .ant-col-xxl-pull-4 { right: 16.66666667%; } .ant-col-xxl-offset-4 { margin-left: 16.66666667%; } .ant-col-xxl-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .ant-col-xxl-3 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 12.5%; } .ant-col-xxl-push-3 { left: 12.5%; } .ant-col-xxl-pull-3 { right: 12.5%; } .ant-col-xxl-offset-3 { margin-left: 12.5%; } .ant-col-xxl-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .ant-col-xxl-2 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8.33333333%; } .ant-col-xxl-push-2 { left: 8.33333333%; } .ant-col-xxl-pull-2 { right: 8.33333333%; } .ant-col-xxl-offset-2 { margin-left: 8.33333333%; } .ant-col-xxl-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ant-col-xxl-1 { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.16666667%; } .ant-col-xxl-push-1 { left: 4.16666667%; } .ant-col-xxl-pull-1 { right: 4.16666667%; } .ant-col-xxl-offset-1 { margin-left: 4.16666667%; } .ant-col-xxl-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-col-xxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxl-push-0 { left: auto; } .ant-col-xxl-pull-0 { right: auto; } .ant-col-xxl-offset-0 { margin-left: 0; } .ant-col-xxl-order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } .common-banner { display: flex; justify-content: center; margin: 0 auto; border-bottom: 1px solid #f7f5f5; } .common-banner .banner-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1168px; background: #fafafa; border-radius: 24px; height: 440px; overflow: visible; margin: 55px 0; padding-left: 115px; padding-right: 70px; } .common-banner .banner-inner > div { max-width: 500px; } .common-banner .banner-inner .title { font-size: 32px; line-height: 1.13; color: #43454f; font-weight: 300; } .common-banner .banner-inner .subtitle { font-size: 21px; line-height: 32px; color: #777a8c; margin-top: 16px; max-width: 400px; font-weight: 300; } .common-banner .banner-inner .subtitle-smaller { font-size: 18px; line-height: 30px; } .common-banner .banner-inner .home-banner { width: 500px; height: 500px; } @media (max-width: 1024px) { .common-banner { width: 100%; padding: 0 1em; background: #fff; } .common-banner .banner-inner { width: 100%; padding: 0; background: #fff !important; flex-direction: column; height: unset; align-items: center; } .common-banner .banner-inner > div { display: flex; flex-flow: column nowrap; align-items: center; } .common-banner .banner-inner > img.home-banner { width: 100%; height: unset; } .common-banner .banner-inner .title { max-width: 325px; font-size: 28px; line-height: 42px; letter-spacing: 1px; color: #43454f; text-align: center; margin-left: 0; font-weight: normal; } .common-banner .banner-inner .subtitle { text-align: center; font-size: 17px; line-height: 32px; color: #777a8c; margin-left: 0; margin-top: 0; margin-bottom: 0; max-width: 325px; } .common-banner .banner-inner .home-download > div { margin-left: 0; } .common-banner .banner-inner .home-download { margin: 20px 0 45px 0; } .common-banner .banner-inner .banner { width: 100%; padding-right: 0; } .common-banner .banner-inner .banner.pc { display: none; } .common-banner .banner-inner .banner.mobile { display: initial; } } .download.waist { background: #F6F8FB; height: 200px; } .download.waist p { margin-bottom: 0; } .download.waist .download-btn { width: 190px; height: 48px; background: #468BDF; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-weight: 500; font-size: 18px; color: #FAFCFF; } .download.waist .experience_desc { font-weight: 400; font-size: 24px; line-height: 32px; display: flex; align-items: center; letter-spacing: 0.4px; color: #777A8C; margin-bottom: 20px; } .download.waist .content { width: 1190px; margin: 0 auto; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .download.waist .content .title { font-size: 17px; line-height: 26px; color: #777A8C; margin-bottom: 7px; } .download.waist .content .subtitle { font-size: 13px; line-height: 21px; letter-spacing: 0.4px; color: #777A8C; font-weight: 300; } .download.waist .content .app-logo { width: 50px; height: 50px; margin-right: 15px; } .download.waist .content .example { height: 200px; } .download.waist .content .mini-download { margin-left: 50px; } .mini-download.platforms > div { margin-right: 12px; align-items: flex-start; } .mini-download.platforms > div > div { margin-right: 5px; } .mini-download.platforms > div a { text-align: left; margin-top: 2px; max-width: 155px; } .mini-download.platforms > div a.link-hover { margin-top: 10px; } .mini-download.platforms .qrcode { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); border-radius: 6px; margin-top: 2px; cursor: pointer; } .mini-download.platforms a { color: #777A8C; } .mini-download.platforms .link-hover span { white-space: normal; } .mini-download.platforms .chevron-right { position: relative; top: -1px; } .mini-download .desc { margin-top: 30px; } .mini-download .desc span { color: #949EA6; } .mini-download .desc .more-detail { margin-left: 10px; } @media (max-width: 1024px) { .mini-download { align-items: center; } .mini-download .flex-row { margin-right: 0 !important; } .mini-download .flex-row .flex-column:last-child { margin-right: 0; } .mini-download .desc { margin-top: 15px; } .mini-download .app-store { width: 150px; height: 47px; } .mini-download .ant-btn { height: 47px; border: 1px solid black; width: 150px; border-radius: 8px; } .mini-download .ant-btn span { font-weight: 500 !important; font-size: 17px !important; line-height: 46px !important; color: black !important; } }