[class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card { border-radius: 8px; overflow: hidden; display: flex; background-color: white; } .earth-card > .earth-card-media { flex: 0 0 auto; margin: 32px; } .earth-card-variant-default { box-shadow: 0px 4px 10px 0px rgba(114, 116, 122, 0.08); transition: all ease 0.3s; } .earth-card-variant-default:hover { transform: translateY(-10px); box-shadow: 0px -2px 10px 0px rgba(114, 116, 122, 0.03), 0px 14px 20px 0px rgba(114, 116, 122, 0.18); } .earth-card-variant-none { box-shadow: none; } .earth-card-variant-outlined { box-shadow: none; border: 1px solid rgba(114, 116, 122, 0.08); } .earth-card-vertical { flex-direction: column; flex-wrap: nowrap; width: 100%; } .earth-card-vertical > .earth-card-content, .earth-card-vertical > .earth-card-action-btn-wrapper { padding-left: 32px; padding-right: 32px; } .earth-card-vertical > .earth-card-media-match-parent { width: 100%; } .earth-card-vertical > .earth-card-media-match-parent { margin: 0; } .earth-card-vertical > :first-child.earth-card-content, .earth-card-vertical > :first-child.earth-card-action-btn-wrapper { padding-top: 48px; } .earth-card-vertical > :first-child.earth-card-media { margin-top: 48px; } .earth-card-vertical > :first-child.earth-card-media-match-parent { margin-top: 0; } .earth-card-vertical > :last-child.earth-card-content, .earth-card-vertical > :last-child.earth-card-action-btn-wrapper { padding-bottom: 56px; } .earth-card-vertical > :last-child.earth-card-media { margin-bottom: 56px; } .earth-card-vertical > :first-child.earth-card-media-match-parent { margin-bottom: 0; } .earth-card-vertical.earth-card-media-type > :last-child.earth-card-content, .earth-card-vertical.earth-card-media-type > :last-child.earth-card-action-btn-wrapper { padding-bottom: 40px; } .earth-card-vertical > .earth-card-media:last-child { margin-top: 0px; } .earth-card-vertical.earth-card > :first-child.earth-card-media { margin-bottom: 0; } .earth-card-vertical.earth-card > :first-child.earth-card-media + .earth-card-content { padding-top: 28px; } .earth-card-vertical > .earth-card-content + .earth-card-media, .earth-card-vertical > .earth-card-action-btn-wrapper + .earth-card-media { margin-top: 28px; } .earth-card-horizontal { flex-direction: row; flex-wrap: nowrap; } .earth-card-horizontal.earth-card > .earth-card-content { padding-top: 48px; padding-bottom: 48px; align-self: center; } .earth-card-horizontal.earth-card > .earth-card-content .earth-card-action-btn-wrapper { padding-top: 48px; padding-bottom: 0px; } .earth-card-horizontal.earth-card > .earth-card-content { padding-top: 48px; padding-bottom: 48px; padding-left: 28px; padding-right: 28px; align-self: center; } .earth-card-horizontal.earth-card > .earth-card-content + .earth-card-media { margin-left: 0 !important; } .earth-card-horizontal.earth-card > .earth-card-media { margin-top: 48px; margin-bottom: 56px; margin-left: 28px; margin-right: 28px; } .earth-card-horizontal.earth-card > .earth-card-media-match-parent { margin: 0 !important; } .earth-card-horizontal.earth-card > :first-child.earth-card-media { margin-right: 0; } .earth-card-horizontal.earth-card > :first-child.earth-card-media + .earth-card-content { padding-left: 28px; } .earth-card-horizontal.earth-card > :last-child.earth-card-media:not(:only-child) { margin-left: 28px; } .earth-card-horizontal.earth-card > .earth-card-media:only-child { margin-left: 28px; margin-right: 28px; } .earth-card-horizontal.earth-card > :last-child.earth-card-media-match-parent:not(:only-child) { margin-left: auto !important; } .earth-card-density-medium.earth-card-vertical > .earth-card-content, .earth-card-density-medium.earth-card-vertical > .earth-card-action-btn-wrapper { padding-left: 56px; padding-right: 56px; } .earth-card-density-medium.earth-card-vertical.earth-card > :first-child.earth-card-media + .earth-card-content { padding-top: 32px; } .earth-card-density-medium.earth-card-vertical.earth-card-media-type > :last-child.earth-card-content, .earth-card-density-medium.earth-card-vertical.earth-card-media-type > :last-child.earth-card-action-btn-wrapper { padding-bottom: 44px; } .earth-card-density-medium.earth-card-horizontal .earth-card-content { padding-top: 48px; padding-bottom: 48px; padding-left: 56px; padding-right: 56px; } .earth-card-density-medium.earth-card-horizontal .earth-card-content .earth-card-action-btn-wrapper { padding-top: 40px; padding-bottom: 48px; } .earth-card-density-medium.earth-card-horizontal > .earth-card-media { margin-top: 48px; margin-bottom: 48px; margin-left: 56px; margin-right: 56px; } .earth-card-density-high.earth-card-horizontal > .earth-card-content { padding-top: 64px; padding-bottom: 64px; padding-left: 108px; padding-right: 108px; } .earth-card-density-high.earth-card-horizontal > .earth-card-content .earth-card-action-btn-wrapper { padding-top: 40px; padding-bottom: 64px; } .earth-card-density-high.earth-card-horizontal > .earth-card-media { margin-top: 64px; margin-bottom: 64px; margin-left: 108px; margin-right: 108px; } .earth-card-density-high.earth-card-horizontal > :first-child.earth-card-media { margin-right: 0; } .earth-card-density-high.earth-card-horizontal > :first-child.earth-card-media + .earth-card-content { padding-left: 80px; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } @media screen and (max-width: 768px) { .earth-card > .earth-card-content, .earth-card > .earth-card-content, .earth-card > :first-child.earth-card-action-btn-wrapper { padding-top: 40px; } .earth-card > :last-child.earth-card-content { padding-bottom: 48px; } .earth-card > :last-child.earth-card-action-btn-wrapper { padding-bottom: 40px; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } @media screen and (max-width: 768px) { .earth-card > .earth-card-content, .earth-card > .earth-card-content, .earth-card > :first-child.earth-card-action-btn-wrapper { padding-top: 40px; } .earth-card > :last-child.earth-card-content { padding-bottom: 48px; } .earth-card > :last-child.earth-card-action-btn-wrapper { padding-bottom: 40px; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-col { position: relative; box-sizing: border-box; } .earth-col-span-0 { display: none; } .earth-col-span-1 { flex-grow: 0; flex-shrink: 0; flex-basis: 4.16667%; max-width: 4.16667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-1 { order: 1; } .earth-col-pull-1 { right: 4.16667%; } .earth-col-push-1 { left: 4.16667%; } .earth-col-offset-1 { margin-left: 4.16667%; } .earth-col-span-2 { flex-grow: 0; flex-shrink: 0; flex-basis: 8.33333%; max-width: 8.33333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-2 { order: 2; } .earth-col-pull-2 { right: 8.33333%; } .earth-col-push-2 { left: 8.33333%; } .earth-col-offset-2 { margin-left: 8.33333%; } .earth-col-span-3 { flex-grow: 0; flex-shrink: 0; flex-basis: 12.5%; max-width: 12.5%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-3 { order: 3; } .earth-col-pull-3 { right: 12.5%; } .earth-col-push-3 { left: 12.5%; } .earth-col-offset-3 { margin-left: 12.5%; } .earth-col-span-4 { flex-grow: 0; flex-shrink: 0; flex-basis: 16.66667%; max-width: 16.66667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-4 { order: 4; } .earth-col-pull-4 { right: 16.66667%; } .earth-col-push-4 { left: 16.66667%; } .earth-col-offset-4 { margin-left: 16.66667%; } .earth-col-span-5 { flex-grow: 0; flex-shrink: 0; flex-basis: 20.83333%; max-width: 20.83333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-5 { order: 5; } .earth-col-pull-5 { right: 20.83333%; } .earth-col-push-5 { left: 20.83333%; } .earth-col-offset-5 { margin-left: 20.83333%; } .earth-col-span-6 { flex-grow: 0; flex-shrink: 0; flex-basis: 25%; max-width: 25%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-6 { order: 6; } .earth-col-pull-6 { right: 25%; } .earth-col-push-6 { left: 25%; } .earth-col-offset-6 { margin-left: 25%; } .earth-col-span-7 { flex-grow: 0; flex-shrink: 0; flex-basis: 29.16667%; max-width: 29.16667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-7 { order: 7; } .earth-col-pull-7 { right: 29.16667%; } .earth-col-push-7 { left: 29.16667%; } .earth-col-offset-7 { margin-left: 29.16667%; } .earth-col-span-8 { flex-grow: 0; flex-shrink: 0; flex-basis: 33.33333%; max-width: 33.33333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-8 { order: 8; } .earth-col-pull-8 { right: 33.33333%; } .earth-col-push-8 { left: 33.33333%; } .earth-col-offset-8 { margin-left: 33.33333%; } .earth-col-span-9 { flex-grow: 0; flex-shrink: 0; flex-basis: 37.5%; max-width: 37.5%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-9 { order: 9; } .earth-col-pull-9 { right: 37.5%; } .earth-col-push-9 { left: 37.5%; } .earth-col-offset-9 { margin-left: 37.5%; } .earth-col-span-10 { flex-grow: 0; flex-shrink: 0; flex-basis: 41.66667%; max-width: 41.66667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-10 { order: 10; } .earth-col-pull-10 { right: 41.66667%; } .earth-col-push-10 { left: 41.66667%; } .earth-col-offset-10 { margin-left: 41.66667%; } .earth-col-span-11 { flex-grow: 0; flex-shrink: 0; flex-basis: 45.83333%; max-width: 45.83333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-11 { order: 11; } .earth-col-pull-11 { right: 45.83333%; } .earth-col-push-11 { left: 45.83333%; } .earth-col-offset-11 { margin-left: 45.83333%; } .earth-col-span-12 { flex-grow: 0; flex-shrink: 0; flex-basis: 50%; max-width: 50%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-12 { order: 12; } .earth-col-pull-12 { right: 50%; } .earth-col-push-12 { left: 50%; } .earth-col-offset-12 { margin-left: 50%; } .earth-col-span-13 { flex-grow: 0; flex-shrink: 0; flex-basis: 54.16667%; max-width: 54.16667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-13 { order: 13; } .earth-col-pull-13 { right: 54.16667%; } .earth-col-push-13 { left: 54.16667%; } .earth-col-offset-13 { margin-left: 54.16667%; } .earth-col-span-14 { flex-grow: 0; flex-shrink: 0; flex-basis: 58.33333%; max-width: 58.33333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-14 { order: 14; } .earth-col-pull-14 { right: 58.33333%; } .earth-col-push-14 { left: 58.33333%; } .earth-col-offset-14 { margin-left: 58.33333%; } .earth-col-span-15 { flex-grow: 0; flex-shrink: 0; flex-basis: 62.5%; max-width: 62.5%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-15 { order: 15; } .earth-col-pull-15 { right: 62.5%; } .earth-col-push-15 { left: 62.5%; } .earth-col-offset-15 { margin-left: 62.5%; } .earth-col-span-16 { flex-grow: 0; flex-shrink: 0; flex-basis: 66.66667%; max-width: 66.66667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-16 { order: 16; } .earth-col-pull-16 { right: 66.66667%; } .earth-col-push-16 { left: 66.66667%; } .earth-col-offset-16 { margin-left: 66.66667%; } .earth-col-span-17 { flex-grow: 0; flex-shrink: 0; flex-basis: 70.83333%; max-width: 70.83333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-17 { order: 17; } .earth-col-pull-17 { right: 70.83333%; } .earth-col-push-17 { left: 70.83333%; } .earth-col-offset-17 { margin-left: 70.83333%; } .earth-col-span-18 { flex-grow: 0; flex-shrink: 0; flex-basis: 75%; max-width: 75%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-18 { order: 18; } .earth-col-pull-18 { right: 75%; } .earth-col-push-18 { left: 75%; } .earth-col-offset-18 { margin-left: 75%; } .earth-col-span-19 { flex-grow: 0; flex-shrink: 0; flex-basis: 79.16667%; max-width: 79.16667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-19 { order: 19; } .earth-col-pull-19 { right: 79.16667%; } .earth-col-push-19 { left: 79.16667%; } .earth-col-offset-19 { margin-left: 79.16667%; } .earth-col-span-20 { flex-grow: 0; flex-shrink: 0; flex-basis: 83.33333%; max-width: 83.33333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-20 { order: 20; } .earth-col-pull-20 { right: 83.33333%; } .earth-col-push-20 { left: 83.33333%; } .earth-col-offset-20 { margin-left: 83.33333%; } .earth-col-span-21 { flex-grow: 0; flex-shrink: 0; flex-basis: 87.5%; max-width: 87.5%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-21 { order: 21; } .earth-col-pull-21 { right: 87.5%; } .earth-col-push-21 { left: 87.5%; } .earth-col-offset-21 { margin-left: 87.5%; } .earth-col-span-22 { flex-grow: 0; flex-shrink: 0; flex-basis: 91.66667%; max-width: 91.66667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-22 { order: 22; } .earth-col-pull-22 { right: 91.66667%; } .earth-col-push-22 { left: 91.66667%; } .earth-col-offset-22 { margin-left: 91.66667%; } .earth-col-span-23 { flex-grow: 0; flex-shrink: 0; flex-basis: 95.83333%; max-width: 95.83333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-23 { order: 23; } .earth-col-pull-23 { right: 95.83333%; } .earth-col-push-23 { left: 95.83333%; } .earth-col-offset-23 { margin-left: 95.83333%; } .earth-col-span-24 { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; max-width: 100%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-24 { order: 24; } .earth-col-pull-24 { right: 100%; } .earth-col-push-24 { left: 100%; } .earth-col-offset-24 { margin-left: 100%; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-container { width: 100%; padding: 0 20px; max-width: 1920px; } @media all and (min-width: 768px) { .earth-container { width: 100%; padding: 0 36px; } } @media all and (width: 1024px) { .earth-container { width: 100%; padding: 0 56px; } } @media all and (min-width: 1025px) { .earth-container { width: 100%; padding: 0 80px; margin: 0 auto; max-width: 1432px; } } .earth-container-disable-padding { padding-left: 0; padding-right: 0; } .earth-container-disable-maxWidth { width: 100%; max-width: 100%; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-level-h1 { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-m { font-size: 36px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (width: 1024px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h1 { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 56px; line-height: 1.15; } } .earth-font-level-h2 { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-m { font-size: 32px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h2 { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h2 { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h2 { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 48px; line-height: 1.15; } } .earth-font-level-h3 { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-m { font-size: 28px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h3 { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-m { font-size: 44px; line-height: 1.15; } } .earth-font-level-h4 { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h4 { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h4 { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h4 { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-m { font-size: 40px; line-height: 1.1; } } .earth-font-level-h5 { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h5 { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } .earth-font-level-h6 { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h6 { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 32px; line-height: 1.2; } } .earth-font-level-h7 { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h7 { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 28px; line-height: 1.2; } } .earth-font-level-h8 { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } .earth-font-level-h9 { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 18px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h10 { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 18px; line-height: 1.5; } } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } .earth-font-level-h12 { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h12 { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.55; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-level-h1 { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-m { font-size: 36px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (width: 1024px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h1 { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 56px; line-height: 1.15; } } .earth-font-level-h2 { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-m { font-size: 32px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h2 { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h2 { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h2 { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 48px; line-height: 1.15; } } .earth-font-level-h3 { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-m { font-size: 28px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h3 { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-m { font-size: 44px; line-height: 1.15; } } .earth-font-level-h4 { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h4 { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h4 { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h4 { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-m { font-size: 40px; line-height: 1.1; } } .earth-font-level-h5 { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h5 { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } .earth-font-level-h6 { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h6 { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 32px; line-height: 1.2; } } .earth-font-level-h7 { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h7 { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 28px; line-height: 1.2; } } .earth-font-level-h8 { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } .earth-font-level-h9 { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 18px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h10 { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 18px; line-height: 1.5; } } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } .earth-font-level-h12 { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h12 { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.55; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-zh-type-title-h1 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-zh-type-title-h1 { font-size: 56px; line-height: 66px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } .earth-font-en-type-title-h1 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-en-type-title-h1 { font-size: 56px; line-height: 64px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-weight-normal { font-weight: normal; } .earth-font-weight-bold { font-weight: bold; } .earth-font-weight-lighter { font-weight: lighter; } .earth-font-weight-bolder { font-weight: bolder; } .earth-font-weight-100 { font-weight: 100; } .earth-font-weight-200 { font-weight: 200; } .earth-font-weight-300 { font-weight: 300; } .earth-font-weight-400 { font-weight: 400; } .earth-font-weight-500 { font-weight: 500; } .earth-font-weight-600 { font-weight: 600; } .earth-font-weight-700 { font-weight: 700; } .earth-font-weight-800 { font-weight: 800; } .earth-font-none { font-weight: normal; } .earth-font-medium { font-weight: 500; } @media all and (max-width: 1024px) { .earth-font-medium { font-weight: 600; } } .earth-font-align-center { text-align: center; } .earth-font-align-left { text-align: left; } .earth-font-align-right { text-align: right; } .earth-font-black-100 { color: #24262b; } .earth-font-black-65 { color: #656667; } .earth-font-black-45 { color: #959595; } .earth-font-black-25 { color: #c4c4c4; } .earth-font-black-15 { color: #dcdcdc; } .earth-font-black-9 { color: #ebebeb; } .earth-font-black-4 { color: #f6f6f6; } .earth-font-black-2 { color: #fbfbfb; } .earth-font-white { color: #fff; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-zh-type-title-h1 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-zh-type-title-h1 { font-size: 56px; line-height: 66px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } .earth-font-en-type-title-h1 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-en-type-title-h1 { font-size: 56px; line-height: 64px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-row { display: flex; flex-wrap: wrap; } .earth-row-top { align-items: flex-start; } .earth-row-middle { align-items: center; } .earth-row-bottom { align-items: flex-end; } .earth-row-stretch { align-items: stretch; } .earth-row-left { justify-content: flex-start; } .earth-row-center { justify-content: center; } .earth-row-right { justify-content: flex-end; } .earth-row-space-between { justify-content: space-between; } .earth-row-space-around { justify-content: space-around; } .earth-row-nowrap { flex-wrap: nowrap; } .earth-row-native-grid { display: grid; } @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-collapse-content { overflow: hidden; position: relative; } .earth-collapse-content .earth-collapse-feather { position: absolute; left: 0; color: white; height: 20; } .earth-collapse-content .earth-collapse-feather-bottom { left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent, currentColor 90%); } .earth-collapse-animated .earth-collapse-content { transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .earth-collapse-action-button { cursor: pointer; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card-action-btn-wrapper { padding-top: 40px; padding-bottom: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .earth-card-action-btn-wrapper a { text-decoration: none; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card-content p { margin: 0; } .earth-card-content-wrapper { text-align: inherit; font-size: 16px; display: flex; flex-direction: column; } .earth-card-content-wrapper .earth-card-content-header-wrapper { display: flex; flex-wrap: wrap; align-items: center; text-align: inherit; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo { margin: 0; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo img { width: 48px; height: 48px; object-fit: cover; display: inline-block; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-title { flex: 1; margin: 0; margin-bottom: 12px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-medium img { width: 52px; height: 52px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-large img { width: 64px; height: 64px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-left { margin-right: 20px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-right { margin-left: 20px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-top { width: 100%; margin-bottom: 20px; } .earth-card-content-wrapper .earth-card-content-body { margin: 0; line-height: 24px; flex: 1; display: flex; flex-direction: column; } .earth-card-content-expand-btn { display: flex; align-items: center; margin-top: 40px; } .earth-card-content-expand-btn::after { content: ''; width: 8px; height: 8px; margin-left: 8px; transform-origin: center; border-left: 1px solid currentColor; border-top: 1px solid currentColor; transform: rotate(225deg); margin-bottom: 5.656px; margin-bottom: 0; } .earth-card-content-expand-btn-expanded::after { margin-top: 0; transform: rotate(45deg); margin-top: 5.656px; } .earth-card-content .earth-card-action-btn-wrapper { padding-right: 0; padding-left: 0; padding-bottom: 0; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card-action-link { font-size: 14px; line-height: 22px; font-weight: 600; color: #ff4800 !important; text-decoration: none; } .earth-card-action-link:visited { color: #ff4800; } .earth-card-action-link .i-arr-right { vertical-align: middle; transition: transform ease 0.3s; content: ''; display: inline-block; width: 14px; height: 14px; margin-top: -2px; text-align: center; line-height: 14px; } .earth-card-action-link:hover .i-arr-right { transform: translateX(5px); } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card-media { display: block; margin: 0; align-self: stretch; flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .earth-card-media-match-parent { border-radius: 0 !important; } .earth-card-media-horizontal { max-width: 80%; } /* 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-small > .ant-tabs-nav .ant-tabs-tab { padding: 8px 0; font-size: 14px; } .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 16px 0; font-size: 16px; } .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 6px 16px; } .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 7px 16px 6px; } .ant-tabs-rtl { direction: rtl; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-left: 0; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 0; margin-left: 12px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { margin-right: 8px; margin-left: -4px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-right: 0; margin-left: 2px; } .ant-tabs-dropdown-rtl { direction: rtl; } .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { text-align: right; } .ant-tabs-top, .ant-tabs-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { margin: 0 0 16px 0; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { position: absolute; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; content: ''; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 2px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { -webkit-transition: width 0.3s, left 0.3s, right 0.3s; transition: width 0.3s, left 0.3s, right 0.3s; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { top: 0; bottom: 0; width: 30px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { left: 0; -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { opacity: 1; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { opacity: 1; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before { bottom: 0; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 16px; margin-bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { top: 0; } .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { top: 0; } .ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .ant-tabs-left > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 50px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { margin: 0 0 16px 0; padding: 8px 24px; text-align: center; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-bottom: 0; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn { font-weight: normal; text-shadow: 0 0 0.25px #096dd9; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; left: 0; height: 30px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { top: 0; -webkit-box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { bottom: 0; -webkit-box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { width: 2px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { -webkit-transition: height 0.3s, top 0.3s; transition: height 0.3s, top 0.3s; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar { right: 0; } .ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder { margin-left: -1px; border-left: 1px solid #f0f0f0; } .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-left: 24px; } .ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { left: 0; } .ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: -1px; border-right: 1px solid #f0f0f0; } .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-right: 24px; } .ant-tabs-dropdown { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-tabs-dropdown-hidden { display: none; } .ant-tabs-dropdown-menu { max-height: 200px; margin: 0; padding: 4px 0; overflow-x: hidden; overflow-y: auto; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tabs-dropdown-menu-item { min-width: 120px; margin: 0; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tabs-dropdown-menu-item:hover { background: #f5f5f5; } .ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab { margin: 0; padding: 8px 16px; background: #fafafa; border: 1px solid #f0f0f0; -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-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active { color: #1890ff; background: #fff; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-right: 2px; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 2px 0 0; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active { border-bottom-color: #fff; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 0 2px 2px; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active { border-top-color: #fff; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-bottom: 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 0 0 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active { border-right-color: #fff; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 2px 2px 0; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active { border-left-color: #fff; } .ant-tabs { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { position: relative; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -ms-flex-item-align: stretch; align-self: stretch; overflow: hidden; white-space: nowrap; -webkit-transform: translate(0); transform: translate(0); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; content: ''; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more { position: relative; padding: 8px 16px; background: transparent; border: 0; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; -webkit-transform: translateY(100%); transform: translateY(100%); content: ''; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { min-width: 40px; padding: 0 8px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; outline: none; cursor: pointer; -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-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover { color: #40a9ff; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus { color: #096dd9; } .ant-tabs-extra-content { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ant-tabs-ink-bar { position: absolute; background: #1890ff; pointer-events: none; } .ant-tabs-tab { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 32px 0 0; padding: 12px 0; font-size: 14px; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-tabs-tab:last-of-type { margin-right: 0; margin-left: 0; } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color: #096dd9; } .ant-tabs-tab-btn { outline: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tabs-tab-remove { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: -4px; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: none; outline: none; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-tabs-tab-remove:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs-tab:hover { color: #40a9ff; } .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #1890ff; font-weight: 500; } .ant-tabs-tab.ant-tabs-tab-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-tab .anticon { margin-right: 12px; } .ant-tabs-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .ant-tabs-content-holder { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 0; min-height: 0; } .ant-tabs-content-animated { -webkit-transition: margin 0.3s; transition: margin 0.3s; } .ant-tabs-tabpane { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; outline: none; } .cms-video-block { width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; } .cms-video-play-con { position: relative; max-width: 1000px; height: 100%; margin: 0 auto; } .cms-video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 30px; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); transition: all 0.25s; cursor: pointer; } .cms-video-play::before { content: ''; border: 10px solid transparent; border-left-color: rgba(255, 255, 255, 0.8); border-left-width: 14px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-15%, -50%); transition: all 0.25s; } .cms-video-play:hover::before { border-left-color: #ffffff; } .cms-video-mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 99; overflow: hidden; } .cms-video-mask .cms-video-con { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .cms-video-mask .cms-video { position: relative; } .cms-video-mask .cms-video .cms-video-player { margin: 0 auto; } .cms-video-mask .cms-video .cms-video-player-mb { width: 95vw; height: calc(95vw / 16 * 9); margin: 0 auto; } .cms-video-mask .cms-video .cms-video-close { position: absolute; bottom: 100%; right: 0; width: 20px; height: 20px; background: #9b9b9b; color: #fff; text-align: center; font-size: 18px; line-height: 18px; cursor: pointer; } .cms-video-mask .cms-video video { outline: none; } h1, h2, h3, h4, h5, h6 { margin: 0; } div { overflow-wrap: break-word; } .flex { display: flex; } .f-d-col { flex-direction: column; } .f-jc-spb { justify-content: space-between; } .f-jc-end { justify-content: flex-end; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card { border-radius: 8px; overflow: hidden; display: flex; background-color: white; } .earth-card > .earth-card-media { flex: 0 0 auto; margin: 32px; } .earth-card-variant-default { box-shadow: 0px 4px 10px 0px rgba(114, 116, 122, 0.08); transition: all ease 0.3s; } .earth-card-variant-default:hover { transform: translateY(-10px); box-shadow: 0px -2px 10px 0px rgba(114, 116, 122, 0.03), 0px 14px 20px 0px rgba(114, 116, 122, 0.18); } .earth-card-variant-none { box-shadow: none; } .earth-card-variant-outlined { box-shadow: none; border: 1px solid rgba(114, 116, 122, 0.08); } .earth-card-vertical { flex-direction: column; flex-wrap: nowrap; width: 100%; } .earth-card-vertical > .earth-card-content, .earth-card-vertical > .earth-card-action-btn-wrapper { padding-left: 32px; padding-right: 32px; } .earth-card-vertical > .earth-card-media-match-parent { width: 100%; } .earth-card-vertical > .earth-card-media-match-parent { margin: 0; } .earth-card-vertical > :first-child.earth-card-content, .earth-card-vertical > :first-child.earth-card-action-btn-wrapper { padding-top: 48px; } .earth-card-vertical > :first-child.earth-card-media { margin-top: 48px; } .earth-card-vertical > :first-child.earth-card-media-match-parent { margin-top: 0; } .earth-card-vertical > :last-child.earth-card-content, .earth-card-vertical > :last-child.earth-card-action-btn-wrapper { padding-bottom: 56px; } .earth-card-vertical > :last-child.earth-card-media { margin-bottom: 56px; } .earth-card-vertical > :first-child.earth-card-media-match-parent { margin-bottom: 0; } .earth-card-vertical.earth-card-media-type > :last-child.earth-card-content, .earth-card-vertical.earth-card-media-type > :last-child.earth-card-action-btn-wrapper { padding-bottom: 40px; } .earth-card-vertical > .earth-card-media:last-child { margin-top: 0px; } .earth-card-vertical.earth-card > :first-child.earth-card-media { margin-bottom: 0; } .earth-card-vertical.earth-card > :first-child.earth-card-media + .earth-card-content { padding-top: 28px; } .earth-card-vertical > .earth-card-content + .earth-card-media, .earth-card-vertical > .earth-card-action-btn-wrapper + .earth-card-media { margin-top: 28px; } .earth-card-horizontal { flex-direction: row; flex-wrap: nowrap; } .earth-card-horizontal.earth-card > .earth-card-content { padding-top: 48px; padding-bottom: 48px; align-self: center; } .earth-card-horizontal.earth-card > .earth-card-content .earth-card-action-btn-wrapper { padding-top: 48px; padding-bottom: 0px; } .earth-card-horizontal.earth-card > .earth-card-content { padding-top: 48px; padding-bottom: 48px; padding-left: 28px; padding-right: 28px; align-self: center; } .earth-card-horizontal.earth-card > .earth-card-content + .earth-card-media { margin-left: 0 !important; } .earth-card-horizontal.earth-card > .earth-card-media { margin-top: 48px; margin-bottom: 56px; margin-left: 28px; margin-right: 28px; } .earth-card-horizontal.earth-card > .earth-card-media-match-parent { margin: 0 !important; } .earth-card-horizontal.earth-card > :first-child.earth-card-media { margin-right: 0; } .earth-card-horizontal.earth-card > :first-child.earth-card-media + .earth-card-content { padding-left: 28px; } .earth-card-horizontal.earth-card > :last-child.earth-card-media:not(:only-child) { margin-left: 28px; } .earth-card-horizontal.earth-card > .earth-card-media:only-child { margin-left: 28px; margin-right: 28px; } .earth-card-horizontal.earth-card > :last-child.earth-card-media-match-parent:not(:only-child) { margin-left: auto !important; } .earth-card-density-medium.earth-card-vertical > .earth-card-content, .earth-card-density-medium.earth-card-vertical > .earth-card-action-btn-wrapper { padding-left: 56px; padding-right: 56px; } .earth-card-density-medium.earth-card-vertical.earth-card > :first-child.earth-card-media + .earth-card-content { padding-top: 32px; } .earth-card-density-medium.earth-card-vertical.earth-card-media-type > :last-child.earth-card-content, .earth-card-density-medium.earth-card-vertical.earth-card-media-type > :last-child.earth-card-action-btn-wrapper { padding-bottom: 44px; } .earth-card-density-medium.earth-card-horizontal .earth-card-content { padding-top: 48px; padding-bottom: 48px; padding-left: 56px; padding-right: 56px; } .earth-card-density-medium.earth-card-horizontal .earth-card-content .earth-card-action-btn-wrapper { padding-top: 40px; padding-bottom: 48px; } .earth-card-density-medium.earth-card-horizontal > .earth-card-media { margin-top: 48px; margin-bottom: 48px; margin-left: 56px; margin-right: 56px; } .earth-card-density-high.earth-card-horizontal > .earth-card-content { padding-top: 64px; padding-bottom: 64px; padding-left: 108px; padding-right: 108px; } .earth-card-density-high.earth-card-horizontal > .earth-card-content .earth-card-action-btn-wrapper { padding-top: 40px; padding-bottom: 64px; } .earth-card-density-high.earth-card-horizontal > .earth-card-media { margin-top: 64px; margin-bottom: 64px; margin-left: 108px; margin-right: 108px; } .earth-card-density-high.earth-card-horizontal > :first-child.earth-card-media { margin-right: 0; } .earth-card-density-high.earth-card-horizontal > :first-child.earth-card-media + .earth-card-content { padding-left: 80px; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } @media screen and (max-width: 768px) { .earth-card > .earth-card-content, .earth-card > .earth-card-content, .earth-card > :first-child.earth-card-action-btn-wrapper { padding-top: 40px; } .earth-card > :last-child.earth-card-content { padding-bottom: 48px; } .earth-card > :last-child.earth-card-action-btn-wrapper { padding-bottom: 40px; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } @media screen and (max-width: 768px) { .earth-card > .earth-card-content, .earth-card > .earth-card-content, .earth-card > :first-child.earth-card-action-btn-wrapper { padding-top: 40px; } .earth-card > :last-child.earth-card-content { padding-bottom: 48px; } .earth-card > :last-child.earth-card-action-btn-wrapper { padding-bottom: 40px; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-col { position: relative; box-sizing: border-box; } .earth-col-span-0 { display: none; } .earth-col-span-1 { flex-grow: 0; flex-shrink: 0; flex-basis: 4.16667%; max-width: 4.16667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-1 { order: 1; } .earth-col-pull-1 { right: 4.16667%; } .earth-col-push-1 { left: 4.16667%; } .earth-col-offset-1 { margin-left: 4.16667%; } .earth-col-span-2 { flex-grow: 0; flex-shrink: 0; flex-basis: 8.33333%; max-width: 8.33333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-2 { order: 2; } .earth-col-pull-2 { right: 8.33333%; } .earth-col-push-2 { left: 8.33333%; } .earth-col-offset-2 { margin-left: 8.33333%; } .earth-col-span-3 { flex-grow: 0; flex-shrink: 0; flex-basis: 12.5%; max-width: 12.5%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-3 { order: 3; } .earth-col-pull-3 { right: 12.5%; } .earth-col-push-3 { left: 12.5%; } .earth-col-offset-3 { margin-left: 12.5%; } .earth-col-span-4 { flex-grow: 0; flex-shrink: 0; flex-basis: 16.66667%; max-width: 16.66667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-4 { order: 4; } .earth-col-pull-4 { right: 16.66667%; } .earth-col-push-4 { left: 16.66667%; } .earth-col-offset-4 { margin-left: 16.66667%; } .earth-col-span-5 { flex-grow: 0; flex-shrink: 0; flex-basis: 20.83333%; max-width: 20.83333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-5 { order: 5; } .earth-col-pull-5 { right: 20.83333%; } .earth-col-push-5 { left: 20.83333%; } .earth-col-offset-5 { margin-left: 20.83333%; } .earth-col-span-6 { flex-grow: 0; flex-shrink: 0; flex-basis: 25%; max-width: 25%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-6 { order: 6; } .earth-col-pull-6 { right: 25%; } .earth-col-push-6 { left: 25%; } .earth-col-offset-6 { margin-left: 25%; } .earth-col-span-7 { flex-grow: 0; flex-shrink: 0; flex-basis: 29.16667%; max-width: 29.16667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-7 { order: 7; } .earth-col-pull-7 { right: 29.16667%; } .earth-col-push-7 { left: 29.16667%; } .earth-col-offset-7 { margin-left: 29.16667%; } .earth-col-span-8 { flex-grow: 0; flex-shrink: 0; flex-basis: 33.33333%; max-width: 33.33333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-8 { order: 8; } .earth-col-pull-8 { right: 33.33333%; } .earth-col-push-8 { left: 33.33333%; } .earth-col-offset-8 { margin-left: 33.33333%; } .earth-col-span-9 { flex-grow: 0; flex-shrink: 0; flex-basis: 37.5%; max-width: 37.5%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-9 { order: 9; } .earth-col-pull-9 { right: 37.5%; } .earth-col-push-9 { left: 37.5%; } .earth-col-offset-9 { margin-left: 37.5%; } .earth-col-span-10 { flex-grow: 0; flex-shrink: 0; flex-basis: 41.66667%; max-width: 41.66667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-10 { order: 10; } .earth-col-pull-10 { right: 41.66667%; } .earth-col-push-10 { left: 41.66667%; } .earth-col-offset-10 { margin-left: 41.66667%; } .earth-col-span-11 { flex-grow: 0; flex-shrink: 0; flex-basis: 45.83333%; max-width: 45.83333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-11 { order: 11; } .earth-col-pull-11 { right: 45.83333%; } .earth-col-push-11 { left: 45.83333%; } .earth-col-offset-11 { margin-left: 45.83333%; } .earth-col-span-12 { flex-grow: 0; flex-shrink: 0; flex-basis: 50%; max-width: 50%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-12 { order: 12; } .earth-col-pull-12 { right: 50%; } .earth-col-push-12 { left: 50%; } .earth-col-offset-12 { margin-left: 50%; } .earth-col-span-13 { flex-grow: 0; flex-shrink: 0; flex-basis: 54.16667%; max-width: 54.16667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-13 { order: 13; } .earth-col-pull-13 { right: 54.16667%; } .earth-col-push-13 { left: 54.16667%; } .earth-col-offset-13 { margin-left: 54.16667%; } .earth-col-span-14 { flex-grow: 0; flex-shrink: 0; flex-basis: 58.33333%; max-width: 58.33333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-14 { order: 14; } .earth-col-pull-14 { right: 58.33333%; } .earth-col-push-14 { left: 58.33333%; } .earth-col-offset-14 { margin-left: 58.33333%; } .earth-col-span-15 { flex-grow: 0; flex-shrink: 0; flex-basis: 62.5%; max-width: 62.5%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-15 { order: 15; } .earth-col-pull-15 { right: 62.5%; } .earth-col-push-15 { left: 62.5%; } .earth-col-offset-15 { margin-left: 62.5%; } .earth-col-span-16 { flex-grow: 0; flex-shrink: 0; flex-basis: 66.66667%; max-width: 66.66667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-16 { order: 16; } .earth-col-pull-16 { right: 66.66667%; } .earth-col-push-16 { left: 66.66667%; } .earth-col-offset-16 { margin-left: 66.66667%; } .earth-col-span-17 { flex-grow: 0; flex-shrink: 0; flex-basis: 70.83333%; max-width: 70.83333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-17 { order: 17; } .earth-col-pull-17 { right: 70.83333%; } .earth-col-push-17 { left: 70.83333%; } .earth-col-offset-17 { margin-left: 70.83333%; } .earth-col-span-18 { flex-grow: 0; flex-shrink: 0; flex-basis: 75%; max-width: 75%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-18 { order: 18; } .earth-col-pull-18 { right: 75%; } .earth-col-push-18 { left: 75%; } .earth-col-offset-18 { margin-left: 75%; } .earth-col-span-19 { flex-grow: 0; flex-shrink: 0; flex-basis: 79.16667%; max-width: 79.16667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-19 { order: 19; } .earth-col-pull-19 { right: 79.16667%; } .earth-col-push-19 { left: 79.16667%; } .earth-col-offset-19 { margin-left: 79.16667%; } .earth-col-span-20 { flex-grow: 0; flex-shrink: 0; flex-basis: 83.33333%; max-width: 83.33333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-20 { order: 20; } .earth-col-pull-20 { right: 83.33333%; } .earth-col-push-20 { left: 83.33333%; } .earth-col-offset-20 { margin-left: 83.33333%; } .earth-col-span-21 { flex-grow: 0; flex-shrink: 0; flex-basis: 87.5%; max-width: 87.5%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-21 { order: 21; } .earth-col-pull-21 { right: 87.5%; } .earth-col-push-21 { left: 87.5%; } .earth-col-offset-21 { margin-left: 87.5%; } .earth-col-span-22 { flex-grow: 0; flex-shrink: 0; flex-basis: 91.66667%; max-width: 91.66667%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-22 { order: 22; } .earth-col-pull-22 { right: 91.66667%; } .earth-col-push-22 { left: 91.66667%; } .earth-col-offset-22 { margin-left: 91.66667%; } .earth-col-span-23 { flex-grow: 0; flex-shrink: 0; flex-basis: 95.83333%; max-width: 95.83333%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-23 { order: 23; } .earth-col-pull-23 { right: 95.83333%; } .earth-col-push-23 { left: 95.83333%; } .earth-col-offset-23 { margin-left: 95.83333%; } .earth-col-span-24 { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; max-width: 100%; } .earth-col-top { align-self: flex-start; } .earth-col-middle { align-self: center; } .earth-col-bottom { align-self: flex-end; } .earth-col-order-24 { order: 24; } .earth-col-pull-24 { right: 100%; } .earth-col-push-24 { left: 100%; } .earth-col-offset-24 { margin-left: 100%; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-container { width: 100%; padding: 0 20px; max-width: 1920px; } @media all and (min-width: 768px) { .earth-container { width: 100%; padding: 0 36px; } } @media all and (width: 1024px) { .earth-container { width: 100%; padding: 0 56px; } } @media all and (min-width: 1025px) { .earth-container { width: 100%; padding: 0 80px; margin: 0 auto; max-width: 1432px; } } .earth-container-disable-padding { padding-left: 0; padding-right: 0; } .earth-container-disable-maxWidth { width: 100%; max-width: 100%; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-level-h1 { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-m { font-size: 36px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (width: 1024px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h1 { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 56px; line-height: 1.15; } } .earth-font-level-h2 { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-m { font-size: 32px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h2 { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h2 { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h2 { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 48px; line-height: 1.15; } } .earth-font-level-h3 { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-m { font-size: 28px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h3 { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-m { font-size: 44px; line-height: 1.15; } } .earth-font-level-h4 { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h4 { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h4 { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h4 { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-m { font-size: 40px; line-height: 1.1; } } .earth-font-level-h5 { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h5 { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } .earth-font-level-h6 { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h6 { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 32px; line-height: 1.2; } } .earth-font-level-h7 { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h7 { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 28px; line-height: 1.2; } } .earth-font-level-h8 { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } .earth-font-level-h9 { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 18px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h10 { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 18px; line-height: 1.5; } } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } .earth-font-level-h12 { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h12 { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.55; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-level-h1 { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-m { font-size: 36px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (width: 1024px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h1 { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 56px; line-height: 1.15; } } .earth-font-level-h2 { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-m { font-size: 32px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h2 { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h2 { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h2 { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 48px; line-height: 1.15; } } .earth-font-level-h3 { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-m { font-size: 28px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h3 { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-m { font-size: 44px; line-height: 1.15; } } .earth-font-level-h4 { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h4 { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h4 { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h4 { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-m { font-size: 40px; line-height: 1.1; } } .earth-font-level-h5 { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h5 { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } .earth-font-level-h6 { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h6 { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 32px; line-height: 1.2; } } .earth-font-level-h7 { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h7 { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 28px; line-height: 1.2; } } .earth-font-level-h8 { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } .earth-font-level-h9 { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 18px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h10 { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 18px; line-height: 1.5; } } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } .earth-font-level-h12 { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h12 { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.55; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-zh-type-title-h1 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-zh-type-title-h1 { font-size: 56px; line-height: 66px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } .earth-font-en-type-title-h1 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-en-type-title-h1 { font-size: 56px; line-height: 64px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-weight-normal { font-weight: normal; } .earth-font-weight-bold { font-weight: bold; } .earth-font-weight-lighter { font-weight: lighter; } .earth-font-weight-bolder { font-weight: bolder; } .earth-font-weight-100 { font-weight: 100; } .earth-font-weight-200 { font-weight: 200; } .earth-font-weight-300 { font-weight: 300; } .earth-font-weight-400 { font-weight: 400; } .earth-font-weight-500 { font-weight: 500; } .earth-font-weight-600 { font-weight: 600; } .earth-font-weight-700 { font-weight: 700; } .earth-font-weight-800 { font-weight: 800; } .earth-font-none { font-weight: normal; } .earth-font-medium { font-weight: 500; } @media all and (max-width: 1024px) { .earth-font-medium { font-weight: 600; } } .earth-font-align-center { text-align: center; } .earth-font-align-left { text-align: left; } .earth-font-align-right { text-align: right; } .earth-font-black-100 { color: #24262b; } .earth-font-black-65 { color: #656667; } .earth-font-black-45 { color: #959595; } .earth-font-black-25 { color: #c4c4c4; } .earth-font-black-15 { color: #dcdcdc; } .earth-font-black-9 { color: #ebebeb; } .earth-font-black-4 { color: #f6f6f6; } .earth-font-black-2 { color: #fbfbfb; } .earth-font-white { color: #fff; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-zh-type-title-h1 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-zh-type-title-h1 { font-size: 56px; line-height: 66px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } .earth-font-en-type-title-h1 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-en-type-title-h1 { font-size: 56px; line-height: 64px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-row { display: flex; flex-wrap: wrap; } .earth-row-top { align-items: flex-start; } .earth-row-middle { align-items: center; } .earth-row-bottom { align-items: flex-end; } .earth-row-stretch { align-items: stretch; } .earth-row-left { justify-content: flex-start; } .earth-row-center { justify-content: center; } .earth-row-right { justify-content: flex-end; } .earth-row-space-between { justify-content: space-between; } .earth-row-space-around { justify-content: space-around; } .earth-row-nowrap { flex-wrap: nowrap; } .earth-row-native-grid { display: grid; } @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-collapse-content { overflow: hidden; position: relative; } .earth-collapse-content .earth-collapse-feather { position: absolute; left: 0; color: white; height: 20; } .earth-collapse-content .earth-collapse-feather-bottom { left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, transparent, currentColor 90%); } .earth-collapse-animated .earth-collapse-content { transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .earth-collapse-action-button { cursor: pointer; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card-action-btn-wrapper { padding-top: 40px; padding-bottom: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .earth-card-action-btn-wrapper a { text-decoration: none; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card-content p { margin: 0; } .earth-card-content-wrapper { text-align: inherit; font-size: 16px; display: flex; flex-direction: column; } .earth-card-content-wrapper .earth-card-content-header-wrapper { display: flex; flex-wrap: wrap; align-items: center; text-align: inherit; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo { margin: 0; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo img { width: 48px; height: 48px; object-fit: cover; display: inline-block; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-title { flex: 1; margin: 0; margin-bottom: 12px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-medium img { width: 52px; height: 52px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-large img { width: 64px; height: 64px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-left { margin-right: 20px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-right { margin-left: 20px; } .earth-card-content-wrapper .earth-card-content-header-wrapper .earth-card-content-logo.earth-card-content-logo-top { width: 100%; margin-bottom: 20px; } .earth-card-content-wrapper .earth-card-content-body { margin: 0; line-height: 24px; flex: 1; display: flex; flex-direction: column; } .earth-card-content-expand-btn { display: flex; align-items: center; margin-top: 40px; } .earth-card-content-expand-btn::after { content: ''; width: 8px; height: 8px; margin-left: 8px; transform-origin: center; border-left: 1px solid currentColor; border-top: 1px solid currentColor; transform: rotate(225deg); margin-bottom: 5.656px; margin-bottom: 0; } .earth-card-content-expand-btn-expanded::after { margin-top: 0; transform: rotate(45deg); margin-top: 5.656px; } .earth-card-content .earth-card-action-btn-wrapper { padding-right: 0; padding-left: 0; padding-bottom: 0; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card-action-link { font-size: 14px; line-height: 22px; font-weight: 600; color: #ff4800 !important; text-decoration: none; } .earth-card-action-link:visited { color: #ff4800; } .earth-card-action-link .i-arr-right { vertical-align: middle; transition: transform ease 0.3s; content: ''; display: inline-block; width: 14px; height: 14px; margin-top: -2px; text-align: center; line-height: 14px; } .earth-card-action-link:hover .i-arr-right { transform: translateX(5px); } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-card-media { display: block; margin: 0; align-self: stretch; flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .earth-card-media-match-parent { border-radius: 0 !important; } .earth-card-media-horizontal { max-width: 80%; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-row { display: flex; flex-wrap: wrap; } .earth-row-top { align-items: flex-start; } .earth-row-middle { align-items: center; } .earth-row-bottom { align-items: flex-end; } .earth-row-stretch { align-items: stretch; } .earth-row-left { justify-content: flex-start; } .earth-row-center { justify-content: center; } .earth-row-right { justify-content: flex-end; } .earth-row-space-between { justify-content: space-between; } .earth-row-space-around { justify-content: space-around; } .earth-row-nowrap { flex-wrap: nowrap; } .earth-row-native-grid { display: grid; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-container { width: 100%; padding: 0 20px; max-width: 1920px; } @media all and (min-width: 768px) { .earth-container { width: 100%; padding: 0 36px; } } @media all and (width: 1024px) { .earth-container { width: 100%; padding: 0 56px; } } @media all and (min-width: 1025px) { .earth-container { width: 100%; padding: 0 80px; margin: 0 auto; max-width: 1432px; } } .earth-container-disable-padding { padding-left: 0; padding-right: 0; } .earth-container-disable-maxWidth { width: 100%; max-width: 100%; } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-level-h1 { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h1-m { font-size: 36px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (width: 1024px) { .earth-font-level-h1 { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h1 { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-s { font-size: 56px; line-height: 1.15; } .earth-font-level-h1-m { font-size: 56px; line-height: 1.15; } } .earth-font-level-h2 { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h2-m { font-size: 32px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h2 { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h2-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h2 { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 44px; line-height: 1.15; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h2 { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-s { font-size: 48px; line-height: 1.15; } .earth-font-level-h2-m { font-size: 48px; line-height: 1.15; } } .earth-font-level-h3 { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h3-m { font-size: 28px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (width: 1024px) { .earth-font-level-h3 { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h3-m { font-size: 40px; line-height: 1.1; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h3 { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-s { font-size: 44px; line-height: 1.15; } .earth-font-level-h3-m { font-size: 44px; line-height: 1.15; } } .earth-font-level-h4 { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h4 { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h4 { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h4-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h4 { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-s { font-size: 40px; line-height: 1.1; } .earth-font-level-h4-m { font-size: 40px; line-height: 1.1; } } .earth-font-level-h5 { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h5 { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h5 { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-s { font-size: 36px; line-height: 1.2; } .earth-font-level-h5-m { font-size: 36px; line-height: 1.2; } } .earth-font-level-h6 { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 24px; line-height: 1.2; } @media all and (min-width: 768px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h6 { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 28px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h6 { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-s { font-size: 32px; line-height: 1.2; } .earth-font-level-h6-m { font-size: 32px; line-height: 1.2; } } .earth-font-level-h7 { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h7-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h7 { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h7 { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-s { font-size: 28px; line-height: 1.2; } .earth-font-level-h7-m { font-size: 28px; line-height: 1.2; } } .earth-font-level-h8 { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h8-m { font-size: 20px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (width: 1024px) { .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h8 { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-s { font-size: 24px; line-height: 1.2; } .earth-font-level-h8-m { font-size: 24px; line-height: 1.2; } } .earth-font-level-h9 { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 18px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h9 { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-s { font-size: 20px; line-height: 1.5; } .earth-font-level-h9-m { font-size: 20px; line-height: 1.5; } } .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h10 { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h10 { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-s { font-size: 18px; line-height: 1.5; } .earth-font-level-h10-m { font-size: 18px; line-height: 1.5; } } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h11 { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h11-m { font-size: 16px; line-height: 1.5; } } .earth-font-level-h12 { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.5; } @media all and (min-width: 768px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (width: 1024px) { .earth-font-level-h12 { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-s { font-size: 16px; line-height: 1.5; } .earth-font-level-h12-m { font-size: 16px; line-height: 1.5; } } @media all and (min-width: 1025px) { .earth-font { white-space: pre-wrap; } .earth-font-level-h12 { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-s { font-size: 14px; line-height: 1.55; } .earth-font-level-h12-m { font-size: 14px; line-height: 1.55; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-zh-type-title-h1 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-zh-type-title-h1 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-zh-type-title-h1 { font-size: 56px; line-height: 66px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h2 { font-size: 44px; line-height: 54px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h3 { font-size: 40px; line-height: 50px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-title-h4 { font-size: 36px; line-height: 46px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-subtitle-h1 { font-size: 32px; line-height: 42px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h2 { font-size: 28px; line-height: 38px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h3 { font-size: 24px; line-height: 34px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h4 { font-size: 20px; line-height: 30px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h5 { font-size: 18px; line-height: 28px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-zh-type-subtitle-h6 { font-size: 16px; line-height: 26px; font-weight: 700; font-family: "PingFang SC"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-body-h1 { font-size: 16px; line-height: 26px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-body-h2 { font-size: 14px; line-height: 24px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-zh-type-caption-h1 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-zh-type-caption-h2 { font-size: 12px; line-height: 20px; font-weight: 400; font-family: "PingFang SC"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } .earth-font-en-type-title-h1 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } @media all and (min-width: 768px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (width: 1024px) { .earth-font-en-type-title-h1 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } @media all and (min-width: 1025px) { .earth-font-en-type-title-h1 { font-size: 56px; line-height: 64px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h2 { font-size: 44px; line-height: 52px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h3 { font-size: 40px; line-height: 48px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h4 { font-size: 36px; line-height: 44px; font-weight: 700; font-family: "manrope"; color: #131415; letter-spacing: -0.04px; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-subtitle-h1 { font-size: 32px; line-height: 40px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h2 { font-size: 28px; line-height: 36px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h3 { font-size: 24px; line-height: 32px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h4 { font-size: 20px; line-height: 28px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h5 { font-size: 18px; line-height: 26px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-subtitle-h6 { font-size: 16px; line-height: 24px; font-weight: 700; font-family: "manrope"; color: #131415; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-body-h1 { font-size: 16px; line-height: 24px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-body-h2 { font-size: 14px; line-height: 22px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } .earth-font-en-type-caption-h1 { font-size: 14px; line-height: 20px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-caption-h2 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: "lato"; color: #606266; } .earth-font-en-type-title-h1 { font-weight: 800; } } [class^='earth-']::-ms-clear, [class^='earth-'] input::-ms-clear, [class^='earth-'] input::-ms-reveal, [class*='earth-']::-ms-clear, [class*='earth-'] input::-ms-clear, [class*='earth-'] input::-ms-reveal { display: none; } [class^='earth-'], [class^='earth-'] *, [class^='earth-'] *::before, [class^='earth-'] *::after, [class*='earth-'], [class*='earth-'] *, [class*='earth-'] *::before, [class*='earth-'] *::after { box-sizing: border-box; } .earth-font-weight-normal { font-weight: normal; } .earth-font-weight-bold { font-weight: bold; } .earth-font-weight-lighter { font-weight: lighter; } .earth-font-weight-bolder { font-weight: bolder; } .earth-font-weight-100 { font-weight: 100; } .earth-font-weight-200 { font-weight: 200; } .earth-font-weight-300 { font-weight: 300; } .earth-font-weight-400 { font-weight: 400; } .earth-font-weight-500 { font-weight: 500; } .earth-font-weight-600 { font-weight: 600; } .earth-font-weight-700 { font-weight: 700; } .earth-font-weight-800 { font-weight: 800; } .earth-font-none { font-weight: normal; } .earth-font-medium { font-weight: 500; } @media all and (max-width: 1024px) { .earth-font-medium { font-weight: 600; } } .earth-font-align-center { text-align: center; } .earth-font-align-left { text-align: left; } .earth-font-align-right { text-align: right; } .earth-font-black-100 { color: #24262b; } .earth-font-black-65 { color: #656667; } .earth-font-black-45 { color: #959595; } .earth-font-black-25 { color: #c4c4c4; } .earth-font-black-15 { color: #dcdcdc; } .earth-font-black-9 { color: #ebebeb; } .earth-font-black-4 { color: #f6f6f6; } .earth-font-black-2 { color: #fbfbfb; } .earth-font-white { color: #fff; } @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } h1, h2, h3, h4, h5, h6 { margin: 0; } /* 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 */ [class^=ant-]::-ms-clear, [class*= ant-]::-ms-clear, [class^=ant-] input::-ms-clear, [class*= ant-] input::-ms-clear, [class^=ant-] input::-ms-reveal, [class*= ant-] input::-ms-reveal { display: none; } [class^=ant-], [class*= ant-], [class^=ant-] *, [class*= ant-] *, [class^=ant-] *::before, [class*= ant-] *::before, [class^=ant-] *::after, [class*= ant-] *::after { box-sizing: border-box; } /* stylelint-disable at-rule-no-unknown */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } body { margin: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-variant: tabular-nums; line-height: 1.5715; background-color: #fff; font-feature-settings: 'tnum'; } [tabindex='-1']:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type='text'], input[type='password'], input[type='number'], textarea { -webkit-appearance: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #1890ff; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #40a9ff; } a:active { color: #096dd9; } a:active, a:hover { text-decoration: none; outline: 0; } a:focus { text-decoration: none; outline: 0; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; pointer-events: none; } pre, code, kbd, samp { font-size: 1em; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } th { text-align: inherit; } input, button, select, optgroup, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'], input[type='checkbox'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: #feffe6; } ::selection { color: #fff; background: #1890ff; } .clearfix::before { display: table; content: ''; } .clearfix::after { display: table; clear: both; content: ''; } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon[tabindex] { cursor: pointer; } .anticon-spin::before { display: inline-block; animation: loadingCircle 1s infinite linear; } .anticon-spin { display: inline-block; animation: loadingCircle 1s infinite linear; } .ant-fade-enter, .ant-fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-enter.ant-fade-enter-active, .ant-fade-appear.ant-fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .ant-fade-leave.ant-fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .ant-fade-enter, .ant-fade-appear { opacity: 0; animation-timing-function: linear; } .ant-fade-leave { animation-timing-function: linear; } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .ant-move-up-enter, .ant-move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-enter.ant-move-up-enter-active, .ant-move-up-appear.ant-move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .ant-move-up-leave.ant-move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .ant-move-up-enter, .ant-move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-down-enter, .ant-move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-enter.ant-move-down-enter-active, .ant-move-down-appear.ant-move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .ant-move-down-leave.ant-move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .ant-move-down-enter, .ant-move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-left-enter, .ant-move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-enter.ant-move-left-enter-active, .ant-move-left-appear.ant-move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .ant-move-left-leave.ant-move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .ant-move-left-enter, .ant-move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-right-enter, .ant-move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-enter.ant-move-right-enter-active, .ant-move-right-appear.ant-move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .ant-move-right-leave.ant-move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .ant-move-right-enter, .ant-move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftIn { 0% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightIn { 0% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes loadingCircle { 100% { transform: rotate(360deg); } } [ant-click-animating='true'], [ant-click-animating-without-extra-node='true'] { position: relative; } html { --antd-wave-shadow-color: #1890ff; --scroll-bar: 0; } [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: 0.2; animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); animation-fill-mode: forwards; content: ''; pointer-events: none; } @keyframes waveEffect { 100% { box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes fadeEffect { 100% { opacity: 0; } } .ant-slide-up-enter, .ant-slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .ant-slide-up-leave.ant-slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .ant-slide-up-enter, .ant-slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-down-enter, .ant-slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .ant-slide-down-leave.ant-slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .ant-slide-down-enter, .ant-slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-left-enter, .ant-slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .ant-slide-left-leave.ant-slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .ant-slide-left-enter, .ant-slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-right-enter, .ant-slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .ant-slide-right-leave.ant-slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .ant-slide-right-enter, .ant-slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideLeftIn { 0% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftOut { 0% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideRightIn { 0% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightOut { 0% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } } .ant-zoom-enter, .ant-zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-enter.ant-zoom-enter-active, .ant-zoom-appear.ant-zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .ant-zoom-leave.ant-zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .ant-zoom-enter, .ant-zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-enter-prepare, .ant-zoom-appear-prepare { transform: none; } .ant-zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-enter, .ant-zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-enter.ant-zoom-big-enter-active, .ant-zoom-big-appear.ant-zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-leave.ant-zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-enter, .ant-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-enter-prepare, .ant-zoom-big-appear-prepare { transform: none; } .ant-zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-fast-enter-prepare, .ant-zoom-big-fast-appear-prepare { transform: none; } .ant-zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-up-enter, .ant-zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-enter.ant-zoom-up-enter-active, .ant-zoom-up-appear.ant-zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .ant-zoom-up-leave.ant-zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .ant-zoom-up-enter, .ant-zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-up-enter-prepare, .ant-zoom-up-appear-prepare { transform: none; } .ant-zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-down-enter, .ant-zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-enter.ant-zoom-down-enter-active, .ant-zoom-down-appear.ant-zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .ant-zoom-down-leave.ant-zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .ant-zoom-down-enter, .ant-zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-down-enter-prepare, .ant-zoom-down-appear-prepare { transform: none; } .ant-zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-left-enter, .ant-zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-enter.ant-zoom-left-enter-active, .ant-zoom-left-appear.ant-zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .ant-zoom-left-leave.ant-zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .ant-zoom-left-enter, .ant-zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-left-enter-prepare, .ant-zoom-left-appear-prepare { transform: none; } .ant-zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-right-enter, .ant-zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-enter.ant-zoom-right-enter-active, .ant-zoom-right-appear.ant-zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .ant-zoom-right-leave.ant-zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .ant-zoom-right-enter, .ant-zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-right-enter-prepare, .ant-zoom-right-appear-prepare { transform: none; } .ant-zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @keyframes antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } @keyframes antZoomUpIn { 0% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 0%; } } @keyframes antZoomUpOut { 0% { transform: scale(1); transform-origin: 50% 0%; } 100% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomLeftIn { 0% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 0% 50%; } } @keyframes antZoomLeftOut { 0% { transform: scale(1); transform-origin: 0% 50%; } 100% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomRightIn { 0% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 100% 50%; } } @keyframes antZoomRightOut { 0% { transform: scale(1); transform-origin: 100% 50%; } 100% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomDownIn { 0% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 100%; } } @keyframes antZoomDownOut { 0% { transform: scale(1); transform-origin: 50% 100%; } 100% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-active { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-motion-collapse { overflow: hidden; transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } /* 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-table.ant-table-middle { font-size: 14px; } .ant-table.ant-table-middle .ant-table-title, .ant-table.ant-table-middle .ant-table-footer, .ant-table.ant-table-middle .ant-table-thead > tr > th, .ant-table.ant-table-middle .ant-table-tbody > tr > td, .ant-table.ant-table-middle tfoot > tr > th, .ant-table.ant-table-middle tfoot > tr > td { padding: 12px 8px; } .ant-table.ant-table-middle .ant-table-thead th.ant-table-column-has-sorters { padding: 0; } .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title { padding: 12px 2.3em 12px 8px; } .ant-table.ant-table-middle .ant-table-thead .ant-table-column-sorters { padding: 12px 8px; } .ant-table.ant-table-middle .ant-table-expanded-row-fixed { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -12px -8px -12px 25px; } .ant-table.ant-table-small { font-size: 14px; } .ant-table.ant-table-small .ant-table-title, .ant-table.ant-table-small .ant-table-footer, .ant-table.ant-table-small .ant-table-thead > tr > th, .ant-table.ant-table-small .ant-table-tbody > tr > td, .ant-table.ant-table-small tfoot > tr > th, .ant-table.ant-table-small tfoot > tr > td { padding: 8px 8px; } .ant-table.ant-table-small .ant-table-thead th.ant-table-column-has-sorters { padding: 0; } .ant-table.ant-table-small .ant-table-thead .ant-table-filter-column { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title { padding: 8px 2.3em 8px 8px; } .ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters { padding: 8px 8px; } .ant-table.ant-table-small .ant-table-expanded-row-fixed { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -8px -8px -8px 25px; } .ant-table-small .ant-table-thead > tr > th { background-color: #fafafa; } .ant-table-small .ant-table-selection-column { width: 46px; min-width: 46px; } .ant-table.ant-table-bordered > .ant-table-title { border: 1px solid #f0f0f0; border-bottom: 0; } .ant-table.ant-table-bordered > .ant-table-container { border: 1px solid #f0f0f0; border-right: 0; border-bottom: 0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { position: absolute; top: 0; right: 1px; bottom: 0; border-right: 1px solid #f0f0f0; content: ''; } .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td, .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td { border-right: 0; } .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -12px -9px; } .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -8px -9px; } .ant-table.ant-table-bordered > .ant-table-footer { border: 1px solid #f0f0f0; border-top: 0; } .ant-table-cell .ant-table-container:first-child { border-top: 0; } .ant-table-cell-scrollbar { box-shadow: 0 1px 0 1px #fafafa; } .ant-table-wrapper { clear: both; max-width: 100%; } .ant-table-wrapper::before { display: table; content: ''; } .ant-table-wrapper::after { display: table; clear: both; content: ''; } .ant-table { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; font-size: 14px; background: #fff; border-radius: 2px; } .ant-table table { width: 100%; text-align: left; border-radius: 2px 2px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { position: relative; padding: 16px 16px; overflow-wrap: break-word; } .ant-table-cell-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first { overflow: visible; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { display: block; overflow: hidden; text-overflow: ellipsis; } .ant-table-title { padding: 16px 16px; } .ant-table-footer { padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; } .ant-table-thead > tr > th { color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #f0f0f0; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #f0f0f0; transition: background 0.3s; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table { margin: -16px -16px -16px 33px; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td { border-bottom: 0; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0; } .ant-table-tbody > tr.ant-table-row:hover > td { background: #fafafa; } .ant-table-tbody > tr.ant-table-row-selected > td { background: #e6f7ff; border-color: rgba(0, 0, 0, 0.03); } .ant-table-tbody > tr.ant-table-row-selected:hover > td { background: #dcf4ff; } .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { border-bottom: 1px solid #f0f0f0; } .ant-table-pagination.ant-pagination { margin: 16px 0; } .ant-table-pagination { display: flex; } .ant-table-pagination-left { justify-content: flex-start; } .ant-table-pagination-center { justify-content: center; } .ant-table-pagination-right { justify-content: flex-end; } .ant-table-thead th.ant-table-column-has-sorters { padding: 0; cursor: pointer; transition: all 0.3s; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: #f2f2f2; } .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container { background: #f7f7f7; } .ant-table-thead th.ant-table-column-sort { background: #f5f5f5; } td.ant-table-column-sort { background: #fafafa; } .ant-table-column-sorters-with-tooltip { display: inline-block; width: 100%; } .ant-table-column-sorters { display: inline-flex; align-items: center; padding: 16px 16px; } .ant-table-column-sorter { margin-top: 0.15em; margin-bottom: -0.15em; margin-left: 8px; color: #bfbfbf; } .ant-table-column-sorter-full { margin-top: -0.2em; margin-bottom: 0; } .ant-table-column-sorter-inner { display: inline-flex; flex-direction: column; align-items: center; } .ant-table-column-sorter-up, .ant-table-column-sorter-down { font-size: 11px; } .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active { color: #1890ff; } .ant-table-column-sorter-up + .ant-table-column-sorter-down { margin-top: -0.3em; } .ant-table-filter-column { display: flex; align-items: center; margin: -16px -16px; } .ant-table-filter-column-title { flex: auto; padding: 16px 2.3em 16px 16px; } .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column { margin: 0; } .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 2.3em 0 0; } .ant-table-filter-trigger-container { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex: none; align-items: stretch; align-self: stretch; cursor: pointer; transition: background-color 0.3s; } .ant-table-filter-trigger-container-open, .ant-table-filter-trigger-container:hover, .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover { background: #e5e5e5; } .ant-table-filter-trigger { display: block; width: 2.3em; color: #bfbfbf; font-size: 12px; transition: color 0.3s; } .ant-table-filter-trigger .anticon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ant-table-filter-trigger-container-open .ant-table-filter-trigger, .ant-table-filter-trigger:hover { color: rgba(0, 0, 0, 0.45); } .ant-table-filter-trigger.active { color: #1890ff; } .ant-table-filter-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; min-width: 120px; background-color: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: 264px; overflow-x: hidden; border: 0; box-shadow: none; } .ant-table-filter-dropdown-submenu > ul { max-height: calc(100vh - 130px); overflow-x: hidden; overflow-y: auto; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-table-filter-dropdown-btns { display: flex; justify-content: space-between; padding: 7px 8px 7px 3px; overflow: hidden; background-color: inherit; border-top: 1px solid #f0f0f0; } .ant-table .ant-table-selection-col { width: 32px; } table tr th.ant-table-selection-column, table tr td.ant-table-selection-column { padding-right: 8px; padding-left: 8px; text-align: center; } table tr th.ant-table-selection-column .ant-radio-wrapper, table tr td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } .ant-table-selection { position: relative; display: inline-flex; flex-direction: column; } .ant-table-selection-extra { position: absolute; top: 0; z-index: 1; cursor: pointer; transition: all 0.3s; margin-inline-start: 100%; padding-inline-start: 4px; } .ant-table-selection-extra .anticon { color: #bfbfbf; font-size: 10px; } .ant-table-selection-extra .anticon:hover { color: #a6a6a6; } .ant-table-expand-icon-col { width: 48px; } .ant-table-row-expand-icon-cell { text-align: center; } .ant-table-row-indent { float: left; height: 1px; } .ant-table-row-expand-icon { color: #1890ff; text-decoration: none; cursor: pointer; transition: color 0.3s; position: relative; display: inline-flex; float: left; box-sizing: border-box; width: 17px; height: 17px; padding: 0; color: inherit; line-height: 17px; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; outline: none; transform: scale(0.94117647); transform-origin: bottom; transition: all 0.3s; user-select: none; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { color: #40a9ff; } .ant-table-row-expand-icon:active { color: #096dd9; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentColor; } .ant-table-row-expand-icon::before, .ant-table-row-expand-icon::after { position: absolute; background: currentColor; transition: transform 0.3s ease-out; content: ''; } .ant-table-row-expand-icon::before { top: 7px; right: 3px; left: 3px; height: 1px; } .ant-table-row-expand-icon::after { top: 3px; bottom: 3px; left: 7px; width: 1px; transform: rotate(90deg); } .ant-table-row-expand-icon-collapsed::before { transform: rotate(-180deg); } .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } .ant-table-row-expand-icon-spaced { background: transparent; border: 0; visibility: hidden; } .ant-table-row-expand-icon-spaced::before, .ant-table-row-expand-icon-spaced::after { display: none; content: none; } .ant-table-row-indent + .ant-table-row-expand-icon { margin-top: 2.5005px; margin-right: 8px; } tr.ant-table-expanded-row > td, tr.ant-table-expanded-row:hover > td { background: #fbfbfb; } tr.ant-table-expanded-row .ant-descriptions-view table { width: auto; } .ant-table .ant-table-expanded-row-fixed { position: relative; margin: -16px -16px; padding: 16px 16px; } .ant-table-tbody > tr.ant-table-placeholder { text-align: center; } .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { color: rgba(0, 0, 0, 0.25); } .ant-table-tbody > tr.ant-table-placeholder:hover > td { background: #fff; } .ant-table-cell-fix-left, .ant-table-cell-fix-right { position: -webkit-sticky !important; position: sticky !important; z-index: 2; background: #fff; } .ant-table-cell-fix-left-first::after, .ant-table-cell-fix-left-last::after { position: absolute; top: 0; right: 0; bottom: -1px; width: 30px; transform: translateX(100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table-cell-fix-right-first::after, .ant-table-cell-fix-right-last::after { position: absolute; top: 0; bottom: -1px; left: 0; width: 30px; transform: translateX(-100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before, .ant-table .ant-table-container::after { position: absolute; top: 0; bottom: 0; z-index: 1; width: 30px; transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before { left: 0; } .ant-table .ant-table-container::after { right: 0; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container { position: relative; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-first::after, .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container { position: relative; } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-right .ant-table-cell-fix-right-first::after, .ant-table-ping-right .ant-table-cell-fix-right-last::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-sticky-header { position: sticky; z-index: calc(2 + 1); } .ant-table-sticky-scroll { position: sticky; bottom: 0; z-index: calc(2 + 1); display: flex; align-items: center; background: #ffffff; border-top: 1px solid #f0f0f0; opacity: 0.6; } .ant-table-sticky-scroll:hover { transform-origin: center bottom; } .ant-table-sticky-scroll-bar { height: 8px; background-color: rgba(0, 0, 0, 0.35); border-radius: 4px; } .ant-table-sticky-scroll-bar:hover { background-color: rgba(0, 0, 0, 0.8); } .ant-table-sticky-scroll-bar-active { background-color: rgba(0, 0, 0, 0.8); } @media all and (-ms-high-contrast: none) { .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: none !important; } .ant-table-ping-right .ant-table-cell-fix-right-first::after { box-shadow: none !important; } } .ant-table { /* title + table */ /* table */ /* table + footer */ } .ant-table-title { border-radius: 2px 2px 0 0; } .ant-table-title + .ant-table-container { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child { border-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child { border-radius: 0; } .ant-table-container { border-top-left-radius: 2px; border-top-right-radius: 2px; } .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 2px; } .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 2px; } .ant-table-footer { border-radius: 0 0 2px 2px; } .ant-table-wrapper-rtl { direction: rtl; } .ant-table-rtl { direction: rtl; } .ant-table-wrapper-rtl .ant-table table { text-align: right; } .ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-wrapper-rtl .ant-table-thead > tr > th { text-align: right; } .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { margin: -16px 33px -16px -16px; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { justify-content: flex-end; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { justify-content: flex-start; } .ant-table-wrapper-rtl .ant-table-column-sorter { margin-right: 8px; margin-left: 0; } .ant-table-wrapper-rtl .ant-table-filter-column-title { padding: 16px 16px 16px 2.3em; } .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 0 0 2.3em; } .ant-table-wrapper-rtl .ant-table-filter-trigger-container { right: auto; left: 0; } .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-right: 8px; padding-left: 0; } .ant-table-wrapper-rtl .ant-table-selection { text-align: center; } .ant-table-wrapper-rtl .ant-table-row-indent { float: right; } .ant-table-wrapper-rtl .ant-table-row-expand-icon { float: right; } .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 0; margin-left: 8px; } .ant-table-wrapper-rtl .ant-table-row-expand-icon::after { transform: rotate(-90deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { transform: rotate(180deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } /* 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-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, 0.85); background: #fff; border-color: #d9d9d9; } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0; box-shadow: none; } .ant-btn[disabled] { cursor: not-allowed; } .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 2px; } .ant-btn-sm { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 2px; } .ant-btn > a:only-child { color: currentColor; } .ant-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus { color: #40a9ff; background: #fff; border-color: #40a9ff; } .ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child { color: currentColor; } .ant-btn:hover > a:only-child::after, .ant-btn:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:active { color: #096dd9; background: #fff; border-color: #096dd9; } .ant-btn:active > a:only-child { color: currentColor; } .ant-btn:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn[disabled] > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:active > a:only-child { color: currentColor; } .ant-btn[disabled] > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn[disabled]:focus > a:only-child::after, .ant-btn[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active { text-decoration: none; background: #fff; } .ant-btn > span { display: inline-block; } .ant-btn-primary { color: #fff; background: #1890ff; border-color: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #fff; background: #40a9ff; border-color: #40a9ff; } .ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child { color: currentColor; } .ant-btn-primary:hover > a:only-child::after, .ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:active { color: #fff; background: #096dd9; border-color: #096dd9; } .ant-btn-primary:active > a:only-child { color: currentColor; } .ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:active > a:only-child { color: currentColor; } .ant-btn-primary[disabled] > a:only-child::after, .ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #40a9ff; border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #40a9ff; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-left-color: #d9d9d9; } .ant-btn-ghost { color: rgba(0, 0, 0, 0.85); background: transparent; border-color: #d9d9d9; } .ant-btn-ghost > a:only-child { color: currentColor; } .ant-btn-ghost > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: #40a9ff; background: transparent; border-color: #40a9ff; } .ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child { color: currentColor; } .ant-btn-ghost:hover > a:only-child::after, .ant-btn-ghost:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:active { color: #096dd9; background: transparent; border-color: #096dd9; } .ant-btn-ghost:active > a:only-child { color: currentColor; } .ant-btn-ghost:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:hover, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child { color: currentColor; } .ant-btn-ghost[disabled] > a:only-child::after, .ant-btn-ghost[disabled]:hover > a:only-child::after, .ant-btn-ghost[disabled]:focus > a:only-child::after, .ant-btn-ghost[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed { color: rgba(0, 0, 0, 0.85); background: #fff; border-color: #d9d9d9; border-style: dashed; } .ant-btn-dashed > a:only-child { color: currentColor; } .ant-btn-dashed > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: #40a9ff; background: #fff; border-color: #40a9ff; } .ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child { color: currentColor; } .ant-btn-dashed:hover > a:only-child::after, .ant-btn-dashed:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:active { color: #096dd9; background: #fff; border-color: #096dd9; } .ant-btn-dashed:active > a:only-child { color: currentColor; } .ant-btn-dashed:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:hover, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child { color: currentColor; } .ant-btn-dashed[disabled] > a:only-child::after, .ant-btn-dashed[disabled]:hover > a:only-child::after, .ant-btn-dashed[disabled]:focus > a:only-child::after, .ant-btn-dashed[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger { color: #fff; background: #ff4d4f; border-color: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-danger > a:only-child { color: currentColor; } .ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: #fff; background: #ff7875; border-color: #ff7875; } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentColor; } .ant-btn-danger:hover > a:only-child::after, .ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:active { color: #fff; background: #d9363e; border-color: #d9363e; } .ant-btn-danger:active > a:only-child { color: currentColor; } .ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:active > a:only-child { color: currentColor; } .ant-btn-danger[disabled] > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link { color: #1890ff; background: transparent; border-color: transparent; box-shadow: none; } .ant-btn-link > a:only-child { color: currentColor; } .ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus { color: #40a9ff; background: transparent; border-color: #40a9ff; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentColor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:active { color: #096dd9; background: transparent; border-color: #096dd9; } .ant-btn-link:active > a:only-child { color: currentColor; } .ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentColor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover { background: transparent; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: transparent; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentColor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text { color: rgba(0, 0, 0, 0.85); background: transparent; border-color: transparent; box-shadow: none; } .ant-btn-text > a:only-child { color: currentColor; } .ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: #40a9ff; background: transparent; border-color: #40a9ff; } .ant-btn-text:hover > a:only-child, .ant-btn-text:focus > a:only-child { color: currentColor; } .ant-btn-text:hover > a:only-child::after, .ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:active { color: #096dd9; background: transparent; border-color: #096dd9; } .ant-btn-text:active > a:only-child { color: currentColor; } .ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentColor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.018); border-color: transparent; } .ant-btn-text:active { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.028); border-color: transparent; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: transparent; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentColor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous { color: #ff4d4f; background: #fff; border-color: #ff4d4f; } .ant-btn-dangerous > a:only-child { color: currentColor; } .ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:hover, .ant-btn-dangerous:focus { color: #ff7875; background: #fff; border-color: #ff7875; } .ant-btn-dangerous:hover > a:only-child, .ant-btn-dangerous:focus > a:only-child { color: currentColor; } .ant-btn-dangerous:hover > a:only-child::after, .ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:active { color: #d9363e; background: #fff; border-color: #d9363e; } .ant-btn-dangerous:active > a:only-child { color: currentColor; } .ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:hover, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-dangerous[disabled] > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:active > a:only-child { color: currentColor; } .ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary { color: #fff; background: #ff4d4f; border-color: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-dangerous.ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:hover, .ant-btn-dangerous.ant-btn-primary:focus { color: #fff; background: #ff7875; border-color: #ff7875; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:active { color: #fff; background: #d9363e; border-color: #d9363e; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:hover, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link { color: #ff4d4f; background: transparent; border-color: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-link > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #40a9ff; background: transparent; border-color: #40a9ff; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #096dd9; background: transparent; border-color: #096dd9; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; background: transparent; border-color: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #d9363e; background: transparent; border-color: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text { color: #ff4d4f; background: transparent; border-color: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-text > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #40a9ff; background: transparent; border-color: #40a9ff; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #096dd9; background: transparent; border-color: #096dd9; } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #ff7875; background: rgba(0, 0, 0, 0.018); border-color: transparent; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #d9363e; background: rgba(0, 0, 0, 0.028); border-color: transparent; } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentColor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 2.4px 0; font-size: 16px; border-radius: 2px; vertical-align: -1px; } .ant-btn-icon-only > * { font-size: 16px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 4.9px 0; font-size: 18px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-lg > * { font-size: 18px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0px 0; font-size: 14px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-sm > * { font-size: 14px; } .ant-btn-round { height: 32px; padding: 4px 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 6.4px 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0px 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: 0.35; transition: opacity 0.2s; content: ''; pointer-events: none; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizeSpeed; } .ant-btn.ant-btn-loading { position: relative; } .ant-btn.ant-btn-loading:not([disabled]) { pointer-events: none; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn > .ant-btn-loading-icon .anticon { padding-right: 8px; animation: none; } .ant-btn > .ant-btn-loading-icon .anticon svg { animation: loadingCircle 1s infinite linear; } .ant-btn > .ant-btn-loading-icon:only-child .anticon { padding-right: 0; } .ant-btn-group { position: relative; display: inline-flex; } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active { z-index: 2; } .ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] { z-index: 0; } .ant-btn-group .ant-btn-icon-only { font-size: 14px; } .ant-btn-group-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 0; } .ant-btn-group-lg .ant-btn.ant-btn-icon-only { width: 40px; height: 40px; padding-right: 0; padding-left: 0; } .ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 0; } .ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon { font-size: 14px; } .ant-btn-group-sm .ant-btn.ant-btn-icon-only { width: 24px; height: 24px; padding-right: 0; padding-left: 0; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0; } .ant-btn-group > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group { margin-right: -1px; margin-left: auto; } .ant-btn-group.ant-btn-group-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn-background-ghost { color: #fff; background: transparent !important; border-color: #fff; } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; background: transparent; border-color: #1890ff; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #40a9ff; background: transparent; border-color: #40a9ff; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:active { color: #096dd9; background: transparent; border-color: #096dd9; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; background: transparent; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #ff7875; background: transparent; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:active { color: #d9363e; background: transparent; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous { color: #ff4d4f; background: transparent; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:hover, .ant-btn-background-ghost.ant-btn-dangerous:focus { color: #ff7875; background: transparent; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:active { color: #d9363e; background: transparent; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { color: #ff4d4f; background: transparent; border-color: transparent; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; background: transparent; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { color: #d9363e; background: transparent; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentColor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > *:not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn-block { width: 100%; } .ant-btn:empty { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } a.ant-btn { padding-top: 0.1px; line-height: 30px; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-btn-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { border-right-color: #40a9ff; border-left-color: #d9d9d9; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-right-color: #d9d9d9; border-left-color: #40a9ff; } .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { padding-right: 0; padding-left: 8px; } .ant-btn > .ant-btn-loading-icon:only-child .anticon { padding-right: 0; padding-left: 0; } .ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon { margin-right: 8px; margin-left: 0; } /* 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-empty { margin: 0 8px; font-size: 14px; line-height: 1.5715; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-empty-img-default-ellipse { fill: #f5f5f5; fill-opacity: 0.8; } .ant-empty-img-default-path-1 { fill: #aeb8c2; } .ant-empty-img-default-path-2 { fill: url(#linearGradient-1); } .ant-empty-img-default-path-3 { fill: #f5f5f7; } .ant-empty-img-default-path-4 { fill: #dce0e6; } .ant-empty-img-default-path-5 { fill: #dce0e6; } .ant-empty-img-default-g { fill: #fff; } .ant-empty-img-simple-ellipse { fill: #f5f5f5; } .ant-empty-img-simple-g { stroke: #d9d9d9; } .ant-empty-img-simple-path { fill: #fafafa; } .ant-empty-rtl { direction: rtl; } /* 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-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; font-size: 0; line-height: unset; } .ant-radio-group .ant-badge-count { z-index: 1; } .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { border-left: none; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; margin-right: 8px; white-space: nowrap; cursor: pointer; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0px; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: text-bottom; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #1890ff; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; visibility: hidden; animation: antRadioEffect 0.36s ease-in-out; animation-fill-mode: both; content: ''; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 50%; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 3px; left: 3px; display: table; width: 8px; height: 8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 8px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio-checked .ant-radio-inner { border-color: #1890ff; } .ant-radio-checked .ant-radio-inner::after { transform: scale(1); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled { cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left-width: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.85); } .ant-radio-button-wrapper > .ant-radio-button { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: -1px; left: -1px; display: block; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; transition: background-color 0.3s; content: ''; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper:last-child { border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 2px; } .ant-radio-button-wrapper:hover { position: relative; color: #1890ff; } .ant-radio-button-wrapper:focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type='checkbox'], .ant-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #1890ff; background: #fff; border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #40a9ff; border-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { background-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #096dd9; border-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { background-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #40a9ff; border-color: #40a9ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #096dd9; border-color: #096dd9; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-radio-group.ant-radio-group-rtl { direction: rtl; } .ant-radio-wrapper.ant-radio-wrapper-rtl { margin-right: 0; margin-left: 8px; direction: rtl; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { border-right-width: 0; border-left-width: 1px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { right: -1px; left: 0; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { border-right: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { border-right-color: #40a9ff; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { border-right-color: #d9d9d9; } /* 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 */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #1890ff; } .ant-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-checkbox-rtl { direction: rtl; } .ant-checkbox-group-rtl .ant-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 8px; } /* 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-dropdown-menu-item.ant-dropdown-menu-item-danger { color: #ff4d4f; } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { color: #fff; background-color: #ff4d4f; } .ant-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; top: -4px; right: 0; bottom: -4px; left: -7px; z-index: -9999; opacity: 0.0001; content: ' '; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 10px; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden { display: none; } .ant-dropdown-show-arrow.ant-dropdown-placement-topCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-topRight { padding-bottom: 10px; } .ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight { padding-top: 10px; } .ant-dropdown-arrow { position: absolute; z-index: 1; display: block; width: 8.48528137px; height: 8.48528137px; background: transparent; border-style: solid; border-width: 4.24264069px; transform: rotate(45deg); } .ant-dropdown-placement-topCenter > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow { bottom: 6.2px; border-top-color: transparent; border-right-color: #fff; border-bottom-color: #fff; border-left-color: transparent; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-dropdown-placement-topCenter > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-dropdown-placement-topLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-topRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { top: 6px; border-top-color: #fff; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); } .ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; box-shadow: none; transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; cursor: pointer; transition: all 0.3s; } .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-menu-item > a > .anticon:first-child, .ant-dropdown-menu-submenu-title > a > .anticon:first-child, .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-menu-submenu-title > span > .anticon:first-child { min-width: 12px; margin-right: 8px; font-size: 12px; vertical-align: -0.1em; } .ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a { display: block; margin: -5px -12px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-submenu-title > a:hover { color: rgba(0, 0, 0, 0.85); } .ant-dropdown-menu-item > .anticon + span > a, .ant-dropdown-menu-submenu-title > .anticon + span > a { color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-dropdown-menu-item > .anticon + span > a:hover, .ant-dropdown-menu-submenu-title > .anticon + span > a:hover { color: rgba(0, 0, 0, 0.85); } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected, .ant-dropdown-menu-item-selected > a, .ant-dropdown-menu-submenu-title-selected > a { color: #1890ff; background-color: #e6f7ff; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: #f5f5f5; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-disabled > .anticon + span > a, .ant-dropdown-menu-submenu-title-disabled > .anticon + span > a, .ant-dropdown-menu-item-disabled > a, .ant-dropdown-menu-submenu-title-disabled > a { position: relative; color: rgba(0, 0, 0, 0.25); pointer-events: none; } .ant-dropdown-menu-item-disabled > .anticon + span > a::after, .ant-dropdown-menu-submenu-title-disabled > .anticon + span > a::after, .ant-dropdown-menu-item-disabled > a::after, .ant-dropdown-menu-submenu-title-disabled > a::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: not-allowed; content: ''; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #f0f0f0; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-right: 0 !important; color: rgba(0, 0, 0, 0.45); font-size: 10px; font-style: normal; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 24px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #1890ff; } .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter, .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter, .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down { font-size: 10px; vertical-align: baseline; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: #fff; background: #1890ff; } .ant-dropdown-rtl { direction: rtl; } .ant-dropdown-rtl.ant-dropdown::before { right: -7px; left: 0; } .ant-dropdown-menu.ant-dropdown-menu-rtl { direction: rtl; text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item-group-title { direction: rtl; text-align: right; } .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { transform-origin: 100% 0; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child { margin-right: 0; margin-left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow { right: auto; left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { margin-left: 0 !important; transform: scaleX(-1); } .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { padding-right: 12px; padding-left: 24px; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { right: 100%; left: 0; margin-right: 4px; margin-left: 0; } /* 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-spin { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; display: none; color: #1890ff; text-align: center; vertical-align: middle; opacity: 0; transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading > div > .ant-spin { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100%; max-height: 400px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; text-shadow: 0 1px 2px #fff; } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -7px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 2px; } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -16px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 11px; } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px; } .ant-spin-container { position: relative; transition: opacity 0.3s; } .ant-spin-container::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none \9; width: 100%; height: 100%; background: #fff; opacity: 0; transition: all 0.3s; content: ''; pointer-events: none; } .ant-spin-blur { clear: both; overflow: hidden; opacity: 0.5; user-select: none; pointer-events: none; } .ant-spin-blur::after { opacity: 0.4; pointer-events: auto; } .ant-spin-tip { color: rgba(0, 0, 0, 0.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #1890ff; border-radius: 100%; transform: scale(0.75); transform-origin: 50% 50%; opacity: 0.3; animation: antSpinMove 1s infinite linear alternate; } .ant-spin-dot-item:nth-child(1) { top: 0; left: 0; } .ant-spin-dot-item:nth-child(2) { top: 0; right: 0; animation-delay: 0.4s; } .ant-spin-dot-item:nth-child(3) { right: 0; bottom: 0; animation-delay: 0.8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0; left: 0; animation-delay: 1.2s; } .ant-spin-dot-spin { transform: rotate(45deg); animation: antRotate 1.2s infinite linear; } .ant-spin-sm .ant-spin-dot { font-size: 14px; } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px; } .ant-spin-lg .ant-spin-dot { font-size: 32px; } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */ .ant-spin-blur { background: #fff; opacity: 0.5; } } @keyframes antSpinMove { to { opacity: 1; } } @keyframes antRotate { to { transform: rotate(405deg); } } .ant-spin-rtl { direction: rtl; } .ant-spin-rtl .ant-spin-dot-spin { transform: rotate(-45deg); animation-name: antRotateRtl; } @keyframes antRotateRtl { to { transform: rotate(-405deg); } } /* 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-pagination { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-pagination ul, .ant-pagination ol { margin: 0; padding: 0; list-style: none; } .ant-pagination::after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: ' '; } .ant-pagination-total-text { display: inline-block; height: 32px; margin-right: 8px; line-height: 30px; vertical-align: middle; } .ant-pagination-item { display: inline-block; min-width: 32px; height: 32px; margin-right: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 30px; text-align: center; vertical-align: middle; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: 0; cursor: pointer; user-select: none; } .ant-pagination-item a { display: block; padding: 0 6px; color: rgba(0, 0, 0, 0.85); transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:focus, .ant-pagination-item:hover { border-color: #1890ff; transition: all 0.3s; } .ant-pagination-item:focus a, .ant-pagination-item:hover a { color: #1890ff; } .ant-pagination-item-active { font-weight: 500; background: #fff; border-color: #1890ff; } .ant-pagination-item-active a { color: #1890ff; } .ant-pagination-item-active:focus, .ant-pagination-item-active:hover { border-color: #40a9ff; } .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a { color: #40a9ff; } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0; } .ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container { position: relative; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { color: #1890ff; font-size: 12px; letter-spacing: -1px; opacity: 0; transition: all 0.2s; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; color: rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; text-indent: 0.13em; opacity: 1; transition: all 0.2s; } .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus .ant-pagination-item-link-icon, .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 8px; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { display: inline-block; min-width: 32px; height: 32px; color: rgba(0, 0, 0, 0.85); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 32px; text-align: center; vertical-align: middle; list-style: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-pagination-prev, .ant-pagination-next { font-family: Arial, Helvetica, sans-serif; outline: 0; } .ant-pagination-prev button, .ant-pagination-next button { color: rgba(0, 0, 0, 0.85); cursor: pointer; user-select: none; } .ant-pagination-prev:hover button, .ant-pagination-next:hover button { border-color: #40a9ff; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: block; width: 100%; height: 100%; padding: 0; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: all 0.3s; } .ant-pagination-prev:focus .ant-pagination-item-link, .ant-pagination-next:focus .ant-pagination-item-link, .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: #1890ff; border-color: #1890ff; } .ant-pagination-disabled, .ant-pagination-disabled:hover, .ant-pagination-disabled:focus { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } @media all and (-ms-high-contrast: none) { .ant-pagination-options *::-ms-backdrop, .ant-pagination-options { vertical-align: top; } } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; } .ant-pagination-options-quick-jumper { display: inline-block; height: 32px; margin-left: 8px; line-height: 32px; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; width: 50px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { opacity: 1; } .ant-pagination-options-quick-jumper input::placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input-borderless, .ant-pagination-options-quick-jumper input-borderless:hover, .ant-pagination-options-quick-jumper input-borderless:focus, .ant-pagination-options-quick-jumper input-borderless-focused, .ant-pagination-options-quick-jumper input-borderless-disabled, .ant-pagination-options-quick-jumper input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-pagination-options-quick-jumper input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { padding: 0px 7px; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { height: 24px; background-color: transparent; border: 0; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .ant-pagination-simple .ant-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #1890ff; } .ant-pagination-simple .ant-pagination-simple-pager input[disabled] { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.mini .ant-pagination-total-text, .ant-pagination.mini .ant-pagination-simple-pager { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-item { min-width: 24px; height: 24px; margin: 0; line-height: 22px; } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev, .ant-pagination.mini .ant-pagination-next { min-width: 24px; height: 24px; margin: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-jump-prev, .ant-pagination.mini .ant-pagination-jump-next { height: 24px; margin-right: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.mini .ant-pagination-options-size-changer { top: 0px; } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-options-quick-jumper input { padding: 0px 7px; width: 44px; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: #dbdbdb; border-color: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: #fff; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { background: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis { opacity: 1; } .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager { color: rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-pagination-rtl .ant-pagination-total-text { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-item, .ant-pagination-rtl .ant-pagination-prev, .ant-pagination-rtl .ant-pagination-jump-prev, .ant-pagination-rtl .ant-pagination-jump-next { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-slash { margin: 0 5px 0 10px; } .ant-pagination-rtl .ant-pagination-options { margin-right: 16px; margin-left: 0; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper { margin-left: 0; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options { margin-right: 2px; margin-left: 0; } /* 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-select-single .ant-select-selector { display: flex; } .ant-select-single .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; right: 11px; bottom: 0; left: 11px; } .ant-select-single .ant-select-selector .ant-select-selection-search-input { width: 100%; } .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 30px; transition: all 0.3s; } @supports (-moz-appearance: meterbar) { .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 30px; } } .ant-select-single .ant-select-selector .ant-select-selection-item { position: relative; user-select: none; } .ant-select-single .ant-select-selector .ant-select-selection-placeholder { pointer-events: none; } .ant-select-single .ant-select-selector::after, .ant-select-single .ant-select-selector .ant-select-selection-item::after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 25px; } .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 18px; } .ant-select-single.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 32px; padding: 0 11px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 30px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 30px; } .ant-select-single.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; right: 0; left: 0; padding: 0 11px; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 40px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 38px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 38px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { height: 24px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search { right: 7px; left: 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { padding: 0 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 28px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 21px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } /** * Do not merge `height` & `line-height` under style with `selection` & `search`, * since chrome may update to redesign with its align logic. */ .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; } .ant-select-multiple .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; padding: 1px 4px; } .ant-select-show-search.ant-select-multiple .ant-select-selector { cursor: text; } .ant-select-disabled.ant-select-multiple .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple .ant-select-selector::after { display: inline-block; width: 0; margin: 2px 0; line-height: 24px; content: '\a0'; } .ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 24px; } .ant-select-multiple .ant-select-selection-item { position: relative; display: flex; flex: none; box-sizing: border-box; max-width: 100%; height: 24px; margin-top: 2px; margin-bottom: 2px; line-height: 22px; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; user-select: none; margin-inline-end: 4px; padding-inline-start: 8px; padding-inline-end: 4px; } .ant-select-disabled.ant-select-multiple .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple .ant-select-selection-item-content { display: inline-block; margin-right: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } .ant-select-multiple .ant-select-selection-item-remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } .ant-select-multiple .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { margin-inline-start: 0; } .ant-select-multiple .ant-select-selection-search { position: relative; max-width: 100%; margin-top: 2px; margin-bottom: 2px; margin-inline-start: 7px; } .ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror { height: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 24px; transition: all 0.3s; } .ant-select-multiple .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple .ant-select-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; right: 11px; left: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-multiple.ant-select-lg .ant-select-selector::after { line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search { height: 32px; line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-sm .ant-select-selector::after { line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { height: 16px; line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { left: 7px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input { margin-left: 3px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 32px; } .ant-select-disabled .ant-select-selection-item-remove { display: none; } /* Reset search input style */ .ant-select { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; cursor: pointer; } .ant-select:not(.ant-select-customize-input) .ant-select-selector { position: relative; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: pointer; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: text; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: auto; } .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { background: #f5f5f5; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: not-allowed; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { margin: 0; padding: 0; background: transparent; border: none; outline: none; appearance: none; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #40a9ff; border-right-width: 1px !important; } .ant-select-selection-item { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media all and (-ms-high-contrast: none) { .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item { flex: auto; } } .ant-select-selection-placeholder { flex: 1; overflow: hidden; color: #bfbfbf; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } @media all and (-ms-high-contrast: none) { .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder { flex: auto; } } .ant-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 53%; right: 11px; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; text-align: center; pointer-events: none; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .anticon { vertical-align: top; transition: transform 0.3s; } .ant-select-arrow .anticon > svg { vertical-align: top; } .ant-select-arrow .anticon:not(.ant-select-suffix) { pointer-events: auto; } .ant-select-disabled .ant-select-arrow { cursor: not-allowed; } .ant-select-clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; text-rendering: auto; } .ant-select-clear::before { display: block; } .ant-select-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select:hover .ant-select-clear { opacity: 1; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; padding: 4px 0; overflow: hidden; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownIn; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-empty { color: rgba(0, 0, 0, 0.25); } .ant-select-item-empty { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.25); } .ant-select-item { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: background 0.3s ease; } .ant-select-item-group { color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: default; } .ant-select-item-option { display: flex; } .ant-select-item-option-content { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-item-option-state { flex: none; } .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: #f5f5f5; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #e6f7ff; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { color: #1890ff; } .ant-select-item-option-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-item-option-grouped { padding-left: 24px; } .ant-select-lg { font-size: 16px; } .ant-select-borderless .ant-select-selector { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-select-rtl { direction: rtl; } .ant-select-rtl .ant-select-arrow { right: initial; left: 11px; } .ant-select-rtl .ant-select-clear { right: initial; left: 11px; } .ant-select-dropdown-rtl { direction: rtl; } .ant-select-dropdown-rtl .ant-select-item-option-grouped { padding-right: 24px; padding-left: 12px; } .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 4px; padding-left: 24px; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item { text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content { margin-right: 0; margin-left: 4px; text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror { right: 0; left: auto; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search:first-child > .ant-select-selection-search-input { margin-right: 5px !important; margin-left: 0 !important; } .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder { right: 11px; left: auto; } .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { right: 7px; } .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder { right: 0; left: 9px; text-align: right; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 11px; left: 25px; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 18px; } .ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 0; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 21px; } /* 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-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1070; display: block; max-width: 250px; visibility: visible; } .ant-tooltip-hidden { display: none; } .ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight { padding-bottom: 8px; } .ant-tooltip-placement-right, .ant-tooltip-placement-rightTop, .ant-tooltip-placement-rightBottom { padding-left: 8px; } .ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight { padding-top: 8px; } .ant-tooltip-placement-left, .ant-tooltip-placement-leftTop, .ant-tooltip-placement-leftBottom { padding-right: 8px; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: left; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tooltip-arrow { position: absolute; display: block; width: 13.07106781px; height: 13.07106781px; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 5px; height: 5px; margin: auto; background-color: rgba(0, 0, 0, 0.75); content: ''; pointer-events: auto; } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: -5.07106781px; } .ant-tooltip-placement-top .ant-tooltip-arrow-content, .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; transform: translateX(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: -5.07106781px; } .ant-tooltip-placement-right .ant-tooltip-arrow-content, .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(6.53553391px) rotate(45deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: -5.07106781px; } .ant-tooltip-placement-left .ant-tooltip-arrow-content, .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-6.53553391px) rotate(45deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; transform: translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: -5.07106781px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateY(6.53553391px) rotate(45deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; transform: translateX(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-pink .ant-tooltip-arrow-content { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-arrow-content { background-color: #eb2f96; } .ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } .ant-tooltip-red .ant-tooltip-arrow-content { background-color: #f5222d; } .ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } .ant-tooltip-volcano .ant-tooltip-arrow-content { background-color: #fa541c; } .ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } .ant-tooltip-orange .ant-tooltip-arrow-content { background-color: #fa8c16; } .ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } .ant-tooltip-yellow .ant-tooltip-arrow-content { background-color: #fadb14; } .ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } .ant-tooltip-gold .ant-tooltip-arrow-content { background-color: #faad14; } .ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } .ant-tooltip-cyan .ant-tooltip-arrow-content { background-color: #13c2c2; } .ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } .ant-tooltip-lime .ant-tooltip-arrow-content { background-color: #a0d911; } .ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } .ant-tooltip-green .ant-tooltip-arrow-content { background-color: #52c41a; } .ant-tooltip-blue .ant-tooltip-inner { background-color: #1890ff; } .ant-tooltip-blue .ant-tooltip-arrow-content { background-color: #1890ff; } .ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } .ant-tooltip-geekblue .ant-tooltip-arrow-content { background-color: #2f54eb; } .ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } .ant-tooltip-purple .ant-tooltip-arrow-content { background-color: #722ed1; } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip-rtl .ant-tooltip-inner { text-align: right; } h1, h2, h3, h4, h5, h6 { margin: 0; } div { overflow-wrap: break-word; } .flex { display: flex; } .f-d-col { flex-direction: column; } .f-jc-spb { justify-content: space-between; } .f-jc-end { justify-content: flex-end; }